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

/*------------------------------------------------------------------------
喜久多HP スタイルシート
--------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
姉妹館リンク（2021.03 追加）
--------------------------------------------------------------------------*/

.block_group {
/*    background: url(https://senoumi.jp/commons/bg_ami.png) #000;*/
    padding: 60px 0 20px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

h2.group-title {
	font-size: 160%;
	font-weight: bold;
	margin: 0;
	text-align: center;
	color: #FFF;
	line-height: 1.0em;
	background:none;
}

ul.group-links{ 
	margin:0 auto;
	max-width:1200px;
	padding:1%;
}
ul.group-links:after{ 
	content : ''; 
	display : block; 
	clear : both; 
	height:0; 
}
ul.group-links li{
	list-style-type:none;
	float:left;
	margin:1%;
	width:14%;
}
ul.group-links li img{
	width:100%;
}
@media screen and (max-width: 896px){
	ul.group-links li{
		margin:1%;
		width:30%;
	}
}
@media screen and (max-width: 480px){
	ul.group-links li{
		margin:1%;
		width:48%;
	}
}

/*------------------------------------------------------------------------
全体レイアウト
--------------------------------------------------------------------------*/
body{
	font-size:14px;
	color:#000000;
	line-height:1.6em;
	background:url(../image/body_bg.jpg);
}

#container {
	width: 100%;
}

#container-in {
	width: 970px;
	background:url(../image/container_bg.png) repeat-y;
	margin: 0 auto 0 auto;
}

#container-end {
	width:970px;
	background:url(../image/container_btm.png) no-repeat;
	height:15px;
	margin:0 auto 0 auto;
}

/*------------------------------------------------------------------------
見出し
--------------------------------------------------------------------------*/

h2           { 
font-size: 16px;
padding:8px 15px 8px 15px;
margin : 20px 20px 10px 20px;
background:url(../image/bg3.gif) repeat-x;
color: #FFFFFF;
border-left:solid 8px #663300;

 }
 
h2.style1           { 
font-size: 16px;
padding:8px 15px 8px 15px;
margin : 20px 20px 10px 20px;
background:url(../image/bg2.gif) repeat-x;
color: #FFFFFF;
border-left:solid 8px #4B543A;

 } 


h3           {
font-size: 14px;
font-weight:bold;
padding:4px 10px 4px 10px;
margin : 10px 10px 10px 10px;
color: #000000;
border-left:solid 8px #663300;
}

h4            {
font-size: 95%;
padding:2px 0px 0px 10px;
margin : 0px;
background-color:#4f583d;
color: #FFFDF4;
font-weight: normal;}

}


/*------------------------------------------------------------------------
トップ
--------------------------------------------------------------------------*/

#top {
	width:100%;
	display:block;
	background:url(../image/top_bg.jpg);

}

#top-in{
	width:950px;
	margin:0 auto 0 auto;
	margin:0 auto 0 auto;
	height:80px;

}

#top-in h1{
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
}


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

#header {
	width:100%;
	display:block;
	background:url(../image/top_bg.jpg);
	padding-bottom:5px;	
}

#header-in {
	width:950px;
	margin:0 auto 0 auto;

}


#header-in #left{
	float:left;
}


#header-in #right{
	float:right;
}

#header-in h1{
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
}

#header-in #gnav{
	margin-top:10px;
	color:#999999;
	text-align:right;
}


#header-in a{
	font-size:14px;
	color:#FFFFFF;	
	text-align:right;
}



/* float解除 */
#header-in:after{ 
	content : ''; 
	display : block; 
	clear : both; 
	height:0; 
}

/*------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------*/

/* コンテンツ全体囲み */

#contents{
	width:950px;
	margin:0px auto 0px auto;
	background:url(../image/contents_bg.jpg) repeat-y;
	padding-top:10px;
}



/*------------------------------------------------------------------------
メニューバー
--------------------------------------------------------------------------*/

.plan_menu{
	width:950px;
	height:94px;
	background:url(../image/menu01.png) no-repeat;
	position:relative;
}

.plan_menu  .btn01{
	width:274px;
	height:94px;
	position:absolute;
	top:0px;
	left:126px;
}

.plan_menu  .btn01 a{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn01_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.plan_menu  .btn01 a:hover{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn01_on.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.plan_menu  .btn02{
	width:274px;
	height:94px;
	position:absolute;
	top:0px;
	left:400px;
}

.plan_menu  .btn02 a{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn02_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.plan_menu  .btn02 a:hover{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn02_on.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.plan_menu  .btn03{
	width:274px;
	height:94px;
	position:absolute;
	top:0px;
	left:674px;
}

.plan_menu  .btn03 a{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn03_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

.plan_menu  .btn03 a:hover{
	width:274px;
	height:94px;
	display:block;
	background:url(../image/menu_btn03_on.png) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}



/*------------------------------------------------------------------------
TOPページメインタイトル
--------------------------------------------------------------------------*/

#main_title{
	width:100%;
	/*background:#62570D; /* 背景色 */
	background:url(../image/title_bg.jpg) ;
}

#wrap_main{
	width:950px;
	margin:0 auto 0 auto;
	position:relative;
}



#wrap_main #btn01{
	width:324px;
	height:172px;
	position:absolute;
	top:0px;
	right:0px;
}

#wrap_main #btn01 a{
	width:324px;
	height:172px;
	display:block;
	background:url(../image/main_btn01_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn01 a:hover{
	width:324px;
	height:172px;
	display:block;
	background:url(../image/main_btn01_on.jpg) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn02{
	width:324px;
	height:172px;
	position:absolute;
	top:172px;
	right:0px;
}

#wrap_main #btn02 a{
	width:324px;
	height:172px;
	display:block;
	background:url(../image/main_btn02_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn02 a:hover{
	width:324px;
	height:172px;
	display:block;
	background:url(../image/main_btn02_on.jpg) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn03{
	width:163px;
	height:120px;
	position:absolute;
	top:344px;
	right:161px;
}

#wrap_main #btn03 a{
	width:163px;
	height:120px;
	display:block;
	background:url(../image/main_btn03_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn03 a:hover{
	width:163px;
	height:120px;
	display:block;
	background:url(../image/main_btn03_on.jpg) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn04{
	width:161px;
	height:120px;
	position:absolute;
	top:344px;
	right:0px;
}

#wrap_main #btn04 a{
	width:161px;
	height:120px;
	display:block;
	background:url(../image/main_btn04_off.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}

#wrap_main #btn04 a:hover{
	width:161px;
	height:120px;
	display:block;
	background:url(../image/main_btn04_on.jpg) no-repeat;
	text-indent:-1000px;
	overflow:hidden;
}


/* TOPコンテンツ1 */

#cont01{
	width:950px;
}


/* TOPコンテンツ2 */

#cont02{
	width:950px;
	position:relative;
}


/* TOPコンテンツ3 */

#cont03{
	width:950px;
}


/* TOPコンテンツ4 */

#cont04{
	width:950px;
}


/* コンテンツ5 */

#cont05{
	width:950px;
}



/*------------------------------------------------------------------------
施設情報テーブル
--------------------------------------------------------------------------*/

#facility_info{
	width:950px;
	margin:10px auto 0 auto;
}

#facility_info .info_table{
	width:460px;
	line-height:140%;
	border-collapse:collapse;
}

#facility_info .info_table th{
	background:#666666;
	vertical-align:middle;
	font-size:12px;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
	border:solid 1px #999999;
}

#facility_info .info_table td{
	background:#efefef;
	vertical-align:middle;
	font-size:12px;
	color:#333333;
	padding:10px;
	border:solid 1px #999999;	
}


/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

#footer {
	width:100%;
	margin:0 auto 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../image/footer_bg.jpg);
}

#footer .copyright{
	text-align:center;
	padding:10px auto 10px auto;
	color:#FFFFFF;
	
}

/* フッターメニュー */


ul.footer_menu{
	text-align: center;
	margin:10px auto 0px auto;
	text-align:center;
	color:#999999;
}


ul.footer_menu li a{
	font-size:14px;
	color:#FFFFFF;
}



/*------------------------------------------------------------------------
その他
--------------------------------------------------------------------------*/

.title_pin{
	display:block;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;
	background:#FC8585;
	margin-bottom:0px;
	padding:5px 0 1px 0 ;
}

.wrap_pin{
	display:block;
	border:solid 3px #FDCBCB;
	padding:10px;
}

.wrap_pin2{
	display:block;
	border:solid 2px #FC8585;
	padding:10px;
}

.bo_b_pin{
	border-bottom:solid 1px #FDCBCB;
	padding:0px 0px 5px 0px;
	width:98%;
}


p.item{
	width:50px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	background:#FC8585;
	padding:2px 5px 1px 5px;
}


.fc-18red{
	font-size:18px;
	color:#CC0000;
}

/* リストスタイル */

ul.style01{
	width:580px;
	float:right;
}

ul.style01 li{
	float:left;
	margin-left:3%;
	/*font-weight:bold;*/
	background:url(../images2/arrow_down01.png) no-repeat;
	padding-left:16px;
}

/* テーブル */

table.tbl_shop_info{
	line-height:1.3em;
}

table.tbl_shop_info th{
	vertical-align:top;
	font-weight:normal;
	padding-top:5px;
}

table.tbl_shop_info td{
	vertical-align:top;
	padding:6px 20px 10px 8px;
}

/* -----------------------------------------------------
トップリンク設定
----------------------------------------------------- */
.toplink{
	font-size:14px;
	float:right;
/*	background:url(../image/common/top_allow.gif) no-repeat;
	padding-left:18px;
	padding-bottom:1px; */
	margin-right:10px;
	margin-top:5px;
}

.toplink a{
	color:#996600;
}

.toplink a:hover{
	color:#999900;
}