@charset "utf-8";
/* CSS Document */
body	{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
	margin:0; padding:0;
	background:#ffffff url(../img/background/page_back.jpg) center 0 no-repeat; background-attachment:fixed;
	}

*	{ word-break:break-all;}


h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd { margin:0; padding:0; font-size:100%;}
img { border:none;}
p	{ margin:0; padding:0; line-height:140%;}

table	{border-collapse:collapse;}

header,article,nav,section,footer	{ display:block;}

ul,ol	{ list-style:none;}

.clear	{ clear:both;}

form	{ display:block; margin:0; padding:0;}

input,textarea	{ font-size:100%;}
input.middle	{ width:90%;}
textarea.typeA	{ width:90%; height:80px;}
.tr input		{ width:200px;}
input.short		{ width:3em;}
input.hidden	{ display:none;}

#page_header	{ background-color:#000000;/*	 position:fixed; width:100%; z-index:99999; top:0; left:0;	*/}
#page_header .inner	{ width:940px; margin:0 auto; padding:3px 0;}
#page_header .rogo	{ width:300px; float:left;}

#page_footer	{ background-color:#000000; padding:10px 0; clear:both; width:100%;}

#page_footer p	{ text-align:center; color:#ffffff;}

/*	ヘッダー検索ボックス	*/
#page_header form:after	{ content:""; display:block; clear:both;}
#page_header form .inner2	{ margin:0; padding:0; float:right; width:280px; padding-top:10px;}
#page_header form input.keyword	{ width:243px; height:31px; border:none; margin:0; padding:0; line-height:31px;}
#page_header form input.btn_submit	{ width:37px; height:31px; margin:0; padding:0; float:left;}

#page_header form .inner3	{ margin:0; padding:0; float:right; width:230px; padding-top:0; padding-left:10px;}
#page_header form .inner3 a.btn	{ color:#ffffff; width:100%; padding-top:10px; padding-bottom:10px; text-decoration:none;}

a.shop	{ color:#0000FF}
a.staff	{ color:#FF007F}





.for_contact_form_btn	{ text-align:right; padding-top:5px;}
.for_contact_form_btn a	{ color:#cccccc;}
.for_contact_form_btn a:hover	{ color:#ffffff;}












#wrapper	{ width:940px; margin: 0 auto; padding-bottom:60px; /*	padding-top:90px;	*/}


#top_headline	{ background-color:#dddddd; margin-top:20px; padding: 15px 25px; position:relative;}
#top_headline .headline	{ font-size:150%;}
#top_headline .dummy	{ position:absolute; right:-50px; bottom:-20px;}
#top_headline .text		{ padding:10px 0px 10px 20px;}


#contents	{ clear:both;}


#database .headline	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px;}
#database .data	{ margin:10px 0 0 30px;}
#database p	{ clear:both; width:120px; float:left; background-image:url(img/background/dot.png?20141109); font-weight:bold; padding:3px 0 3px 7px; margin-top:2px;}
#database ul	{ float:right; padding:3px 0 3px 0; width:770px; margin-top:2px;}
#database li	{ width:90px; float:left;}
#database li span	{ font-size:80%;}
#database:after	{ content:""; display:block; clear:both;}
#database li a	{ font-weight:bold;}

.kuchikomi		{ margin-top:40px;}







	/*	口コミフォーム	*/
		.kuchikomi.form .tab	{ width:580px; margin-left:auto; margin-right:auto;}
		.kuchikomi.form form	{ width:578px; margin:0 auto; padding:10px 0 20px; border:1px solid #999999; text-align:center;}
		.kuchikomi.form form p	{ text-align:center; padding:10px 0;}
		.kuchikomi.form form p b	{ font-weight: normal; color:#FF007F;}
		.kuchikomi.form form dl	{ margin:10px;}
		.kuchikomi.form form dt	{ width:100px; float:left; clear:both;}
		.kuchikomi.form form dt span	{ position:relative; top:8px;}
		.kuchikomi.form form dd	{ padding-left:110px; line-height:40px; text-align:left;}
		.kuchikomi.form form textarea	{ width:90%; height:100px;}
		.kuchikomi.form form dt.hyohka	{ padding-top:10px;}

		.kuchikomi.form form label			{ cursor:pointer; margin-right:20px;}
		.kuchikomi.form form label img	{ position:relative; right:10px; z-index:10;}
		.kuchikomi.form form input	{ position:relative; z-index:11;}
		.kuchikomi.form form small	{ color:#ff0000;}






.kuchikomi table	{ width:900px; margin:10px auto 0; }
.kuchikomi .td0	{ width:95px;}
.kuchikomi .td1	{ width:75px; text-align:center;}
.kuchikomi .td2	{ width:60px;}
.kuchikomi .td3	{ width:650px;}
.kuchikomi .td3 b	{ display:inline-block; width:325px;}
.kuchikomi .td4	{ width:650px;}
.kuchikomi td	{ padding:1px 0 3px; margin:0; border-bottom:1px dotted #cccccc;}



.kuchikomi.shop .td0	{ width:125px; font-size:80%;}
.kuchikomi.shop .td3	{ width:590px;}
.kuchikomi.shop .td4	{ width:100px; color:#999999; padding-left:10px;}

.kuchikomi b.total		{ padding-top:5px; font-weight:normal; width:70px;}
.kuchikomi b.total img	{ width:2em;}
.kuchikomi b.total span	{ position:relative; bottom:3px;}
.staff_name	{ position:relative; bottom:3px;}

.kuchikomi span.ari{ color:#4444FF}
.kuchikomi span.nashi{ color:#DA6969}

#staff_kuchikomi_list	{ display:none; }


#top_kuchikomi table.type_1	,
#top_kuchikomi table.type_2	,
#top_kuchikomi table.type_3	{ display:none;}



#breadcrumb	{ border-left:10px solid #B20000; padding:5px; margin-top:30px;}



	/*	スタッフ詳細*/
	
		#staff_data	{ width:940px; margin:30px auto 0;}
		#staff_data .headline	{ font-weight:bold; border-left:10px solid #B20000; background-color:#EEEEEE; padding:7px 5px 5px 15px; font-size:140%; line-height:100%;}
		#staff_data .ari	{ display:block; background:url(img/base/ari_large.png?20141109) 0 0 no-repeat; width:130px; margin:0;}
		#staff_data .nashi	{ display:block; background:url(img/base/nashi_large.png?20141109) 0 0 no-repeat; width:130px; margin:0;}
		#staff_data b		{ width:133px; height:45px; height:38px; padding:13px 0 0 63px; color:#fff; font-weight:bold;}
		#staff_data b span	{ display:block; text-align:center; width:59px;}
		
		#staff_data b span.small	{ font-size:90%;}
		#staff_data .left	{ width:150px; float:left; padding:15px 0 0 20px;}
		#staff_data .right	{ width:760px; float:right; padding:15px 0 0 0;}

		#staff_data .name	{ font-size:140%; border-bottom:1px dotted #cccccc;}
		#staff_data .name span	{ font-size:80%; padding-left:20px;}

#main_data	{ width:600px; margin:30px auto 0; float:left;}
#main_data .headline	{ font-weight:bold; border-left:10px solid #B20000; background-color:#EEEEEE; padding:7px 5px 5px 15px; font-size:140%; line-height:100%; }
#main_data .left	{ width:150px; float:left; padding:15px 0 0 20px;}
#main_data .right	{ width:420px; float:right; padding:15px 0 0 0;}


#ranking_data	{ width:330px; margin:30px auto 0; float:right;}
#ranking_data .headline	{ font-weight:bold; border-left:10px solid #000000; background-color:#EEEEEE; padding:5px; }

#priory:after	{ content:""; display:block; clear:both;}




#main_data .good	{ display:block; background:url(img/base/good_large.png?20141109) 0 0 no-repeat; width:130px; margin:0;}
#main_data .bad	{ display:block; background:url(img/base/bad_large.png?20141109) 0 0 no-repeat; width:130px; margin:0;}
#main_data b		{ width:133px; height:45px; height:38px; padding:13px 0 0 73px; color:#fff; font-weight:bold;}
#main_data b span	{ display:block; text-align:center; width:59px;}

#main_data b span.small	{ font-size:90%;}


a.btn	{
	display:block;
	 width:130px;
	-moz-border-radius:8px ;
	-webkit-border-radius:8px ;
	border-radius:8px ;
	background-color:#333333;
	margin:5px auto 0 2px;
	padding:5px 0;
	text-align:center;
}


a.btn	{ opacity:0.8;}
a.btn:hover	{ opacity:1;}

a.btn.staff,
a.btn.shop,
a.btn.system,
a.btn.hp	{ text-decoration:none; color:#ffffff;}


a.btn.staff	{ background-color:#FF007F;}



input.submit	{
-webkit-appearance: none;
	-moz-border-radius:8px ;
	-webkit-border-radius:8px ;
	border-radius:8px ;
	border:none;
	background-color:#333333;
	margin:5px auto 0 2px;
	padding:5px 25px;
	text-align:center;
	color:#ffffff;
	cursor:pointer;
	opacity:0.8;
}
input.submit.type2	{ opacity:0.4;}

input.submit:hover	{ opacity:1;}




#priory .right dl	{ width:100%;}
#priory .right dt	{ width:20%; float:left; clear:both; padding:2px 0 2px 2px;}
#priory .right dd	{ padding:2px 0 2px 25%; border-bottom:1px dotted #cccccc;}
#priory .right dd b	{ color:#000000; font-size:1.2em; display:inline; width:auto; height:auto; margin:0; padding:0; position:relative; bottom:0.1em;}


#staff_data #priory .right dt {color:#FF007F}





#ranking_data .good	{ display:block; background:url(img/base/good.png?20141109) 0 0 no-repeat; width:89px; margin:0;}
#ranking_data .bad	{ display:block; background:url(img/base/bad.png?20141109) 0 0 no-repeat; width:89px; margin:0;}
#ranking_data b		{ width:83px; height:45px; height:28px; padding:6px 0 0 50px; color:#fff; font-weight:normal; font-size:90%;}
#ranking_data b span	{ display:block; text-align:center; width:39px;}
#ranking_data b span.small	{ font-size:80%;}

#ranking_data .icon	{ width:90px; float:left; clear:both;}
#ranking_data li div	{ padding-left:95px;}
#ranking_data li div:after	{ content:""; display:block; clear:both;}

#ranking_data li	{ clear:both; padding:7px 10px 5px; border-bottom:1px dotted #cccccc;}
#ranking_data ul:after	{ content:""; display:block; clear:both;}

#ranking_data .allview	{ padding-top:10px; text-align:center;}


p.staff_list_view	{ text-align:center; padding-top:15px;}
p.staff_list_view a	{
	-moz-border-radius:8px ;
	-webkit-border-radius:8px ;
	border-radius:8px ;
	background-color:#FF007F;
	margin:5px auto 0 2px;
	padding:5px 10px;
	text-decoration:none;
	color:#ffffff;
	opacity:0.8;
}
p.staff_list_view a:hover	{ opacity:1;}










#system .inner_box{ padding:0 20px;}
#system .headline	{ border-left:10px solid #FF4000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold;}
#system .left	{ width:430px; float:left; padding-bottom:20px;}
#system .right	{ width:430px; float:right; padding-bottom:20px;}

#system li	{ border-bottom:1px dotted #cccccc; clear:both; padding:5px 0;}
#system li b	{ font-weight:normal; color:#8C4600; display:block; width:48%; float:left;}
#system li span	{ display:block; width:48%; float:right;}
#system li:after,
#system li span:after	{ content:""; display:block; clear:both;}



#system .right:after	{ content:""; display:block; clear:both;}
#system .page_top	{ clear:both; text-align:center;}

#system .coulum	{ font-weight:bold; font-size:120%; color:#FF4000; margin-top:20px; position:relative; left:-10px;}




#staff_list table	{ margin:0 auto 10px;}
#staff_list .headline	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold; position:relative;}
#staff_list .headline span	{ position:absolute; right:0; padding-right:10px; font-weight:normal; font-size:80%;}
#staff_list .page_num	{ padding:5px 20px;}

#staff_list .icon	{ width:95px;}
#staff_list .comment	{ width:580px; padding-left:10px;}
#staff_list .comment p	{ width:auto;}

#staff_list .detail	{ width:110px; padding-left:10px; text-align:right;}


#staff_list .ari	{ display:block; background:url(img/base/ari_small.png?20141109) 0 0 no-repeat;}
#staff_list .nashi	{ display:block; background:url(img/base/nashi_small.png?20141109) 0 0 no-repeat;}
#staff_list b		{ width:43px; height:45px; height:28px; padding:6px 0 0 50px; color:#fff; font-weight:normal; font-size:90%;}
#staff_list b span	{ display:block; text-align:center; width:39px; }
#staff_list b span.small	{ font-size:80%; position:relative; top:2px;}
#staff_list .comment b	{ padding:0;}




.pickup table	{ margin:0 auto 10px;}
.pickup .headline	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold;}
.pickup .page_num	{ padding:5px 20px;}

.pickup .icon	{ width:95px;}
.pickup .comment	{ width:580px; padding-left:10px;}
.pickup .comment p	{ width:auto;}

.pickup .detail	{ width:110px; padding-left:10px; text-align:right;}


.pickup .icon .good	{ display:block; background:url(img/base/good.png?20141109) 0 0 no-repeat;}
.pickup .icon .bad	{ display:block; background:url(img/base/bad.png?20141109) 0 0 no-repeat;}
.pickup .icon b		{ width:43px; height:45px; height:28px; padding:6px 0 0 50px; color:#fff; font-weight:normal; font-size:90%;}
.pickup .icon b span	{ display:block; text-align:center; width:39px; }
.pickup .icon b span.small	{ font-size:80%; position:relative; top:2px;}
.pickup .comment b	{  display:inline-block; width:325px;}
.pickup .comment span.small	{ padding-right:10px; font-size:80%;}
.pickup .comment span.large	{ padding-right:10px; font-size:120%; font-weight:bold;}
.pickup .comment span.large.tel	{ font-size:160%;}

#banner_area p	{ padding:5px 0 5px 15px;}
#banner_area p.headline	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold; position:relative;}
#banner_area p.headline span	{ position:absolute; right:10px; font-size:80%;}
#banner_area p.headline span a	{	-moz-border-radius:8px ;
	-webkit-border-radius:4px ;
	border-radius:4px ;
	background-color:#666666;
	padding:2px 10px;
	text-decoration:none;
	color:#ffffff;
	opacity:0.8;}
#banner_area p.headline span a:hover	{ opacity:1;}

form#add_form	{ width:540px; margin:15px auto 0; padding:15px 20px; border:1px solid #cccccc;}
form#add_form #Shop_area1	{ display:none;}
.add_form_title	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold;}

form#add_form dl	{ width:540px; margin:0 auto;}
form#add_form dt	{ width:120px; float:left; clear:both; padding-top:5px; padding-bottom:5px;}
form#add_form dd	{ padding-left:125px; border-bottom:1px dotted #cccccc; padding-top:5px; padding-bottom:5px;}

html* form#add_form dt{ width:80px; }
html* form#add_form dd{ padding-left:100px;}

.Shop_price_setting,
.Kotsu_setting,
.Option_setting	{ width:500px; padding:10px 20px; border-bottom:1px dotted #cccccc;}
#add_form .tr	{ display:block; text-align:center;}
#add_form .btn_box	{ text-align:center;}
#add_form .btn_box span	{ color:#0000ff; text-decoration:underline; cursor:pointer;}
#add_form .btn_box.desable span	{ color:#999999; text-decoration:none; cursor:text;}


.Shop_price_setting .headline,
.Kotsu_setting .headline,
.Option_setting .headline		{ color:#FF4000; font-weight:bold;}

form#add_form small	{ background-color:#ffeeee; padding:5px 0; text-align:center; color:#ff0000; display:block; margin:10px 50px;}
form#add_form .submit_box	{ text-align:center; padding-bottom:20px;}




#mes_box	{ width:330px; margin:60px auto 0; float:right; text-align:center;}
#mes_box p,
#mes_box form	{ text-align:center;}

#mes_box p	{ margin-bottom:10px;}

#mes_box .inner_box{
	-moz-border-radius:8px ;
	-webkit-border-radius:8px ;
	border-radius:8px ;
	background-color:#f6f6f6;
	margin:5px auto 0 2px;
	padding:30px 0;
	text-decoration:none;
	color:#000000;
}
.preview input.submit	{ width:200px; margin-top:15px;}




.kuchikomi_preview	{ text-align:center;}


.kuchikomi_preview .headline	{ border-left:10px solid #B20000; background-color:#EEEEEE; padding:5px; font-size:120%; margin-top:30px; font-weight:bold;}

.kuchikomi_preview form,
.kuchikomi_preview form p	{ display:inline;}
.kuchikomi_preview .mes	{ display:block; padding:20px 0;}
.kuchikomi_preview .need	{ color:#ff0000;}

.kuchikomi_preview dl	{ padding-bottom:20px; width:500px; margin:0 auto;}
.kuchikomi_preview dt	{ color:#000000; font-weight:bold; font-size:120%;}
.kuchikomi_preview dd	{ padding-bottom:10px;}
.kuchikomi_preview dd.comment	{ text-align:left;}

	/*	詳細	*/
		.tab a.staff	{ z-index:98; border-left:10px solid #FF007F;}
		.tab a.shop	{ z-index:99; border-left:10px solid #FF4000;}

.tab	span	{ text-align:right; display:block; width:490px; height:30px; position:absolute; bottom:0; left:440px;}
.tab	{ position:relative; margin-top:40px;}
.tab		{ border-bottom:3px solid #EEEEEE;}
.tab a	{ position:relative; top:3px; opacity:0.6; display:inline-block; font-size:110%; font-weight:bold; padding:5px 25px 5px 5px; background:url(img/base/tab.png?20141109) right bottom no-repeat; text-decoration:none; color:#000000;}
.tab a.type_0	{ border-left:10px solid #FF4000; z-index:99;}
.tab a.type_1	{ border-left:10px solid #FF007F; left:-20px; z-index:98;}
.tab a.type_2	{ border-left:10px solid #6DD900; left:-40px; z-index:97;}
.tab a.type_3	{ border-left:10px solid #6DD900; left:-60px; z-index:96;}
.tab a.active	{ z-index:100; opacity:1;}

.tab a.pickup_0	{ border-left:10px solid #FF4000; z-index:99;}
.tab a.pickup_1	{ border-left:10px solid #FF007F; left:-20px; z-index:98;}
.tab a.pickup_2	{ border-left:10px solid #6DD900; left:-40px; z-index:97;}
.tab a.pickup_3	{ border-left:10px solid #6DD900; left:-60px; z-index:96;}


.kuchikomi.form .staff	,
.shop .tab a.staff	{ left:-20px;}

#wrapper.staff .kuchikomi.form .staff,
#wrapper.staff .shop .tab a.staff	{ left:0;}


#database .type1,
#database .type2,
#database .type3
	{ display:none;}


.pickup .pickup_b,
.pickup .pickup_c,
.pickup .pickup_d
	{ display:none;}


#ADMIN_LOGIN	{ background:#000000; font-size:12px; width:100%;}
#ADMIN_LOGIN ul	{ width:940px; margin:0 auto; text-align:right;}
#ADMIN_LOGIN li	{ display:inline; padding-left:20px;}
#ADMIN_LOGIN a	{ color:#ffffff;}





.mes_box	{ padding:10px 0; margin:10px auto; background-color:#f9f9f9; border:1px solid #cccccc;}
.mes_box.only	{ padding:50px 0; margin:100px auto; }
.mes_box p	{ text-align:center;}

.otoiawase_form #contents form	{ width:800px; margin:10px auto ;}




.otoiawase_form #contents dl	{ width:740px; margin:0 auto; line-height:100%;}
.otoiawase_form #contents dt	{ width:160px; float:left; clear:both; margin:0; padding:10px 0;}
.otoiawase_form #contents dd	{ margin:0; padding:10px 0 10px 165px; border-bottom:1px dotted #cccccc;}

.otoiawase_form #contents input.long	{ width:400px;}
.otoiawase_form #contents dt span	{ position:relative; top:0.3em;}
.otoiawase_form #contents textarea	{ width:400px; height:150px;}
.otoiawase_form #contents .buttons	{ padding:20px 0; text-align:center;}
.otoiawase_form #contents .buttons form	{ display:inline; padding:0 20px;}


.for_contact_form	{ text-align:center; padding:0 0 10px 0; clear:both;}


#shop_image {
	margin-top: 40px;
}