@charset "utf-8";

a:focus { outline:none; }
img {border:none;}

*float 対策*/
.float_wrap {
    overflow: hidden;
}
.float_wrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .float_wrap {
    height: 1em;
    overflow: visible;
}
/**/
/*float 対策*/

.box_l {float:left;}
.box_r {float:right;}

.clear {clear:both;}


/*------------------------*/
/*float 対策*/
#content_base {
    overflow: hidden;
}

#content_base:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #content_base {
    /*height: 1em;*/
    overflow: visible;
}
/**/

/*float対策*/


/*--------------------------
　TOP
--------------------------*/

body.top #content_main {
	width:565px;
	margin:0 0 0 10px;
	}
*html body.top #content_main{//IE6
	margin:0;
	margin:0 0 0 5px;
		}
	
body.top #sidebar {
	/*position:absolute;
	top:55px;right:0;*/
	float:right;
	width:255px;
	margin:18px 20px 0 0;
	}
*html body.top #sidebar {//IE6
	margin:0;
	margin:18px 10px 0 0;
	
}
	
body {
	font-size: 75%;
	font-family:MS P Gothic,Arial;
	background: #fff;
	margin-bottom:0;padding-bottom:0;
	line-height:1.4;
}

a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}


.txt_130 {font-size:130%;}
.txt_120 {font-size:120%;}
.txt_110 {font-size:110%;}
.txt_100 {font-size:100%;}
.txt_90 {font-size:90%;}
.txt_80 {font-size:80%;}
.txt_75 {font-size:75%;}

.bktop {
	text-align:right;
	font-size:11px; padding:20px 0 0;
}

body.double #content_main ul {list-style-type:none;padding:0 0 0 1em;margin:0.5em 0;}
body.double #content_main ul.lst_lv1 li {
	background: url(../common/bullet_gray.gif) no-repeat left top;
	padding:0 0 0 1.7em;
}


#wrapper {
	text-align: center;
}
#content_wrapper,.top_main {
	width:856px;
	background:url(../common/bk.jpg) repeat-y center;
	margin-right: auto;
	margin-left: auto;
}

#content_base {
	text-align: left;
	width: 846px;
	margin-right: auto;
	margin-left: auto;
	/*position:relative;*/
}
#header {
	background: url(../common/head.jpg) no-repeat;
	height: 73px;
	width: 854px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#footer {
	background: url(../common/footer.jpg) no-repeat;
	width:856px;height:43px;
	margin:0 auto;
	clear:both;
}

.title {
	text-align: left;
	position:absolute;
	top:20px; left:25px;
	width: 275px;
	}

h1 {
	height: 38px;
	width: 280px;
	margin:0;
	padding: 0;
}
h1 a {
	font-size:50%;
	/*background: url(../common/logo.gif) no-repeat left top;*/
	height:0;
	width: 280px;
	margin: 0;
	padding-top: 38px;
	overflow:hidden;
	display:block;
}



/*------------------------------*/
/* ヘッダメニュー		*/
/*------------------------------*/

.head_mn {
	background: url(../common/mn_bk.jpg) repeat-x left top;
	height: 31px;
	margin: 0px;
	padding: 0px;
}
.head_mn ul {margin:0 0 0 80px;padding:0;list-style-type:none;}
.head_mn li {
	height:31px;
	margin:0;padding:0;
	float:left;
}
.head_mn li a{
	height:0;
	margin: 0;
	padding-top: 31px;
	overflow:hidden;
	display:block;
}

.head_mn_jp,
.head_mn_en,
.head_mn_hcn,
.head_mn_kcn,
.head_mn_han {height:31px;margin:0;padding:0;}

.head_mn_jp a,
.head_mn_en a,
.head_mn_hcn a,
.head_mn_kcn a,
.head_mn_han a {
	height:0;
	margin: 0;
	padding-top: 32px;
	overflow:hidden;
	display:block;
}

.head_mn_jp a:hover,
.head_mn_en a:hover,
.head_mn_hcn a:hover,
.head_mn_kcn a:hover,
.head_mn_han a:hover {background-position:0px -31px;}

/*--日本語*/
	.head_mn_jp { width:137px;}
	.head_mn_jp a {
		background: url(../common/mn_jp.jpg) no-repeat left top;	
		width: 137px;
	}
	
/*--英語*/
	.head_mn_en { width:137px;}
	.head_mn_en a {
		background: url(../common/mn_en.jpg) no-repeat left top;
		width: 137px;
	}
	
/*--繁体中文*/
	.head_mn_hcn { width:137px;}
	.head_mn_hcn a {
		background: url(../common/mn_hcn.jpg) no-repeat left top;
		width: 137px;
	}
	
/*--簡体中文*/
	.head_mn_kcn { width:137px;}
	.head_mn_kcn a {
		background: url(../common/mn_kcn.jpg) no-repeat left top;
		width: 137px;
	}

/*--韓国語*/
	.head_mn_han { width:139px;}
	.head_mn_han a {
		background: url(../common/mn_han.jpg) no-repeat left top;
		width: 139px;
	}


.topicpath {
	text-align:right;
	margin:0;
	padding: 5px 25px 0 0;
	font-size:85%;
	color:#666;
}
body.ja .topicpath {font-size:75%;}
.topicpath a {color:#666;}

.topicttl {
	color:#666;
	font-size:130%;
	font-weight:bold;
	line-height:1.1;
	padding:0 0 4px 6px;
}

.mncaption {padding:5px;font-size:90%;}
body.ja .mncaption {font-size:75%;}
.back {text-align:right;}
.back img {border:none;}


/*------------------------------*/
/* ページ			*/
/*------------------------------*/

.int {margin:20px 5px;}

.footnote {border-top:1px dashed #ccc;padding:5px 10px;font-size:80%;}

.al_right {text-align:right;}
.al_left {text-align:left;}
.al_center {text-align:center;}


.jisage {
	text-indent: -1.0em;
	margin-left:0.5em;
	margin-top:5px;
	margin-bottom:5px;
}
/*------------------------------*/
/* 背景				*/
/*------------------------------*/

/* 英語TOP -----*/
	body.top.en #content_base.top
		{ background: url(../top/en.jpg) no-repeat left top; min-height:356px;border-bottom:1px solid #ccc;}
	*html body.top.en #content_base.top
		{background: url(../top/en.jpg) no-repeat left top;height:356px;border-bottom:1px solid #ccc;}/*IE6*/

/* 韓国語TOP -----*/
	body.top.kr #content_base.top
		{ background: url(../top/kr.jpg) no-repeat left top; min-height:356px;border-bottom:1px solid #ccc;}
	*html body.top.kr #content_base.top
		{background: url(../top/kr.jpg) no-repeat left top;height:356px;border-bottom:1px solid #ccc;}/*IE6*/

/* 中国語（繁）TOP -----*/
	body.top.ct #content_base.top
		{ background: url(../top/ct.jpg) no-repeat left top; min-height:356px;border-bottom:1px solid #ccc;}
	*html body.top.ct #content_base.top
		{background: url(../top/ct.jpg) no-repeat left top;height:356px;border-bottom:1px solid #ccc;}/*IE6*/

/* 中国語（簡）TOP -----*/
	body.top.cs #content_base.top
		{ background: url(../top/cs.jpg) no-repeat left top; min-height:356px;border-bottom:1px solid #ccc;}
	*html body.top.cs #content_base.top
		{background: url(../top/cs.jpg) no-repeat left top;height:356px;border-bottom:1px solid #ccc;}/*IE6*/


/* 共通 ダイヤ -----*/
	body.top #content_base.dia { background: url(../common/map_bk.jpg) no-repeat left top; min-height:405px;width:830px;}
	*html .dia {background: url(../common/map_bk.jpg) no-repeat left top;height:405px;}/*IE6*/

/* 共通 ダイヤ（英語） -----*/
	body.top #content_base.en { background: url(../common/map_en_bk.jpg) no-repeat left top; min-height:405px;}
	*html .en {background: url(../common/map_en_bk.jpg) no-repeat left top;height:405px;}/*IE6*/

/* 共通 駅情報・チケット -----*/
	body.top #content_base.station,
	body.top #content_base.ticket
		{ background: url(../common/top_bk.jpg) no-repeat left top; min-height:356px;}
	*html .station,
	*html .ticket{background: url(../common/top_bk.jpg) no-repeat left top;height:356px;}/*IE6*/

/* 共通 TOPNEWS -----*/
	.news {
		margin-left:20px;
		text-align:left;
		}
		
	.news h2 {
		margin:0 0 15px;
		padding:5px 15px 6px;
		background:#2081B4;
		color:#ffffff;
		font-size:1.2em;
		}
	
	.news ul {
		padding:0;margin:0;
		}
	
	.news li {
		list-style-type:none;
		background:url(../common/arrow.png) no-repeat 5px 50%;
		padding:6px 0 6px 20px;
		border-bottom:1px dotted #ccc;
		}
		
	.news li a {
		color:#00A6D8;
		margin-left:10px;
		}
	.news li a:hover {
		text-decoration:underline;
		}

/*------------------------------*/
/* メニュー			*/
/*------------------------------*/

.menu {margin:0 3px 0 5px;}
.menu ul {margin:0; padding:0;list-style-type:none;}	
.menu li {
	float:left;
	background:#fff url(../common/mn_itembk.jpg) no-repeat left top;
	border-bottom:3px solid #ddd;
	border-right:1px solid #ccc;
	}
.menu li:last-child {border-right:none;}
.menu li a{
	background:url(../common/arrow.png) no-repeat 10px 19px;
	display:block;
	min-height:22px;
	padding:15px 0 7px 26px;
	text-align:left;
}
*html .menu li a {height:22px;}/*IE6*/
.en .menu li a {min-height:38px;}

.menu li a:hover {
	background:#666 url(../common/arrow.png) no-repeat 10px 16px;color:#fff;
	border-top:2px solid #ccc;
	padding:13px 0 7px 26px;
	}

.menu li.mn1 {width:15.7%;}
.menu li.mn2 {width:27.5%;}
.menu li.mn3 {width:19%;}
.menu li.mn4 {width:20%;}
.menu li.mn5 {width:17.2%;}

.en .menu li.mn1 {width:10%;}
.en .menu li.mn2 {width:26%;}
.en .menu li.mn3 {width:14.3%;}
.en .menu li.mn4 {width:15.7%;}
.en .menu li.mn5 {width:14.5%;}
.en .menu li.mn6 {width:18.7%;}

/*------------------------------*/
/* サイドメニュー		*/
/*------------------------------*/

/*body.top #content_base {
	background: url(../common/double_side_bk.gif) repeat-y right top;
}*/


.qa_policy {
	padding:0 9px;
	background: url(../common/mn2_bk.jpg) repeat-y;
}
.qa_policy ul {
	border:1px solid #cccccc;
	margin:0;padding:0;
	list-style-type:none;
}
.qa_policy li {
	background: url(../common/mn2_itembk.jpg) no-repeat left top;
	border-bottom:1px solid #999999;
}
.qa_policy ul.lv2 li {
	background:#ddd url(../common/mn2_itembk2.jpg) no-repeat left top;
	border-bottom:1px solid #999999;
}


.qa_policy li a{
	display:block;
	min-height:22px;
	padding:13px 10px 5px 26px;
}
*html .qa_policy li a {height:22px;}/*IE6*/


.diaside {
	padding:0 9px;
	background: url(../common/mn2_bk.jpg) repeat-y;
}
.diaside ul {
	border:1px solid #cccccc;
	margin:0;padding:0;
	list-style-type:none;
}
.diaside li {
	background: #333;
	border-bottom:1px solid #999999;
	color:#fff;
	font-size:90%;
}
body.ja .diaside li {font-size:75%;}

.diaside li a{
	display:block;
	min-height:14px;
	padding:8px 10px 8px 10px;
	color:#fff;
}

/*路線色*/
.linecol {font-size:80%;}
.yosan {color:#F5AC13;}
.yosan2 {color:#9AA7D7;}
.dosan {color:#DC4586;}
.mugi {color:#2EBDB1;}
.tokushima {color:#366481;}
.naruto {color:#881F61;}
.yodo {color:#009656;}
.koutoku {color:#87CA3B;}
.asatosa {color:#A4ADB3;}

img.nolink {
-ms-filter: "alpha( opacity=50 )";
filter: alpha( opacity=50 );
opacity:0.5;}

.download_tbl {margin-top:10px;margin-left:20px;margin-bottom:20px;}

.top_main {padding:10px 0;}
.top_main #top_sidebar {margin-top:10px;/*margin-right:23px;*/}



.bnlst ul {
	margin:0;padding:0;
	list-style-type:none;
}
.bnlst li {
	margin-bottom:5px;border-bottom:none;
}

.bnlst li.guide {
	background:#7097C4 url(../common/guide.jpg) no-repeat left;
	border-bottom:1px solid #999999;
	width:235px;
}

.bnlst li.railwaytrip {padding:0;/*height:63px;*/}
.bnlst li.railwaytrip a {padding:0;background-image:none;}

.bnlst li.guide a {display:block;color:#fff;text-align:left;padding:16px 0 16px 30px;}
.en .bnlst li.guide a {padding:12px 0 13px 30px;font-weight:bold;}

.txt_white,
.txt_white a{color:#fff;}