@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:  "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:15px;
	color: #333;
	height:100%;
	line-height:1.6;
	background:#FEFCF8;
	-webkit-text-size-adjust: none;
	font-weight:300; 
	
}

.inlineBlock .col{  font-size:15px; }


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



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

/* メインレイアウト幅 */
#main{width:650px; float:right;}


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


/



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

/* 基本要素 */

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


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

}

a{color:#B64500; text-decoration:none;}



a.roll:hover , a img:hover{
opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
	
}


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



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

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




/* 太字テキスト */

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

.colorBlue{color:#1F6693;}
.colorGreen{color:#5AAA6D;}

dl.headingText dt.link a{}



/* お知らせパーツ */
.news-block{ border-color:#E1F0D2; background:#FFFFFF;}
.news h2{ border-color:#8EC25D;}
.date{    color: #B64500;}
.news .newstext {  border-color:#000;}




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


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



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

 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: #DFDBD8 solid 22px;}

#header .logo{margin:30px 0 20px 0;}
#header h1{ position: absolute; right:0; top:-22px; font-size:80%;}

#header .headerWrap{display: flex;}

#header .headRight{background:url(../images/headRightBg.jpg) no-repeat; min-width:344px; min-height:54px; margin:40px 0 0 17px;}
#header .headerWrap p.tel{float:left; padding:7px 12px 0 15px;}
#header .headerWrap p.yoyaku{float:left; margin-top:10px;}

#header ul#fontSize{
	width:178px;
	height:19px;
	background:url(../images/textsize.jpg) no-repeat left center;
	margin:70px 0 0 40px;
}

#header  ul#fontSize li{
	float:left;
	margin-right:6px;
	padding-top: 0px;
	cursor:pointer;
	display:inline;
}

#header  ul#fontSize li.btnS{
	margin-left:60px;
}

#header ul#fontSize li.btnL{
	margin-right:0px;
}






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


/* ナビ背景 */
#head .navi{
	width:100%;
	background:url(../images/gnavi_bg.jpg) repeat-x left top; height:63px;
	min-width: 960px;
}

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

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



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

#head .head-menu li.menu01 a{ background-image:url(../images/menu01.jpg); width:137px;}
#head .head-menu li.menu02 a{ background-image:url(../images/menu02.jpg); width:137px;}
#head .head-menu li.menu03 a{ background-image:url(../images/menu03.jpg); width:137px;}
#head .head-menu li.menu04 a{ background-image:url(../images/menu04.jpg); width:137px;}
#head .head-menu li.menu05 a{ background-image:url(../images/menu05.jpg); width:137px;}
#head .head-menu li.menu06 a{ background-image:url(../images/menu06.jpg); width:137px;}
#head .head-menu li.menu07 a{ background-image:url(../images/menu07.jpg); width:138px;}




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


.head-menu li{position: relative; }
.head-menu li a{display: block;}
.head-menu li ul{display: none;position: absolute;top: 100%; z-index:200;right: 0;}
.head-menu li:hover ul{display: block; padding-top:0px;}
.head-menu li {display: block;}
.head-menu li ul li{ /*! width:150px; */ display:block;  z-index:200;}
.head-menu li ul li dl{ width:100%;  z-index:200;}

.head-menu li ul li{ z-index:100;}


.head-menu li li{ width:100%; display:block; }

.head-menu li ul li a{min-width:93px; height:auto;}
.head-menu .sf-menu a {border-left:1px solid #fff;text-decoration:none;border:none; display:block;}
.head-menu .sf-menu li li dl {background-color: #FFFFFF;color:#FFFFFF;border:#118411 solid 1px;font-size:100% ;padding:  0 ;text-align:left;display: block;white-space: nowrap;line-height:10px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
box-sizing: border-box;
}
.head-menu .sf-menu dl{ margin:0; padding:0;}
.head-menu .sf-menu dl a{color:#000000;}


.head-menu .sf-menu li li a:hover{background-color:#DBEBE2;}
.head-menu .sf-menu li li dl{font-size:13px;text-align:left;white-space:nowrap;/*! padding:1px 0 0px 1px; */line-height:1;color:#000000;}
.head-menu .sf-menu li li dl dd a{padding:6px 6px 6px 12px; }
#head:after {  content: ".";    display: block;    clear: both;  height: 0;  visibility: hidden;}
#head{  min-height: 1px;}
* html #head .head-menu  {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}
.head-menu .sf-menu li li dl dt a{
	padding:20px 8px 20px 18px;background-repeat: no-repeat;
	background-position: 7px center;
	 border-bottom:dotted 1px #CCCCCC;
background-image: url(../img/common/arrow_2.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:#FAEFD4 url(../images/midImg.jpg) no-repeat left center;
  text-align:right; height:180px; 
	 margin-bottom:30px;}



/*ミドルビジュアル
#titleArea .midMV{
	background:url(../images/midImg.jpg) no-repeat center top;
	border-radius:6px;
	border:#FFFFFF solid 3px;
	box-sizing:border-box;}*/


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






.midImg img{ width:70%; position:absolute; left:0; bottom:0;}

p.midTitle{position:absolute;
top:-130px;
right:0px; z-index:100;}




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


/* フットインフォ */
.pcInfoArea{background:#FAFBFA; padding-bottom:0px;}
.pcInfoArea h3{margin-bottom:20px;}
.pcInfoArea h4:before{content:none;}
.pcInfoArea h4{color:#66903F;}

.pcInfoArea h2{font-size:120%; font-weight:600; color:#E3007F; margin:0px 0 8px 0;}
.pcInfoArea .wrap{ padding: 35px 0 60px 0; width:870px;}

.infoLeft{float:left; width:395px;}
.infoRight{float:right; width:440px;}

.parking{background:url(../images/iconParking.jpg) no-repeat left center; padding:0 0 0 20px;}


#footArea .pcInfoArea h3.iconTime:before{content:none;}
#footArea .pcInfoArea h3.iconTime{
	background:url(../images/iconTime.png) no-repeat left 0.2em;
	padding-left:50px; margin:0 0 0.4em 0;
	padding:0 0 0 30px; font-size:108%; font-weight:600;}

#footArea .pcInfoArea h3.iconAccess:before{content:none;}
#footArea .pcInfoArea h3.iconAccess{
	background:url(../images/iconTrain.png) no-repeat left 0.2em;
	padding-left:50px; margin:0 0 0.4em 0;
	padding:1px 0 6px 30px; font-size:108%; font-weight:600;
	border-bottom:1px dotted #333333;}


#footArea .pcInfoArea ul{margin-bottom:10px;}


.infoBorder{border-bottom:1px dotted #044889;padding: 0 0 15px 0;}
.googleMap{border:1px solid #DFDFDF; box-sizing:border-box; margin-bottom:10px;}
.holiday{background:url(../images/iconHoliday.png) no-repeat left 0.3em; padding:1px 0 1px 58px;}
.iconKensa{background:url(../images/iconKensa.png) no-repeat left 0.3em; padding:3px 0 3px 30px;}



/* フッタ */
#foot .wrap{
	padding: 25px 0 10px 0; position:relative;
	line-height:1.4;
	color:#fff;}
	
#foot{
	width:100%;
    background-color:#5C4024;}

#foot h3{ margin-bottom:0.6em; font-weight:600; font-size:110%; margin-right:30px;}
/*#foot p{ margin-bottom:0.6em;}*/

#foot .footLink{position:absolute; right:0; bottom:10px; margin-bottom:0;}

#foot .copyright{ font-size:75%; padding:2px 0; text-align:center; color:#B4ADA6; background:#3A2816; font-family:Arial, Helvetica, sans-serif;}




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


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


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


/* レイアウト内 H3 */

#contentArea h3{
	background:url(../images/h3.png) no-repeat 0px center ;
	font-weight:bold; margin: 4em 0 1.2em;  line-height:1;
	border-top:3px solid #A27B58;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted #EBD7C0;
	border-radius:0 0 5px 5px;
	padding: 16px 0 16px 30px;
}



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


#side{line-height:1.5;	}

#side .sideMenu{ margin-bottom:10px;}
#side .sideMenu ul{ background: url(../images/side_blockBody.jpg)repeat-y left top; width: 260px; margin:0 0 10px 0;}
#side .sideMenu ul:before{content: url(../images/side_blockHead.jpg);}
#side .sideMenu ul:after{content: url(../images/side_blockFoot.jpg);}
#side .sideMenu ul li{ width: 250px; border: #F0E2D1 solid 1px; margin: 0 auto 2px;  background:#FFFFFF; line-height:1.2;
	border-radius: 3px;       
	-webkit-border-radius: 3px;   
	-moz-border-radius: 3px;  
}

#side .sideMenu ul li a{ display:block; padding: 14px 0 14px 30px; background: url(../images/common/btnR.svg) no-repeat 10px center; color:  #333; text-decoration:none;}
#side .sideMenu ul li a:hover,#side .sideMenu ul li.on{   background: #FFFEE8 url(../images/common/btnR.svg) no-repeat 10px center; color:#FF9900;}
.sideMenu ul li.on a{ color:#FF9900 !important;}



#side ul.banners{ margin: 0 0 20px;}
#side ul.banners li{ margin: 0 0 8px;}

#side ul.infoparts{ margin: 20px 0 0px;}
#side ul.infoparts li{ margin: 0 0 8px;}


#side p{ margin: 0 0 5px; font-size: 90%;}
#side .side-address p strong{word-wrap: break-word;}


#side p{font-size:100%;}
#side li{font-size:100%;}

#side .side-address p strong{ font-size:138%; color: #B64500; font-weight: 500;}
#side .sideBlockB li{font-size:85%;}



#side ul.listSS li:before{
	content:"・";
	font-size:2.5em;
	vertical-align:top;
	margin-right:-0.2em;
}





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


table.listTable{  border:solid 1px #DAC9BA; margin: 0 0 10px;border-bottom:none; text-align:center;}
table.listTable td{ padding:16px 8px; border-right:solid 1px #DAC9BA;}
table.listTable td.colorTD{background:#EBE7E3; border-right:solid 1px #DAC9BA; font-weight:500;}

table.listTable th{ padding:8px;
	background:#7A5C42;
	border-right:solid 1px #DAC9BA; 
	border-bottom:solid 1px #DAC9BA;
	font-weight:500;
	color:#FFF;}
	
table.listTable td{
	border-bottom:solid 1px #DAC9BA;
}