@charset "UTF-8";

/*----------------base---------------*/
#contents *{
    margin:0;
	padding:0;
	border:none;
}
#contents ul,li,ol{
    list-style:none;
}
#contents img{ border:0;}
#contents li img{
   vertical-align:bottom;
}
/*-----------------------------------*/
#contents {
    float:left;
	clear:both;
    background:#0f0d06;
	width:750px;
	color:#FFF7EE;
}
ul#RthExcursionArea{
    float:left;
	clear:both;
}
/*-----------------------------------*/
#header,
#header ul,
#header h2{
    float:left;
    width:750px;
	clear:both;
}
#header ul li{
   float:left;
}
#header h2{
    position:relative;
	height:353px;
	text-indent:-9999px;
}
#header h2 #main_btn{
   position:absolute;
   top:0;
   right:0;
}
#header h2#main_top{background:url(../img/top/main.jpg);}
#header h2#main_info{background:url(../img/info/main.jpg);}
#header h2#main_guest{background:url(../img/guestroom/main.jpg);}
#header h2#main_access{background:url(../img/access/main.jpg);}
#header h2#main_wedding{background:url(../img/wedding/main.jpg);}
#header h2#main_plan{background:url(../img/plan/main.jpg);}
#header h2#main_photo{background:url(../img/photo/main.jpg);}
/*-----------------------------------*/
#wrapper{
    float:left;
    clear:both;
    width:750px;
	margin-bottom:50px;
}
/*---------------top------------------*/
#pickup{
    float:left;
    width:490px;
	padding-top:30px;
	background:url(../img/top/side_bg.gif) repeat-y right top;
}
#pickup h3{
	 background:url(../img/top/h3_bg.gif) no-repeat 0px 10px;
	 padding-left:30px;
	 width:380px;
	 margin-left:25px;
}
#pickup #top_info{
   padding-left:47px;
   	line-height:140%;
	font-size:12px;
	font-family:'MS UI Gothic', Osaka, 'Verdana';
}
#pickup #top_info p{
   margin-bottom:20px;
}
#pickup #top_info h4{
   padding:10px 0 20px 0;
}
#side{
    float:right;
    width:250px;
	padding-left:10px;
	padding-top:37px;
}
#side dl,
#side dl dt{
	width:250px;	
}
#side dl dd{
	padding:30px 0 30px 4px;
	line-height:140%;
	font-size:11px;
	font-family:'MS UI Gothic', Osaka, 'Verdana';
}
#side ul#banner{
    text-align:center;
	width:206px;
	margin:0 auto;
}
#side ul#banner li{margin-bottom:15px;}
#side ul#banner li#faq{margin-bottom:20px;}

/*---------------info-----------------*/
#pc,#qa{
    float:left;
    clear:both;
    width:750px;
	text-align:center;
}
#pc{
    padding-top:50px;
    margin-bottom:20px;
}
#qa{
   padding-top:20px;
}
#pc table{
   width:621px;
   margin:0 auto;
}
#qa dl{
   padding-top:35px;
   width:510px;
   margin:0 auto;
   text-align:left;
   font-family:MS UI Gothic;
   letter-spacing:1px;
   color: #FDEAD5;
}
#qa dl dt{
    padding-bottom:10px;
	padding-top:10px;
	padding-left:50px;
	font-size:14px;
	height:45px;
	background:url(../img/info/que.gif) no-repeat left top;
}
#qa dl dd{
    padding-bottom:20px;
	padding-left:50px;
	padding-top:7px;
	font-size:12px;
	line-height:150%;
	background:url(../img/info/ans.gif) no-repeat left top;
}
.info_line{
    background:url(../img/info/border.jpg) no-repeat center center;
}
/*-------------guestroom--------------*/
#guestroom_information{
    float:left;
    clear:both;
    width:700px;
	text-align:left;
	padding:50px 0 50px 50px;
}
#guestroom_information table{
   float:left;
   width:250px;
}
#guestroom_information div{
   float:left;
   width:350px;
   padding-left:20px
}
#guestroom_information div h3{
    padding-bottom:20px;
}
#guestroom_introduction{
    float:left;
    clear:both;
    width:750px;
	text-align:left;
	padding:0;
}
#guestroom_introduction h3{
    padding-left:50px;
	padding-bottom:37px;
}
#guestroom_introduction ul{
    float:left;
    clear:both;
    width:750px;
	margin:0;
}
#guestroom_introduction li{
    float:left;
    clear:both;
    margin:0;
    padding:0;
	font-size:12px;
	font-family:'MS UI Gothic', Osaka, 'Verdana';
	color:#EDE2D1;
	line-height:150%;
}
#guestroom_introduction li .plan{
    margin-top:25px;
	background-color:#33190D;
	position:relative;
}
#guestroom_introduction li#room1 .plan img{
    position:relative;
    margin-top:-20px;
	margin-left:-5px;
}
#guestroom_introduction li#room1 table{
    float:left;
    clear:both;
   width:680px;
   margin-bottom:30px;
}
#guestroom_introduction li#room2 .plan img{
    position:absolute;
	right:-10px;
	top:-20px;
}
#guestroom_introduction li#room1 .plan p{
	padding:0 20px 20px 20px;
}
#guestroom_introduction li#room2 .plan p{
	padding:20px;
}
#guestroom_introduction li#room1{
    padding-left:43px;
	padding-bottom:50px;
}
#guestroom_introduction li#room1 .pagetop{
    padding-right:0;
	width:680px;
}
#guestroom_introduction li#room2{
    padding-left:43px;
}
/*---------------access--------------*/
#access{
    float:left;
    clear:both;
    width:700px;
	padding:30px 0 0 50px;
	/padding:30px 0 0 30px;
	text-align:center;
}
#access table{
   width:660px;
   text-align:left;
}
#access table td{vertical-align:top;}
#access table td.border{border-top:solid 1px #333333}
#access h3{padding:30px 0;}
#access table .w_td{width:420px;}
/*-------------wedding---------------*/
#wedding{
    float:left;
    clear:both;
    width:720px;
	padding:30px 0 0 30px;
	text-align:center;
}
#wedding ul{
   text-align:left;
   width:680px;
   margin:0 auto;
}
#wedding ul h3{padding:30px 0;}
#wedding ul table{width:660px;}
#wedding ul td{vertical-align:top;}
#wedding ul td.td_img{padding-right:20px;}
#wedding ul td.v_bottom{vertical-align:bottom;}
/*-------------plan---------------*/
#plan{
    float:left;
    clear:both;
    width:750px;
	text-align:center;
}
#plan h3{
    padding:30px 25px;
	text-align:left;
	
}
#plan ul{
    float:left;
    clear:both;
    text-align:left;
    width:700px;
    margin:0 auto;
    margin-top:50px;
	padding:0 25px;
	padding-bottom:50px;
}
#plan li{
    float:left;
    clear:both;
    width:700px;
}

#plan li .box_l,
#plan li .box_r{
   display:block;
   position:relative;
   margin:-50px 0 0 0;
   background:#0f0d06;
   border:solid 1px #5d4d2c;
   height:280px;
}
#plan li .box_l{
    width:468px;
	padding:30px 0 0 30px;
}
#plan li .box_r{
   width:478px;
   padding:30px 0 0 20px;
}
#plan li .box_l{float:left;}
#plan li .box_r{float:right;}

#plan li .box_l .img{
   float:left;
   padding-right:30px;
}
#plan li .box_r .info{
   float:left;
   padding-right:30px;
}
#plan li .box_l .btn,
#plan li .box_r .btn{
   padding-top:30px;
}

/*------ここから150115追加------*/
p.Info {
    width: 432px;
    text-indent: 55px;
}

#stayPlan {
   width: 490px;
   clear: both;
   float: left;
   margin-top: 20px;
}

#stayPlan table tr {
    height: 50px;
    padding-top: 10px;
}


#stayPlan table tr td {
   width: 245px;
   color: #ffffff;
   text-align: center;
   font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS 明朝","MS PMincho",serif;
   font-size: 10px;
   letter-spacing: 0.4em;
}

#stayPlan table tr td.plan {
   width: 250px;
   height: 25px;
   color: #ffffff;
   text-align: center;
   font-weight: bold;
   font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS 明朝","MS PMincho",serif;
   font-size: 14px;
}
#stayPlan table tr.btn_01 {
   height: 0px;
}

/*------ここまで150115追加------*/

/*----------------2015/07/07まで期間限定---------------*/

#limit {
    clear: both;
    width: 750px;
    margin-left: 70px;
    padding-top: 55px;
}

#limit h2 {
    font-size: 16px;
    margin-bottom: 25px;
}

#limit h3 {
    font-size: 15px;
    margin: 25px 0;
}

#limit p {
    font-size: 14px;
    margin: 15px 0;
    line-height: 1.5em;
}


/*----------------2015/07/07まで期間限定---------------*/

/*-------------photo---------------*/
#photo{
    float:left;
    clear:both;
    width:730px;
	padding-top:30px;
	text-align:center;
	padding-left:20px;
}
#photo table{
    width:700px;
}
#photo table th{
   text-align:left;
   padding-bottom:10px;
}
#photo table td.photo{
	width:200px;
	height:200px;
	padding:10px 20px 30px 10px;
	text-align:center;
	vertical-align:top;
    background:url(../img/photo/bg.gif) no-repeat left top;
}
#photo table td.photo p{
    text-align:left;
	padding-top:10px;
	font-size:x-small;
	line-height:1.4em;
}
#photo table td.pagetop{
   width:690px;
   padding:20px 0;
}
/*-----------------------------------*/
.pagetop{
    clear:both;
    width:726px;
	text-align:right;
}
/*-----------------------------------*/
/*---------------footer---------------*/
#footer{
    float:left;
    clear:both;
    width:750px;
	text-align:center;
	padding-bottom:60px;
}
#footer .pagetop{
    padding-top:0;
    padding-right:24px;
}
#footer ul{
    padding-top:20px;
	padding-bottom:20px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF7EE;
}
#footer ul li{
   display:inline;
   margin-left:0.6em;
}
/*-----------------------------------*/
#contents a:link { color: #FFF7EE; text-decoration: none; }
#contents a:visited {text-decoration: none; color: #FFF5EC; }
#contents a:hover { text-decoration: none; color: #FFECD7; }
#contents a:active { text-decoration: none; color: #FFF5EC; }
/*-----------------------------------*/