@charset "UTF-8";

#dlContent{
font-size: 14px;
line-height: 1.5;
}

#dlContent .dlcntname{
background: url(../images/railwaybg_gray.gif) repeat-x;
-webkit-background-size: 13px auto;
background-size: 13px auto;

padding: 15px 0;
display: block;
margin: 0 0 18px 0;
text-align: center;
position: relative;
}
#dlContent .dlcntname:after{
background: url(../images/railwaybg_gray.gif) repeat-x;
-webkit-background-size: 13px auto;
background-size: 13px auto;
content: "";
position: relative;
bottom: -8px;
height: 8px;
display: block;
}

#dlContent .dlcntbox {
margin: 20px 0px 0;
text-align: left;
}

#dlContent #guardDL{
overflow: hidden;
padding: 0 3%;
width: auto;
position: static;
}
#dlContent .contentArea{
display: table;
text-align: center;
width: 100%;
}

#dlContent #guardDL figure{
width: 134px;
display: table-cell;
/* overflow: hidden; */
margin: 0 auto;
padding: 0;
vertical-align: top;
text-align: center;
}

#dlContent #guardDL .detail__setumei {
	text-align: left;
	font-size: 12px;
	padding: 12px;
}

#dlContent #guardDL .shicho {
	font-weight: bold;
	margin-bottom: 16px;
}

#dlContent #guardDL figure img{
max-width: 134px;
height: auto;
display: inline-block;
}
/*
@media only screen and (max-width:640px) {
	#dlContent #guardDL figure{
		width: 100px;
	}
	#dlContent #guardDL figure img {
		max-width: 100px;
	}
}
*/

#dlContent .shichoAreaWrap{
/* width:154px; */
padding: 0;
display: block;
vertical-align: top;
text-align: center;
overflow: hidden;
}

#dlContent .audioWrap{
display: none;
}
#dlContent #audioData{
display: none;
}

#dlContent .trainInfo{
overflow: hidden;
clear: both;
background: #f7f7f7;
border: solid 2px #d9d9d9;
margin: 12px auto;
text-align: left;
}
#dlContent .trainInfo p{
padding: 8px 0;
}
#dlContent .trainInfo p.rosenInfo{
padding: 8px 8px 8px 32px;
border-top: solid 1px #d9d9d9;
background: url(../images/icon_railway.png) no-repeat 10px 50%;
-webkit-background-size: 14px auto;
background-size: 14px auto;
}
#dlContent .trainInfo p.stationInfo{
padding: 8px 8px 8px 32px;
background: url(../images/icon_train.png) no-repeat 10px 50%;
-webkit-background-size: 14px auto;
background-size: 14px auto;
}
#dlContent .trainInfo p.stationInfo .stationName{
font-weight: bold;
font-size: 1.1em;
color: #333333;
margin: 0 5px 0 0;
}



#dlContent .shichoBtnWrap{
border: solid 1px #9e9e9e;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
display: inline-block;
width: 95%;
text-align: center;
background: url(../images/icon_headphone.png), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #d1d1d1));
background: url(../images/icon_headphone.png), -webkit-linear-gradient(top, #fafafa, #d1d1d1);
background: url(../images/icon_headphone.png), -moz-linear-gradient(top, #fafafa, #d1d1d1);
background: url(../images/icon_headphone.png), -o-linear-gradient(top, #fafafa, #d1d1d1);
background: url(../images/icon_headphone.png), -ms-linear-gradient(top, #fafafa, #d1d1d1);
background: url(../images/icon_headphone.png), linear-gradient(top, #fafafa, #d1d1d1);
-webkit-background-size: 18px, auto;
-moz-background-size: 18px, auto;
-o-background-size: 18px, auto;
background-size: 18px, auto;
background-repeat: no-repeat;
background-position: 10% 50%;
margin-bottom: 12px;
max-width: 134px;
margin: 10px auto;

}
#dlContent .shichoBtnWrap input{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin: 0;
cursor: pointer;
font-weight: bold;
display: block;
width: 100%;
padding: 7px 0;
font-size: 1.1em;
padding: 12px 0 12px 35px;
border: solid 1px rgba(255,255,255,0.8);
border: solid 1px #fff\9;
box-shadow: 0px 0px 3px #acacac;
-moz-box-shadow: 0px 0px 3px #acacac;
-webkit-box-shadow: 0px 0px 3px #acacac;
color: #333333;
text-shadow: 1px 1px 0px #ffffff;
background: url(../images/icon_play.png) no-repeat 30% 50%;
-webkit-background-size: 12px auto;
background-size: 12px auto;
}
#dlContent .dlfilesize {
padding: 5px 0 0;
text-align: center;
}
#dlContent #audioInfo{
color: #666666;
margin: 5px 0 0;
display: none;
text-align: center;
}

#dlContent .needPointWrap{
text-align: center;
margin: 5px 0 0 0;
}
#dlContent .needPoint{
text-align: center;
background: url(../images/icon_point_orange.png) no-repeat 0 50%;
-webkit-background-size: 14px auto;
background-size: 14px auto;
display: inline-block;
color: #333333;
font-weight: bold;
padding: 0 0 0 20px;
}
#dlContent .needPoint .pointnow_b{
color: #ea4504;
padding: 0 5px;
font-weight: normal;
}
#dlContent .needPoint .pointnow_b strong{
font-size: 1.2em;
font-weight: normal;
padding: 0 3px 0 0;
}

#dlContent .pointnow{
overflow: hidden;
clear: both;
background: #f7f7f7;
border: solid 1px #d9d9d9;
margin: 12px auto;
text-align: center;
}

#dlContent .pointnow .pointarea .pointnow_b{
padding: 0 5px;
font-weight: normal;
}
#dlContent .pointnow .pointarea .pointnow_b strong{
font-size: 1.2em;
font-weight: bold;
padding: 0 3px 0 0;
}

#dlContent .pointnow .pointarea .dlAlready{
text-align: center;
display: block;
color: #ea4504;
}
#dlContent .pointFusoku{
text-align: center;
color: #ea4504;
padding: 0 5px;
font-weight: normal;
}

#dlContent .kanrenStation{
overflow: hidden;
clear: both;
margin: 12px auto;
}
#dlContent .kanrenStationTitle{
padding: 8px 8px 8px 30px;
background: url(../images/icon_train.png) no-repeat 10px 50% #e5e5e5;
-webkit-background-size: 14px auto;
background-size: 14px auto;
margin: 14px 0 0px 0;
}
#dlContent .kanrenStation .stationName{
padding: 8px;
}
#dlContent .kanrenStation .stationName span{
padding: 0 3px;
}



#dlContent .dlarea{
margin: 8px 0;
}



#dlContent .dlbtn{

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
box-shadow: none;
margin: 0 auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
text-align: center;
}
#dlContent .dlbtn a{
border: solid 1px #c95d00;
box-shadow: none;
color: #fff;
font-size: 16px;
text-shadow: 1px 1px 0px #b94b09;
display: inline-block;
width: 100%;
padding: 10px 0;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffa443), color-stop(100%, #ff7400));
background: -webkit-linear-gradient(top, #ffa443, #ff7400);
background: -moz-linear-gradient(top, #ffa443, #ff7400);
background: -o-linear-gradient(top, #ffa443, #ff7400);
background: -ms-linear-gradient(top, #ffa443, #ff7400);
background: linear-gradient(top, #ffa443, #ff7400);

}
#dlContent .dlbtn a span{
background: url(../images/icon_download.png) no-repeat 0 50%;
-webkit-background-size: 20px auto;
background-size: 20px auto;
padding: 0 0 0 28px;
}

#dlContent .gaibuBtn{
margin: 12px 0 0 0;
}

#dlContent .dlAttention{
color: #737373;
font-size: 13px;
margin: 0 auto;
line-height: 1.5;
text-indent: -1em;
padding: 0px 0px 0px 1em;
width: 90%;
}
.dlsetumei_30day {
color: #737373;
}