@charset "shift_jis";

/* link color
=========================================================== */
a:link	{ color:#0062e8; text-decoration: none; }
a:visited	{ color:#0062e8; text-decoration: none; }
a:hover	{ text-decoration:underline; color:#f65700; }
a:active	{ text-decoration:underline; color:#f65700;}
a:active, a:focus	{ outline:none; }

/* ClearFix
=========================================================== */
.clearfix:after	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
* html .clearfix	{ height: 1%; }
*:first-child+html .clearfix	{ height: 1%; }

body {
	font-size:12px;
	line-height:130%;
}

ul li { list-style-type: none; }

img	{ border:none; }

.rb_txt { 
	color:#ff0000!important;
	font-weight: bold!important;
} 

#wrap {
	width:970px;
	margin:0 auto;
}

#main_area,
#crossLinkArea {
	width:970px;
	margin:0 auto;
}

#main {
	width:800px;
	font-size: 12px;
	line-height:150%;
	text-align:left;
	margin:20px auto 30px auto;
}

#main h3 {
	font-size: 16px;
	font-weight: bold;
	margin:10px 0 5px 0;
}

.i_txt h3 {
	margin-bottom:15px;
}

#pc {
	width:940px;
    height:230px;
	background: url(../images/pc_bg.gif) no-repeat;
	margin:10px 0 20px 0;
}

#sp {
	width:940px;
    height:230px;
	background: url(../images/sp_bg.gif) no-repeat;
	margin:10px 0 20px 0;
}

#howto {
	margin:0 auto;
}

#howto td {
	vertical-align:top;
}

#howto_btn {
	width:655px;
    height:108px;
	margin:0 0 0 260px;
	padding:80px 0 0 0;
}

#howto_btn ul {
	margin:0;
	padding:0;
}

#howto_btn ul li {
	float:left;
	margin:0 5px 5px 0;
}

.pan {
width:958px;
	text-align:left;
	margin:10px 0 20px 0;
}

.pan h1,
.pan p {
	margin:0;
	padding:0;
	font-size: 12px;
	display:inline;
}

h2 {
	margin:0;
	padding:0;
	font-size: 14px;
	line-height: 120%;
	color:#ffffff;
}

.ptop {
	font-size: 12px;
	text-align: right;
	margin-bottom:15px;
}

#mobile_navi { 
	width:948px;
    height:45px;
	background: url(../../bus_list/images/navi_bg.gif) repeat-x bottom;
} 

#mobile_navi ul { 
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin:15px 0 0 35px;
} 

#mobile_navi ul li { 
	margin-right:5px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	float:left;
	background-color:#ffffff;
} 

#mobile_navi ul li a { 
	width:430px;
    height:28px;
	text-decoration: none;
	display: block;
} 

#mobile_navi ul li.txt { 
	width:430px;
    height:30px;
    _height:46px;
	padding-top:10px;
	border-top:solid 5px #151589;
	color: #151589;
} 

#mobile_navi ul li.txta a { 
	width:430px;
    _height:45px;
	padding-top:10px;
	border-top:solid 5px #8E8E8E;
	border-bottom:solid 1px #CCCCCC;
	color: #8E8E8E;
} 

#mobile_navi ul li.txta a:hover { 
	width:430px;
	border-top:solid 5px #151589;
	color: #151589;
} 

#guide_navi { 
	width:944px;
    height:45px;
	margin:20px 0;
	border:solid 2px #CCCCCC;
	background-color:#FCF8CD;
} 

#guide_navi ul { 
	font-size: 14px;
	margin:15px 0 0 15px;
} 

#guide_navi ul li { 
	margin-right:25px;
	float:left;
} 

#howto { 
	width:948px;
} 

#howto h3 {
	margin:0;
	padding:5px 0 5px 10px;
	font-size: 14px;
	line-height: 120%;
	color:#ffffff;
	text-align: left;
	border-left:solid 2px #CCCCCC;
	background-color:#0D47D3;
}

#howto h3.title{
	padding:5px 0 5px 10px;
	font-size: 16px;
	line-height: 120%;
	color:#ffffff;
	text-align: left;
	border-left:solid 2px #CCCCCC;
	background-color:#0F40BA;
}

#howto table { 
	margin:15px 5px 10px 5px;
} 

.step { 
	width:98%;
    height:55px;
	margin-bottom:15px;
	border-left:solid 1px #0F40BA;
	border-right:solid 1px #0F40BA;
	border-bottom:solid 1px #0F40BA;
} 

.step ul,
.step3 ul { 
	font-size: 12px;
	margin:0;
	padding:10px 20px;
} 

.step ul li { 
	width:125px;
	float:left;
	line-height: 150%;
	text-align: left;
} 

.step3 ul li { 
	width:180px;
	float:left;
	line-height: 150%;
	text-align: left;
} 

.step2 { 
	width:98%;
    height:75px;
	padding:10px 0;
	margin-bottom:15px;
	border-left:solid 1px #0F40BA;
	border-right:solid 1px #0F40BA;
	border-bottom:solid 1px #0F40BA;
} 

.step3 { 
	width:98%;
    height:35px;
	margin-bottom:15px;
	border-left:solid 1px #0F40BA;
	border-right:solid 1px #0F40BA;
	border-bottom:solid 1px #0F40BA;
} 

.step2 dl { 
	margin:0;
	padding:3px 20px;
	border-bottom: 1px dashed #AEC5FF;
} 

.step2 dl.noline { 
	border-bottom: none;
} 

.step2 dl:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.step2 dl dt { 
	font-size: 14px;
	font-weight: bold;
	float:left;
	line-height: 150%;
	text-align: left;
} 

.step2 dl dd { 
	font-size: 12px;
	float:left;
	line-height: 150%;
	text-align: left;
} 

.det { 
	width:448px;
} 

.det p { 
	margin:0;
	padding:8px 15px;
	font-size: 14px;
} 

.det dl { 
	margin:0;
	padding:0 15px;
} 

.det dt { 
	margin:0;
	padding:0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8em;
} 

.det dd { 
	margin:0;
	padding-bottom:15px;
	font-size: 14px;
} 

.det dd.rtxt,
.det p.rtxt { 
	color:#FF0000;
} 

.det dt.no1 {
	background: url(../images/no1.gif) no-repeat 0 1px;
	padding-left: 28px;
}

.det dt.no2 {
	background: url(../images/no2.gif) no-repeat 0 1px;
	padding-left: 28px;
}

.det dt.no3 {
	background: url(../images/no3.gif) no-repeat 0 1px;
	padding-left: 28px;
}

.det dt.no4 {
	background: url(../images/no4.gif) no-repeat 0 1px;
	padding-left: 28px;
}

.det dt.no5 {
	background: url(../images/no5.gif) no-repeat 0 1px;
	padding-left: 28px;
}

.det dl.i_b { 
	width:345px;
	margin:0 25px;
	padding:10px 20px 0 20px;
	border:dashed 1px #B4B4B4;
} 

.det dl.i_b dt { 
	font-size: 14px;
	font-weight: bold;
} 

.det dl.i_b img { 
	padding-right:10px;
} 

/* inet */
.i_txt { 
	width:400px;
	float:left;
} 

.i_sam { 
	width:316px;
	padding:0 0 0 20px;
	float:left;
} 

.btn ul li { 
	padding:0 5px;
	float:left;
    height:50px;
}

/*yozumi*/
#yozumi_tejyun_box {
    width: 50%;
    float: left;
}

#yozumi_tejyun_box2 {
    width: 48%;
    float: left;
    text-align: center;
    margin: 6% 1% 0;
    display: block;
}

#yozumi_tejyun_box2 > div {
	width: 80%;
    /* background: #a9dafc; */
    margin: 0% auto 9%;
    padding: 20px;
    border-radius: 80px;
    font-size: 18px;
    line-height: 1.2;
    color: #91a6e6;
    font-weight: bolder;
    border: 4px solid #91a6e6;
    position: relative;
}

#yozumi_tejyun_box2 > div:nth-of-type(1):after {
	content: "";
    position: absolute;
    bottom: -65%;
    left: 45%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #91a6e6;
}