@charset "Shift_JIS";

/*--------------------------
　特急あかぎ
---------------------------*/

/* ローカルナビゲーション
--------------------------------------*/
#akagiNaviWrapper{
	width:661px;

	background-image: url(../img/navi/navi_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:62px;
	margin-top:6px;

	padding-left:15px;
	padding-right:14px;
}
#akagiNaviWrapper ul{
	width:661px;
}
#akagiNaviWrapper ul li{
	_width:50px;
	float:left;
	vertical-align:bottom;
}
#akagiNaviWrapper ul li a{
	height:62px;
	overflow:hidden;
	display:block;
}
#akagiNaviWrapper ul li a:hover img{
	margin-top:-64px;
}
#akagiNaviWrapper ul li a.act img{
	margin-top:-128px;
}
#akagiNaviWrapper ul li a.act:hover img{
	margin-top:-128px;
}

/* 共通設定
--------------------------------------*/
#mainContentsWrapper{
	width:660px;
	padding:0 15px;

	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../img/howtouse/bg.png);

	color:#333333;

	margin-bottom:0;
	padding-bottom:0;
}
#main{
	padding-bottom:30px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

h1.akagiTitle{
	margin-top:-3px;
	padding-bottom:3px;
}

/* あかぎトップページ
--------------------------------------*/
#akagiNaviWrapper.akagitop{
	background-color:#EE0000;
}
#mainContentsWrapper.akagitop{
	background-image: url(../img/top/bg.png);
	padding-top:15px;
}

#akagitopWrapper{
	width:660px;
	padding:0 0 0 22px;
	position:relative;
}
#akagitopWrapper h2{
	padding:15px 0 45px 0;
}
#akagitopWrapper #sub_visual{
	width:365px;
	min-height:68px;
	height:auto !important;
	height:68px;

	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/top/sub_visual_bottom.png);

	color:#FFFFFF;
	margin-bottom:20px;
}
#akagitopWrapper #sub_visual p{
	padding:0 0 0 12px;
}
#akagitopWrapper #sub_visual p.first{
	width:250px;
	padding-top:25px;
}
#akagitopWrapper #sub_visual p.middle{
	width:250px;
	font-size:130.8%;
	font-weight:bold;
}
#akagitopWrapper #sub_visual p.last{
	width:325px;
	font-size:92.3%;
	padding-bottom:5px;
}
#akagitopWrapper #sub_visual #sub_visual_caption{
	width:365px;
	display:block;

	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/top/sub_visual_top.png);

}

#akagitopWrapper #visual_img{
	position:absolute;
	top:-5px;
	right:38px;
}

#akagitopWrapper #serviceList{
	margin-left:-37px;
	padding-bottom:30px;
	padding-left:33px;
	background-image:url(../img/top/bg_foot.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#akagitopWrapper #serviceList li{
	float:left;
	padding-right:13px;
}
#akagitopWrapper #serviceList li a{
	display:block;
	width:304px;
	height:118px;
	overflow:hidden;
}
#akagitopWrapper #serviceList li a:hover img{
	margin-top:-118px;
}

/* あかぎ特長
--------------------------------------*/
#akagiNaviWrapper.feature{
	background-color:#F2E55C;
}
#mainContentsWrapper.feature{
	background-image: url(../img/feature/bg.png);
}
#main.feature{
	background-image:url(../img/feature/bg_foot.png);
	_background-image:none;
}
#featureWrapper{

	margin-bottom:0;
	padding-bottom:0;
}
#featureWrapper h2{
	padding:12px 0 20px 70px;


}
#featureWrapper #section01{
	width:575px;
	min-height:350px;
	height:auto !important;
	height:350px;

	padding-left:70px;
	margin-bottom:30px;
	position:relative;
}
#featureWrapper #section01 p#mainText{
	width:285px;
	font-size:107.7%;
	font-weight:bold;
}

#featureWrapper #section01 #illust_feature_01{
	top:0;
	right:0;
	position:absolute;
}
#featureWrapper #section01 #illust_feature_01 p{
	width:230px;
	padding-left:13px;
	margin-top:5px;
	/*font-size:84.6%;*/
	font-size:92.3%;
}

#featureWrapper #section02 h3{
	padding:0 0 27px 38px;
}
#featureWrapper #section02 .featureWrapper{
	width:480px;
	padding-left:60px;
	margin-bottom:30px;
}
#featureWrapper #section02 .featureWrapper h4{
	margin-bottom:10px;
}
#featureWrapper #section02 .featureWrapper div{
	padding-left:63px;
}
#featureWrapper #section02 .featureWrapper div p{

	font-size:107.7%;
	margin-bottom:5px;
}
#featureWrapper #section02 .featureWrapper div span{
	/*font-size:84.6%;*/
	font-size:92.3%;
}

#featureWrapper #section02 .featureWrapper div#section02_01{
	padding-right:100px;
	position:relative;
	min-height:72px;
	height:auto !important;
	height:72px;
}
#featureWrapper #section02 .featureWrapper div#section02_01 img{
	top:0;
	right:-25px;
	position:absolute;
}
#featureWrapper #section02 .featureWrapper div#section02_02 p.attention{
	display:block;
	border:1px solid #EE0000;
	color:#EE0000;
	font-weight:bold;
	text-align:center;
	background-color:#FFFFFF;
	padding:3px 0;
}
#featureWrapper #section02 .featureWrapper div#section02_03 p{
	margin-bottom:25px;
}
#featureWrapper #section02 .featureWrapper div#section02_03 h5{
	margin-bottom:10px;
	font-weight:normal;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table{
	font-size:92.3%;
	margin-bottom:27px;
	background:#FEFFE8;
}

#featureWrapper #section02 .featureWrapper div#section02_03 table th,
#featureWrapper #section02 .featureWrapper div#section02_03 table td{
	border:1px solid #A6A6A6;
	padding:4px 6px 4px 6px;
	font-weight:normal;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table th{
	text-align:left;
	padding:4px 6px 4px 6px;	
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.list_exp{
	padding:4px 6px 4px 15px;
	text-align:left;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.list_exp span{
	/*font-size:76.9%;*/
	font-size:92.3%;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table .fwb{
	font-weight:bold;
	background:#FFFFFF;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table .tac{
	text-align:center;
	background:#FFFFFF;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td{
	text-align:right;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tlt{
	background-image:url(../img/feature/table/tl_line.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:10px;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.trt{
	background-image:url(../img/feature/table/tr_line.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:10px;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tt{
	background-image:url(../img/feature/table/t_line.png);
	background-position:left top;
	background-repeat:repeat-x;
	padding-top:10px;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tl{
	background-image:url(../img/feature/table/l_line.png);
	background-position:left top;
	background-repeat:repeat-y;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tr{
	background-image:url(../img/feature/table/r_line.png);
	background-position:right top;
	background-repeat:repeat-y;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tlb{
	background-image:url(../img/feature/table/bl_line.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.trb{
	background-image:url(../img/feature/table/br_line.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#featureWrapper #section02 .featureWrapper div#section02_03 table td.tb{
	background-image:url(../img/feature/table/b_line.png);
	background-position:left bottom;
	background-repeat:repeat-x;
}

#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_1{width:125px;}
#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_2{width:25px;}
#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_3{width:25px;}
#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_4{width:50px;}
#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_5{width:50px;}
#featureWrapper #section02 .featureWrapper div#section02_03 table th.col_6{width:50px;}

#featureWrapper #section02 .featureWrapper div#section02_03 ul{
	width:500px;
	margin-left:-40px;
}
#featureWrapper #section02 .featureWrapper div#section02_03 ul li{
	/*font-size:84.6%;*/
	font-size:92.3%;
}

/* 使い方
--------------------------------------*/
#akagiNaviWrapper.howtouse{
	background-color:#FFFFFF;
}
#mainContentsWrapper.howtouse{
	background-image: url(../img/howtouse/bg.png);
	padding-left:60px;
}
#main.howtouse{
	background-image:url(../img/howtouse/bg_foot.png);
}
#howtouseWrapper{
	margin-bottom:0;
	padding-bottom:0;
}
#howtouseWrapper h2{
	padding:16px 0 20px 26px;
}
#howtouseWrapper #h2_explain{
	padding:0 26px;
	margin-bottom:8px;

	color:#EE0000;
	font-weight:bold;
	font-size:130.8%;
}
#howtouseWrapper #h2_explain span{
	font-size:140%;
}
#howtouseWrapper .howtoSection{
	width:570px;
	padding-left:2px;
	position:relative;

	z-index:1;

}

#howtouseWrapper .howtoSection h3{
	margin-bottom:20px;
}
#howtouseWrapper .howtoSection p.catch{
	width:325px;

	padding-left:24px;
	font-size:185%;
	font-weight:bold;
	margin-bottom:20px;
}
#howtouseWrapper .howtoSection p.text{
	padding-left:24px;
	z-index:3;
	position:realative;
}
#howtouseWrapper .howtoSection .images{
	top:0;
	right:0;
	position:absolute;
}
#howtouseWrapper .howtoSection #illust_howtouse_01.images{
	top:70px;
	z-index:1;
}
#howtouseWrapper #section01{
	min-height:300px;
	height:auto !important;
	height:300px;
}
#howtouseWrapper #section01 p.text{
	width:285px;
}

#howtouseWrapper #section02 #section02_01{
	min-height:307px;
	height:auto !important;
	height:307px;
}

#howtouseWrapper .howtoSection #illust_howtouse_02.images{
	top:70px;
	z-index:1;
}
#howtouseWrapper #section02 p.text{
	width:420px;
}
#howtouseWrapper #section02 p.text span{
	margin-top:12px;
	width:260px;
	display:block;
	font-size:92.3%;
}
#howtouseWrapper #section02 #section02_02{
	width:576px;
	border-top:1px solid #c4c4c4;
	padding-top:25px;
	margin-bottom:20px;
}
#howtouseWrapper #section02 #section02_02 h4{
	display:block;
	border:1px solid #EE0000;
	width:520px;
	height:36px;
	line-height:36px;
	margin:0 auto;
	text-align:center;
	color:#EE0000;
	font-weight:bold;
	font-size:130.8%;
}
#howtouseWrapper #section02 #section02_02 div{
	border:1px solid #EE0000;
	border-top:none;
	width:492px;
	margin:0 auto;
	position:relative;

	padding:14px;

	min-height:162px;
	height:auto !important;
	height:162px;
}
#howtouseWrapper #section02 #section02_02 div p{
	position:absolute;
	top:37px;
	right:22px;
}

#howtouseWrapper #section02 #section02_02 #example{
	margin-bottom:14px;
}

#howtouseWrapper #section02 #section02_02 #example li{
	width:270px;

	background-repeat:no-repeat;
	background-position:left center;

	padding-left:25px;
	min-height:19px;
	height:auto !important;
	height:19px;
	margin-bottom:2px;

	font-size:92.3%;
}
#howtouseWrapper #section02 #section02_02 #example li#ex01{
	width:350px;
}
#howtouseWrapper #section02 #section02_02 #example li#ex01{ background-image: url(../img/howtouse/no_1.png); }
#howtouseWrapper #section02 #section02_02 #example li#ex02{ background-image: url(../img/howtouse/no_2.png); }
#howtouseWrapper #section02 #section02_02 #example li#ex03{ background-image: url(../img/howtouse/no_3.png); }
#howtouseWrapper #section02 #section02_02 #example li#ex04{ background-image: url(../img/howtouse/no_4.png); }
#howtouseWrapper #section02 #section02_02 #example li#ex05{ background-image: url(../img/howtouse/no_5.png); }


#howtouseWrapper #section02 #section02_02 #example li span{
	display:none;
}

#howtouseWrapper #section02 #section02_02 div ul#example_attention li{
	font-size:84.6%;
}

/* 140807 追加 */
#howtouseWrapper #section02 #section02_03{
	width:576px;
	margin-bottom:32px;
}
#howtouseWrapper #section02 #section02_03 h4{
	display:block;
	border:1px solid #EE0000;
	width:520px;
	height:36px;
	line-height:36px;
	margin:0 auto;
	text-align:center;
	color:#EE0000;
	font-weight:bold;
	font-size:130.8%;
}
#howtouseWrapper #section02 #section02_03 div{
	border:1px solid #EE0000;
	border-top:none;
	width:492px;
	margin:0 auto;
	position:relative;

	padding:14px;

	min-height:162px;
	height:auto !important;
	height:162px;
}
#howtouseWrapper #section02 #section02_03 div p{

	margin-bottom:3px;
}
#howtouseWrapper #section02 #section02_03 div p.title{
	font-size:123%;
}
#howtouseWrapper #section02 #section02_03 div p.ex{
	padding-left:2.5em;
	text-indent:-2.5em;
	margin-bottom:10px;
}
#howtouseWrapper #section02 #section02_03 div p.image{
	margin-top:15px;
}

#howtouseWrapper #section02 #section02_03 #example2{
	margin-bottom:14px;
}

#howtouseWrapper #section02 #section02_03 #example2 li{
	width:270px;

	background-repeat:no-repeat;
	background-position:left 3px;

	padding-left:25px;
	min-height:19px;
	height:auto !important;
	height:19px;
	margin-bottom:2px;

	font-size:100%;
}
#howtouseWrapper #section02 #section02_03 #example2 li{
	width:470px;
}
#howtouseWrapper #section02 #section02_03 #example2 li#pt01{ background-image: url(../img/howtouse/no_1.png); }
#howtouseWrapper #section02 #section02_03 #example2 li#pt02{ background-image: url(../img/howtouse/no_2.png); }


#howtouseWrapper #section02 #section02_03 #example2 li span{
	display:none;
}

#howtouseWrapper #section02 #section02_03 div ul#example_attention2 li{
	font-size:84.6%;
	color: #EE0000;
}
/* -- 140807 追加 */

#howtouseWrapper #section03{
	min-height:265px;
	height:auto !important;
	height:265px;
}

#howtouseWrapper .howtoSection #illust_howtouse_03.images{
	top:0px;
	z-index:1;
}
#howtouseWrapper #section03 p.text{
	width:310px;
}

#howtouseWrapper #section04 #section04_01{
	border:2px solid #cdcdcd;
	color:#EE0000;
	font-size:138.5%;
	margin-left:3px;
	margin-bottom:15px;
	text-align:center;

	min-height:auto;
	height:auto;
}
#howtouseWrapper #section04 #section04_02{
	text-align:right;
	margin-bottom:20px;
	font-size:130.8%;
}

#howtouseWrapper #section05{
	border-top:1px solid #c5c5c5;
}
#howtouseWrapper #section05 h3{
	font-size:230.8%;
	text-align:center;
	padding:15px 0 12px 0;
	border-bottom:2px solid #333333;
}
#howtouseWrapper #section05 table{
	margin-left:10px;

}
#howtouseWrapper #section05 table td{
	vertical-align:top;
	font-size:157.6%;
	font-weight:normal;
	padding-bottom:20px;
}
#howtouseWrapper #section05 table td.t_tilte{
	width:6.5em;
}
#howtouseWrapper #section05 table td span.sub{
	font-size:57.1%;
}

#howtouseWrapper #section05 table td#sp_area span.wrapper{
	padding-left:9.5em;
	position:relative;
}
#howtouseWrapper #section05 table td#sp_area span.wrapper span{
	display:block;
	position:absolute;

	top:-0.1em;
	left:3px;
	font-size:50%;
	line-height:1.2;
	width:30em;
}

#howtouseWrapper #section05 p#section05_attention{
	margin:0 10px 30px 10px;
	line-height:1.8;
	font-size:92.3%;
}

#howtouseWrapper #section05 p#section05_toDetail{
	display:block;
	text-align:center;
	margin-bottom:45px;
}

#howtouseWrapper #section05 p#section05_toDetail a{
	padding:10px 25px;
	margin:0 auto;
	border:2px solid #cccccc;
}


/* 時刻表
--------------------------------------*/
#akagiNaviWrapper.timetable{
	background-color:#FFFFFF;
}
#mainContentsWrapper.timetable{
	background-image: url(../img/timetable/bg.png);
}
#main.timetable{
	background-image:url(../img/timetable/bg_foot.png);
}
#timetableWrapper{
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:0;
}
#timetableWrapper h2{
	text-align:center;
	width:546px;
	color:#ee0000;
	font-size:192.3%;
	margin:0 auto 10px auto;

	display:block;
	background-repeat: no-repeat;
	background-position: left bottom;

	background-image: url(../img/timetable/frame_red_bottom.png);
}
#timetableWrapper h2 span{
	padding:5px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/timetable/frame_red_top.png);
}
#timetableWrapper #h2_sub{
	text-align:center;
	font-size:107.7%;
}
#timetableWrapper #downLineWrapper,
#timetableWrapper #upLineWrapper{
	padding:0 36px;
	margin-bottom:20px;
}

#timetableWrapper #downLineWrapper h3,
#timetableWrapper #upLineWrapper h3{
	font-size:153.8%;
	margin-bottom:5px;
}

/*-- 時刻表調整 --*/
#timetableWrapper table td,
#timetableWrapper table th{
	border:1px solid #000000;
	text-align:center;
	font-weight:normal;
	padding:0 4px;
	font-size:92.3%;
}
#timetableWrapper table th{
	text-align:center;
}
#timetableWrapper table .line_name{
	width:1em;
	padding-top:1px;
	padding-bottom:1px;
}

#timetableWrapper table tr.separate_station td{
	vertical-align:middle;
}

#timetableWrapper table .bg_yellow{
	background-color:#fff799;
	border-left:none;
	border-right:none;
}

#timetableWrapper table .bg_gray{
	background-color:#dde2e6;
	border-left:none;
	border-right:none;
}

#timetableWrapper table .blr{
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}
#timetableWrapper table .bbt td{
	border-top:none;
}
#timetableWrapper table .bbn td,
#timetableWrapper table .bbn th{
	border-bottom:none;
}
#timetableWrapper table td span.bold{
	font-weight:bold;
}
#timetableWrapper table .bbt1{
	border-top:none;
}
#timetableWrapper table .bbn1{
	border-bottom:none;
}

#timetableWrapper .adjust_h{
	padding-top:0.8em;
	vertical-align:top;
}



#timetableWrapper #upLineWrapperRight{
	width:342px;
	float:right;
}
#timetableWrapper #upLineWrapperLeft{
	width:240px;
	float:left;
}
#timetableWrapper #upLineWrapperRight ul{
	margin-bottom:25px;
}
#timetableWrapper #upLineWrapperRight ul li{
	font-size:84.6%;
	line-height:2;

	text-indent:-1em;
	padding-left:-1em;
	margin-left:1em;
}

#timetableWrapper #upLineWrapperRight #timetable_attention{
	color:#ee0000;
	margin:0 auto 10px auto;

	display:block;
	background-repeat: no-repeat;
	background-position: left bottom;

	background-image: url(../img/timetable/frame_gray_bottom.png);
}
#timetableWrapper #upLineWrapperRight #timetable_attention a{
	padding:10px 5px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/timetable/frame_gray_top.png);
}
#timetableWrapper #upLineWrapperRight #timetable_attention a span{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/timetable/ico_attention.png);
	padding-left:20px;
	margin-left:20px;
}
#timetableWrapper #upLineWrapperRight #visual{
	padding:20px 0 20px 45px;
}

/* ご利用上の注意
--------------------------------------*/
#akagiNaviWrapper.attention{
	background-color:#FFFFFF;
}
#mainContentsWrapper.attention{
	background-image: url(../img/attention/bg.png);
	padding-top:15px;
}
#main.attention{
	background-image:url(../img/attention/bg_foot.png);
}
#attentionWrapper{
	margin:0 38px 30px;
	border:5px solid #EE0000;
}
#attentionWrapper h2{
	margin-left:25px;
	margin-top:20px;
}
#attentionWrapper h2 span{
	display:block;
	padding-left:45px;
	min-height:30px;
	height:auto !important;
	height:30px;
	line-height:30px;
	font-size:176.9%;

	background-image:url(../img/attention/h_attention.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#attentionWrapper dl{
	padding:25px 25px 0 25px;
}
#attentionWrapper dl dt{
	color:#ee0000;
	text-indent:-1em;
	padding-left:-1em;
	margin-left:1em;
	font-size:130.8%;
	font-weight:bold;
}
#attentionWrapper dl dd{
	padding-left:1em;
	font-size:107.7%;
	margin-bottom:30px;
}
#attentionWrapper dl dd span.ul{
	text-decoration:underline;
}
/* リダイレクト情報 */
.redirect_info{
	text-align:center;
	display:block;
	margin:135px 0;
	line-height:1.8;
}