@charset "utf-8";
/* 
------------------------------------------------------------
for "Merry House " common style
file name: common.css
Author: Sunny.Choi
create: 2013.11.22
/* Browser-style reset
------------------------------------------------------------ */
/*2016/1/18 たまらず修正　Taniuchi.T*/

html {
	margin: 0;
	padding: 0;
	}
body,th,td {
	font-family: "ＭＳ Ｐゴシック","Arial","Osaka";	
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #5c5c5c;
	line-height: 1.5em;
	}
body {
	text-align: center;/* for ie6 bug */
	background-color:#fff;
	}	
table {
	border-collapse: collapse;
	}
form, ul, h1, h2, h3 {
	margin: 0;
	padding: 0;
	}
a,label{
	cursor: pointer;
	}
img {
	border:none;
	}
pre {
	margin: 0;
	padding: 0;
	}
a:link {
	color: #5c5c5c;
	text-decoration: none;
	}
a:visited {
	color: #5c5c5c;
	text-decoration: none;
	}
a:hover {
	color: #5c5c5c;
	text-decoration: underline;
	}
a:active {
	color: #5c5c5c;
	text-decoration: underline;
	}

/* for non-CSS
------------------------------------------------------------ */
.aid {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
/* general item style
------------------------------------------------------------ */
.img_css {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}	
/* clearfix
(.clearfix class wraps enclosing block element around inner floated elements)
------------------------------------------------------------ */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
	}
.clearfix {
	min-height: 1px;
	display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix { 
	height: 1%;
	}
.clearfix {
	display:block;
	}

/* column setting (layout only)
------------------------------------------------------------ */
/* common */
html {
	height: 100%;
	}
body {
	height: 100%;
	}
div#all{
	text-align: left;
	width:1024px;
	height:590px;
	margin: 0 auto 0 auto;
	position:relative;
	background: url(../images/bg.jpg) no-repeat;
	}
div#bottom{
	text-align: left;
	width:1024px;
	height:62px;
	margin: 0 auto 0 auto;
	position:relative;
	font-family: "Trebuchet MS","Arial","Osaka";	
	background: url(../images/bg_bottom.jpg) repeat-x;
	}	
/* menu
------------------------------------------------------------ */
h1.logo {
	position:absolute;
	width:280px;
	height:60px;
	top:27px;
	left:20px;
	background: url(../images/logo.png) no-repeat;	
	}
ul.btn_area {
	width: 116px; 
	height: 7px;
	position:absolute;
	top: 5px;
	left: 860px;
	}
ul.btn_area li {
	list-style-type: none;
	float:left;
	padding-left:20px;
	}
.btn_area .btn_01 {
	width: 24px; 
	height: 7px;
	background: url(../images/btn_home.jpg) no-repeat;
	}
.btn_area .btn_02 {
	width: 52px; 
	height: 7px;
	background: url(../images/btn_contact.jpg) no-repeat;
	}	

/*menu　新*/

ul.menu_area {
	width: 675px; 
	height: 12px;
	position:absolute;
	top: 41px;
	left: 315px;
	}
ul.menu_area li {
	list-style-type: none;
	float:left;
	padding-left:35px;
	}
.menu_area .menu_01 {
	width: 125px; 
	height: 29px;
	background: url(../images/menu01.jpg) no-repeat;
	}
.menu_area .menu_02 {
	width: 125px; 
	height: 29px;
	background: url(../images/menu02.jpg) no-repeat;
	}
.menu_area .menu_03 {
	width: 125px; 
	height: 29px;
	background: url(../images/menu03.jpg) no-repeat;
	}
.menu_area .menu_04 {
	width: 125px; 
	height: 29px;
	background: url(../images/menu04.jpg) no-repeat;
	}		
.menu_area .menu_01:hover,
.menu_area .menu_02:hover,
.menu_area .menu_03:hover,
.menu_area .menu_04:hover {
	background-position: 0 -27px;
	}

.logo_bottom {
	position:absolute;
	width:183px;
	height:35px;
	top:15px;
	left:50px;
	background: url(../images/logo_bottom.png) no-repeat;
	}
.footer {
	position:absolute;
	top:14px;
	left:250px;
	white-space: nowrap;
	font-variant: small-caps;
	}	
/* sub_sommon
------------------------------------------------------------ */	
.sub_bg{
	text-align: left;
	width:1024px;
	height:326px;
	margin: 0 auto 0 auto;
	position:relative;
	background: url(../images/sub_bg.jpg) no-repeat;
	}
.sub_top{
	text-align: left;
	width:1024px;
	height:67px;
	margin: 0 auto 0 auto;
	position:relative;
	background: url(../images/sub_top.jpg) no-repeat;	
	}
.sub_body{
	text-align: left;
	width:854px;/*1024*/
	margin: 0 auto 0 auto;
	background: url(../images/sub_body.jpg) repeat-y;
	padding:0 65px 0 105px;
	}	
.sub_bodyContact{
	text-align: left;
	width:1024px;
	background: url(../images/sub_body.jpg) repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	padding: 0;
	}	
.sub_bottom{
	width:1024px;
	height:77px;
	margin: 0 auto 0 auto;
	background: url(../images/sub_bottom.jpg) no-repeat;		
	}
div.breadcrumb {
	float:right;
	padding-right:70px;
	margin-top:32px;
	}
h3.h3_ttl {
	height:27px;
	margin:0 0 15px 5px;	
	}
h3.s01 {
	width:245px;
	background: url(../images/sttl_01.jpg) no-repeat;	
	} 
h3.s02 {
	width:385px;
	background: url(../images/sttl_02.jpg) no-repeat;	
	}
h3.s03 {
	width:211px;
	background: url(../images/sttl_03.jpg) no-repeat;	
	}
h3.s04 {
	width:206px;
	background: url(../images/sttl_04.jpg) no-repeat;	
	}
h3.s05 {
	width:272px;
	background: url(../images/sttl_05.jpg) no-repeat;	
	}
h3.room_sttl {
	height:44px;
	margin:0 0 15px 0px;	
	width:813px;
	background: url(../images/room_sttl.jpg) no-repeat;	
	}
/*btn_area*/
div.two_btn {
	height: 41px;
	width:320px;
	margin:20px auto 30px auto;	
	}
div.two_btn input {
	float:left;
	width:122px;
	height:41px;
	overflow: hidden;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	}	
div.two_btn input.btn_01{
	background: url(../images/btn_con1.png) no-repeat;
	}
div.two_btn input.btn_02{		
	margin-right:50px;
	background: url(../images/btn_con2.png) no-repeat;
	}
div.two_btn input.btn_03{
	margin-right:50px;
	background: url(../images/btn_con3.png) no-repeat;
	}
div.two_btn input.btn_04{		
	background: url(../images/btn_con4.png) no-repeat;
	}	
div.two_btn input.btn_01:hover,	
div.two_btn input.btn_02:hover,
div.two_btn input.btn_03:hover,	
div.two_btn input.btn_04:hover {
	background-position: 0 -41px;	
	}		 							
/* sub_01
------------------------------------------------------------ */						
h2.ttl_01 {
	position:absolute;
	width:188px;
	height:36px;
	top:12px;
	left:70px;
	background: url(../images/ttl_01.jpg) no-repeat;	
	}
.txt {
	padding-left:10px;
	margin-bottom:10px;
	/*overflow指定をautoから変更*/
	overflow:hidden;
	}
.contactext{
	margin:10px 120px;
}
.TableB {padding:0; width:820px; border-collapse:collapse; border-right:solid 1px #d9dee2; border-left:solid 1px #d9dee2; border-bottom:solid 2px #573801; border-top:solid 2px #573801;}
.TableB tbody th{margin:0; padding:5px 0; text-align:center; background:#fcfcfc; color:#000000; font-weight:bold; border:solid 1px #d9dee2; line-height:120%;}
.TableB tbody td{margin:0; padding:5px 0 5px 10px; text-align:left; border:solid 1px #d9dee2; line-height:120%;}		
/* sub_02
------------------------------------------------------------ */		
h2.ttl_02 {
	position:absolute;
	width:188px;
	height:36px;
	top:12px;
	left:70px;
	background: url(../images/ttl_02.jpg) no-repeat;	
	}
table.room_charge{
	margin:10px 0 10px 0;
	width:820px;
	border:solid #dfcda9 1px;
	}	
table.room_charge td, th {
	padding:5px;
	height:50px;
	text-align:center;
	border:solid #dfcda9 1px;
	font-family:'Century Gothic',"ＭＳ Ｐゴシック";
	}
table.room_charge th {
	background-color:#dfcda9;
	border-right:solid #fff 1px;	
	color:#93754a;
	}
table.room_charge th.right {
	border-right:solid #dfcda9 1px;	
	}
ul.list_box {
	list-style-type: disc;
	padding:0 10px 0 20px;
	}
.btn_go {
	width:159px;
	height:41px;
	margin:10px auto;
	text-align:center;
	background:url(../images/btn_go.png) no-repeat;
	}
.btn_go:hover {
	background-position: 0 -41px;
	}
.banner_area {
	margin:0 auto;
	width:430px;
	height:90px;
	margin-top:40px;
	}				
/* sub_03
------------------------------------------------------------ */			
h2.ttl_03 {
	position:absolute;
	width:215px;
	height:36px;
	top:12px;
	left:70px;
	background: url(../images/ttl_03.jpg) no-repeat;	
	}
.TableA {padding:0; width:820px; border-collapse:collapse; border-right:solid 1px #d9dee2; border-left:solid 1px #d9dee2; border-bottom:solid 2px #573801; border-top:solid 2px #573801;}
.TableA tbody th{margin:0; padding:5px 0 5px 10px; text-align:left; background:#fcfcfc; color:#5c5c5c; border:solid 1px #d9dee2; line-height:120%;}
.TableA tbody td{margin:0; padding:5px 0 5px 10px; text-align:left; border:solid 1px #d9dee2; line-height:120%;}
.TableA tbody td img{margin:5px 0;}
.inputBBox {height:16px;border:solid 1px #cccccc; font:12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:130%; margin:0; padding:0; width:90%;}
/*テキストフィールドの設定追加*/
.inputNamaeBox {height:16px;border:solid 1px #cccccc; font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" line-height:130%; margin:0; padding:0; width:50px;}
.inputSelect {height:20px;border:solid 1px #cccccc; font:12px MS PGothic; line-height:130%; margin:0; padding:0;}
.MiniSubmit { border:solid 0px #000; margin:0; padding:0; background:#000; font:12px MS PGothic; width:100px; font-weight:bold; color:#FFFFFF; text-align:center; height:25px; margin-bottom:10px;}
.textraBox {height:80px;border:solid 1px #CCC; font:12px MS PGothic; line-height:130%; margin:0; padding:0; width:90%;}	
/* sub_04
------------------------------------------------------------ */	
h2.ttl_04 {
	position:absolute;
	width:215px;
	height:36px;
	top:12px;
	left:70px;
	background: url(../images/ttl_04.jpg) no-repeat;	
	}
ul.faqtab {
	height:37px;
	width:800px;
	padding-bottom:5px;
	}
.faqtab li {
	list-style-type: none;
	float:left;
	padding-right:10px;
	}
.faqtab .btn {
	width: 121px; 
	height: 32px;
	}
.faqtab .faqbtn_01 {
	background: url(../images/tab01.jpg) no-repeat;
	}	
.faqtab .faqbtn_02 {
	background: url(../images/tab02.jpg) no-repeat;
	}
.faqtab .faqbtn_03 {
	background: url(../images/tab03.jpg) no-repeat;
	}
.faqtab .faqbtn_04 {
	width: 157px;
	height: 32px;
	background: url(../images/tab04.jpg) no-repeat;
	}				
.faqtab .faqbtn_01:hover,
.faqtab .faqbtn_02:hover,
.faqtab .faqbtn_03:hover,
.faqtab .faqbtn_04:hover {
	background-position: 0 -32px;
	}
.faqtab li.selected a.faqbtn_01,
.faqtab li.selected a.faqbtn_02,
.faqtab li.selected a.faqbtn_03,
.faqtab li.selected a.faqbtn_04 {
	background-position: 0 -32px;
	}
ul.explain li.faq_question1 {
	list-style-type: none;
	margin:5px 0px;
	background: url(../images/btn_q.jpg) no-repeat;
	}
ul.explain li.faq_question1 .qu {
	font-weight:bold;
	color:#4f4f4f;
	padding-left:20px;
	}
.answer1 {
	padding:10px;
	margin:5px 0;
	background-color:#f1f1f1;
	}
/*contact*/	
.left {
	float:left;
	}
/* lightbox
------------------------------------------------------------ */
.ss {
	margin:15px 5px 5px 5px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; margin-top: 50px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; /* Trick IE into showing hover */ display: block; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }