@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:20px;
	color: #333;
	height:100%;
	line-height:1.5;
	background:#FDFBF6;
	-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-left:0px;}



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



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

/* 基本要素 */

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


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

}

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:#F2A4AC;}
h4:before, .sq:before , .profHead:before{color:#F2A4AC;}




/* 太字テキスト */

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



dl.headingText dt.link a{}



/* お知らせパーツ */
.news-block{ border-color:#E6F3DC;}
.news h2{ border-color:#83B742;}
.date{    color: #EC6D81;}
.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; 
	/*border-bottom:2px solid #F2A8B2;	*/
}
	
#header{
	border-top: #F6BCC4 solid 3px;
}

#header .logo{ height:120px;}

#header .headerWrap{}

#header h1{ position: absolute; right:0; top:5px; font-size:60%;}
#header .tel{position: absolute; right:0; bottom:10px;}



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


/* ナビ背景 */
#head .navi{
	width:100%;
	background:url(../img/naviBg.jpg) repeat-x;
	height:63px;
}

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

#head .head-menu li{ width:20%; }
#head .head-menu li a{	width:100%; height:63px; display:block; }
#head .head-menu li{ text-indent:-5000px; }
#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(../img/menu1.png);}
#head .head-menu li.menu02 a{ background-image:url(../img/menu2.png);}
#head .head-menu li.menu03 a{ background-image:url(../img/menu3.png);}
#head .head-menu li.menu04 a{ background-image:url(../img/menu4.png);}
#head .head-menu li.menu05 a{ background-image:url(../img/menu5.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:#F4F0EA url(../img/midMv.jpg)no-repeat right top;}

/* ミドルビジュアル*/
#titleArea .midMV{
	margin-bottom: 40px;
	/*background:url(../img/midMv.jpg) no-repeat center top;
	border-radius:5px;
	border:#FFFFFF solid 4px;
	box-shadow:2px 2px 2px rgba(0,0,0,0.07);*/
}

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





div.midTitleArea{background:#F4F0EA;
  text-align:right; min-width:980px; height:180px; overflow:hidden; position:relative;
	 margin-bottom:30px;}


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

p.midTitle{position:absolute;
top:-155px;
left:30px; z-index:100;}





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


/* フットインフォ */
.pcInfoArea{}
.pcInfoArea .wrap{ padding: 15px 0; }





/* フッタ */
#foot .wrap{ padding: 15px 0; }
#foot{ background:url(../img/footBg.jpg) repeat; width:100%; color:#000; border-top:2px dotted #F5B5BB; font-size:110%;}

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

#foot .copyright{
	width:100%; background:#EB6C80; font-size:80%; text-align:center; color:#FFFFFF; padding: 2px 0; font-family:Arial, Helvetica, sans-serif; margin-top:20px;}

#foot #map {
        height: 430px; width:430px; }

#foot .footHours{
	padding:15px 0;
    border-bottom:1px dotted #AD8E71;
    border-top:1px dotted #AD8E71;
	margin-bottom:20px;}
#foot .footHours p.tx-b{margin-top:0; font-size:110%;}

#foot .footHours p{margin-bottom:5px;}
#foot .footHours.bottom{ border-top:none; }

.colorRed{color:#990000; font-weight:bold; font-size:110%;}
#foot .pcalignCenter{text-align:center;}





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


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


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


/* レイアウト内 H3 */

#contentArea h3{
	background:url(../img/h3.png) no-repeat 0px center ;
	font-weight:bold; margin: 2em 0 1.2em;  line-height:1;
	border: solid 1px #E8E8E8;  border-radius: 0 0 3px 3px;
	padding: 20px 0 20px 32px;
	color:#79111F; 
}



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


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

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

table.listTable td.colorTD{background:#FDF6F3;border-right:solid 1px #F6BCC4; }
table.listTable td.colorTD2{background:#FEFBE3;border-left:solid 1px #F6BCC4; }
table.listTable th.colorTH{background:#FDF1DC;}