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


@import url("common.css");
@import url("common-detail.css");
@import url("detail.css");
@import url("top.css");



/*  -------------------------------------------------------------------------------------------------------------------- */

/* ベースレイアウト設定 */

/*  -------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:16px;
	color: #000;
	height:100%;
	line-height:1.6;
	background:#FFFFFF;
	-webkit-text-size-adjust: none; 
}
.inlineBlock .col{  font-size:16px; }


/* ヘッダー幅 */
#header .headerWrap{ width:900px;}
#head .head-menu{margin:auto;  width:900px; }


/* ページ幅 */
.wrap{margin:auto; width:900px; }

/* メインレイアウト幅 */
#main{width:900px; margin:auto;}



/* サイドバー幅 
#side{ float:right;  width:230px; }*/



/*  -------------------------------------------------------------------------------------------------------------------- */

/* 基本要素 */

/*  -------------------------------------------------------------------------------------------------------------------- */


/*hover PC*/
@media screen and (min-width: 735px) {
#content a:hover{ color:#F7891E;}

}

a{  color:#09C;}


a.more-link,
.link a,
.links a{ text-decoration:none; color:#333;}
.top .newsinfo p.headline a{color:#333;}


/* パーツカラー */
/*  ------------------------------------------------------------ */

/* ●＆■ */
ul li:before,.headListTable th:before { color:#98C3DE;}
h4:before, .sq:before , .profHead:before{color:#0B6DAF;}




/* 太字テキスト */

.color,
.top #main .read-area h2,
p.tx-b,
dl.headingText dt,
#side .tel
{color:#2886B9;font-weight:bold;}



dl.headingText dt.link a{}



/* お知らせパーツ */
.news-block{ border-color:#b1d2e6;}
.news h2{ border-color:#0B6DAF;}
.date{    color: #008ecf;}
.news .newstext {  border-color:#CCCCCC;}





/*基本要素要素 フォントサイズ */
/*  ------------------------------------------------------------ */


h2.pageTitle{font-size:120% ;}
#contentArea h3{font-size:116%;}
dl.headingText dt{ font-size:106%; }
.tx-b{ font-size:120%;}



/*基本要素要素マージン */
/*  ------------------------------------------------------------ */

 p{ margin-bottom:1.2em;}


ul, ol{ margin-bottom: 1.5em; }
li{  margin-bottom:0.3em}

dl.headingText{ margin-bottom: 1.2em;}
dl.headingText dd + dt{ margin-top:1.2em; }




/*  -------------------------------------------------------------------------------------------------------------------- */

/* 変更デザインパーツ */

/*  -------------------------------------------------------------------------------------------------------------------- */



/* ヘッダー */
/*  ------------------------------------------------------------ */

#head{background:#FFFFFF; }
	
#header{border-top: #138ECF solid 4px;}
#header .headerWrap{ position:relative;}
#header h1.logo { text-align:left; height:98px; margin-top:35px;}

#header .headRight{ position:absolute; bottom:10px; right:0px; width:420px; text-align:right; }

#header .tel{ float:left;margin:10px 0 0px 0; text-align:right;}

#header .headBtn{ float:right;text-align:right;}

/* ヘッダナビ */
/*  ------------------------------------------------------------ */


/* ナビ背景 */
#head .navi{
	width:100%;
}

/* メニューボタンサイズ */

/*#head .head-menu li{ width:16.667%; }*/
#head .head-menu li a{	width:100%; height:54px; display:block; }
#head .head-menu li{ text-indent:-5000px; width:20%;}
#head .head-menu li.on a{ background-position:left -54px;}
#head .head-menu li a{ box-sizing:border-box; background-repeat:no-repeat;}



/* メニューボタンデザイン */

#head .head-menu li.menu01 a{ background-image:url(../images/menu01.png);}
#head .head-menu li.menu02 a{ background-image:url(../images/menu02.png);}
#head .head-menu li.menu03 a{ background-image:url(../images/menu03.png);}
#head .head-menu li.menu04 a{ background-image:url(../images/menu04.png);}
#head .head-menu li.menu05 a{ background-image:url(../images/menu05.png);}



/* ヘッダー固定する場合 */
/*  ------------------------------------------------------------ */
/*

#head{transition: .5s;  position:fixed;top: 0; left: 0; width:100%;}
#titleArea{	margin-top:191px ;}

*/

/* 以下高さの合計
#header border-top +
#header .logo  + 
#head .head-menu li a height
*/



/* ミドル　タイトル画像 */
/*  ------------------------------------------------------------ */


/* ページBG*/
.mid #titleArea {background:#F8F7F1 url(../images/midImg.png) no-repeat right top;
  text-align: right; height:180px; 
	 margin-bottom:40px;}


/* ミドルビジュアル*/
#titleArea .midMV {
	margin-bottom: 40px;}

#titleArea h2{ display:table-cell; vertical-align:middle;
	height:180px;
	width:1024px;
	text-align: left;
	padding: 0 0px 0 0;
}








/* フットエリア（インフォ＆フッター） */
/*  ------------------------------------------------------------ */
#footArea{ padding-top:60px; clear:both;}


/* フットインフォ */
.pcInfoArea{background:url(../images/infoBg.jpg) repeat;}
.pcInfoArea .wrap{ padding: 30px 0; }

.infoLeft{float:left; width:380px;}
.infoRIght{float:right; width:540px; padding-bottom:20px;}

.pcInfoArea h3{margin-bottom:5px;}
.pcInfoArea h3.infoAccess{background:url(../images/iconTrain.png) no-repeat left center; font-weight:bold; padding:2px 0 3px 30px;}
.pcInfoArea h3.iconHours{background:url(../images/iconHours.png) no-repeat left center; font-weight:bold; padding:2px 0 3px 30px;}

.holiday{background:url(../images/iconHoliday.png) no-repeat left 0em; padding-left:70px;}

.pcInfoArea h2{color:#0B2F80; font-size:110%; font-weight:bold; margin-bottom:4px;}

.accessCar{background:url(../images/iconCar.png) no-repeat left 0em; padding-left:35px;}
.accessbus{background:url(../images/iconbus.png) no-repeat left 0em; padding-left:40px; font-weight: bold; margin-bottom:10px;}
.accessMap{background:url(../images/iconmap.png) no-repeat left center; font-weight: bold; margin-bottom:10px; padding:5px 0 5px 30px;}


/* フッタ */
#foot .footBlock{width:100%;} 
#foot .wrap{ padding: 20px 0 25px 0; position:relative; background:url(../images/images/footBgImg.png) no-repeat right 0.3em;}
#foot{ background:#318DB8; width:100%; color:#FFFFFF; }

#foot h2{ margin-bottom:0.3em; font-weight:bold; font-size:110%; margin-right:60px;}
#foot p{ margin-bottom:0.3em;}

#foot .footLink{position:absolute; right:0; top:10px;}


#foot .copyright{ width:100%; background:#0B6DAF; font-size:80%; text-align:center; color:#FFFFFF; padding: 2px 0; font-family:Arial, Helvetica, sans-serif;}
#foot .footBgImg{width:100%; background:url(../images/footBg.jpg) repeat-x; border-top:#0B6DAF solid 4px;}

#foot h2,#foot img{ margin-top:5px;}

/* Ｈタグ */
/*  ------------------------------------------------------------ */


/* メインタイトル */
h2.pageTitle{
border-bottom: dotted 1px #000;
margin:0 auto 1em;


background:url(../images/hTagIcon.png) no-repeat left center ;  
font-weight:bold; 
line-height:1;
padding: 14px 0 14px 20px;
}


/* レイアウト内 H3 */

#contentArea h3{
	background:url(../images/h3.png) no-repeat left;
	font-weight:bold; margin: 2em 0 1.2em;  line-height:1;
	border: solid 1px #cad6d8; border-radius:5px;
	padding: 16px 0 16px 32px; 
}


#contentArea .imgTitle{ background:none; padding:0; border:none; border-radius:0;
}


/* サイド ブロック */
/*  ------------------------------------------------------------ */


#side .sideBlock{
	 border:#DBDBDB solid 1px;
	 border-radius: 5px;
	box-shadow:0 3px 5px rgba(0,0,0,0.1); 
}

#side .sideInfo{ padding:5px 10px 15px;}

#side .sideInfo ul{ margin-bottom:1em;}
#side .sideInfo p.link{ margin-bottom:0;}


/* 表テーブル*/
/*  ------------------------------------------------------------ */


table.listTable{  border:solid 1px #8AB64C; margin: 0 0 10px;border-bottom:none; }
table.listTable td{ padding:10px;  }

table.listTable th{ padding:10px;
	background:#F3F8ED;
	border-right:solid 1px #8AB64C; 
	border-bottom:solid 1px #8AB64C; 
 }
table.listTable td{
	border-bottom:solid 1px #8AB64C;
}