
/******************************************************

	各ページ共通スタイル
	
	
	
	目次
	
	1 基本設定
	
	2 スタンダード　アンカー
	
	3 share
	
	4 title
	
	5 base navi
	
 
*******************************************************/



/****** 1 基本設定 ******/


*{ margin:0px; padding:0px; }

body {
	background-color:#F5F0EB;
}

img {
	border:none;
}

.e9, .e10, .e12       { font-family:Arial, Verdana, sans-serif; }
.j9, .j10, .j12, .j14 { font-family: ＭＳ Ｐゴシック,Osaka, MS UI Gothic, sans-serif; }

address{ font-style:normal; }

/****** 2 スタンダード　アンカー ******/
a:link{
	color:#B77E27; text-decoration:none;
}
a:visited{
	color:#B77E27; text-decoration:none;
}
a:hover{
	color:#B75C27; text-decoration:underline;
}
a:active{
	color:#B75C27; text-decoration:none;
}

/****** 3 share ******/

	.both{
		clear: both;
		font-size:1px;
		line-height:1px;
		padding: 0px;
		margin: 0px;
	}
	
	
	#base {
		width:758px;
		background-color:#fff;
		margin:0px auto;
	}

	#main{
	width:750px;
	height:100%;
	float:left;
	border-left:1px solid #C19D81;
	border-right:1px solid #C19D81;
	background-image:url(/img/common/bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	
	}

	#left{
	width:150px;
	float:left;
	}

	#main_title{
	width:150px;
	height:133px;
	padding-bottom: 25px;
	margin: 0px;
	background-image:url(/img/common/main_title.gif);
	background-repeat:no-repeat;
	}

	#main_title a {
	text-indent:-9999px;
	display:block;
	width:150px;
	height:133px;
	}

	#right{
	width:600px;
	float:right;
	}

	.right_top{
	width:600px;
	padding: 0px;
	margin: 0px;
	}

	.right_middle{
	width:600px;
	padding: 0px;
	margin: 0px;
	background-image:url(/img/common/right_bg.jpg);
	background-repeat:repeat-y;
	}

	#bottom{
	width:750px;
	padding-top: 20px;
	margin: 0px;
	clear: both;
	background-image:url(/img/common/bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	}

	.navi{
	padding-bottom: 60px;
	margin: 0px;
	}

	.navi ul{
		padding: 0px;
		margin: 0px;
	}
	.navi li{
		padding: 0px;
		margin: 0px;
		list-style:none;
	}

	#navi01{
		background-image:url(/img/common/navi01.gif);
		background-repeat:no-repeat;
		width:150px;
		height:72px;
		text-indent:-5555px;
		display:block;
	}
	#navi01 a{
		background-image:url(/img/common/navi01.gif);
		background-repeat:no-repeat;
		width:150px;
		height:72px;
		text-indent:-5555px;
		display:block;
		
	}
	#navi01 a:hover,#navi01 a.on{
		background-image:url(/img/common/navi01_on.gif);
		text-decoration:none;
	}
	#navi02{
		background-image:url(/img/common/navi02.gif);
		background-repeat:no-repeat;
		width:150px;
		height:35px;
		text-indent:-5555px;
		display:block;
	}
	#navi02 a{
		background-image:url(/img/common/navi02.gif);
		background-repeat:no-repeat;
		width:150px;
		height:35px;
		text-indent:-5555px;
		display:block;
	}
	#navi02 a:hover,#navi02 a.on{
		background-image:url(/img/common/navi02_on.gif);
		text-decoration:none;
	}
	#navi03{
		background-image:url(/img/common/navi03.gif);
		background-repeat:no-repeat;
		width:150px;
		height:35px;
		text-indent:-5555px;
		display:block;
	}
	#navi03 a{
		background-image:url(/img/common/navi03.gif);
		background-repeat:no-repeat;
		width:150px;
		height:35px;
		text-indent:-5555px;
		display:block;
	}
	#navi03 a:hover,#navi03 a.on{
		background-image:url(/img/common/navi03_on.gif);
		text-decoration:none;
	}
	#navi04{
		background-image:url(/img/common/navi04.gif);
		background-repeat:no-repeat;
		width:150px;
		height:76px;
		text-indent:-5555px;
		display:block;
	}
	#navi04 a{
		background-image:url(/img/common/navi04.gif);
		background-repeat:no-repeat;
		width:150px;
		height:76px;
		text-indent:-5555px;
		display:block;
	}
	#navi04 a:hover,#navi04 a.on{
		background-image:url(/img/common/navi04_on.gif);
		text-decoration:none;
	}

	/****** shop link ******/

	#eu_i a{
		background-image:url(/img/common/euphoria_i.gif);
		background-repeat:no-repeat;
		width:150px;
		height:84px;
		text-indent:-5555px;
		display:block;
	}
	#eu_i a:hover{
		background-image:url(/img/common/euphoria_i_on.gif);
	}
	#for a{
		background-image:url(/img/common/forza.gif);
		background-repeat:no-repeat;
		width:150px;
		height:85px;
		text-indent:-5555px;
		display:block;
	}
	#for a:hover{
		background-image:url(/img/common/forza_on.gif);
	}
	#eu_s a{
		background-image:url(/img/common/euphoria_s.gif);
		background-repeat:no-repeat;
		width:150px;
		height:84px;
		text-indent:-5555px;
		display:block;
	}
	#eu_s a:hover{
		background-image:url(/img/common/euphoria_s_on.gif);
	}

	/****** contents ******/

	#contents{
		width:504px;
		margin-left:auto;
		margin-right:auto;
	}

	.search_border{
		border-top:1px solid #960;
		padding:10px 0px;
		margin-top:20px;
	}
	
	
	#Copyright {
		font-size:10px;
		color:#AC832E;
		margin:0px 0px 10px 10px;
	}


/******************************************************

		index スタイル
 
*******************************************************/


	#main_img {
	width:504px;
	height:305px;
	padding: 0px;
	margin-bottom: 25px;
	}

	#search{
	width:310px;
	float:left;
	padding: 0px;
	margin: 0px;
	}

	.s_top{
	width:310px;
	height:51px;
	padding: 0px;
	margin: 0px;
	}

	.s_middle{
	width:310px;
	background-image:url(/img/index/s_middle.jpg);
	background-repeat:repeat-y;
	padding: 0px;
	margin: 0px;
	}

	.s_bottom{
	width:310px;
	height:3px;
	padding: 0px;
	margin: 0px;
	}

	#table290{
	width:290px;
	margin-left:auto;
	margin-right:auto;
	}

	#table290 span{
	display: block;
	float: left;
	white-space:nowrap;
	padding:0px 5px 0px 5px;
	}

	#table290 th{
	vertical-align:top;
	padding-right:5px;
	}

	#table504{
	width:486px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

	#table504 span{
	display: block;
	float: left;
	white-space:nowrap;
	padding:0px 5px 0px 5px;
	}

	#table504 th{
	vertical-align:top;
	padding-right:5px;
	}

	.poti{
	vertical-align:top;
	font-size:10px;
	line-height:22px;
	color:#6B3908;

	}

	.dot{
	width:290px;
	height:20px;
	background-image:url(/img/index/dot.gif);
	background-repeat:repeat-x;
	background-position:0px 10px;
	padding: 0px;
	margin: 0px;
	font-size:0px;
	line-height:0px;
	}

	.bt{
	text-align:center;
	padding-bottom:15px;
	}

	#style_left{
	width:78px;
	padding: 0px;
	margin: 0px;
	float:left;
	}

	#style_right{
	width:200px;
	padding-bottom: 15px;
	margin: 0px;
	float:right;
	font-size:12px;
	line-height:18px;
	color:#6B3908;
	}

	/****** length ******/

	#photo{
	width:187px;
	float:right;
	}

	.p_top{
	width:187px;
	}

	.p_middle{
	width:187px;
	background-image:url(/img/index/photo_middle.jpg);
	background-repeat:repeat-y;
	padding: 0px;
	margin: 0px;
	}

	.p_bottom{
	width:187px;
	}

	.length{
	width:173px;
	margin-left:auto;
	margin-right:auto;
	}

	.length_p{
	width:173px;
	padding:3px 0px 4px 0px;
	}

	.length_l{
	width:85px;
	float:left;
	}

	.length_r{
	width:85px;
	float:right;
	}

	/******************************************************

		contents スタイル

	*******************************************************/

	h1 {
	width:504px;
	height:159px;
	padding: 0px;
	margin-bottom: 25px;
	}

	.wh_top{
	width:504px;
	height:4px;
	padding: 0px;
	margin: 0px;
	}

	.wh_middle{
	background-image:url(/img/common/bg_middle.gif);
	background-repeat:repeat-y;
	margin: 0px;
	}

	.wh_bottom{
	width:504px;
	height:4px;
	padding: 0px;
	margin: 0px;
	}

	#wh_center_r{
	width:479px;
	margin-left: auto;
	margin-right: auto;
	}

	#wh_center_r1{
	width:460px;
	margin-left: auto;
	margin-right: auto;
	}

	#wh_center_l{
	width:468px;
	padding: 0px;
	margin: 0px;
	}
	#wh_center_l span{
	padding: 0px 9px 9px 0px;
	margin: 0px;
	white-space:nowrap;
	}


	/****** rank ******/

	#rank1{
	width:203px;
	padding-top: 0px;
	margin: 0px;
	float:left;
	}

	#info{
	width:226px;
	padding: 0px;
	margin: 0px;
	float:right;
	}

	#info div{
	padding-top: 40px;
	margin: 0px;
	}

	.name{
	width:205px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	color:#330;
	}

	.add{
	width:205px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	line-height:20px;
	color:#666;
	}

	.rank_bg{
	width:460px;
	padding: 5px 0px;
	margin: 0px;
	background-image:url(/img/contents/rank_bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	}


	#rank2{
	width:203px;
	padding-top: 10px;
	margin-left: 17px;
	float:left;
	}

	#rank3{
	width:203px;
	padding-top: 10px;
	margin-right: 17px;
	float:right;
	}

	#rank4{
	width:152px;
	padding-top: 25px;
	margin: 0px;
	float:left;
	}

	#rank5{
	width:152px;
	padding-top: 25px;
	margin-left: 12px;
	float:left;
	}

	#rank6{
	width:152px;
	padding-top: 25px;
	margin: 0px;
	float:right;
	}

	#rank78{
	width:235px;
	padding-bottom: 25px;
	margin-top: 25px;
	float:left;
	}

	#rank910{
	width:235px;
	padding-bottom: 25px;
	margin-top: 25px;
	float:right;
	}

	#rank7{
	width:113px;
	padding: 0px;
	margin: 0px;
	float:left;
	}

	#rank8{
	width:113px;
	padding: 0px;
	margin: 0px;
	float:right;
	}

	#rank9{
	width:113px;
	padding: 0px;
	margin: 0px;
	float:left;
	}

	#rank10{
	width:113px;
	padding: 0px;
	margin: 0px;
	float:right;
	}

	/****** salon ******/

	.s_img{
	padding: 20px 0px;
	margin: 0px;
	}

	.s_img1{
	width:152px;
	padding: 0px;
	margin: 0px;
	float:left;
	}

	.s_img2{
	width:152px;
	padding: 0px;
	margin-left: 12px;
	float:left;
	}

	.s_img3{
	width:152px;
	padding: 0px;
	margin: 0px;
	float:right;
	}


	#sa_int_top{
	width:500px;
	height:70px;
	padding-top:15px;
	}

	#sa_int_middle{
	width:500px;
	background-image:url(/img/contents/sa_int_middle.gif);
	background-repeat:repeat-y;
	}

	#sa_int_bottom{
	width:500px;
	height:16px;
	}

	.sa_center{
	width:440px;
	margin-left:auto;
	margin-right:auto;
	}

	#sa_int_img{
	width:226px;
	padding-top: 0px;
	margin: 0px;
	float:left;
	}

	#sa_int_text{
	width:203px;
	padding-bottom: 25px;
	margin: 0px;
	float:right;
	}

