@charset "UTF-8";

html,body,
h1,h2,h3,h4,h5,h6,
div,p,ul,ol,li,dl,dt,dd,table,tr,th,td,form,
span,img,strong {
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #373737;
}

textarea{
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #000000;
}

a{
	font-size: 12px;
	font-weight: normal;
	list-style: none;
	border: none;
	padding: 0;
	margin: 0;
}

img{
	vertical-align: bottom;
}

html{
	/*height: 100%;*/
}

body{
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	/*height: 100%;*/
	background:#eeeeee url("/images/common/bg.jpg") no-repeat top;
}

h1{
	width:997px;/*997*/
	font-size:10px;
	text-align:right;
	margin:40px auto 0px auto;
	_position: relative;
	_top:40px;
}

#headerarea2{
	background:url("/images/common/bg_header.png") no-repeat;
	height:83px;/*83*/
	width:997px;/*997*/
	font-size:10px;
	margin:0px auto 0px auto;
	_margin:40px auto 0px auto;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/bg_header.png',sizingMethod='scale');
}
#headerarea2 .logo{
	float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
}
#headerarea2 .mob_qr{
	float: right;
	width: 62px;
	margin: 0px;
	padding: 23px 0 0 0;
}
#gnavi{
	width:997px;/*997*/
	margin:0px auto 0px auto;
}

#gnavi li{
	float:left;
	position: relative;
	overflow: hidden;
	height: 42px;
}

#gnavi li a:hover{
	position: relative;
	top: -42px;
}

#gnavi .hiright a{
	position: relative;
	top: -84px;
}

p{
	line-height:140%;
}
/*


#gnavi li a{
	position: relative;
}

#gnavi li a:hover{
	position: relative;
	top: -40px;
}

#gnavi .hiright{
	position: relative;
	top: -80px;
}

*/

#content{
	background:url("/images/common/bg_main.png") repeat-y;
	
	margin:0px auto 0px auto;
	width:987px;/*997*/
	padding:5px;
}

#pankuzu{
	background:url("/images/common/bg_pnkz.gif") no-repeat;
	width:970px;/*980*/
	height:18px;/*20*/
	padding:2px 0px 0px 10px;
	margin:0px auto 0px auto;
}

#pankuzu li{
	display:inline;
}

/*leftcont start*/

#left_cont{
	margin: -10px 0px 0px 4px;
	_margin:6px 0px 0px 2px;
	width:220px;/*220*/
	float:left;
}

#left_cont #counterarea{
	width:210px;

}

#left_cont #counterarea .countertop{
	background:url("/images/common/leftcont/bg_counter.gif") no-repeat;
	width:210px;
	height:46px;
}

#left_cont #counterarea .countertop li{
	padding:10px 0px 0px 120px;
}

#left_cont #counterarea .counterbt{
	background:url("/images/common/leftcont/bg_counter2.gif") no-repeat;
	width:210px;
	height:69px;/*84*/
	padding:15px 0px 0px 0px;
}


#left_cont #counterarea .counterbt .bt_reserve a{
	display: block;
	background: url(/images/common/leftcont/bt_reserve.gif) no-repeat;
	width: 182px;
	height: 30px;
}

#left_cont #counterarea .counterbt .bt_reserve a:hover{
	background: url(/images/common/leftcont/bt_reserve_on.gif) no-repeat;
}


#left_cont #counterarea .counterbt .bt_maga a{
	display: block;
	background: url(/images/common/leftcont/bt_maga.gif) no-repeat;
	width: 182px;
	height: 20px;
}

#left_cont #counterarea .counterbt .bt_maga a:hover{
	background: url(/images/common/leftcont/bt_maga_on.gif) no-repeat;
}

#left_cont #counterarea .counterbt li{
	margin:0px 0px 5px 10px;
}

#left_cont #guidearea , #left_cont #camparea{
	margin:8px 0px 0px 0px;
}

#left_cont #guidearea .cont{
	border:solid 1px #cccccc;
	width:208px;/*210*/
	padding:10px 0px 0px 0px;
}

#left_cont #guidearea .cont a{
	display:block;
	background:url("/images/common/leftcont/icon_yajirusi.gif") no-repeat 0px 3px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 12px 15px;
}

#left_cont #camparea .cont{
	border:solid 1px #cccccc;
	width:208px;/*210*/
	padding:2px 0px 2px 0px;
}

#left_cont #camparea .cont a{
	display:block;
	margin:0px 0px 5px 3px;
}

#left_cont #choicearea , #left_cont #enqarea {
	margin:8px 0px 0px 0px;
}

#left_cont #choicearea .head , #left_cont #enqarea .head{
	background:url("/images/common/leftcont/bg_h_style1.gif") no-repeat;
	width:188px;/*210*/
	height:33px;/*41*/
	padding:8px 10px 0px 12px;
	font-weight:bold;
	color:#6a4873;
}

#left_cont #choicearea .cont , #left_cont #enqarea .cont{
	border:solid 1px #cccccc;
	width:198px;/*210*/
	padding:5px 5px 10px 5px;
	font-size:10px;
	line-height:140%;
}

#left_cont #choicearea .cont .icon , #left_cont #enqarea .cont .icon{
	float:left;
	padding:0px 10px 0px 0px;
}

#left_cont #enqarea .head{
	width:188px;/*210*/
	height:26px;/*41*/
	padding:15px 10px 0px 12px;
	color:#333333;
}

#left_cont .sub_text, #right_cont .sub_text{
	margin:0 0 5px 0;
}

.enqbotan a{
	width:198px;
	height:25px;
	display: block;
	background:url("/images/common/leftcont/anq_botan.gif") no-repeat;
	}
	
.enqbotan a:hover{
	background: url("/images/common/leftcont/anq_botan_on.gif") no-repeat;
	}
	
	
#left_cont .banner{
	border:solid 1px #cccccc;
	width:201px;
	padding:3px;
	margin:10px auto auto 0px;
}

/*leftcont end*/

/*rightcont start*/
#right_cont{
	margin:-10px 0px 0px 0px;
	float:left;
	width:760px;
}

#head2{
	/*背景画像はダミーです*/
	background:url("/images/system/h2.gif") no-repeat;
	width:760px;/*760*/
	height:30px;/*110*/
	padding:90px 0px 0px 0px;
}

#head2 h2{
	color:#ffffff;
	margin:0px 0px 0px 12px;
	float:left;
}

#head2 p{
	float:right;
	margin:0px 10px 0px 0px;
}

/*rightcont end*/


#futa{
	background: url(/images/common/bottom_cont.png) no-repeat;
	height: 30px;
	width: 997px;
	margin: 0 auto;
}


/*footerarea start*/

.subnavi{
	width:1024px;
	margin:35px auto 0px auto;
	text-align:center;
}

.subnavi li a , .subnavi li{
	display:inline;
	font-size:12px;
	letter-spacing:1px;
	line-height:140%;
}

.msg2{
	width:1024px;/*1024*/
	margin:20px auto 0px auto;
	text-align:center;
	font-size:12px;
	line-height:140%;
}

#footer1{
	background:url("/images/common/footer/footer_bg2.gif") no-repeat bottom;
}

#footer1_nest1{
	background:url("/images/common/footer/footer_bg.png") -400px 0px;
	_background:url("/images/common/footer/footer_bg.gif") -400px 0px;
}


#footer1_nest2{	
	height:110px;
	width:1024px;
	margin:0px auto 0px auto;
}

#footer1_nest2 img{
	display:block;
	float:left;
}

#footer1 p{
	color:#cccccc;
	float:left;
	margin:60px 0px 0px 0px;
	font-size:12px;
	line-height:140%;
}

#footer2{
	padding:0px 0px 0px 0px;
	background:#373737 url("/images/index/borderstyle2.gif") repeat-x bottom;
}

#footer2_nest1{
	width:1024px;
	margin:0px auto 20px auto;
}

.msg3{
	margin:30px 10px 0px 0px;
	color:#cccccc;
	width:460px;
	font-size:10px;
	line-height:140%;
	letter-spacing:2px;
	float:left;
}

.pagetop{
	float:right;
	margin:20px 0px 0px 0px;
}

.other_shop , .deli_area{
	float:left;
	margin:20px 0px 0px 0px;
	padding:10px 0px 0px 20px;
	height:120px;/*130*/
	background:url("/images/index/borderstyle1.gif") repeat-y ;
}

.other_shop h3 , .deli_area h3{
	color:#e4e4e4;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.other_shop ul li , .deli_area ul li{
	background:url("/images/index/icon_yajirusi.gif") no-repeat 0px 2px;
	padding:0px 0px 0px 10px;
}

.other_shop ul li a , .deli_area ul li a{
	color:#cccccc;
	font-size:10px;
}

.deli_area{
	margin:20px 0px 0px 40px;
}

.deli_area p{
	color:#cccccc;
	font-size:10px;
	margin:0px 0px 10px 0px;	
}

.deli_area ul li{
	background:none;
	padding:0px 0px 0px 0px;
}

#footer2_sec2{
	width:1024px;
	margin:0px auto 0px auto;
}

.msgstyle3{
	width:450px;
	margin:0px 0px 25px 0px;
}

.msgstyle3 h3{
	font-weight:bold;
	font-size:12px;
	color:#e4e4e4;
	margin:0px 0px 15px 0px;
}

.msgstyle3 p{
	margin:0px 0px 0px 0px;
	color:#cccccc;
	font-size:10px;
	line-height:140%;
}


.floatleft{
	float:left;
}

.margin20{
	margin:0px 0px 0px 60px;
} 

#footer2_sec3{
	width:1024px;
	margin:0px auto 0px auto;
}

.msgstyle4{
	margin:20px 0px 25px 0px;
}

.msgstyle4 h3{
	font-weight:bold;
	font-size:12px;
	color:#e4e4e4;
	margin:0px 0px 15px 0px;
}

.msgstyle4 p{
	margin:0px 0px 0px 0px;
	color:#cccccc;
	font-size:10px;
	line-height:140%;
}

#copy{
	text-align:right;
	width:1024px;
	margin:20px auto 0px auto;
}

#copy p{
	background:url("/images/index/logo_grace.gif") no-repeat right;
	padding:8px 45px 0px 0px;
	height:20px;/*28*/
	color:#cccccc;
}

.clearfix:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.clearfix {
	zoom:1;
}

/*Group navi area*/

#tab_area {
	width: 100%;
	height:37px;
	margin: 0 auto;
	border-bottom:solid 0px #FFC02E;
	background-image: url("http://www.miru2.jp/images/tab_back.gif");
	position:absolute;
	top:0px;
	z-index:2;
}

#tp_area {
	width: 860px;
	height:37px;
	margin: 0 auto;
	text-align:left;
	border-bottom:solid 0px #FFC02E;

}

.tparea {
	width: 120px;
	height:32px;
	padding:5px 0px 0px 0px;
	text-align:left;
	float:left;


}

.tparea2 {
	width: 50px;
	height:32px;
	padding:5px 0px 0px 0px;
	text-align:left;
	float:left;


}

.tparea3 {
	width: 330px;
	height:35px;
	padding:2px 0px 0px 0px;
	text-align:left;
	float:left;
}

.dropdown{
	float:left;
	margin:1px 0px 0px 5px;

}

.dropdown dd{
	position:absolute;
	width:130px;
	display:none;
	background-color:#ffffff;
	border-bottom:solid 1px #7a7a7a;
	border-left:solid 1px #7a7a7a;
	border-right:solid 1px #7a7a7a;
	margin:0px 0px 0px -30px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	text-align:center;
}

#ddcontent-1 a,#ddcontent-2 a,#ddcontent-3 a,#ddcontent-4 a,#ddcontent-5 a{
	padding:4px 0px 4px 0px;
	border-bottom:solid 1px #e9e9e9;
	display:block;	
	font-weight:bold;
	
}

#ddcontent-1 a:hover,#ddcontent-2 a:hover,#ddcontent-3 a:hover,#ddcontent-4 a:hover,#ddcontent-5 a:hover{
	background-color:#ffec93;
}

#ddcontent-1 a{
	color:#ff2478;
}

#ddcontent-2 a{
	color:#ffa347;
}

#ddcontent-3 a{
	color:#fe70a2;
}

#ddcontent-4 a{
	color:#6bc247;
}

#ddcontent-5 a{
	color:#548ee4;
}


.snavi{
	position: relative;
	width: 540px;
	top: -18px;
	left: 450px;
	
}

.snavi li{
	float: left;
	display: inline;
	margin-right: 5px;
}

.snavi li a:hover{
	position: relative;
	top: -1px;
}

.domain{
	background:url("/images/common/leftcont/icon_yajirusi.gif") no-repeat 0px 3px;
	padding:0px 0px 0px 10px;
}

#enqarea .shuttyou{
	background:url("/images/common/leftcont/icon_yajirusi.gif") no-repeat 0px 3px;
	padding:0px 0px 0px 10px;
}


.topback{
	width: 113px;
	margin:0 0 20px 3px;
	padding-left: 12px;
	padding-top: 2px;
	background: url("../images/common/topbkbg.gif") left top no-repeat;
	height: 19px;/*21*/
	float:right;
}
.topback a{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
.bx_under_back{
	width: 110px;
	margin:0 0 20px 3px;
	padding-left: 15px;
	padding-top: 2px;
	background: url("../images/common/bx_under_bg.gif") left top no-repeat;
	height: 19px;/*21*/
	float:right;
}
.bx_under_back a{
	color: #ff7bb0;
	font-size: 10px;
	text-decoration: none;
}