/* CSS Document */

/*▼▼▼ ▼▼▼*/
/*↑このコメントマーク内に記述されている内容がcommon.cssとの変更箇所です*/

*{
margin:0;
padding:0;
background-color:transparent;
color:#333333;
font-size:100%;
font-weight:normal;
text-decoration:none;
}

body{
background:url(../commonimg/back.jpg) repeat-x #82512E;
color:#333333;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
line-height:150%;
text-align:center;
}

/*--- レイアウト ---*/
#header{
width:964px;
margin-right:auto;
margin-left:auto;
background:;
}

#container{
width:964px;
background: url(../commonimg/container_bk.jpg) repeat-y;
margin-right:auto;
margin-left:auto;
}

#content{
float:left;
width:675px;
text-align:left;
background:url(../commonimg/cts_bk.jpg) no-repeat right top;
}

#sidebar{
float:right;
width:289px;
text-align:left;

}

#feed1{
color:#C2A66E;}

#footer{
clear:both;
margin-right:auto;
margin-left:auto;
background: url(../commonimg/footer_bk01.jpg) repeat-x;
}

li{
	list-style:none;}

/*--- div ---*/
.ctt-div{
margin-left:44px;
margin-right:41px;
}

.side-div{
margin-left:0;
margin-right:29px;
}

/*--- link ---*/
a{
color:#996600;
text-decoration:underline;
}

a:hover,active{
color:#CC0000;
text-decoration:underline;
}

/*--- img ---*/ 
img{border:0;}

/*--- float ---*/ 
.flr{
float:right;
}

.fll{
float:left;
}

/*--- clear ---*/ 
.clear{clear:both;}

/*--- tava ---*/ 
.cm{
text-align:center;
vertical-align:middle;
}

.tright{text-align:right;}

.tleft{text-align:left;}

/*--- font ---*/ 
.fb{font-weight:bold;}
.fbrown{color:#370401;}
.fgray{color:#CCCCCC;}
.fred{color:#CC0000;}
.fredb{
color:#CC0000;
font-weight:bold;
}

/*--- hx ---*/ 
h1{
float:left;
width:236px;
margin-top:15px;
}

/*▼▼▼　↓h2をh3に変更しました　▼▼▼*/
h3.mt0{
margin-top:0px;
margin-bottom:25px;
padding-left:5px;
border-bottom:1px solid #804E2D;
}


h2.ttl02{
margin-top:50px;
margin-bottom:25px;
padding-left:5px;
border-bottom:1px solid #804E2D;
}

/*▼▼▼　↓h2をh3に変更しました　▼▼▼*/
h3.ttl02-2{
margin-top:15px;
margin-bottom:25px;
padding-left:5px;
border-bottom:1px solid #804E2D;
}

h3.ttl03{
margin-top:40px;
margin-bottom:25px;
}

/*--- p ---*/ 
p{margin:10px 0;}

p.m0{
	margin:0;}

/*--- mgpd ---*/
.mt5 {margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt26{margin-top:26px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}

/****** header ******/
.header-right{
float:right;
width:350px;
margin-top:10px;
margin-bottom:14px;
}

.header-navi{
float:left;
margin-top:15px;
}

.header-right li{
display:inline;
list-style:none;
margin:5px;
}

.navi{
clear:both;
}

.navi li{
display:inline;
list-style:none;
}

/****** content ******/
.topimg{
padding-top:35px;
margin-bottom:20px;
}

.news-l{
float:left;
width:150px;
}

.news-r{
float:left;
width:440px;
}

.news-r td{
padding:5px 5px 5px 15px;
}

.date{
background:url(../commonimg/arrow01.gif) no-repeat left;
}
.topsalon-l{
float:left;
width:260px;
}

.top-access{
margin-top:20px;
padding:10px;
background:#F3EDEA;
color:#5E2D1A;
}

.topsalon-r{
float:right;
width:297px;
border:1px solid #B8957F;
}

p.rank01{
	background:url(../commonimg/no1.jpg) no-repeat 0 0;
	padding:10px 0 8px 50px;
	margin:0px 0 0;
}

p.rank02{
	background:url(../commonimg/no2.jpg) no-repeat 0 0;
	padding:10px 0 8px 50px;
	margin:0px 0 0;
}

p.rank03{
	background:url(../commonimg/no3.jpg) no-repeat 0 0;
	padding:10px 0 8px 50px;
	margin:0px 0 0;
}

p.rank04{
	background:url(../commonimg/no4.jpg) no-repeat 0 0;
	padding:10px 0 8px 50px;
	margin:0px 0 0;
}

.topheader{
	position:relative;
	width:960px;
	margin:0 auto;
	height:321px;}

.topbt01{
	position:absolute;
	width:178px;
	height:48px;
	top:237px;
	left:568px;}

.topbt02{
	position:absolute;
	width:178px;
	height:48px;
	top:237px;
	left:751px;}

.topbt03{
	position:absolute;
	width:178px;
	height:48px;
	top:185px;
	left:751px;}

.topbt04{
	position:absolute;
	width:178px;
	height:48px;
	top:185px;
	left:568px;}

table.hyou01{
width:590px;
}

.hyou01 td{
padding:10px;
background:url(../commonimg/line_x.gif) repeat-x top;
}

.input{
border:1px solid #999999;
background-color:#FFFFFF;
}

.input1{
	border:#999999 solid 1px;
	background:#F9F9F4;
}

.input2{
	border:#999999 solid 1px;
}

.txtsize{
	border:#999999 solid 1px;
	background:#F9F9F4;
	width:420px;
	height:100px;
	font-size:12px;
	padding:5px;
}

li.topfaq{
height:20px;
margin-bottom:10px;
padding:0px 0 0px 30px;
background:url(../commonimg/qmark.jpg) no-repeat left;
}


/*--- profile ---*/ 
.profile-l{
width:270px;
float:left;
margin-bottom:30px;
}

.profile-r{
width:308px;
float:right;
}

.profile-r table{
width:308px;
}

.profile-r td{
padding:8px;
background:url(../commonimg/line_x.gif) repeat-x bottom;
}

.plofile1{
padding:38px 5px 0 30px;
background:url(../profile/img/prof01.jpg) no-repeat top left;
}

.plofile2{
padding:38px 5px 0 30px;
background:url(../profile/img/prof02.jpg) no-repeat top left;
}

.plofile3{
padding:38px 5px 0 30px;
background:url(../profile/img/prof03.jpg) no-repeat top left;
}

.plofile4{
padding:38px 5px 0 30px;
background:url(../profile/img/prof04.jpg) no-repeat top left;
}

.plofile5{
padding:38px 5px 0 30px;
background:url(../profile/img/prof05.jpg) no-repeat top left;
}

.plofile6{
padding:38px 5px 0 30px;
background:url(../profile/img/prof06.jpg) no-repeat top left;
}

.plofile7{
padding:38px 5px 0 30px;
background:url(../profile/img/prof07.jpg) no-repeat top left;
}

/*--- menu ---*/ 
.pankuzu li{
display:inline;
list-style:none;
font-size:10px;
color:#996600;
}

.menu-box{
float:left;
width:290px;
margin-bottom:10px;
}

.menu{
width:290px;
padding:10px 10px 5px 10px;
background:url(../menu/img/menu_bk.gif) repeat-y;
}

.menu-p{
float:left;
width:100px;
}

.menu-txt{
float:left;
width:170px;
}

.course{
margin-top:25px;
padding-top:15px;
background:url(../commonimg/line_x.gif) repeat-x top;
}

.course-p{
float:left;
width:170px;
}

.course-txt{
float:left;
width:420px;
}

.menulist{
width:590px;
height:139px;
margin-top:50px;
padding:40px 20px 15px 20px;
background:url(../menu/img/menulist_bk.jpg) no-repeat;
}

.menulist table{
width:100%;
}

.menulist td{
padding:3px 15px;
background:url(../menu/img/arrow.gif) no-repeat left;
}

.menulist a{
color:#FFFFFF;
text-decoration:underline;
}

.menulist a:hover,active{
color:#FFFFFF;
text-decoration:none;
}

.bwaku{
	background:url(../menu/img/wakum.jpg) repeat-y;
	}
.anshin{
	background:url(../menu/img/anshinm.jpg) repeat-y;}

.anshin p{
	margin:0px 0px 0px 15px} 
	
.menu2 li.lilist{
	color:#B18739;
	background:url(../menu/img/menulist.gif) no-repeat 10px 9px;
	padding:0px 10px 0px 20px;}
	
.menu2 li{	color:#B18739;
list-style:none;
float:left;}

.r_hyou td{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding:3px 5px;
	text-align:center;}

.r_hyou{
	border:solid 1px #CCCCCC;}
		
/*--- salon ---*/ 
.salon-l{
float:left;
width:350px;
}

.salon-r{
float:right;
width:225px;
}

.salon-l table{
width:350px;
}

.salon-l td{
padding:8px;
background:url(../commonimg/line_x.gif) repeat-x bottom;
}

.access-map{
border:1px solid #996600;
}

.access-txt dt{
color:#996600;
margin-top:20px;
}

/*--- voice ---*/ 
.voice{
margin-top:30px;
padding-bottom:30px;
background:url(../commonimg/line_x.gif) repeat-x bottom;
}

.voice-p{
float:left;
width:225px;
}

.voice-txt{
float:left;
width:350px;
}

/*--- faq ---*/ 

.faq-t{
margin-top:10px;
padding:10px 0 10px 45px;
background:url(../faq/img/q.jpg) no-repeat left;
}

.faq-q{
margin-top:30px;
margin-bottom:15px;
padding:10px 0 10px 45px;
background:url(../faq/img/q.jpg) no-repeat left;
}

.faq-a{
padding:10px 20px 0 20px;
background:url(../faq/img/answer_bk.jpg) repeat-y;
}

/*--- privacy ---*/ 
.privacy h3{
margin-top:30px;
padding-bottom:5px;
background:url(../commonimg/line_x.gif) repeat-x bottom;
}

/****** sidebar ******/
.side-prof{
width:259px;
height:528px;
margin-bottom:5px;
background:url(../commonimg/side_plof_bk.jpg) no-repeat;
color:#E4D9C0;
text-align:center;
}

.side-prof2{
padding:180px 0 0 15px;
text-align:left;
}

.blog{
width:198px;
margin:50px auto 0;

}

.blog p{
text-align:left;}

.side-prof p{
color:#E4D9C0;}

.blog a{
color:#FFFFFF;
text-decoration:underline;
}

.blog a:hover,active{
color:#CC0000;
text-decoration:underline;
}

.qrcom{
	float:right;
	width:170px;}

.qrcom p{
	margin:10px 10px 10px 0;}
	
.side-info{
width:246px;
height:170px;
margin-bottom:15px;
background:url(../commonimg/side_info.jpg) no-repeat;
}

.side-info div{
padding:35px 0 0 13px;
}

/****** footer ******/
.footer-bk{
width:964px;
height:178px;
margin-right:auto;
margin-left:auto;
background:url(../commonimg/footer_bk02.jpg) no-repeat center;
text-align:left;
}

.footer-navi{
padding:27px 0 0 40px;
text-align:left;
}

.footer-navi li{
display:inline;
list-style:none;
font-size:11px;
color:#FFFFFF;
}

.footer-navi a{
color:#FFFFFF;
text-decoration:none;
}

.footer-navi a:hover,active{
color:#5E2D1A;
text-decoration:none;
}

.footer-contact{
width:457px;
margin:90px 0 0 61px;
text-align:left;
}

address{
padding:5px 0;
font-style:normal;
color:#82512E;
font-size:10px;
}


.hyoun td.tdl{
	background:url(../commonimg/arrow01.gif) no-repeat 0 8px;
	padding:2px 10px 2px 15px;
	line-height:1.8em;}

.hyoun td.tdl2{
	padding:2px 10px 2px 0px;
	line-height:1.8em;}
	
	
.borderpoint{
	border-collapse: collapse;
}

.fleft{
	float:left;}
	
.fright{
	float:right;}

.tcenter{
	text-align:center;}

.txtb{
	font-weight:bold;}

.txt13{
	font-size:13px;}

.txtred{
	color:#CC0000;}

.txtbrownb{
	color:#330000;
	font-weight:bold;}

.w245l{
	width:245px;
	float:left;}

.w320r{
	width:320px;
	float:right;}
	
.w440r{
	width:440px;
	float:right;}

.w460r{
	width:460px;
	float:right;}
	
.w490{
	width:494px;
	margin:0px auto;}
	
.w540{
	width:540px;
	margin:0px auto;}

.w610{
	width:610px;
	margin:0px auto;}
	
.w710l{
	width:610px;
	float:left;
	text-align:right;}

.w964{
	width:964px;
	margin:0px auto;}

.mtu15{
	margin:15px 0px;}
	
.mu15{
	margin:0px 0px 15px;}
	.mu30{
	margin:0px 0px 30px;}
.mu200{
	margin:0px 0px 200px;}
	
p.mt0{
	margin:10px 0px 0px;}