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

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


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */



/* 
----------------------------------------------------------- */
#yuraku {
}

#yuraku .con_yuraku{
}


/*サブメニュー*/
.con_link {
	width: 700px;
	margin: 20px auto 25px;
	overflow: hidden;
}
.con_link ul{
	width: 700px;
	overflow: hidden;
}
.con_link ul li {
	float: left;
	height: 50px;
}
.con_link ul li a{
	display:block;
	float: left;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
}

.con_link ul .btn_top{
	width:114px;
}
.con_link ul .btn_top a{
	background: url(../yurakutei/images/snavi/snavi01.gif) no-repeat 0 -50px;
	width:114px;
}

.con_link ul .btn_yuraku{
	width:234px;
}
.con_link ul .btn_yuraku a{
	background: url(../yurakutei/images/snavi/snavi02.gif) no-repeat 0 -50px;
	width:234px;
}
.con_link ul .btn_special{
	width:162px;
}
.con_link ul .btn_special a{
	background: url(../yurakutei/images/snavi/snavi03.gif) no-repeat 0 -50px;
	width:162px;
}
.con_link ul .btn_standard{
	width:190px;
}
.con_link ul .btn_standard a{
	background: url(../yurakutei/images/snavi/snavi04.gif) no-repeat 0 -50px;
	width:190px;
}
/* ホバー */
.con_link ul .btn_top a:hover,
.con_link ul .btn_yuraku a:hover,
#yuraku .con_link ul .btn_yuraku a,
.con_link ul .btn_special a:hover,
.con_link ul .btn_standard a:hover,
.con_link ul li a:hover{
	background-position: 0 0;
}


/* 湯らく亭 */
#yuraku .con_yuraku .box_yuraku{
	width:678px;
	background:url(../yurakutei/images/bg_yuraku.jpg) 0 0 repeat;
	overflow:hidden;
	padding:11px;
}

#yuraku .con_yuraku .box_yuraku .pImgyu01{
	float: left;
}
#yuraku .con_yuraku .box_yuraku .box_yuraku02{
	float: right;
}

#yuraku .con_yuraku .box_yuraku .box_yuraku02 .pImgyu02{
	padding-top:7px;
}




/* .box_photo
----------------------------------------------------------- */
/* スライダー */
#yuraku .con_yuraku .box_photo {
	width: 700px;
}

#yuraku .con_yuraku .box_photo .box_type {
	width: 700px;
	position: relative;
}
#yuraku .con_yuraku .box_photo .box_type .photo {
	width: 700px;
	height: 378px;
	overflow: hidden;
	position: relative;
}
#yuraku .con_yuraku .box_photo .box_type .photo div {
	top: 0;
	left: 0;
	position: absolute;
}
#yuraku .con_yuraku .box_photo .box_type .thumarea {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 120;
	width: 240px;
	padding: 7px;
}
#yuraku .con_yuraku .box_photo .box_type .thumarea ul {
	width: 240px;
	margin: 0 -6px 0 0;
	overflow: hidden;
}
#yuraku .con_yuraku .box_photo .box_type .thumarea ul li {
	float: left;
	margin: 0 6px 0 0;
	background-color: #000;
	line-height: 0;
	font-size: 0;
}
#yuraku .con_yuraku .box_photo .box_type .thumarea ul li img {
	border: 3px solid #fff;
	/* for IE */
	filter: alpha(opacity=60);
  -moz-opacity: 0.6;
	/* CSS3 standard */
/*	opacity: 0.6;*/
}
#yuraku .con_yuraku .box_photo .box_type .thumarea ul .active img {
	border: 3px solid #000;
	/* for IE */
	filter: alpha(opacity=100);
  -moz-opacity: 1;
	/* CSS3 standard */
	opacity: 1;
}



#yuraku .con_yuraku .box_info{
	width: 700px;
}
#yuraku .con_yuraku .box_info .box_info_l{
	width: 248px;
	float:left;
	font-size:80%;
	color:#6c543d;
}

#yuraku .con_yuraku .box_info .box_info_l .pTxtinfol{
	padding:5px;
}

#yuraku .con_yuraku .box_info .box_info_l .pStinfo{
	margin:25px 0 0 0;
}

#yuraku .con_yuraku .box_info .box_info_r{
	width: 430px;
	padding:20px 0 0 20px;
	float:left;
	background: url(../yurakutei/images/bg2_yuraku.gif) 0 0 no-repeat;
}

#yuraku .con_yuraku .box_info .box_info_r .pTxtinfor{
	margin-bottom:20px;
}
#yuraku .con_yuraku .box_info .box_info_r .pImginfo{
	text-align: right;
	margin-bottom:40px;
}


/*テーブル*/
.con_table{
	width:670px;
	margin: 0 auto 50px;
	overflow:hidden;
	clear:both;
}

table{
	width:670px;
	border-top:solid 1px #ac8c50;
	border-bottom:solid 1px #ac8c50;
	clear:both;
}
table th{
	background:#ccb272;
	text-align:left;
	padding:20px 16px;
	border-bottom:solid 1px #ac8c50;
}
table th .sCome{
	color:#960000;
}
table th .sTxt{
	font-size:80%;
}
table td{
	border-bottom:solid 1px #ac8c50;
	padding: 3px 0 3px 10px;
}

#yuraku .con_yuraku .comment {
	font-size: 90%;
	margin-top: 10px;
	}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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