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

 file name  :roten_room.css
 author     :Ability Consultant
style info  :露天風呂付客室設定　ハックは最下部に記述
=================================================================== */


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


/*-----------------------------------------------
	#header
	　ヘッダー
-------------------------------------------------*/
#japanese_food #header h3{
	background: url(../japanese_food/images/tl_page.png) no-repeat left top;
}

#japanese_food #header .top_image{
	background: url(../japanese_food/images/top_image.jpg) no-repeat center top;
}

/*-----------------------------------------------
	#main
	 メイン
-------------------------------------------------*/
#japanese_food #main .pagetop{
	clear: both;
	margin: 20px 0 30px;
}

#japanese_food #main .left{
	float: left;
	display: inline;
}

#japanese_food #main .right{
	float: right;
	display: inline;
}

#japanese_food #main h5{
	width: 695px;
	height: 40px;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	left: -5px;
	margin-bottom: 20px;
}

#japanese_food #main h6{
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
}

#japanese_food #main dl dt{
	background: url(../japanese_food/images/icn_flower.gif) no-repeat left 3px;
	padding: 0 0 0 27px;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 20px;
}

#japanese_food #main dl dd{
	margin-bottom: 20px;
}

#japanese_food #main .detail{
	background: url(../japanese_food/images/bg_content_bottom.gif) no-repeat left bottom;
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#japanese_food #main .detail .detail_top{
	background: url(../japanese_food/images/bg_content_top.gif) no-repeat left top;
	height: 146px;
	margin-bottom: -116px;
}

#japanese_food #main .detail .content{
	width: 630px;
	margin: 0 auto;
}

#japanese_food #main .detail .content .left img{
	border: 1px solid #6B5528;
}

#japanese_food #main .detail .content .right{
	width: 370px;
}

#japanese_food #main .detail .content .right ul li{
	list-style: disc inside;
}


/*Flash追加
--------------------------------*/
#japanese_food #main .intro .flash {
	float: right;
	height: 350px;
	width: 350px;
}
#japanese_food #main .intro .img {
	float: left;
	width: 328px;
}


/* .tabmenu
-------------------------------------------------*/
#japanese_food #main .tabmenu ul{
	background: url(../japanese_food/images/btn_tabmenu.gif) no-repeat left top;
	width: 690px;
	height: 40px;
	margin-bottom: 24px;
}

#japanese_food #main .tabmenu ul li{
	float: left;
}

#japanese_food #main .tabmenu ul li a{
	width: 115px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* .intro
------------------------------------------------*/
#japanese_food #main .intro{
	clear: both;
}

#japanese_food #main .intro h4{
	background: url(../japanese_food/images/tl_page_sub.jpg) no-repeat left top;
	height: 112px;
	text-indent: -9999px;
	font-size: 0;
}

#japanese_food #main .intro .left{
	width: 275px;
	margin: 11px 0 22px 0;
}

#japanese_food #main .intro .left .lnk{
	margin-top: 22px;
}

#japanese_food #main .intro .img{
	clear: both;
}

/* .lunch
------------------------------------------------*/
#japanese_food #main .lunch h5{
	background: url(../japanese_food/images/tl_lunch.gif) no-repeat left top;
}

#japanese_food #main .lunch h6{
	background: url(../japanese_food/images/tl_day_spa.gif) no-repeat left top;
	clear: both;
	margin-bottom: 20px;
}

/* .dinner
------------------------------------------------*/
#japanese_food #main .dinner h5{
	background: url(../japanese_food/images/tl_dinner.gif) no-repeat left top;
}

#japanese_food #main .dinner h6{
	background: url(../japanese_food/images/tl_day_spa.gif) no-repeat left top;
	clear: both;
	margin-bottom: 20px;
}

/* .party
--------------------------------------------------*/
#japanese_food #main .party{
	overflow: hidden;
}

#japanese_food #main .party h5{
	background: url(../japanese_food/images/tl_party.gif) no-repeat left top;
}

#japanese_food #main .party .right{
	width: 250px;
}

#japanese_food #main .party .right h6{
	background: url(../japanese_food/images/tl_about_party.gif) no-repeat left top;
}

#japanese_food #main .party .right p{
	width: 225px;
	margin: 20px 0 0 20px;
}


/* .howto_use
--------------------------------------------------*/
#japanese_food #main .howto_use h5{
	background: url(../japanese_food/images/tl_howto_use.gif) no-repeat left top;
}

#japanese_food #main .howto_use dl dt{
	float: left;
	clear: both;
}

/* .other_info
--------------------------------------------------*/
#japanese_food #main .other_info{
	background: url(../japanese_food/images/tl_other_info.gif) no-repeat left top;
}

#japanese_food #main .other_info ul li{
	background: url(../japanese_food/images/icn_flower.gif) no-repeat left 3px;
	padding-left: 27px;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 18px;
}

/* .reserve
---------------------------------------------------*/
#japanese_food #main .reserve h5{
	background: url(../japanese_food/images/tl_reserve.gif) no-repeat left top;
}

#japanese_food #main .reserve h6{
	background: url(../japanese_food/images/tl_tel_number.gif) no-repeat left top;
	margin-bottom: 20px;
	height: 21px;
}

#japanese_food #main .reserve p{
	margin: 0 0 21px 21px;
}

#japanese_food #main .reserve table{
	width: 100%;
	border: 1px solid #5C5C5C;
}

#japanese_food #main .reserve table th,
#japanese_food #main .reserve table td{
	border: 1px solid #999;
	padding: 10px;
}

#japanese_food #main .reserve table th{
	background: #666;
	text-align: center;
	width: 145px;
}


/*スライドショー*/


.nivoSlider {
    position:relative;
    width:200px; /* 画像の幅 */
    height:200px;
    margin:20px 20px 40px 20px; padding:0;
    background:#202834 url("img/ajax/loading.gif") no-repeat 50% 50%;
    -moz-box-shadow:0px 0px 10px #333;
    -webkit-box-shadow:0px 0px 10px #333;
    box-shadow:0px 0px 10px #333;
}

#slider3.nivoSlider {
        width:200px; height:200px;
}
.nivoSlider a {
    border:0;
}
.nivoSlider img {
    position:absolute;
    top:0; left:0;
    display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    margin:0; padding:0;
    z-index:60;
    display:none;
}
/* The slices in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
}
/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0; bottom:0;
    background:#fff;
    color:#000;
    font-size:10px;
    opacity:0.6; /* Overridden by captionOpacity setting */
    width:100%;
    z-index:89;
}
.nivo-caption p {
    margin:0; padding:5px;
}
.nivo-caption a {
    display:inline!important;
}
.nivo-html-caption {
    display:none;
}
a.nivo-nextNav {
    background-position:-30px 0;
    top:45%; right:15px;
}
a.nivo-prevNav {
    top:45%; left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
}
.nivo-controlNav a.active {
    font-weight:bold;
}
#slider3 {
    margin-bottom:130px;
}
#slider3 .nivo-controlNav {
    position:absolute;
    left:19%;
    bottom:-110px;
}
#slider3 .nivo-controlNav img {
    display:inline;
    position:relative;
    margin-right:10px;
    -moz-box-shadow:0px 0px 5px #333;
    -webkit-box-shadow:0px 0px 5px #333;
    box-shadow:0px 0px 5px #333;
}
#slider3 .nivo-controlNav a.active img {
    -moz-box-shadow:0px 0px 5px #fff;
    -webkit-box-shadow:0px 0px 5px #fff;
    box-shadow:0px 0px 5px #fff;
}
#slider3 .nivo-caption {
}
#slider1 .nivo-controlNav,
#slider2 .nivo-controlNav,
#slider4 .nivo-controlNav {
    position:absolute;
    left:47%; bottom:-30px;
}
#slider1 .nivo-controlNav a,
#slider2 .nivo-controlNav a,
#slider4 .nivo-controlNav a {
    display:block;
    width:10px;
    height:10px;
    background:url("img/ajax/bullets.png") no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
#slider1 .nivo-controlNav a.active,
#slider2 .nivo-controlNav a.active,
#slider4 .nivo-controlNav a.active {
    background-position:-10px 0;
}
/*======================================

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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