@charset "utf-8";

/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "format.css";

/*----------------------------------------------------------------------
    IE FONT SIZE FIX
----------------------------------------------------------------------*/

/*IE6,7*/
body{
	*font-size:80%;
}

/*IE8*/
html>/**/body{
	font-size /*\**/: 80%\9;
}

/*----------------------------------------------------------------------
    WRAP
----------------------------------------------------------------------*/

#wrap{
	width:950px;
	font-size:85%;
}

#Top{font-size:85%;}

/*----------------------------------------------------------------------
    A
----------------------------------------------------------------------*/
a:link{text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{color:#ff0000; text-decoration:underline;}
a:active{color:#ff6600; text-decoration:underline;}


/*----------------------------------------------------------------------
    HEADER
----------------------------------------------------------------------*/

#header{
	width:950px;
	margin-bottom:6px;
	padding-bottom:6px;
	background:url(../../img/renew/common/bg_header.gif) repeat-x left bottom;
}

#header p.logo{
	float:left;
	width:286px;
	font-size:0;
	line-height:0;
}

#header ul{
	float:right;
	width:410px;
	padding-top:18px;
	color:#888888;
	text-align:right;
}

#header ul li{
	display:inline;
	margin-left:3px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
#header ul li.en{
	font-family:Verdana, Arial, sans-serif;
}

#header ul li a{
	margin-left:5px;
}
#header ul li a:link{color:#333333; text-decoration:none;}
#header ul li a:visited{color:#333333; text-decoration:none;}
#header ul li a:hover{color:#ff0000; text-decoration:underline;}
#header ul li a:active{color:#ff6600; text-decoration:underline;}

#header p.search{
	float:right;
	width:254px;
	padding-top:14px;
	text-align:right;
}

#header p.search input{
	vertical-align:middle;
}

#header p.search input.searchTxt{
	width:170px;
	margin-right:2px;
}


/*----------------------------------------------------------------------
    FOOTER
----------------------------------------------------------------------*/

#footer{
	width:950px;
	padding-bottom:10px;
	color:#666666;
	text-align:center;
}

#footer ul li{
	display:inline;
	margin-left:10px;
}

#footer ul li a{
	margin-right:10px;
}

#footer p.copyright{
	margin-top:10px;
	padding-top:8px;
	border-top:1px solid #999999;
}


/*----------------------------------------------------------------------
    NOSCRIPT
----------------------------------------------------------------------*/

.noScriptBox{
	margin:5px 0;
	padding:5px 10px;
	border:1px solid #AAAAAA;
}


/*----------------------------------------------------------------------
    MENU
----------------------------------------------------------------------*/

#menu{
	width:950px;
	height:63px;
	background:url(../../img/renew/common/bg_menu.gif) no-repeat;
	margin-bottom:3px;
}

#menu li{
	float:left;
	padding-top:8px;
}


/*----------------------------------------------------------------------
    TOPIC PATH
----------------------------------------------------------------------*/

#topicPath{
	padding:8px 0 0 3px;
}

#topicPath li{
	display:inline;
	margin-right:4px;
	color:#666666;
}

#topicPath li a{
	margin-right:7px;
}


/*----------------------------------------------------------------------
    CONTENTS
----------------------------------------------------------------------*/

#contents{
	width:950px;
	margin-bottom:20px;
}

#contents img{
	vertical-align:top;
}

#section{
	width:933px;
	margin-left:17px;
}

#contents .imgCenter {
	width:937px;
	text-align:center;
	margin:10px;
	}

/*----------------------------------------------------------------------
    CLEAR FIX
----------------------------------------------------------------------*/

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/

.clear {
	clear:both;
	}
/*----------------------------------------------------------------------
    BLOCK
----------------------------------------------------------------------*/

.leftBlock{
	float:left;
}

.rightBlock{
	float:right;
}


/*----------------------------------------------------------------------
    LINK PARTS
----------------------------------------------------------------------*/

.arw01{
	display:block;
	padding-left:17px;
	background:url(../../../img/multi/icon_arw01.png) no-repeat 0 6px;
}

.arw02{
	display:block;
	padding-left:17px;
	background:url(../../../img/multi/icon_arw02.png) no-repeat 0 3px;
}

.link01{
	padding-left:17px;
	background:url(../../../img/multi/icon_link01.gif) no-repeat 0 3px;
}

.link02{
	display:block;
	padding-left:17px;
	background:url(../../../img/multi/icon_link02.png) no-repeat 0 1px;
}

.link03 {
	padding-left:16px;
	background:url(../../../img/multi/icon_arw08.png) no-repeat 0 3px;
}

/*----------------------------------------------------------------------
    LIST PARTS
----------------------------------------------------------------------*/

ul.list01 li{
	background:url(../../../img/multi/icon_list01.png) no-repeat 0 6px;
	padding:0 0 5px 15px;
}


ul.list01 ul{
	padding-left:15px;
}

ul.list01 p.trainInfo{
	padding:5px 0 5px 15px;
}

ol{
	padding:10px 0 0 20px;
}

ol li{
	list-style:decimal;
	padding-bottom:0.5em;
}

ul.list02 li{
	padding:0 0 0 1.05em;
	text-indent: -1.8em;
	margin:0 0 5px 10px;
}

ul.list03{
	padding:10px 0 10px 0;
}

ul.list03 li{
	padding:0 0 10px 10px;
}

ul.list03 li p{
	padding:5px 0 0 15px;
}

ul.list03 ul{
	padding-left:15px;
}

ul.list04 li{
	background:url(../../../img/multi/icon_yajirushi.gif) no-repeat 0 6px;
	padding:0 0 5px 15px;
}

ul.list04 li ul.list01 li{
	background:url(../../../img/multi/icon_list01.png) no-repeat 0 6px;
	padding:0 0 5px 15px;
}

ul.list04 li ul{
	padding-top:5px
}

ul.list05 {
	margin:5px 0 5px 0;
}

ul.list05 li{
	background:url(../../../img/multi/icon_link01.png) no-repeat 10px 4px;
	padding:0 15px 3px 25px;
	float:left;
	border-right:1px solid #999999;
}

ul.list06 {
	margin:10px 0 10px 0;
}

ul.list06 li span {
	color:#8DCC38;
	font-weight:bold;
	font-size:120%;
	padding-right:15px;
}

ul.list06 li{
	padding:0 0 0 5.5em;
	text-indent: -5.5em;
	}

ul.list07 li{
	background:url(../../../img/multi/icon_list02.png) no-repeat 0 6px;
	padding:0 0 5px 15px;
}

ul.list07 ul{
	padding-left:15px;
}
	
/*----------------------------------------------------------------------
 pulldown
----------------------------------------------------------------------*/
#layer01,
#layer02,
#layer03,
#layer04,
#layer05,
#layer06{
	position:absolute;
	top:119px;
	display:none;
	overflow:hidden;
	visibility:visible;
	background-color:#FFFFFF;
	border:#098f0a 1px solid;
}

#layer01{
	margin-left:136px;
	z-index:1;
}

#layer02{
	margin-left:270px;
	z-index:2;
}

#layer03{
	width:655px;
	/*margin-left:406px;*/
	margin-left:160px;
	z-index:3;
}

#layer04{
	margin-left:542px;
	z-index:4;
}

#layer05{
	margin-left:678px;
	z-index:5;
}

#layer06{
	margin-left:714px;
	z-index:6;
}

#layer01 ul{
	background-color:#FFFFFF;
	width:280px;
}

#layer02 ul{
	background-color:#FFFFFF;
	width:200px;
}

#layer03 ul{
	background-color:#FFFFFF;
}

#layer03 div.layer03left{
	float:left;
	width:240px;
}

#layer03 div.layer03left02{
	float:left;
	width:215px;
}

#layer03 div.layer03left03{
	float:left;
	width:200px;
}

#layer04 ul{
	background-color:#FFFFFF;
	width:285px;
}

#layer05 ul{
	background-color:#FFFFFF;
	width:200px;
}

#layer06 ul{
	background-color:#FFFFFF;
	width:230px;
}



#layer01 ul li a,
#layer02 ul li a,
#layer03 ul li a,
#layer04 ul li a,
#layer05 ul li a,
#layer06 ul li a{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 16px;
	background: url(../../../img/multi/icon_yajirushi.gif) no-repeat 6px 7px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer01 ul li a:hover,
#layer02 ul li a:hover,
#layer03 ul li a:hover,
#layer04 ul li a:hover,
#layer05 ul li a:hover,
#layer06 ul li a:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi_on.gif) no-repeat 6px 7px;
	color:#FFFFFF;
}


#layer01 ul li a.sCate{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 25px;
	background: url(../../../img/multi/icon_yajirushi.gif) no-repeat 15px 7px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer02 ul li a.sCate2{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 25px;
	background: url(../../../img/multi/icon_yajirushi2.gif) no-repeat 11px 6px;
	color:#09800c;
	display:block;
	zoom:1;
}


#layer03 ul li a.sCate3{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 25px;
	background: url(../../../img/multi/icon_yajirushi.gif) no-repeat 15px 7px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer03 ul li a.sCate4{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 34px;
	background: url(../../../img/multi/icon_yajirushi.gif) no-repeat 24px 7px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer06 ul li a.sCate{
	font-size:90%;
	margin:0;
	text-decoration:none;
	padding:3px 10px 3px 25px;
	background: url(../../../img/multi/icon_yajirushi.gif) no-repeat 15px 7px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer03 ul li.browse{
	font-size:100%;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	padding:3px 10px 1px 6px;
	color:#09800c;
	display:block;
	zoom:1;
}
#layer03 ul li.browse02{
	font-size:95%;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	padding:3px 10px 1px 6px;
	color:#09800c;
	display:block;
	zoom:1;
}
#layer06 ul li.browse{
	font-size:100%;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	padding:3px 10px 1px 6px;
	color:#09800c;
	display:block;
	zoom:1;
}

#layer01 ul li a.sCate:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi_on.gif) no-repeat 15px 7px;
	color:#FFFFFF;
}

#layer02 ul li a.sCate2:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi2_on.gif) no-repeat 11px 6px;
	color:#FFFFFF;
}

#layer03 ul li a.sCate3:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi_on.gif) no-repeat 15px 7px;
	color:#FFFFFF;
}

#layer03 ul li a.sCate4:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi_on.gif) no-repeat 24px 7px;
	color:#FFFFFF;
}

#layer06 ul li a.sCate:hover{
	margin:0;
	text-decoration:none;
	background:#1ac022 url(../../../img/multi/icon_yajirushi_on.gif) no-repeat 15px 7px;
	color:#FFFFFF;
}

iframe.layerFix{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:400px;/*must have for any big value*/
	height:600px;/*must have for any big value*/
}


/*----------------------------------------------------------------------
 generalBtn
----------------------------------------------------------------------*/

.gBtn {
	float: right;
	width: 200px;
	margin: 15px 0 10px;
	font-size: 110%;
}

.gBtnL {
	width: 200px;
	margin: 15px 0 10px;
	font-size: 110%;
}

.gBtn140 {
	width: 140px;
}

.gBtn170 {
	width: 170px;
}

.gBtn240 {
	width: 240px;
}

.gBtn340 {
	width: 340px;
}

.gBtn a, .gBtnL a {
	display: block;
	border: 1px solid #D5D5D5;
	padding: 5px 5px 6px 8px;
	background: #EAEAEA url(../../img/renew/common/gbtn_bg_off.gif) repeat-x;
	font-weight: bold;
	zoom: 1;
}

.gBtn a:link, .gBtnL a:link {
	text-decoration: none;
	color: #333333;
}

.gBtn a:visited, .gBtnL a:visited {
	text-decoration: none;
	color: #333333;
}

.gBtn a:hover, .gBtnL a:hover {
	color: #FFFFFF;
	text-decoration: none;
  	border: 1px solid #067C09;
	background: #087D0B url(../../img/renew/common/gbtn_bg_on.gif) repeat-x;
}

.gBtn span.gBtnInner {
	display: block;
	background: url(../../img/renew/common/gbtn_icn_off.gif) no-repeat left 3px;
	padding-left: 18px;
}

.gBtn a:hover span.gBtnInner {
	background: url(../../img/renew/common/gbtn_icn_on.gif) no-repeat left 3px;
}

.gBtnWin span.gBtnInner {
	display: block;
	background: url(../../img/renew/common/gbtn_icn_win_off.gif) no-repeat left 3px;
	padding-left: 18px;
}

.gBtnWin a:hover span.gBtnInner {
	background: url(../../img/renew/common/gbtn_icn_win_on.gif) no-repeat left 3px;
}

.gBtnPdf span.gBtnInner {
	display: block;
	background: url(../../img/renew/common/gbtn_icn_pdf_off.gif) no-repeat left 3px;
	padding-left: 18px;
}

.gBtnPdf a:hover span.gBtnInner {
	background: url(../../img/renew/common/gbtn_icn_pdf_on.gif) no-repeat left 3px;
}


/*----------------------------------------------------------------------
 Train Info Box
----------------------------------------------------------------------*/

#contents .infoBoxWrap{
	width:925px;
	border:4px solid #D1F0EE;
}

#contents .infoBoxWrap .infoBox{
	border:1px solid #CCCCCC;
	padding:11px;
}

#contents .infoBox .infoBoxImg{
	float:left;
	padding-right:20px;
}

#contents .infoBox .infoBoxRight{
	float:left;
	width:770px;
}

#contents .infoBox h3{
	background:none;
	border-bottom:1px solid #0B6614;
	margin:0 0 10px;
	padding:0 0 10px;
	color:#0B6614;
	min-height:20px;
	font-size:120%;
	font-weight:bold;
}

/* gBtn Window */

#contents .gBtnWindow{
	margin-top:15px;
}

#contents .gBtnWindow span.gBtnInner{
	background:url(../../img/renew/common/gbtn_icn_win_off.gif) no-repeat left 2px;
	padding-left:25px;
}

#contents .gBtnWindow a:hover span.gBtnInner{
	background:url(../../img/renew/common/gbtn_icn_win_on.gif) no-repeat left 2px;
}