@charset "Shift_JIS";

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

ホットヘブン　css
		
					最終更新日　08.09.16

■目次■

01.要素のリセット
02.文字の装飾
03.レイアウトの設定
04.トップページ
05.システムページ


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

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

01.要素のリセット

============================================================*/
body{
	margin:0px;
	font-size:12px;
	background-color:#FFF;
	color:#000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*font-family:Verdana, Osaka, "ＭＳ Ｐゴシック";*/
	text-align:center;
	background:url(../images/bg.gif) top center repeat-y #FFF;
}


img{
	border:none;
	margin:0px;
	padding:0px;
}

teble,tr,td,th,p,h1,h2,h3,ul,li,dl,dt,dd{
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:100%;
}

h1{
	z-index:1;
	position:absolute;
	left:-9999px;
}


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

02.文字の装飾

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

.acclog{
	position:absolute;
	left:-9999px;
	z-index:-1;
}

.noscriptArea{
	text-align:center;
	padding-top:200px;
	color:#000;
}

.notxtArea{
	position:absolute;
	left:-9999px;
	z-index:-1;
}

/*リンク色基本設定1----------------------------*/

a:link		{
	color:#DF5634;
	text-decoration:underline;
}

a:visited	{
	color:#DF5634;
	text-decoration:underline;
}

a:active	{
	color:#DF5634;
	text-decoration:underline;
}

a:hover	{
	color:#999999;
	text-decoration:underline;
}


/*リンク色基本設定2----------------------------*/

#companion
a:link		{
	color:#3366CC;
	text-decoration:underline;
}

#companion
a:visited	{
	color:#3366CC;
	text-decoration:underline;
}

#companion
a:active	{
	color:#33CCCC;
	text-decoration:underline;
}

#companion
a:hover	{
	color:#FF6600;
	text-decoration:underline;
}


/*リンク色基本設定2----------------------------*/

#companion2
a:link		{
	color:#3366CC;
	text-decoration:underline;
}

#companion2
a:visited	{
	color:#3366CC;
	text-decoration:underline;
}

#companion2
a:active	{
	color:#33CCCC;
	text-decoration:underline;
}

#companion2
a:hover	{
	color:#FF6600;
	text-decoration:underline;
}




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

03.レイアウトの設定

============================================================*/
#container{
	text-align:center;
	width:788px;
	margin-left:auto;
	margin-right:auto;
}


#container2{
	text-align:center;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}


/*ヘッダ-------------------------------------*/
#header{
	width:788px;
	height:118px;
	margin:0px auto;
}

/*フッタ-------------------------------------*/
#footer{
	width:770px;
	height:20px;
	margin-top:5px;
	padding-top:10px;
	color:#984346;
	text-align:center;
	margin:0px auto;
	border-top:1px dotted #754A27;
}


/*フッタ2-------------------------------------*/
#footer2{
	width:630px;
	height:20px;
	margin-top:5px;
	padding-top:10px;
	color:#984346;
	text-align:center;
	margin:0px auto;
	border-top:1px dotted #754A27;
}


/*コンテンツ-------------------------------------*/

#contents{
	width:620px;
	height:auto;
	margin:0px auto;
	float:right;
	padding:7px 0px 10px 0px;
}

/* header無し用
#contents2{
	width:628px;
	height:auto;
	margin:0px auto;
	padding:7px 0px 10px 0px;
}
 */


#left_contents{
	width:160px;
	max-width:165px;
	float:left;
	padding-left:5px;
	margin:0px auto;
	display:block;
}

#menu img{
	margin:0px;
	vertical-align:bottom;
}

#menu p{
	margin-top:10px;
}

#bnr img{
	margin:0px;
	vertical-align:bottom;
}

#qr{
	width:160px;
	font-size:0.9em;
	margin-top:2px;
}

#qr p{
	padding-top:5px;
}

#qr .qr1{
	width:80px;
	float:left;
	margin-top:5px;
}

#qr .qr2{
	width:80px;
	float:right;
	margin-top:5px;
}


.mb{
	width:452px;
	float:left;
	margin:15px 2px 10px 8px;
	background:url(../images/photobbs_bg.jpg) top center;
}

.mb iframe{
	width:432px;
	height:328px;
	margin-bottom:10px;
}

.mb img{
	float:inherit;
}

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

04.トップページ

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

#contents .contents_top{
	width:620px;
	height:465px;
	margin-top:2px;
	padding-left:2px;
}

#contents .contents_top img{
	margin:0px;
	padding:0px;
}

#contents .contents_paper{
	width:620px;
	height:330px;
	margin-top:2px;
	padding-left:2px;
	text-align:left;
}

#contents .contents_paper img{
	margin:0px;
	padding:0px;
}

#contents .contents_top .info{
	width:295px;
	height:504px;
	float:left;
	background:url(../images/top/info_bg.gif) no-repeat;
}
/*
#contents .contents_top .event_top{
	width:305px;
	height:252px;
	float:right;
	margin-right:15px;
}
*/
#event_top{
	width:305px;
	height:252px;
	float:left;
	margin-left:10px;
	background-color:#fff;
}

#noScript{
	width:305px;
	height:202px;
	padding:50px 0px 0px 0px;	
	line-height:15px;
	font-size:1em;
	color:#000;
	text-align:center;	
}


#contents .contents_top .event_top .timeservice{
	width:305px;
	height:249px;
	float:right;
	margin-right:0px;
	background:url(../images/top/timeservice_bg.gif) no-repeat;
}



#contents .contents_bottom{
	width:620px;
	height:249px;
	margin-top:5px;
	padding-left:2px;
}

#contents .contents_bottom img{
	margin:0px;
	padding:0px;
}

#contents .contents_bottom .system{
	width:295px;
	height:249px;
	float:left;
	background:url(../images/top/system_bg.gif) no-repeat;
}

#contents .contents_bottom .timeservice{
	width:305px;
	height:249px;
	float:right;
	margin-right:6px;
	background:url(../images/top/timeservice_bg.gif) no-repeat;
}


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

05.システムページ

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

#contents .system{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .system .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .system .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}


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

06.ポイントカードページ

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

#contents .point{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .point .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .point .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}


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

07.チケットページ

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

#contents .ticket{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .ticket .title{
	width:605px;
	padding-top:15px;
}

#contents .ticket .title img{
	margin-bottom:5px;
}

#contents .ticket .text{
	width:605px;
	margin:0px auto;
	padding:0px;
}

#contents .ticket .text img{
	margin-top:10px;
	margin-bottom:6px;
}


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

08.マップページ

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

#contents .map{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .map .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .map .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}


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

09.リンクページ

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

#contents .link{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .link .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .link .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}

#contents .link .text .link_bnr{
	width:570px;
	padding:5px;
}

#contents .link .text .link_bnr img{
	margin:5px 0px 5px 0px;
}

#contents .link .text p{
	margin:10px 0px 0px 0px;
}


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

10.メルマガページ

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

#contents .maga{
	width:605px;
	height:508px;
	margin:2px 0px 5px 2px;
	background:url(../images/system/bg.gif) no-repeat;
}

#contents .maga .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .maga .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}

#contents .maga .text p{
	margin:15px 0px 10px 0px;
	line-height:2em;
	font-size:larger;
}


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

11.イベントページ

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

#contents .event{
	width:605px;
	height:600px;
/*
	height:508px;
*/
	margin:2px 0px 5px 2px;
	background:url(../images/event/bg.jpg) no-repeat;
}

#contents .event .title{
	width:605px;
	height:67px;
	padding-top:15px;
	max-height:47px;
}

#contents .event .text{
	width:605px;
	height:438px;
	margin:0px auto;
	padding:0px;
}




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

12.コンパニオンページ

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

#companion{
	width:605px;
	margin:2px 0px 5px 2px;
}


#companion
.bg_top{
	width:605px;
	height:78px;
	margin:0px;
	background:url(../companion/images/companion_bg_01.gif) top center no-repeat;
}


#companion
.bg_top2{
	width:605px;
	height:78px;
	margin:0px;
	background:url(../hp2/companion/images/companion_bg_01.gif) top center no-repeat;
}


#companion
.bg_bottom{
	width:605px;
	height:79px;
	margin:0px;
	background:url(../companion/images/companion_bg_03.gif) top center no-repeat;
}


#companion
.bg_bottom2{
	width:605px;
	height:79px;
	margin:0px;
	background:url(../hp2/companion/images/companion_bg_03.gif) top center no-repeat;
}


#companion
.list_area{
	width:605px;
	margin:0px;
	background:url(../companion/images/companion_bg_02.gif) top center repeat-y;
	text-align:left;
	color:#666666;
}

#companion
.list_area2{
	width:605px;
	margin:0px;
	background:url(../hp2/companion/images/companion_bg_02.gif) top center repeat-y;
	text-align:left;
	color:#666666;
}


/*----- #companion .list_area .em ブラウザ別 -----*/

/*firefox用*/
#companion
.list_area .em{
	width:541px;
	height:10px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*IE7用*/
*:first-child+html
#companion
.list_area .em{
	width:541px;
	height:18px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}


/*〜IE6用*/
* html
#companion
.list_area .em{
	width:541px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*-----  -----*/



/*----- #companion .list_area .em ブラウザ別2 -----*/

/*firefox用*/
#companion
.list_area2 .em{
	width:541px;
	height:10px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*IE7用*/
*:first-child+html
#companion
.list_area2 .em{
	width:541px;
	height:18px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}


/*〜IE6用*/
* html
#companion
.list_area2 .em{
	width:541px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*-----  -----*/


#companion
.list_area .line{
	width:541px;
	height:1px;
	padding:4px 0px 5px 30px;
	_padding:5px 0px 5px 30px;
}

#companion
.list_area .link_sche{
	font-size:12px;
	font-weight:normal;
	padding-left:15px;
}


#companion
.list_area2 .line{
	width:541px;
	height:1px;
	padding:4px 0px 5px 30px;
	_padding:5px 0px 5px 30px;
}

#companion
.list_area2 .link_sche{
	font-size:12px;
	font-weight:normal;
	padding-left:15px;
}


/*----- コンパニオンリスト -----*/

#companion
.list_frame{
	padding:1px 0px 0px 32px;
}


#companion
.list{
	width:122px;
	height:215px;
	text-align:center;
	float:left;
	margin:10px 13px 3px 2px;
}

#companion
.list a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#companion
.list .name{
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding-top:5px;
}

#companion
.list .size{
	color:#333333;
	font-size:12px;
	padding-top:5px;
}



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

13.コンパニオン詳細ページ

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

#companion_detail{
	width:620px;
	height:auto;
	margin:2px 0px 0px 2px;
	padding-top:3px;
}

#companion_detail
.left{
	width:340px;
	float:left;
	margin:0px 0px 0px 2px;
}

#companion_detail
.left .main_photo{
	width:339px;
	height:451px;
	margin:0px;
}

#companion_detail
.left .thum_photo{
	width:340px;
	height:67px;
	margin:10px 0px 3px 0px;
	text-align:left;
}

#companion_detail
.left .thum_photo img{
	width:67px;
	height:67px;
	margin-right:1px;
}


#companion_detail
.right{
	width:270px;
	height:auto;
	float:right;
	text-align:left;
	color:#333333;
}

#companion_detail
.right .sub_title2{
	margin-bottom:2px;
	height:24px;
}

#companion_detail
.right .sub_title{
	margin-bottom:2px;
	height:26px;
}



#companion_detail
.right .prof_text{
	font-size:12px;
	padding:3px 0px 3px 2px;
	line-height:18px;
}


*:first-child+html
#companion_detail
.right .prof_text dt{
	margin-bottom:1px;
}

#companion_detail
.right .prof_text dt{
	margin-bottom:2px;
}

*:first-child+html
#companion_detail
.right .prof_text dd{
	margin:0px 0px 1px 3px;
	height:auto;
}

#companion_detail
.right .prof_text dd{
	margin:0px 0px 2px 3px;
}

#companion_detail
.right .prof_text .name{
	font-weight:bold;
	font-size:14px;
}

#companion_detail
.right .prof_text .size{
	font-size:14px;
}


#companion_detail
.right .comment_text{
	width:255px;
	padding:7px 5px 10px 5px;
	line-height:16px;
}

#companion_detail
.right .s_bnr{
	width:265px;
	height:36px;
}

#companion_detail
.right .s_bnr img{
	margin-right:2px;
}


/*firefox用*/
#companion_detail
.right .sche_bnr{
	margin-top:2px;
	width:265px;
	height:68px;
}

#companion_detail
.right .next_bnr{
	margin-top:2px;
	width:265px;
	height:69px;
}

/*IE7用*/
*:first-child+html
#companion_detail
.right .sche_bnr{
	margin-top:3px;
}

*:first-child+html
#companion_detail
.right .next_bnr{
	margin-top:3px;
}


/*〜IE6用*/
* html
#companion_detail
.right .sche_bnr{
	margin-top:3px;
}

* html
#companion_detail
.right .next_bnr{
	margin-top:3px;
}


#contents
.reserve_tel{
	margin:0px auto;
	text-align:left;
}


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

14.コンパニオン2詳細ページ

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

/*
#contents2{
	width:624px;
	height:auto;
	margin:0px auto;
	padding:7px 0px 10px 0px;
}
*/

#contents2{
	width:773px;
	margin-left:auto;
	margin-right:auto;
	padding:7px 0px 5px 0px;
}

#companion2{
	width:773px;
	margin:2px 0px 5px 2px;
}


#companion2
.bg_top{
	width:773px;
	height:78px;
	margin:0px;
	background:url(../companion/images/companion2_bg_01.gif) top center no-repeat;
}


#companion2
.bg_top2{
	width:773px;
	height:78px;
	margin:0px;
	background:url(../hp2/companion/images/companion2_bg_01.gif) top center no-repeat;
}


#companion2
.bg_bottom{
	width:773px;
	height:79px;
	margin:0px;
	background:url(../companion/images/companion2_bg_03.gif) top center no-repeat;
}


#companion2
.bg_bottom2{
	width:773px;
	height:79px;
	margin:0px;
	background:url(../hp2/companion/images/companion2_bg_03.gif) top center no-repeat;
}


#companion2
.bg_bottom2 .text_info{
	padding:15px;
	text-align:center;
	line-height:130%;
}


#companion2
.list_area{
	width:773px;
	margin:0px;
	background:url(../companion/images/companion2_bg_02.gif) top center repeat-y;
	text-align:left;
	color:#666666;
}

#companion2
.list_area2{
	width:773px;
	margin:0px;
	background:url(../hp2/companion/images/companion2_bg_02.gif) top center repeat-y;
	text-align:left;
	color:#666666;
}

#companion2
.title_text{
	width:541px;
	margin:0px auto;
	text-align:center;
	_padding-left:130px;
}



/*----- #companion2 .list_area .em ブラウザ別 -----*/

/*firefox用*/
#companion2
.list_area .em{
	width:541px;
	height:10px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*IE7用*/
*:first-child+html
#companion2
.list_area .em{
	width:541px;
	height:18px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}


/*〜IE6用*/
* html
#companion2
.list_area .em{
	width:541px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 30px;
}

/*-----  -----*/



/*----- #companion2 .list_area .em ブラウザ別2 -----*/

/*firefox用*/
#companion2
.list_area2 .em{
	width:541px;
	height:10px;
	font-weight:bold;
	font-size:16px;
	/*padding:3px 0px 0px 30px;*/
	padding:3px 0px 0px 0px;
	text-align:left;
}

/*IE7用*/
*:first-child+html
#companion2
.list_area2 .em{
	width:541px;
	height:18px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 0px;
	text-align:left;
}


/*〜IE6用*/
* html
#companion2
.list_area2 .em{
	width:541px;
	font-weight:bold;
	font-size:16px;
	padding:3px 0px 0px 0px;
	text-align:left;
}

/*-----  -----*/


#companion2
.list_area .line{
	width:541px;
	height:1px;
	padding:4px 0px 5px 30px;
	_padding:5px 0px 5px 30px;
}

#companion2
.list_area .link_sche{
	font-size:12px;
	font-weight:normal;
	padding-left:15px;
}


#companion2
.list_area2 .line{
	width:541px;
	height:1px;
	/*padding:4px 0px 5px 30px;
	_padding:5px 0px 5px 30px;*/
	padding:4px 0px 5px 0px;
	_padding:5px 0px 5px 0px;
}

#companion2
.list_area2 .link_sche{
	font-size:12px;
	font-weight:normal;
	padding-left:15px;
}

#flash_maquee{
	width:540px;
	height:33px;
	/*margin:0px 0px 0px 30px;*/
	margin:0px auto;
	padding-top:15px;
}

/*----- コンパニオンリスト -----*/

#companion2
.list_frame{
	padding:1px 0px 0px 26px;
	_padding:1px 0px 0px 20px;
}


#companion2
.list{
	width:122px;
	height:215px;
	text-align:center;
	float:left;
	margin:10px 20px 3px 5px;
}

#companion2
.list a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#companion2
.list .name{
	color:#333333;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
}

#companion2
.list .size{
	color:#333333;
	font-size:12px;
	padding-top:5px;
}


#companion2
.list .red{
	font-size:1em;
	_font-size:12px;
	color:#FF3300;
	text-decoration:blink;
	font-weight:bold;
}





/*========== floatバグ回避 ==========*/

.clear{clear: both;}

.clearfix:after{
	content:url(../images/spacer.gif);
	display:block;
	clear:both;
	height:0;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */