@charset "utf-8";
/*
------------------------------------------------------*/
body{
background:#FFF url(../img/common/back.png) repeat-x top center;
margin:0;
padding:0;
font-family:'メイリオ', Meiryo, "ヒラギノ角ゴ W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic w3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
color:#333;
line-height:1.5;
}

#WRAPPER{
margin:0;
padding:0;
font-size:90%;
}
#wrapper_inner{
margin:auto;
}
.inner{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
/*header
------------------------------------------------------*/
#header{
}
#head{
	height:80px;
	overflow:hidden;
}
#logo{
	float:left;
	margin:20px 20px 10px 0;
}
#header ul{
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li{
	margin:0;
	padding:0;
}
#headerright{
	float:right;
	width:220px;
	margin-left:20px;
	overflow:hidden;
}
#headerleft{
	float:right;
	overflow:hidden;
	margin:30px 0 0 0;
}
#headernavi{
	float:left;
	overflow:hidden;
}
#headernavi ul{
	overflow:hidden;
}
#headernavi ul li{
	float:left;
	margin:0px 0px 0px 0;
	padding:0px 5px 0 0;
	font-size:12px;
}
#headernavi ul li img{
	height:18px;
}
#headernavi ul li a{
	text-decoration:none;
	padding:5px;
	display:block;
	color:#555352;
}
#headernavi ul li a:hover{
	color:#ff6600;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#EEE;
}
#fontsize{
	background:url(../img/common/font-size_back.png) no-repeat top left;
	width:180px;
	height:26px;
	overflow:hidden;
	float:left;
}
#fontsize a{
	margin:0 3px 0 0;
}



#gaikoku{
	margin:10px 0 10px 0;
	overflow:hidden;
	padding:3px 0px;
	background-color:#f3f3f3;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#gaikoku ul{
	overflow:hidden;
	font-size:12px;
	float:left;
}
#gaikoku ul li{
	float:left;
	white-space:nowrap;
	border-left:1px #FFF solid;
}
#gaikoku ul li:forst-child{
	border-left:0px #FFF solid;
}
#gaikoku ul li a{
	padding:0 0px;
	display:block;
	width:70px;
	text-align:center;
	text-decoration:none;
	color:#ff6600;
}
#search{
	float:right;
}

/*mainnavi
------------------------------------------------------*/
#mainnavi{
	clear:both;
	width:960px;
	margin:0px auto;
	padding:0px 0 0 0;
}
#mainnavi ul{
	/*overflow:hidden;*/
	height:50px;
	margin:0px 0 0px 0;
	padding:0px 0 0 0;
}
#mainnavi ul li{
	float:left;
	width:192px;
	/*width:160px;*/
	margin:0;
	padding:0px 0 0 0;
	text-align:center;
}
#mainnavi ul li a{
	height:50px;
	display:block;
	padding:0px 0 0px 0;
	background:url(../img/menu/menu_back.png) no-repeat top center;
}
#mainnavi ul li a img{
	margin:15px 0 0 0;
	width:auto;
}
#mainnavi ul li a:hover,
#bodyrosen #mainnavi ul li#menurosen a,
#bodyinformation #mainnavi ul li#menuinformation a,
#bodyticket #mainnavi ul li#menuticket a,
#bodykankou #mainnavi ul li#menukankou a,
#bodycompany #mainnavi ul li#menucompany a{
	background:url(../img/menu/menu_back_o.png) no-repeat top center;
}

/*main
------------------------------------------------------*/
#main{
padding:0;
margin:0 0 50px 0;
clear:both;
float:none;
overflow:hidden;
}
#h1_back{
	background:url(../img/common/h1.png) repeat-x bottom left;
	padding:0 0 0px 0;
	margin:0 0 20px 0;
}
#h1_back .inner{
	padding:10px 0 20px 0;
}
#bodyrosen #h1_back .inner{
	background:url(../img/h1/rail.png) no-repeat top right;
}
#bodyinformation #h1_back .inner{
	background:url(../img/h1/bus.png) no-repeat bottom right;
}
#bodyticket #h1_back .inner{
	background:url(../img/h1/shieki.png) no-repeat bottom right;
}
#bodykankou #h1_back .inner{
	background:url(../img/h1/dogo.png) no-repeat bottom right;
}
#bodycompany #h1_back .inner{
	background:url(../img/h1/iyotetsu.png) no-repeat top right;
}
#bodygroup #h1_back .inner{
	background:url(../img/h1/takashimaya.png) no-repeat top right;
}
#bodye-card #h1_back .inner{
	background:url(../img/h1/e-card.png) no-repeat top right;
}
#bodykousoku #h1_back .inner{
	background:url(../img/h1/kousoku.png) no-repeat top right;
}
#bodybotchan #h1_back .inner{
	background:url(../img/h1/botchan_train.png) no-repeat top right;
}
#bodymuseum #h1_back .inner{
	background:url(../img/h1/museum.png) no-repeat top right;
}
#bodykururin #h1_back .inner{
	background:url(../img/h1/kururin.png) no-repeat top right;
}


#TopicPath{
	font-size:12px;
}
/*maincol
------------------------------------------------------*/
#maincol{
float:left;
width:720px;
margin:0px 0 0 0;
padding:0;
}

/*sidecol
------------------------------------------------------*/
#sidecol{
float:right;
width:220px;
margin:0 0 0 0px;
padding:0;
}
#sidecol .secondmenu{
	border:solid 1px #ddc7ac;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:0;
margin:0 0 10px 0;
}
#main #sidecol a{
	color:#333;
}
#main #sidecol a:visited{
	color:#333
}
#main #sidecol a:hover{
	color:#F60;
}
#sidecol .secondmenu h2{
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	background-color: #E56006;
	color: #FFF;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
#main #sidecol .secondmenu h2 a{
	color:#FFF;
}

#sidecol .secondmenu dl{
padding:0 0px;
margin:0 0 0 0em;
}
#sidecol .secondmenu dl dt{
	padding: 0px 0 0px 0;
	margin: 0 0 0 0em;
	border-top: 1px dotted #ddc7ac;
	overflow: hidden;
	background-color: #F9F9F9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFFFF), to(#dfdddd));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,247,238,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,247,238,1.00) 100%);
	background-image: -ms-linear-gradient(top, #FEFFFF, #dfdddd);
	background-image: -o-linear-gradient(top, #FEFFFF, #dfdddd);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,247,238,1.00) 100%);
}
#sidecol .secondmenu dl dt a{
	margin:0 0 0px 0em;
	padding:10px;
	display:block;
	border-left:1px #f1e6d7 solid;
	float:left;
	overflow:hidden;
	width:164px;
	background-color:#F9F9F9;
}
#sidecol .secondmenu dl dt a.viewdd{
	clear:left;
	display:inline-block;
	border-left:0px #ddc7ac solid;
	width:12px !important;
	overflow:hidden;
	background-color:transparent;
 }
#sidecol .secondmenu dl dt a.viewdd:hover{
	background-color:#fff9f3;
}
#sidecol .secondmenu dl dt a:hover{
	background-color: #FFFDF2;
}
#sidecol .secondmenu dl dd{
clear:both;
border-top:1px dotted #d5cebe;
padding:0 0px;
margin:-1px 0 0 0em;
}

#sidecol .secondmenu dl ul{
padding:0;
margin:0 0 0 0px;
list-style:none;
}
#sidecol .secondmenu dl ul li{
	padding:0px 10px 0 20px;
	margin:0;
}
#sidecol .secondmenu dl ul li a{
	display:block;
	padding:5px 5px 5px 15px;
	margin:0 0 0 0;
	background:#FFF url(../img/common/arr_ora.png) no-repeat 0 0.6em;
}
/*liの入れ子*/
#sidecol .secondmenu dl ul li ul{
	padding:0px 0 0px 0em;
	margin:0 0 0 0;
}

#sidecol .secondmenu dl ul li ul li{
	background-image:none;
	padding:0px 0 0px 10px;
	margin:0 0 0px 0;
}
#sidecol .secondmenu dl ul li ul li a{
	background:#FFF url(../img/common/arr_s.png) no-repeat 0 0.8em;
}

#totop{
	width:960px;
	text-align:right;
	margin:0 auto 0px auto;
	padding:0;
}
#totop a{
	text-decoration:none;
	color:#FFF;
	background-color:#555352;
	padding:8px 10px 5px 10px;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	font-size:12px;
	line-height:1;
	display:inline-block;
}
#totop a:hover{
	color:#FFF;
	background-color:#ff6600;
}
/*footer
------------------------------------------------------*/
#footer{
	background-color:#efefef;
	overflow:hidden;
	padding:0 0 40px 0;
	border-top:solid 4px #555352; 
}
#footernavi{
	border-top:solid 1px #999; 
	border-bottom:solid 1px #bbb; 
	background-color:#d3d3d3;
	overflow:hidden;
	margin:0 0 15px 0;
}
#footernavi ul{
	margin:0;
	padding:6px 0;
	overflow:hidden;
	list-style:none;
}
#footernavi li{
	float:left;
	margin:0 15px;
	padding:0;
}
#footernavi li a{
	text-decoration:none;
	color:#000;
}
#footernavi li a:hover{
	color:#FFF;
}
#footeradd{
	float:left;
	margin:0px 0 0 10px;
}
#copyright{
	float:right;
	font-size:smaller;
	margin:5px 0 0 0;
}

/*footer広告
#fixed_area{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	overflow:hidden;
	padding:0px 0 0;
	background-color:rgba(255,126,0,.25);
}
#ad_area{
	position:relative;
	margin:0 auto;
	max-width:960px;
	margin:auto;
}

#ad_area p{
	margin:0 auto;
	padding:0;
	line-height:0;
	text-align:center;
}
#ad_area p a{
	display:inline-block;
}
#hideBtn{
	position:absolute;
	top:3px;
	right:3px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	z-index:100;
}
#hideBtn span{
	display:block;
	font-size:12px;
	line-height:8px;
	width: 20px;
	height: 20px;
	background-color: rgba(0,0,0,.50);
	border-radius: 3px;
	box-sizing:border-box;
	padding:5px;
	color:#FFF;
	font-weight:bold;
}
------------------------------------------------------*/