@charset "utf-8";

/* =====================================================================
¡áó®C
 - text mod
 - overlay bg
 - transbox
 - multicol
 - figs
 - common classes
===================================================================== */

/* text mod
--------------------------------------------------------------------- */
.section p{
	line-height:1.6;
	font-size:100%;
	text-align:justify;
	text-justify:inter-ideograph;
}

.section .tc {
	text-align:center;
}

.section p.far{
	padding-bottom:1.2em;
}

.section h2.top_image{
	padding-left:0;
} 

/* overlay bg
--------------------------------------------------------------------- */
.section{
	position:relative;
	z-index:1001;
	background-image: url(images/hospitality/hospitality_girl/background01.png);
}
.s_ovl_bath,
.s_ovl_top,
.s_ovl{
	margin-right:-30px;
	margin-bottom:-60px;
	padding-bottom:66px;
	z-index:1000;
	background-repeat:no-repeat;
	background-position:right bottom
}

/* div.transbox
--------------------------------------------------------------------- */
div.transbox{
	margin:0 -4px;
	position:relative;
	width:678px;
}

div.transbox .tbox_up{
	display:block;
	height:21px;
	background:url(../images/common/transbox_upper.png) no-repeat;
}

div.transbox .tbox_mid{
	padding:0 21px;
	overflow:hidden;
	position:relative;
	background:url(../images/common/transbox_middle.png) repeat-y;
	*zoom:1;
}

div.transbox .tbox_low{
	display:block;
	height:21px;
	background:url(../images/common/transbox_lower.png) no-repeat;
}

/* -------------  alternate pattern  ------------- */

div.tbox_dbl{}
div.tbox_dbl .tbox_up{background-image:url(../images/common/transbox_dbl_upper.png);}
div.tbox_dbl .tbox_mid{
	background-image:url(../images/common/transbox_dbl_middle.png);
	padding:0;
}
div.tbox_dbl .tbox_low{background-image:url(../images/common/transbox_dbl_lower.png);}

div.tbox_dbl .in{
	position:relative;
	float:left;
	width:275px;
	padding:0 31px;
}

div.tbox_dbl h3,
div.tbox_dbl p.fig{
	text-align:center;
}

div.tbox_dbl p.fig{
	padding-bottom:10px;
}

/* -------------  alternate pattern  ------------- */

div.tbox_in_dbl{
}

div.tbox_in_dbl .left{
	position:relative;
	float:left;
	padding-left:20px;
	width:320px;
}

div.tbox_in_dbl .right{
	position:relative;
	float:right;
	padding:0 20px 0 10px;
	width:298px;
}

div.tbox_in_dbl .tbox_mid{
	padding:0;
}

div.tbox_in_dbl h3,
div.tbox_in_dbl p.fig{
	text-align:center;
}

div.tbox_in_dbl p.fig{
	padding-bottom:10px;
}


/* -------------  alternate size  ------------- */

div.tbox_325{width:325px; margin:0 0;}
div.tbox_325 .tbox_up{background-image:url(../images/common/transbox_325_upper.png);}
div.tbox_325 .tbox_mid{background-image:url(../images/common/transbox_325_middle.png);}
div.tbox_325 .tbox_low{background-image:url(../images/common/transbox_325_lower.png);}

div.tbox_350{width:350px; margin:0 0;}
div.tbox_350 .tbox_up{background-image:url(../images/common/transbox_350_upper.png);}
div.tbox_350 .tbox_mid{background-image:url(../images/common/transbox_350_middle.png);}
div.tbox_350 .tbox_low{background-image:url(../images/common/transbox_350_lower.png);}

div.tbox_666{width:666px; margin:0 auto;}
div.tbox_666 .tbox_up{background-image:url(../images/common/transbox_666_upper.png);}
div.tbox_666 .tbox_mid{background-image:url(../images/common/transbox_666_middle.png);}
div.tbox_666 .tbox_low{background-image:url(../images/common/transbox_666_lower.png);}

/* -------------  inclusions  ------------- */

div.transbox h3{
	padding:6px 0 16px;
}

div.transbox h3.notxt{
	padding:6px 0 6px 0;
}

div.transbox .fix{
	position:absolute;
	top:0;
	right:16px;
}

div.transbox .fix img{
	vertical-align:top;
}

/* -------------  transbox_verticalaligncenter_2col  ------------- */

div.transbox_vc_2col{
	width:636px;
	margin:0;
	display:table-row;
	*display:block;
}

div.transbox_vc_2col .box{
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}

div.transbox_vc_2col .box_l{
	width:260px;
}

div.transbox_vc_2col .box_r{
	width:380px;
	padding-left:5px;
}

div.transbox_vc_2col h4,
div.transbox_vc_2col p.btn{
	text-align:right;
}

div.transbox_vc_2col h4{
	margin-bottom:5px;
	text-align: left;
}

div.transbox_vc_2col p.txt{
	margin:0 5px 5px 5px;
	float: left;
}
div.transbox_vc_2col p.price{
	margin:0;
	width: 320px;
	float: left;
	font-weight: 600;
}

/* -------------  transbox_verticalaligncenter_3col  ------------- */
div.transbox_vc_3col {
	width:636px;
	margin:0;
	display:table-row;
	*display:block;
}

div.transbox_vc_3col .box{
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	overflow:hidden;
	width:212px;
}

div.transbox_vc_3col h4,
div.transbox_vc_3col p.fig,
div.transbox_vc_3col p.btn{
	text-align:center;
}

div.transbox_vc_3col h4{
	padding-right:3px;
}

div.transbox_vc_3col p.fig{
	padding-left:10px;
}

/* multi_column
--------------------------------------------------------------------- */
div.multi_column{
	width:100%;
}

div.multi_column:after{
	content:url(../themes/default/px.gif);
	display: block;
	clear:both;
	height:0;
	overflow:hidden;
}

div.multi_column .col{
	float:left;
	_display:inline;
}

div.multi_column .col_r{
	float:right;
}

div.multi_column .col h4,
div.multi_column .col p.fig{
	text-align:center;
}

/* -------------  double column  ------------- */
div.double_column .col{
	*zoom:1;
}

/* -------------  triple column  ------------- */
div.triple_column .col{
	width:212px;
}

div.triple_column .col_c{
	margin-right:17px;
	margin-left:17px;
}

/* -------------  fourth column  ------------- */
div.fourth_column .col{
	width:150px;
}

div.fourth_column .col_cl{
	margin-right:23px;
	margin-left:23px;
}

/* -------------  navigation  ------------- */

div.navigation .box_l {
	width:320px;
	float:left;
}

div.navigation .box_r {
	width:316px;
	float:right;
}

div.navigation .box_r h4,
div.navigation .box_r .btn{
	text-align:center;
}
div.navigation .box_r .txt{
	margin:0 40px;
}

/* -------------  navigation02  ------------- */
div.navigation02 {
	width:685px;
	margin:0;
	display:table-row;
	*display:block;
}

div.navigation02 .box01,
div.navigation02 .box02,
div.navigation02 .box03 {
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
	overflow:hidden;
}

div.navigation02 .box01 {
	width:198px;
}

div.navigation02 .box01 .fig{
	padding-left:15px;
}

div.navigation02 .box02 {
	width:260px;
}

div.navigation02 .box02 h4{
	text-align:center;
}

div.navigation02 .box02 .txt{
	padding:0 34px;
}

div.navigation02 .box03{
	width:227px;
}

p.btn_ex{
	margin-top:20px;
}
/* figs
--------------------------------------------------------------------- */
div.figs{
	position:relative;
	width:100%;
}

div.figs img{
	position:absolute;
	top:0;
	left:0;
}

div.figs img.static{
	position:static;
}

/* dl info 
--------------------------------------------------------------------- */
dl.info{
	padding-top:0;
}

dl.info dt{
	font-weight:bold;
	clear:left;
	float:left;
	margin-bottom:0.2em;
	width:5em;
	line-height:1.4;
	font-size:100%;
}

dl.info dd{
	margin-bottom:0.2em;
	margin-left:5em;
	text-indent:0;
	line-height:1.4;
	font-size:100%;
}


/* common classes
--------------------------------------------------------------------- */
.flL{float:left;}
.flR{float:right;}
.cl {clear:both;}