@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
default style clear
-----------------------------------------------*/

/**************************** 基本設定 ****************************/
* {
	margin:0;
	padding:0;
}
body {
	font-size: 13px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3F3F3F;
	line-height: 1.5em;
	height: 100%;
		-webkit-print-color-adjust: exact;
}
html {
	overflow-y: scroll;
	height: 100%;
}
li {
	list-style-type:none;
}
img,
fieldset {
	border:0;
	line-height:0;
	vertical-align: bottom;
}
li {
	list-style-type: none;
}
/* リンク */
a {
  color: #0071BE;
  text-decoration: none;
}
a:hover {
  color: #EB8F3D;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { display: inline-table; } 
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 



/**************************** ページ幅 ****************************/
#wrapper {
	position: relative;
    height: 100%;
    min-height: 100%;
}
body > #wrapper {
    height: auto;
}
#main {
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-bottom: 100px;
}
#contents_in {
	width: 654px;
	float: left;
	margin-top: 10px;
}
/* 鉄道・バスの時刻表 */
#main_box_jikokuhyou {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}



/**************************** メインコンテンツ幅 ****************************/
#main_box ul:not(.sp-slides):not(.col-3) {
	width:622px;
	padding:15px;
	margin-bottom: 10px;
	border-top: 5px solid #1F4470;
	border-bottom: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	background-color: #FFF;
	clear: both;
}



/**************************** タブの切り替え ****************************/
#main_box a#sub {
	color: #FFF;
	font-weight: bold;
	padding-left: 7px;
	float: right;
	background-color: #1F4470;
	background-image: url(img/temp_btn_02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 25px;
	height: 25px;
	padding-right: 28px;
	margin-bottom: 5px;
	margin-left: 3px;
	position: relative;
	top: 15px;
}
#main_box a:hover#sub {
	background-color: #EB8F3D;
	background-image: url(img/temp_over_btn_02.gif);
	line-height: 30px;
	height: 30px;
	margin-bottom: 0px;
	top: 10px;
}
/* タブに対する注釈 */
span#sub {
	font-size: 90%;
	font-weight: bold;
	color: #1F4470;
	float: right;
	line-height: 25px;
	height: 25px;
	margin-bottom: 5px;
	margin-right: 5px;
	position: relative;
	top: 15px;
}
/* 選択 */
a.select {
	color: #FFF;
	font-weight: bold;
	padding-left: 7px;
	float: right;
	background-color: #EB8F3D;
	background-image: url(img/temp_over_btn_02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 30px;
	height: 30px;
	padding-right: 28px;
	margin-bottom: 0px;
	margin-left: 3px;
	position: relative;
	top: 10px;
}




/**************************** ページタイトル ****************************/
/* タイトル青ライン */
div#title {
	width: 630px;
	height: 30px;
	padding-left: 24px;
	background-image: url(img/temp_cap_08.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 5px;
}
/* 見出し */
h1 {
	font-size: 130%;
	font-weight: bold;
	color: #FFF;
	line-height: 32px;
	float: left;
}
h2 {
	margin-top: 6px;
	margin-left: 8px;
	font-size: 100%;
	font-weight: bold;
	color: #B2B2B2;
	float: left;
}
h4 {
	font-size: 180%;
	font-weight: bold;
	color: #1F4470;
	float: left;
	line-height: 30px;
	margin-bottom: 5px;
	margin-top: 5px;
	/*
	border-left: #1F4470 6px solid;
	padding-left: 6px;
	*/
}
h5 {
	margin-bottom: 12px;
	display: block;
	font-size: 140%;
	position: relative;
	right: 10px;
}
li + h5 {
	margin-top: 10px;
}
p + h5 {
	margin-top: 10px;
}
div + h5 {
	margin-top: 10px;
}
h6 {
	border-left: 4px #00A0C6 solid;
	padding-left: 4px;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 115%;
	display: block;
}
li + h6 {
	margin-top: 10px;
}
p + h6 {
	margin-top: 10px;
}
div + h6 {
	margin-top: 10px;
}

/* 見出し下の説明 */
div#description {
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 10px;
	display: block;
	background-color: #FFF;
	border: #666 solid 1px;
}



/**************************** design ****************************/
/* margin */
.margin10 {
	margin-bottom: 10px;
}
.margin20 {
	margin-bottom: 20px;
}
.margin30 {
	margin-bottom: 30px;
}
.margin35 {
	margin-bottom: 35px;
}
.margin50 {
	margin-bottom: 50px;
}
.margin60 {
	margin-bottom: 60px;
}
.margin10 {
	margin-bottom: 10px;
}
.margin5 {
	margin-bottom: 5px;
}
.margin_t5 {
	margin-top: 5px;
}
.margin_t10 {
	margin-top: 10px;
}
.margin_t15 {
	margin-top: 15px;
}
.margin_t20 {
	margin-top: 20px;
}
.margin_t30 {
	margin-top: 30px;
}
.margin_t40 {
	margin-top: 40px;
}
.margin_r5 {
	margin-right: 5px;
}
.margin_r10 {
	margin-right: 10px;
}
.margin_r15 {
	margin-right: 15px;
}
.margin_r20 {
	margin-right: 20px;
}
.margin_r100 {
	margin-right: 100px;
}
.margin_l5 {
	margin-left: 5px;
}
.margin_l10 {
	margin-left: 10px;
}
.margin_l20 {
	margin-left: 20px;
}
.margin_auto {
	margin-left: auto;
	margin-right: auto;
}

/* padding */
.padding_l10 {
	padding-left: 10px;
}

/* position */
.position_10 {
	position: relative;
	bottom: 10px;
}
.position_bot5 {
	position: relative;
	bottom: 5px;
}
.fixed {
	position: fixed;
	display: block;
}
.relative {
	position: relative;
}

/* フォントサイズ */
.font_s {
	font-size: 85%;	
}
.font_b {
	font-weight: bold;
}
.font_l {
	font-size: 115%;
	display: block;
	margin-bottom: 5px;
}
.font_ll {
	font-size: 120%;
	display: block;
	margin-bottom: 10px;
}
.font_xl {
	font-size: 140%;
	display: block;
	margin-bottom: 10px;
}
.red {
	color: #DD2F4D;
	border-left-color: #DD2F4D;
}
.green {
	color: #7FBE26;
	border-left-color: #7FBE26;
}
.green2 {
	color: #5EB031;
	border-left-color: #5EB031;
}
.green3 {
	color: #7BBE35;
	border-left-color: #7BBE35;
}
.blue {
	color: #88ABDA;
	border-left-color: #88ABDA;
}
.blue2 {
	color: #0068B6;
	border-left-color: #0068B6;
}
.blue3 {
	color: #00A0C6;
	border-left-color: #00A0C6;
}
.pink {
	color: #E51284;
	border-left-color: #E51284;
}
.black {
	color: #3C3C3C;
	border-left-color: #3C3C3C;
}
/* 投稿用フォント指定 */
.font_red {
	color: #DD2F4D;
}
.font_green {
	color: #7FBE26;
}
.font_blue {
	color: #88ABDA;
}
.font_big {
	font-size: 115%;
}
.font_big2 {
	font-size: 120%;
}
.font_big3 {
	font-size: 140%;
}

/* コンテンツの左右分割 */
.bunkatsu_l {
	float: left;
	width: 300px;
}
.bunkatsu_r {
	float: right;
	width: 300px;
}

/* box */
.box_border {
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: #999 1px solid;
	width: 160px;
	text-align: center;
	font-weight: bold;
}
.box_border2 {
	padding: 10px;
	border: #999 1px solid;
	text-align: left;
}
.box_gray {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	display: block;
}
.box_gray2 {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #F5F5F5;
	display: block;
}
.box_gray3 {
	background-color: #F5F5F5;
	border: 1px #ccc solid;
	padding: 10px;
	margin-bottom: 10px;
}
.box_koujinyusatsu {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 550px;
	background-color: #F2F2F2;
	margin-top: 20px;
	font-size: 90%;
}

/* button */
.btn_kensaku {
	display: block;
	background-image: url(img/train/btn_03.gif);
	width: 45px;
	height: 22px;
	float: left;
	margin-left: 255px;
	margin-right: 10px;
	text-indent: -9999px;
}
.btn_kensaku:hover {
	background-image: url(img/train/btn_over_03.gif);
}
.btn_clear {
	display: block;
	background-image: url(img/train/btn_04.gif);
	width: 45px;
	height: 22px;
	float: left;
	text-indent: -9999px;
}
.btn_clear:hover {
	background-image: url(img/train/btn_over_04.gif);
}
.btn_kensaku2 {
	background-image: url(img/train/btn_03.gif);
	width: 45px;
	height: 22px;
	border: 0px;
	display: block;
	margin-left: 284px;
	margin-right: 284px;
	text-indent: -9999px;
}
.btn_kensaku2:hover {
	background-image: url(img/train/btn_over_03.gif);
}
.btn_syousai {
	display: block;
	background-image: url(img/btn_shou.gif);
	width: 45px;
	height: 22px;
	margin-top: 10px;
	float: left;
	text-indent: -9999px;
}
.btn_syousai:hover {
	background-image: url(img/btn_over_shou.gif);
}
.btn_yoyaku {
	display: block;
	background-image: url(img/btn_yoyaku.gif);
	width: 45px;
	height: 22px;
	margin-top: 10px;
	margin-right: 7px;
	float: left;
	margin-left: 275px;
	text-indent: -9999px;
}
.btn_yoyaku:hover {
	background-image: url(img/btn_over_yoyaku.gif);
}
.btn_yoyaku2 {
	display: block;
	background-image: url(img/btn_yoyaku.gif);
	width: 45px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-indent: -9999px;
}
.btn_yoyaku2:hover {
	background-image: url(img/btn_over_yoyaku.gif);
}
.btn_soushin {
	display: block;
	background-image: url(img/btn_soushin.gif);
	width: 45px;
	height: 22px;
	float: left;
	margin-left: 255px;
	margin-right: 10px;
	text-indent: -9999px;
}
.btn_soushin:hover {
	background-image: url(img/btn_over_soushin.gif);
}
.btn_kakunin {
	display: block;
	background-image: url(img/btn_kakunin.gif);
	width: 45px;
	height: 22px;
	float: left;
	margin-left: 255px;
	margin-right: 10px;
	text-indent: -9999px;
}
.btn_kakunin:hover {
	background-image: url(img/btn_over_kakunin.gif);
}
.btn_teisei {
	display: block;
	background-image: url(img/btn_teisei.gif);
	width: 45px;
	height: 22px;
	float: left;
	text-indent: -9999px;
}
.btn_teisei:hover {
	background-image: url(img/btn_over_teisei.gif);
}
.btn_border {
	border: 1px #0071BE solid;
	padding: 4px;
	font-weight: bold;
	padding-left: 21px;
	background-image: url(img/temp_btn_09.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
}
.btn_border:hover {
  border: 1px #EB8F3D solid;
  background-image: url(img/temp_over_btn_09.gif);
}

/* border */
div.border {
	height: 3px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: dotted 3px #999;
}
div.border2 {
	height: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: dotted 3px #999;
}
div.border3 {
	height: 2px;
	margin-bottom: 30px;
	margin-top: 30px;
	border-top: solid 2px #666;
}
div.border4 {
	height: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-top: dotted 1px #999;
}
div.border5 {
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: dotted 1px #999;
}

/* float */
.clear {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float:right;
}

/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: block;
  overflow: hidden;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}


/* disnon */
.disnon {
	display: none;
}

/* over */
div.over {
	width: 614px;
	overflow: auto;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
}
div.over_widthnon {
	overflow: auto;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
}

/* table */
.st_table {
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	width: 614px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.st_table td#bold {
	font-weight: bold;
	background-color: #F5F5F5;
	padding: 0px;
}
.st_table td {
	text-align: center;
	padding: 5px;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
}
/* table2 */
table.fourcolor_table {
	border-left: #666 1px solid;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: #666 1px solid;
	border-left: #666 1px solid;
}
table.fourcolor_table td {
	padding: 5px;
	vertical-align: middle;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
}
table.fourcolor_table td.ft_cap {
	color: #FFF;
	font-weight: bold;
	background-color: #3F3F3F;
	border-right: #FFF 1px solid;
	text-align: center;
}
table.fourcolor_table td.ft_cap_last {
	color: #FFF;
	font-weight: bold;
	background-color: #3F3F3F;
	text-align: center;
}
table.fourcolor_table td.ft_koumoku1 {
	color: #FFF;
	font-weight: bold;
	background-color: #666;
	border-right: #FFF 1px solid;
	border-bottom: #FFF 1px solid;
	text-align: center;
}
table.fourcolor_table td.ft_koumoku1_last_tate {
	color: #FFF;
	font-weight: bold;
	background-color: #666;
	border-right: #FFF 1px solid;
	text-align: center;
}
table.fourcolor_table td.ft_koumoku1_last_yoko {
	color: #FFF;
	font-weight: bold;
	background-color: #666;
	border-bottom: #FFF 1px solid;
	text-align: center;
}
table.fourcolor_table td.ft_koumoku2 {
	background-color: #F5F5F5;
	font-weight: bold;
}
/* table3 */
table.description {
	margin-bottom: 10px;
	border-left: #666 1px solid;
	border-top: #666 1px solid;
	width: 614px;
}
table.description td {
	margin-bottom: 10px;
	border-bottom: #666 1px solid;
	border-right: #666 1px solid;
	padding: 5px;
}
table.description td.head {
	background-color: #F5F5F5;
	font-weight: bold;
}
table.description td.no_border {
	border-right: none;
}
table.description td.cap {
	background-color: #3F3F3F;
	color: #FFF;
	text-align: center;
	border-right: #666 1px solid;
	font-weight: bold;
}
table.description td.cap2 {
	background-color: #3F3F3F;
	color: #FFF;
	border-right: #666 1px solid;
	font-weight: bold;
	padding-left: 20px;
}

/* td */
td.arrow {
	width: 40px;
	background-image: url(img/train/btn_02.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/* ol */


ol.list li {
	line-height:1.6;
	padding-left:2em;
	position:relative;
}

ol.list li:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	font-size: 1em;
}

ol.list li:nth-child(1):before {
	content:"(1) ";
}

ol.list li:nth-child(2):before {
	content:"(2) ";
}

ol.list li:nth-child(3):before {
	content:"(3) ";
}


/**************************** 鉄道・バス時刻表 ****************************/
/* 時刻表を360pxへ変更　左へ */
.slide_left {
	width: 370px;
}
.slide_left2 {
	width: 239px;
}

/**************************** 画像投稿のレイアウト指定 ****************************/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	display: block;
	margin-left: auto;
}
.alignrleft {
	display: block;
	margin-right: auto;
}