@charset "utf-8";
/* ===================================================================
CSS information

 file name  :program.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

#header #mainimage p span {
	background: url(../images/main.jpg) center top no-repeat;
}

/* -----------------------------------------------------------
	#side　メニューhover状態
----------------------------------------------------------- */
#village #contents #side ul.submenu li.program a {
	background: url(../../images/side/img_side.gif) left -340px no-repeat;
}

/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */

/* メインタイトル */
#main h4.main {
	padding:0 0 50px 0;
}

#main .con_program {
	width:720px;
}
#main .con_program h5 {
	padding:0 0 14px 0;
}
/* 村内プログラムカラー */
#main .con_program .box_invillage {
	width:708px;
	background:#afc968;
	overflow:hidden;
	padding:0 0 0 12px;
}
#main .con_program .box_invillage p.village {
	margin:13px 12px 11px 0;
	background:#6ca836;
	padding:9px 13px;
}
#main .con_program .box_program {
	float:left;
	width:230px;
	background:#ffffff;
	border-right:3px solid #afc968;
	border-bottom:10px solid #afc968;
}
#main .con_program .box_program ul.icon {
	width:220px;
	background:#f0ead0;
	overflow:hidden;
	padding:0 10px 0 0;
}
#main .con_program .box_program ul.icon li {
	float:right;
}
#main .con_program .box_program .photo {
	background: url("../images/bg_imgarea.gif") left top;
	width:200px;
	margin:3px 15px 0 15px;
}
#main .con_program .box_program .photo .prog_pop {
	background: url("../images/txt_img_icon.gif") center top no-repeat;
	padding:20px 15px 15px 15px;
}
#main .con_program .box_program .photo .prog_pop a {
	display:block;
	width:160px;
	margin:0 auto;
	background:#fff;
	padding:4px;
	border:1px solid #c4c3ad;
}
#main .con_program .box_program h6.txt {
	background: url("../images/ic_title.gif") no-repeat scroll left 10px transparent;
	color: #708C27;
	font-size: 120%;
	font-weight:normal;
	margin: 3px 15px 10px 15px;
	padding: 2px 0 2px 30px;
}
#main .con_program .box_program dl {
	margin:0 15px;
	width:200px;
	overflow:hidden;
}
#main .con_program .box_program dl dt {
	float:left;
	width:67px;
}
#main .con_program .box_program dl dd {
	float:left;
	width:133px;
}
#main .con_program .box_program p.center {
	text-align:center;
	padding:15px 0 10px 0;
}

/* 村外プログラムカラー */
#main .con_program .box_outvillage {
	width:708px;
	background:#68bac9;
	overflow:hidden;
	padding:0 0 0 12px;
	border-top:1px solid #fff;
}
#main .con_program .box_outvillage p.village {
	margin:13px 12px 11px 0;
	background:#3778a9;
	padding:9px 13px;
}
#main .con_program .box_outvillage .box_program {
	border-right:3px solid #68bac9;
	border-bottom:10px solid #68bac9;
}


#main .con_program h4 {
	padding:0 0 18px 0;
}
#main .con_dining_st p.txt {
	padding:0 0 0 20px;
	width:365px;
	color:#ff0d00;
	font-size:90%;
}

/* メニュー */
#main .con_menulist {
	width:720px;
	padding:0 0 30px 0;
}
#main .con_menulist h4 {
	padding:0 0 5px 0;
}
#main .con_menulist .box_menu {
	width:705px;
	overflow:hidden;
	padding:12px 0 20px 15px;
	border-bottom:2px solid #f2edd7;
}
#main .con_menulist .box_menu .photo {
	float:left;
	width:280px;
	background: url("../images/bg_imgarea.gif") left top;
}
#main .con_menulist .box_menu .photo .menu_pop {
	position:relative;
	background: url("../images/txt_img_icon.gif") left top no-repeat;
	padding:21px 15px 11px 15px;
	width:250px;
}

#main .con_menulist .box_menu .photo a.img {
	display:block;
	width:240px;
	border:5px solid #fff;
}
#main .con_menulist .box_menu .photo a.btn {
	position:absolute;
	right:20px;
	bottom:16px;
	width:15px;
	height:15px;
}
#main .con_menulist .box_menu .detail {
	float:left;
	width:375px;
	padding:0 0 0 30px;
}
#main .con_menulist .box_menu .detail h5.txt {
    background: url("../images/ic_title.gif") no-repeat scroll left 10px transparent;
    color: #708C27;
    font-size: 120%;
    margin: 3px 0 10px 0;
    padding: 2px 0 2px 30px;
}
#main .con_menulist .box_menu .detail p.menu {
	padding:12px 0 0 5px;
}


/* お問い合わせ */
#main .con_contact {
	padding:20px 0 50px 0;
	width:720px;
}
#main .con_contact h4 {
	margin:0 0 0 20px;
}
#main .con_contact dl {
    border: 1px solid #BFB594;
	border-top:0;
	margin:0 0 0 20px;
    overflow: hidden;
    width: 677px;
}
#main .con_contact dt {
    height: 30px;
}
#main .con_contact dt ,
#main .con_contact dd {
    float: left;
    vertical-align: middle;
}
#main .con_contact dt.tel {
    background: url("../../../images/common/ic_tel.gif") no-repeat scroll 140px 7px transparent;
    color: #3A1409;
    font-size: 180%;
    padding: 0 14px 0 170px;
}

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

	詳細ページ

----------------------------------------------------------- */
#main h4.st {
	background: url("../images/detail/bg_ttl.gif") no-repeat scroll left top transparent;
	color: #4E1F0F;
	font-size: 200%;
	padding: 8px 0 12px 23px;
}

#main .con_detailpage {
	border:12px solid #afc968;
	width:696px;
	padding:0 0 30px 0;
}
#main .con_detailpage ul.icon {
	width:690px;
	background:#f0ead0;
	overflow:hidden;
	padding:0 6px 0 0;
	font-size:1px;
	line-height:0;
}
#main .con_detailpage ul.icon li {
	float:right;
}
#main .con_detailpage .box_detail {
	overflow:hidden;
	width:650px;
	padding:23px 12px 50px 26px;
}
#main .con_detailpage .box_detail .sam {
	float:left;
	width:425px;
}
#main .con_detailpage .box_detail .sam .imageview {
	padding:22px 20px 20px 20px;
	background: url("../images/detail/bg_imgdetail.gif") no-repeat scroll left top transparent;
	width:360px;
	height:275px;
	text-align:center;
}

#main .con_detailpage .box_detail .sam ul {
    overflow: hidden;
	width:425px;
}
#main .con_detailpage .box_detail .sam ul li {
    float: left;
    font-size: 1px;
    height: 64px;
    padding: 0 13px 0 0;
    text-align: center;
    width: 70px;
}
#main .con_detailpage .box_detail .sam ul li a {
    display: block;
    height: 55px;
    padding: 10px 0 0 0;
    width: 70px;
}
#main .con_detailpage .box_detail .sam ul li a.active {
    background: url("../images/detail/ic_photoarrow.gif") no-repeat scroll 29px top #FFFFFF;
}
#main .con_detailpage .box_detail .sam ul li a img {
    border: 4px solid #e8e1be;
    height:45px;
    width: 60px;
}
#main .con_detailpage .box_detail .sam ul li a.active img ,
#main .con_detailpage .box_detail .sam ul li a:hover img {
    border: 4px solid #558508;
}
#main .con_detailpage .box_detail  .txt_detail {
	float:left;
	width:225px;
	padding:12px 0 0 0;
}





#main .con_detailpage table.detable {
	width:620px;
	margin:0 35px;
	border-collapse:collapse;
}
#main .con_detailpage table.detable th ,
#main .con_detailpage table.detable td {
	padding:10px 8px;
	background:#edf7d9;
	border:1px solid #d9d0c3;
}
#main .con_detailpage table.detable th {
	background:#558508;
	width:160px;
	text-align:center;
	color:#fff;
}
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}