﻿/* shop data */

#shopconteiner {
	width : 800px;
	padding:0;
	margin:0 auto;
}

#shopconteiner #bread {
	width:800px;
	padding:5px 0;
	margin:0;
	font-size:11px;
}

#shopconteiner #map {
	width: 50px;
	height: 50px;
	margin:10px 0;	
}

/*　店舗ヘッダ */

#shopconteiner #shophead {
	width:800px;
	padding:0;
	margin:10px 0;
}

#shopconteiner #shophead #shophead_left {
	width:230px;
	padding:5px;
	margin:0;
	float:left;
}

#shopconteiner #shophead #shophead_right {
	width:560px;
	padding:0;
	margin:0;
	float:right;
}

#shopconteiner #shophead #shophead_left .shoplogo {
	padding:0;
	margin:0;
	width: 100%;
	text-align: center;
}

#shopconteiner #shophead #shophead_left .shopname {
	padding:5px 0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	background-color: #f5f3ef;
}

#shopconteiner #shophead #shophead_left .hurigana {
	margin:0;
	font-size:11px;
	text-align: center;
	padding: 5px 0;
	background-color: #f5f3ef;
}

#shopconteiner #shophead #shophead_left .yoyaku {
	margin:0;
	text-align: center;
	padding: 15px 0 5px 0;
	font-size: 14px;
}

#shopconteiner #shophead #shophead_left .tel {
	margin:0;
	text-align: center;
	padding:0 0 5px 0;
	font-size:20px;
	font-weight:bold;
}

#shopconteiner #shophead #shophead_left .convey {
	margin:0;
	text-align: center;
	padding: 5px 0;
}

#shopconteiner #shophead #shophead_left .joblink {
	margin:0;
	text-align: center;
	padding: 30px 0 0 0;
}

/*　店舗紹介 */

#shopconteiner #shoptopix {
	width:800px;
	margin:0 0 10px 0;	
}

#shopconteiner #shoptopix #shoptopix_left {
	width:264px;
	padding:10px 20px;
	margin:0;
	float:left;
	text-align: center;
}

#shopconteiner #shoptopix #shoptopix_right {
	width:470px;
	padding:10px 15px 10px 10px;
	margin:0;
	float:right;
}

#shopconteiner #shoptopix #shoptopix_right p {
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
	margin:0 0 10px 0;
}

/*　更新情報 */

#shopconteiner #update {
	width:800px;
	padding:0;
	margin:0;	
}

#shopconteiner #update #shopupdate {
	width:390px;
	padding:0;
	margin:0;
	float:left;	
}

#shopconteiner #update #shopupdate #shopupdate_content_day {
	padding:10px 5px;
	margin:0;
	width: 69px;
	float:left;
}

#shopconteiner #update #shopupdate #shopupdate_content {
	width:290px;
	padding:10px 10px 10px 0;
	margin:0;
	float:right;
	height: 100px;
}

#shopconteiner #update #saloninfo {
	width:390px;
	padding:0;
	margin:0;	
	float:right;
}

#shopconteiner #update #saloninfo #saloninfo_content_day {
	padding:10px 5px;
	margin:0;
	color: #FF3333;
	width: 65px;
	float:left;
}

#shopconteiner #update #saloninfo #saloninfo_content {
	padding:10px 10px 10px 0;
	margin:0;
	color: #FF3333;
	width: 290px;
	float:right;
}

/*　店舗データ */

#shopconteiner #shopdata {
	width:800px;
	padding:0;
	margin:0;	
}

#shopconteiner #shopdata #shopdata_left {
	width:390px;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
}

#shopconteiner #shopdata #shopdata_right{
	width:380px;
	padding:15px 15px 0 15px;
	margin:0;
	float: right;
}

#shopconteiner #shopdata #shopdata_right table {
	width:380px;
	padding:0;
	margin:0;
}

#shopconteiner #shopdata #shopdata_right table tr .tdleft {
	margin:0;
	padding:7px 5px;
	border-bottom:1px dotted #999999;
	width: 75px;	
}

#shopconteiner #shopdata #shopdata_right table tr .tdright {
	margin: 0;
	padding:3px 0;
	border-bottom:1px dotted #999999;	
}

/*　店舗メニュー　*/

#shopconteiner #shopmenu {
	width:800px;
	padding:0;
	margin:0;	
}

#shopconteiner #shopmenu #shopmenu_left {
	width:310px;
	padding:10px 10px 0 10px;
	margin:0;
	float:left;
	height: 200px;
}

#shopconteiner #shopmenu #shopmenu_left ul.point {
	padding:0;
	margin:0;
	list-style:none;
	width: 310px;
}

#shopconteiner #shopmenu #shopmenu_left ul.point .data {
	padding:0 0 2px 0;
	margin:0;
	display:block;
	float:left;
	list-style:none;
	width: 155px;
	text-align: left;
}

#shopconteiner #shopmenu #shopmenu_left ul.point .data .checkon {
	background:url(../images/shop_img/salon_check_on.gif) no-repeat;
	padding:0 0 0 15px;
	width:20px;
}

#shopconteiner #shopmenu #shopmenu_left ul.point .data .checkoff {
	background:url(../images/shop_img/salon_check_off.gif) no-repeat;
	padding:0 0 0 15px;
	width:20px;
}

#shopconteiner #shopmenu #shopmenu_left ul.point li img {

	margin:0 3px 0 0;
}

#shopconteiner #shopmenu #shopmenu_right {
	width:430px;
	padding:10px 15px 10px 15px;
	float:right;
	list-style:none;
	margin: 0;
}

#shopconteiner #shopmenu #shopmenu_right table {
	width:430px;
	padding:0;
	margin:0;
}

#shopconteiner #shopmenu #shopmenu_right table tr .tdleft {
	margin:0;
	padding:7px 5px;
	border-bottom:1px dotted #999999;
	width: 120px;
}

#shopconteiner #shopmenu #shopmenu_right table tr .tdright {
	margin: 0;
	padding:3px 0;
	border-bottom:1px dotted #999999;
	
}

/*　オススメ情報　*/

#shopconteiner #shopinfo {

	width:740px;
	margin:10px auto;
	padding:0;
	
}
#shopconteiner #shopinfo h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#shopconteiner #shopinfo span {
	font-weight: bold;
	color: #FF0000;
}
#shopconteiner #shopinfo #title {
	font-weight: bold;
	color: #ff6699;
	font-size: 16px;
}
#shopconteiner #shopinfo ul {
	margin:0 0 0 20px;
	
}


/*　クーポン　*/

#shopconteiner #couponbody {

	width:740px;	
	margin:10px auto;
	padding:0;
	
}

#shopconteiner #couponbody #shopcoupon {

	margin:0;
	padding:0;
	border:1px solid #d7d1c6;
	background: #f8f7f4;
	width: 100%;
	
}

#shopconteiner #couponbody #shopcoupon #coupon_left {
	
	width:250px;
	margin:0;
	padding: 10px 0;
	text-align: center;

}

#shopconteiner #couponbody #shopcoupon #coupon_left img {

	border:1px solid #FF6699;
}

#shopconteiner #couponbody #shopcoupon #coupon_right {

	width:490px;
	margin:0;
	padding:10px 5px;
	line-height:1.5em;
	font-size:16px;
	color:#FF3366;
}

#shopconteiner #couponbody #shopcoupon #coupon_right #caution_area {
	margin:0;
	padding:0;
	line-height: 16px;
}

#shopconteiner #couponbody #shopcoupon #coupon_right #caution_area .caution {

	font-size:12px;
	margin:0;
	padding:0;
	color:#333333;
	text-align:left;
}

#shopconteiner #couponbody #coupon_print {
	margin:10px 0 0 0;
	padding:0;
	width: 100%;
	text-align: right;
}

/*　スタッフ紹介　*/

#shopconteiner #shopstaff{

	width:760px;
	padding:0;
	margin:10px auto;
}

#shopconteiner #shopstaff .staffbox{
	margin:0;
	padding:0 5px 30px 5px;
	width: 370px;
	float: left;

}

#shopconteiner #shopstaff .staffbox .staffimg{
	width: 150px;
	margin:0;
	padding:3px 0;
	float:left;

}

#shopconteiner #shopstaff .staffbox .staffcaption{
	width:215px;
	padding:0;
	margin:0;
	float:right;
	background-color: #f4f0ed;
	
}

#shopconteiner #shopstaff .staffbox .staffname{
	font-size:14px;
	font-weight:bold;
	background: #ffffff;
	padding: 2px 0;
}

#shopconteiner #shopstaff .staffbox .staffcaption .staffcomment{
	line-height:21px;
	background: url(../images/shop_img/styleback.gif) repeat;
	margin: 0 3px;
	padding: 0;
	height: 192px;
	
}

/*　ヘアライブラリ */

#shopconteiner #hairlibrary{
	width:705px;
	padding:0;
	margin:10px auto;
	color:#666666;
}

#shopconteiner #hairlibrary .hairlibrarybox{
	padding:5px 5px 15px 5px;
	margin:0;
	float:left;
	width: 340px;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe {
	margin:0;
	background-color:#f4f0ed;
	width: 320px;
	padding: 10px;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .libraryimg{
	padding:0 0 10px 0;
	margin:0;
	width: 320px;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .libraryimg .mainimg{

	width:137px;
	padding:0;
	margin:0;
	float:left;		
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarysum{
	padding:0;
	margin:0;
	float:right;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarysum .librarysum01{
	padding:0;
	margin:0;	
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarysum .librarysum02{
	padding:5px 0 0 0;	
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarycomment{
	width:320px;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	color:#000000;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarycomment th{
	text-align:center;
	padding:3px;
	border-bottom:1px solid #999999;
	background-color:#efefef;
	width: 20%;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarycomment td{
	text-align:left;
	padding:3px;
	border-bottom:1px solid #999999;
}

#shopconteiner #hairlibrary .hairlibrarybox .hairlibraryframe .librarycomment td .stylecomment{
	height:95px;
}

/*　口コミ */

#shopconteiner #comment{
	width:90%;
	padding:10px 0;
	margin:0 auto;
	color:#666666;

}

#shopconteiner #comment .user_comment{
	padding:0;
	margin:0 0 30px 0;
}

#shopconteiner #comment .user_comment .comment_teble{
	width:100%;
	padding:0;
	margin:0;
}

#shopconteiner #comment .user_comment .comment_head{
	padding:10px;
	margin:0;
	font-size: 16px;
	font-weight: bold;
}

#shopconteiner #comment .user_comment .comment_teble .comment_left{
	padding:10px 5px;
	margin:0;
	width: 30%;
	border-bottom:1px dotted #999999;
}

#shopconteiner #comment .user_comment .comment_teble .comment_left .comment_day{
	padding:0 0 3px 20px;
	background:url(../images/shop_img/comment_day.gif) no-repeat;
}

#shopconteiner #comment .user_comment .comment_teble .comment_left .comment_name{
	padding:0 0 0 20px;
	background:url(../images/shop_img/comment_hukidashi.gif) no-repeat;
	font-weight: bold;
}

#shopconteiner #comment .user_comment .comment_teble .comment_right{
	padding:10px 0 10px 5px;
	margin:0;
	height: 70%;
	border-bottom:1px dotted #999999;
}


#shopconteiner #comment .toukou_comment{
	padding:10px 0;
	margin:0;
	width:100%;
	background-image: url(../images/shop_img/kutikomi_bg.gif);
	color: #000000;
	
}

#shopconteiner #comment .toukou_comment .td_head{
	text-align:left;
	padding: 10px;
	font-weight: bold;
}

#shopconteiner #comment .toukou_comment .td_head p{
	
	font-size:10px;
	text-align:left;
	font-weight:normal;
}

#shopconteiner #comment .toukou_comment .td_left{
	margin: 0;
	padding:5px;
	width: 30%;
	color: #333;
	text-align:right;	
}

#shopconteiner #comment .toukou_comment .td_right{
	margin: 0;
	padding:5px;
	width: 70%;	
}

#shopconteiner #comment .formborder{
	padding:2px;
}
