﻿@charset "UTF-8";

/* -----------------------------------------------
FileName:skeleton.css
----------------------------------------------- */



/* ========== header ========== */
#header{
	width:942px;
	margin:0 auto;
}
#header h1,
#header p.logo{
	width:378px;
	float:left;
}
#header h1 img,
#header p.logo img{
	padding:14px 0 14px 6px;
}
/* block01 */
#header .block01{
	width:392px;
	float:left;
}
#header .langBtn{
	margin-top:20px;
	float:left;
}
#header .langBtn li{
	float:left;
}
#header .fontSizeSwitch{
	width:132px;
	margin:20px 0 0 247px;
}
#header .fontSizeSwitch p{
	width:64px;
	float:left;
}
#header .fontSizeSwitch ul{
	width:68px;
	float:left;
}
#header .fontSizeSwitch li{
	width:34px;
	height:24px;
	float:left;
	text-indent:-9999px;
}
#header .fontSizeSwitch li a:focus{
	outline:none;
}
#header .fontSizeSwitch #setsmall a{
	width:34px;
	height:24px;
	display:block;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/btn/small_01_ovr.png) no-repeat;
}
#header .fontSizeSwitch #setlarge a{
	width:34px;
	height:24px;
	display:block;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/btn/large_01.png) no-repeat;
}
#header .navi{
	width:392px;
	padding:21px 0 0 3px;
	clear:both;
}
#header .navi li{
	float:left;
	line-height:1.0;
}
#header .navi li img{
	margin:0 9px 0 0;
}
/* block02 */
#header .block02{
	width:169px;
	float:left;
}
#header .block02 p{
	margin:16px 0 0 27px;
}
#header .block02 fieldset{
	display:block;
	margin:16px 0 0 -2px;
	padding:0 0 0 12px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/search_01.png) 0 0 no-repeat;
}
#header .block02 input.iTxt{
	width:118px;
	height:23px;
	margin:2px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	border:none;
	line-height:1.16;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/search_02.gif) 0 0 repeat-x;
}
#header .block02 input.iBtn{
	width:39px;
	float:left;
}

body#popup #header,
body#popup02 #header{
	width:100%;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/popup_01.gif) 0 100% repeat-x;
}
body#popup #header p.logo,
body#popup02 #header p.logo{
	float:none;
}
body#popup #header p.logo img,
body#popup02 #header p.logo img{
	padding:9px 30px 14px 30px;
}

/* ========== globalNavi ========== */
#globalNavi{
	width:100%;
	height:43px;
	clear:both;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/globalnavi_01.gif) repeat-x;
}
#globalNavi02{
	width:100%;
	height:8px;
	clear:both;
	background:#91bef3 url(http://www.seibu-group.co.jp/railways/shared/img/bg/globalnavi_03.gif) repeat-x;
}
#globalNavi ul{
	width:930px;
	height:43px;
	margin:0 auto;
	padding:0 0 0 1px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/globalnavi_02.gif) no-repeat;
}
#globalNavi li{
	width:186px;
	float:left;
}



/* ========== container ========== */
#container{
	width:100%;
	clear:both;
	padding:5px 0 0 0;
	background:#e4fbf2 url(http://www.seibu-group.co.jp/railways/shared/img/bg/container_01.png) repeat-x;
}



/* ===== content ===== */
#content{
	width:942px;
	padding:0 0 14px 0;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/content_02.png) 0 100% no-repeat;
}
#contentOuter{
	width:942px;
	margin:0 auto;
	padding:12px 0 0 0;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/content_01.png) 0 0 no-repeat;
}
#contentInner{
	width:942px;
	padding-bottom:42px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/content_03.png) 0 0 repeat-y;
}
.mLR30{
	margin:0 30px;
}


/* ===== breadcrumbs ===== */
#breadcrumbs p{
	padding:6px 0 13px 0;
	font-size:85%;
}
#breadcrumbs p a{
	margin:0 5px 0 4px;
}
#breadcrumbs p a.top{
	margin-left:0;
}



/* ===== mainContent ===== */
#mainContent{
	width:650px;
	margin:0 30px 0 0;
	padding:0 0 0 31px;
	float:left;
}
.firstItem{
	margin-top:0;
}
div.mtop30,
p.mtop30{
	margin-top:30px;
}
a.link{
	padding:0 0 0 12px;
	display:block;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_02.gif) 0 0.25em no-repeat;
}
a.link-icn{
	padding:0 0 0 12px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_02.gif) 0 0.25em no-repeat;
}
img.icn{
	margin-left:2px;
	vertical-align:middle;
}
.link-icn-indent{
	padding:0 0 0 12px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_02.gif) 0 0.25em no-repeat;
}

body#popup #mainContent{
	width:720px;
	padding:0 0 0 30px;
	float:none;
}
body#popup02 #mainContent{
	width:100%;
	margin:0;
	padding:0;
	float:none;
	text-align:center;
}

/* ===== subContent ===== */
#subContent{
	width:200px;
	float:left;
}



/* === localNavi === */
#localNavi{
	width:200px;
	padding:33px 0 0 0;
}
#localNavi li li{
	width:200px;
	border-top:1px solid #b0e2ff;
	border-bottom:1px solid #148ecb;
	vertical-align:top;
}
#localNavi li li a{
	width:200px;
	display:block;
	text-decoration:none;
	background:#59c4f9 url(http://www.seibu-group.co.jp/railways/shared/img/bg/localnavi_01.gif) 0 100% repeat-x;
	color:#fff;
}
#localNavi li li a:hover{
	background:#b4e6ff url(http://www.seibu-group.co.jp/railways/shared/img/bg/localnavi_02.gif) 0 100% repeat-x;
}
#localNavi li li span{
	padding:10px 22px 8px 9px;
	display:block;
	font-weight:bold;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/bg/localnavi_03.gif) 182px 50% no-repeat;
}
/* current */
#localNavi li li.current a{
	background:#1077b0 url(http://www.seibu-group.co.jp/railways/shared/img/bg/localnavi_04.gif) 0 100% repeat-x;
}
#localNavi li li.current a:hover{
	background:#1077b0 url(http://www.seibu-group.co.jp/railways/shared/img/bg/localnavi_04.gif) 0 100% repeat-x;
}
#localNavi li li.current span{
	background-image:none;
}
/* hasChild */
#localNavi li li.hasChild{
	background:#eaf6fc;
}
#localNavi li li.hasChild ul{
	border-right:1px solid #9dd5f1;
	border-left:1px solid #9dd5f1;
}
#localNavi li li.hasChild li{
	width:198px;
	border-top:none;
	border-bottom:none;
}
#localNavi li li.hasChild li a{
	width:198px;
	padding:3px 0 2px 0;
	display:block;
	background:none;
	color:#0599e3;
}
#localNavi li li.hasChild li.childHead a{
	padding-top:8px;
}
#localNavi li li.hasChild li.childFoot a{
	padding-bottom:7px;
}
#localNavi li li.hasChild li a:hover{
	background:#fff;
}
#localNavi li li.hasChild li a span{
	padding:0 9px 0 25px;
	font-weight:normal;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_02.gif) 9px 0.25em no-repeat;
	text-decoration:underline;
}
#localNavi li li.hasChild li a:hover span{
	background-image:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_03.gif);
	text-decoration:none;
	color:#737373;
}
#localNavi li li.hasChild li.current{
	background:#fff;
}
#localNavi li li.hasChild li.current span{
	background-image:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_03.gif);
	text-decoration:none;
	color:#737373;
}

/* ========== pagetop ========== */
#pagetop{
	width:930px;
	margin:0 auto;
	padding:24px 0 8px 0;
	clear:both;
	text-align:right;
}
#pagetop a{
	padding:0 0 0 14px;
	background:url(http://www.seibu-group.co.jp/railways/shared/img/icn/arrow_01.png) 0 0.25em no-repeat;
}



/* ========== footer ========== */
#footer{
	width:100%;
	padding:13px 0 10px 0;
	background:#a8bcc6;
}
#footerInner{
	width:930px;
	margin:0 auto;
}
#footer ul{
	border-left:1px solid #fff;
	float:left;
}
#footer li{
	padding:0 5px 0 5px;
	float:left;
	font-size:85%;
	border-right:1px solid #fff;
}
#footer li a{
	color:#fff;
}
#footer address{
	float:right;
	font-size:85%;
	color:#fff;
}

body#popup #footer{
	margin-top:50px;
}
body#popup02 #footer{
	margin-top:10px;
}
body#popup #footer p{
	margin-left:345px;
}
body#popup02 #footer p{
	text-align:center;
}


/* float:clear */
#footer:after,
#contentInner:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
#footer,
#contentInner{zoom:100%;}
