@charset "shift_jis";

@import "reset.css";
@import "header.css";

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

	Structure CSS

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

html{background:#FF8A00;color:#333;}

/* Hides from Firefox \*/
html{overflow-y:scroll;}
/* End hide from Firefox */

body{background-color:#FF8A00;}

/* ------clear------ */

.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}

#wrapper:after,
#header:after,
#contents #cont_main:after,
#contents #cont_main #area_left:after,
#contents #cont_main #area_right:after,
#contents #cont_main .txt_box:after,
#contents #cont_main .n1:after,
#footer:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}
/*\*/

* html #wrapper,
* html #header,
* html #contents #cont_main,
* html #contents #cont_main #area_left,
* html #contents #cont_main #area_right,
* html #contents #cont_main .txt_box,
* html #contents #cont_main .n1,
* html #footer{height:1em;overflow:visible;}
/**/

.mb10 {
	margin-bottom:10px;
}

/* ------wrapper------ */

#wrapper{width:908px;margin:0 auto;}
#service_text {
	width: 415px;
	margin-top: 15px;
	background-color: #EEEEEE;
	padding: 10px;
	line-height: 1.5em;
}
#affiliate_text {
	width: 415px;
	margin-top: 15px;
	background-color: #EEEEEE;
	padding: 10px;
	line-height: 1.5em;
	overflow: hidden;
}
.bnr{
    text-align: center;
    margin-bottom: 10px;
}
#image a{
display:block;
width:900px;
height:188px;
background:url(../images/top_bnr3.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent:-9999px;
margin: 0pt 0pt 10px 4px;
}

#image a:hover{
background:url(../images/top_bnr3_over.jpg) no-repeat;
}

#image2 a{
display:block;
width:900px;
height:165px;
background:url(../images/top_bnr2.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent:-9999px;
margin: 0pt 0pt 10px 4px;
}

#image2 a:hover{
background:url(../images/top_bnr2_over.jpg) no-repeat;
}

#image4{
text-align:center;
margin-bottom:10px;}


/* ------header------ */

#header{clear:both;width:908px;}

/* ------contents------ */

#contents{clear:both;width:908px;}
.red_title_01 {
	line-height: 2em;
	color: #CC3300;
	font-size: 13px;
}


#contents p#cont_lower{clear:both;height:8px;width:908px;}
#contents p#cont_upper{clear:both;height:9px;font-size:0;width:908px;}

/* ------cont_main------ */

#contents #cont_main{clear:both;width:882px;background-image:url(../images/common/bk.jpg);background-repeat:repeat-y;padding:1px 11px 10px 15px;}

/* ------area_left------ */

#contents #cont_main #area_left{clear:both;float:left;display:inline;width:432px; line-height:1.4;padding:0 0 0 4px;}
#contents #cont_main .n1{clear:both;float:left;display:block;width:396px;}
#contents #cont_main .n2{clear:both;float:left;display:block;color:#ff5805;font-size:10px;width:70px;padding:2px 0;}
#contents #cont_main .n3{float:left;display:block;line-height:1.4;width:326px;padding:2px 0;}
#contents #cont_main .txt_box{clear:both;background:#EEE;width:408px;padding:17px 14px 15px 10px;}

#contents #cont_main .schedule{background:#EEE;width:855px;padding:17px 14px 15px 10px;margin-bottom: 10px;}

#contents #cont_main .apeel_block{clear:both;background:#EEE;width:408px;padding:17px 14px 15px 10px; margin-top:15px;}
#contents #cont_main p.t01{
	clear:both;
	float:left;
	display:inline;
	line-height:1.4;
	width:264px;
}
#contents #cont_main p.t02{float:left;display:inline;width:132px;padding:0 0 0 12px;}
#contents #cont_main p.t03{clear:both;float:left;height:6px;font-size:0;display:inline;width:432px;}
#contents #cont_main p.t04{float:left;display:inline;line-height:1.4em;width:264px;color: #CC3300;margin-top: 10px;}

/* ------area_right------ */

#contents #cont_main #area_right{float:right;display:inline;width:438px; margin-bottom:10px;}
#contents #cont_main #area_right #area_btn{clear:both;width:438px;padding:0;}
#contents #cont_main #area_right #news{clear:both;width:432px;margin:0 auto;}

/* ------footer------ */
.shop_info {
	clear:both;
	background:#EEE;
	padding:17px 14px 15px 10px;
	margin:0 0 0 4px;
	width:850px;
	position:relative;
}
.shop_info table {
	width:100%;
}
.shop_info table td {
	line-height:1.4;
}
/*.shop_info #blog_bunner {
	position: absolute;
	top: 24px;
	left: 245px;
}*/

#footer{clear:both;width:908px;}
#footer #add{float:left;display:inline;color:#FFF;width:460px;padding:20px 0 0;}
#footer #foot_logo{clear:both;float:left;display:inline;width:100px;}
#footer a{color:#FFF;text-decoration:none;}
#footer a:hover{color:#666;}

table.vacancyMark {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    clear: both;
    margin-bottom: 10px;
    margin-left: 10px;
    table-layout: fixed;
    width: 580px;
    font-weight: bold;
}
table.vacancyMark caption {
    font-size: 0.8em;
    padding-bottom: 3px;
    text-align: right;
}
table.vacancyMark th {
    background-color: #FDF5E6;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    font-size: 0.84em;
    font-weight: bold;
    line-height: 130%;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100px;
}
table.vacancyMark th.red {
    color: #FF0000;
}
table.vacancyMark th.blue {
    color: #191970;
}
table.vacancyMark th.date {
    width: 120px;
}
table.vacancyMark th.room {
    width: 120px;
    font-weight: bold;
}
table.vacancyMark td {
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    font-size: 0.84em;

    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
table.vacancyMark td.red {
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #FF0000;
    font-size: 0.84em;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
table.vacancyMark td.blue {
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    color: #191970;
    font-size: 0.84em;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}