@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.4;
	background:#F9F9F9;
	-webkit-text-size-adjust: none; 
}
.inlineBlock .col{  font-size:16px; }


#all{ min-width:1024px;}

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



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

/* メインレイアウト幅 */
#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:#000;}


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

/* ●＆■ */
ul li:before,.headListTable th:before { color:#A6D3E7;}
h4:before, .sq:before , .profHead:before{color:#254EA0;}




/* 太字テキスト */

.color,
.top #main .read-area h2,
p.tx-b,
dl.headingText dt,
#side .tel
{color:#13559F;}



dl.headingText dt.link a{}



/* お知らせパーツ */
.news-block{ border-color:#DAECF4; background: #fff;}
.news h2{ border-color:#266DA7;}
.date{    color: #2068AC;}
.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{}
	
#header{background:url(../images/headerBg.jpg) repeat-x; }

#header .logo{ height:113px; text-align:left;}
#header .headerWrap{ display:table;}


#header h1{ position: absolute; right:0; top:15px; font-size:70%;}

#header .headerWrap div.headRight{position: absolute; right:0; bottom:10px;}
#header .headerWrap p.tel{float:left; padding-right:0; margin:10px 0 0 0;}
#header .headerWrap p.yoyaku{float:left;}





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


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

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

/*#head .head-menu li{ width:16.667%; }*/
#head .head-menu li a{	width:100%; height:55px; display:block; }
#head .head-menu li{ text-indent:-5000px; }
#head .head-menu li.on a{ background-position:left -55px;}
#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); width:57px;}
#head .head-menu li.menu02 a{ background-image:url(../images/menu02.png); width:129px;}
#head .head-menu li.menu03 a{ background-image:url(../images/menu03.png); width:129px;}
#head .head-menu li.menu04 a{ background-image:url(../images/menu04.png); width:129px;}
#head .head-menu li.menu05 a{ background-image:url(../images/menu05.png); width:129px;}
#head .head-menu li.menu06 a{ background-image:url(../images/menu06.png); width:129px;}
#head .head-menu li.menu07 a{ background-image:url(../images/menu07.png); width:129px;}
#head .head-menu li.menu08 a{ background-image:url(../images/menu08.png); width:129px;}



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

#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 .titleBg{background:url(../images/midBg.jpg) repeat; height:180px; margin-bottom:30px;}
.mid #titleArea {background:url(../images/midImg2021.png) no-repeat left center;
  text-align:left; min-width:960px; height:180px; 
	 margin-bottom:30px;}


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

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








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


/* フットインフォ */
.pcInfoArea{
	background:url(../images/infoBgTop.jpg) repeat-x left top,
	url(../images/infoBg.jpg) repeat;}

 
#footArea .infoLogo{text-align:left; margin:0px 0 20px 0;}
.pcInfoArea .wrap{ padding: 35px 0 0px 0; }

.infoLeft{float:left; width:460px;}
.infoMap{overflow:hidden; margin-bottom:10px;} 

.infoRIght{float:right; width:450px; padding-bottom:20px;}

.pcInfoArea h3{margin-bottom:10px;}
.pcInfoArea h3.infoAccess{width:440px; border-bottom:1px dotted #333333; padding-bottom:10px;}
.holiday{background:url(../images/iconHoliday.png) no-repeat left 0.2em; padding-left:50px;}
.uketsuke{background:url(../images/iconUketsuke.png) no-repeat left 0.2em; padding-left:50px;}


#footArea .yoyakuCaution{margin:40px 0 20px 0;}
#footArea .infoTell{padding-top:15px; border-top:1px dotted #B2B2B2; text-align:center; margin-bottom:25px;}


.accessCar{background:url(../images/iconCar.png) no-repeat left center; padding:5px 0 5px 36px; font-weight: bold;}
.accessTrain{background:url(../images/iconTrain.png) no-repeat left center; padding:5px 0 5px 36px; font-weight: bold; margin-bottom:5px;}



/*フットメニューエリア*/

.pcfootMenuArea .wrap{ padding: 40px 0 60px 0; }
.pcfootMenuArea h2{text-align:center; margin-bottom:35px;}
.pcfootMenuArea h3{color:#0071BC; font-size:110%; font-weight:bold; margin-bottom:10px;}

.pcfootMenuArea div.footMenuNavi{float:left; border-right:1px #9EC8CB dotted; box-sizing:border-box; margin-right:20px; min-height:135px;} 
.pcfootMenuArea div.footMenuNavi:last-child{ border:none; margin-right:0;}
.pcfootMenuArea a{color:#543D34; text-decoration:none;}


ul.listSSS li:before{
	content:"・";
	font-size:1.3em;
	vertical-align:middle;
	margin-right:-0.1em;}

ul.listSSS li{ text-indent:-1.2em; padding-left:1em; line-height:1.3em; font-size:92%;}




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

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

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


#foot .copyright{width:100%; padding:5px 0; border-top:1px solid #FFF; font-size:85%; text-align:center; color:#FFFFFF; padding: 3px 0; font-family:Arial, Helvetica, sans-serif;}




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


/* メインタイトル */
h2.pageTitle{
border-bottom: dotted 1px #BBC4CF;
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 0px center ;
	font-weight:bold; margin: 2em 0 1.2em;  line-height:1;
	border-radius: 5px;
	padding: 16px 0 16px 32px;
	color:#FFFFFF;
}






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


#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 #65B2E2; margin: 0 0 10px;border-bottom:none; }
table.listTable td{ padding:10px; background:#FFFFFF;  }

table.listTable th{ padding:10px;
	background:#BADDF1;
	border-right:solid 1px #65B2E2; 
	border-bottom:solid 1px #65B2E2; 
 }
table.listTable td{
	border-bottom:solid 1px #65B2E2; border-right:solid 1px #65B2E2; 
}

table.listTable td.colorTD{background:#F5FDFE; border-right:solid 1px #65B2E2;}