/* basic setting ---------------------------------- */

body {
	background-color:#FFFFFF;
	color: #666666;
	line-height: 20px;
	font-size: 12px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin:0px;
	background-image: url(../image/common/bg.jpg);
	background-repeat: repeat-x;}

html,body {
	height:100%;
	min-height:100%;}

img {
	border:none;
	vertical-align:middle;}

p { 
	margin: 0px; 
	padding: 0px; }

.t01 {color:#CC9900;} /* 黄土色 */
.t02 {color:#996600;} /* 茶色 */
.t03 {color:#95A3CE;} /* 水色 */ 

.hosoku {color:#e70012; font-size:1.2em;} /* 赤色 中野追加 */

.notice {color: #cc0000;}

.ex01 {color:#00889c;} /* 茶色 */

a:link     {color:#0A54A7;}
a:active   {color:#0A54A7;}
a:visited  {color:#0A54A7;}
a:hover    {color:#0000FF;}

.textsmall {font-size: 9px;}
.textlarge {font-size: 13px;}

.textleft   {text-align: left;}
.textright  {text-align: right;}
.textcenter {text-align: center;}

.clearleft  {clear: left;}
.clearright {clear: right;}g
.clearall   {clear: both;}

h1 { clear: both; margin: 0px 0px 0px 0px; padding: 0px; font-size: 13px; }
h2 { clear: both; margin: 1.5em 0px 0px 0px; padding: 0px; font-size: 13px; }
h3 { clear: both; margin: 1.5em 0px 3px 0px; padding: 0px; font-size: 12px; }
h4 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h5 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }
h6 { clear: both; margin: 0px 0px 3px 0px; padding: 0px; font-size: 12px; }

/* parts setting -----------------------------------------*/

.ptit-01 {
	width:100%;
	height:50px;
	background:url(../image/common/icon-hana01.gif) no-repeat;
	margin:5px 0;
	color:#996600;
	clear:both;}

	.ptit-01 p {
		 padding:2px 0 0 40px;
		 margin:0px; }		

	.ptit-01 h2 , .ptit-01 h3 , .ptit-01 h4 , .ptit-01 h5 {
		 padding:10px 0 0 37px;
		 margin:0px; }

.ptit-02 {
	width:100%;
	height:50px;
	background:url(../image/common/icon-hana01.gif) no-repeat;
	margin:5px 0;	
	color:#996600;
	clear:both;}
	
	.ptit-02 h2 , .ptit-02 h3 , .ptit-02 h4 , .ptit-02 h5 {
		 padding:28px 0 0 37px;
		 margin:0px; }

.ptit-04 { /*中野追加*/
	width:100%;
	height:50px;
	margin:5px 0;	
	color:#996600;
	clear:both;}


.ptit-03 {
	width:100%;
	height:50px;
	background:url(../image/detox/icon-hana03.gif) no-repeat;
	margin:5px 0;	
	color:#996600;
	clear:both;}
	
	.ptit-03 h2 , .ptit-03 h3 , .ptit-03 h4 , .ptit-03 h5 {
		 padding:28px 0 0 37px;
		 margin:0px; }

.gtit {
	width:100%;
	height:50px;
	background:url(../image/common/icon-hana02.gif) no-repeat;
	margin:5px 0;
	clear:both;}

	.gtit h2 , .gtit h3 , .gtit h4 , .gtit h5 {
		 padding:30px 0 0 37px;
		 margin:0px; }

.innerblock { border-style: none; margin: 0px; padding: 10px; }

.line-see {
	width:100%;
	height:7px;
	clear: both;
	background:url(../image/common/line-seed.gif) no-repeat;}

.line-dot {
	width:100%;
	height:7px;
	clear: both;
	background:url(../image/common/line-dot.gif) repeat-x;}

.bline-dot {
	width:100%;
	clear: both;
	margin-bottom:3px;
	background:url(../image/common/line-dot.gif) repeat-x bottom;}

	.bline-dot p {
		padding:0 0 7px 7px;}

.moreinfo , .gotop {
	clear: both;
	border-style: none;
	margin: 0px;
	padding: 4px 5px 6px 0px;}

	.moreinfo p {
	display: block;
	height: 12px;
	overflow: visible;
	border-style: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	background: url(../image/common/icon-yaji.gif) no-repeat right center;
	text-align: right;
	font-size: 9px;}

	.gotop p {
	display: block;
	height: 12px;
	overflow: visible;
	border-style: none;
	margin: 0px;
	padding: 0px 15px 0px 0px;
	background: url(../image/common/icon-yaji-top.gif) no-repeat right center;
	text-align: right;
	font-size: 9px;}


.compact li { border-style: none; margin-left: 1.8em; }
	ul.compact { list-style-position: outside; border-style: none; padding-left: 0px; }
	ol.compact { list-style-position: outside; border-style: none; padding-left: 0px; }

.floatbox-left {
	float:left;
	margin:7px 7px 7px 0;}

.floatbox-right {
	float:right;
	margin:7px 0 7px 7px;}

table.standard { border-collapse: collapse; border-spacing: 0px;  border: solid 1px #CCCCCC; margin-top: 10px; }
	table.standard tr { }
	table.standard tr.even td { background: #B8B8DC; color: #ffffff; }
	table.standard th.even { background: #B8B8DC; color: #ffffff; }
	table.standard td.even { background: #B8B8DC; color: #ffffff; }
	table.standard tr.odd td { background: #E9E9E9; }
	table.standard th.odd { background: #E9E9E9; }
	table.standard td.odd { background: #E9E9E9; }
	table.standard th { background-color: #cccccc; border: solid 1px #CCCCCC; }
	table.standard td { background-color: #ffffff; border: solid 1px #CCCCCC; }

table.lines { border-collapse: collapse; border-spacing: 0px;  margin:10px 0; }
	table.lines tr { }
	table.lines th { border-bottom: dotted 1px #666666; }
	table.lines td { border-bottom: dotted 1px #666666; }
	table.lines td.rigl { 	border-right: dotted 1px #666666; }
	table.lines td.topl { 	border-top: dotted 1px #666666; vertical-align:top; }
	table.lines td.rtol { 	border-top: dotted 1px #666666; border-right: dotted 1px #666666;  }


/* page format ---------------------------------------- */

#contents {
	background:url(../image/common/bg-main.jpg) no-repeat center 30px ;
	text-align:center;
	width:100%;}

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

#contentsarea {
	margin:0 auto;
	width: 846px;}

#stage {
	width: 846px;
	padding:0;
	text-align: left;
	margin:0 auto;}

#header {
	width:846px;
	height:493px;
	background:url(../image/common/bg-white.jpg) no-repeat 0px 30px;}

#header #copy {
	height:30px;}
	
	#copy h1 {
		font-size:11px;
		color:#999999;
		margin:0px;
		padding:7px 0 0 3px;
		font-weight:normal;}

#h-bg00 {	width:800px; margin-left:23px; background:url(../image/top/head-bg.jpg) no-repeat; }
#h-bg01 {	width:800px; margin-left:23px; background:url(../image/eyelash/head-bg.jpg) no-repeat; }
#h-bg02 {	width:800px; margin-left:23px; background:url(../image/facual/head-bg.jpg) no-repeat; }
#h-bg03 {	width:800px; margin-left:23px; background:url(../image/artmake/head-bg.jpg) no-repeat; }
#h-bg04 {	width:800px; margin-left:23px; background:url(../image/body/head-bg.jpg) no-repeat; }
#h-bg05 {	width:800px; margin-left:23px; background:url(../image/foot/head-bg.jpg) no-repeat; }
#h-bg06 {	width:800px; margin-left:23px; background:url(../image/price/head-bg.jpg) no-repeat; }
#h-bg07 {	width:800px; margin-left:23px; background:url(../image/qa/head-bg.jpg) no-repeat; }
#h-bg08 {	width:800px; margin-left:23px; background:url(../image/access/head-bg.jpg) no-repeat; }
#h-bg09 {	width:800px; margin-left:23px; background:url(../image/contacts/head-bg.jpg) no-repeat; }
#h-bg10 {	width:800px; margin-left:23px; background:url(../image/sitemap/head-bg.jpg) no-repeat; }
#h-bg11 {	width:800px; margin-left:23px; background:url(../image/news/head-bg.jpg) no-repeat; }
#h-bg12 {	width:800px; margin-left:23px; background:url(../image/wedding/head-bg.jpg) no-repeat; }
#h-bg13 {	width:800px; margin-left:23px; background:url(../image/detox/head-bg.jpg) no-repeat; }

#h-bg14 {	width:800px; margin-left:23px; background:url(../image/facial-este/exuviance/head-bg.jpg) no-repeat; }

	
	#h-lef {
		width:570px;
		height:127px;
		float:left;}

		#h-lef #tit {
			margin:41px 0 0 55px;}
	
	#h-rig {
		width:220px;
		height:127px;
		float:left;
		text-align:center;}

	#h-rig p.line {
		width:220px;
		border-top:1px dotted #cccccc;
		text-align:center;}

		#h-rig img {
			margin-top:7px;}

		#h-rig img.mail {
			margin-top:2px;}

		#h-rig table td {
			font-size:10px;}
		
	#h-pic {
		width:800px;
		height:278px;
		margin:0px;
		padding:0px;
		clear:left;}

	#h-pic h2 {
		margin:0px;
		padding:0px;}

#main {
	width:860px;
	padding:21px 0 0 3px;}

#main #nabi {
	width:210px;
	height:460px;
	float:left;
	background:url(../image/common/bg-nabi.gif) no-repeat;}

	#nabi ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;}
	
	#nabi li.nb01 {	 margin:29px 0 0 20px;	list-style: none;	list-style-image: none;}
	#nabi li.nb02 {	 margin:34px 0 0 20px;	list-style: none;	list-style-image: none;}
	#nabi li.nb03 {	 margin:34px 0 0 20px;	list-style: none;	list-style-image: none;}
	#nabi li.nb04 {	 margin:25px 0 0 20px;	list-style: none;	list-style-image: none;}
	#nabi li.nb05 {	 margin:27px 0 0 28px;	list-style: none;	list-style-image: none;}
	#nabi li.nb06 {	 margin:33px 0 0 20px;	list-style: none;	list-style-image: none;}

#main #circu {
	width:630px;
	margin-left:8px;
	float:left;
	text-align:left;}

	#circu #location {
		background:url(../image/common/line-dot.gif) bottom repeat-x;
		height:2em;
		padding-bottom:7px;
		width:100%;
		margin-top:0px;}
	
		#circu #location ol {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;}
			
		#circu #location li {
			float:left;
			margin:10px 3px 5px 3px;
			font-size: 9px;}

#footbg {
	background:url(../image/common/footer.jpg) no-repeat center;
	width:100%;
	height:330px;
	clear:left;}
	
	#footer {
		margin:0 auto;
		width:830px;
		text-align:left;}
	
	#footer .fbox {
		width:171px;
		padding:56px 18px 0 18px;
		font-size:10px;
		line-height:18px;
		color:#FFFFFF;
		float:left;}

	#footer .fbox a:link     {color:#FFFFFF;}
	#footer .fbox a:active   {color:#FFFFFF;}
	#footer .fbox a:visited  {color:#FFFFFF;}
	#footer .fbox a:hover    {color:#CCCCCC;}

	#footer .copybox {
		clear:left;
		padding-top:40px;
		color:#FFFFFF;}

	#footer .copybox a:link     {color:#FFFFFF;}
	#footer .copybox a:active   {color:#FFFFFF;}
	#footer .copybox a:visited  {color:#FFFFFF;}
	#footer .copybox a:hover    {color:#CCCCCC;}		

/* top setting -----------------------------------------*/

#campaign {
	width:620px;
	height:225px;
	background:url(../image/top/bg-banner.jpg) no-repeat;}
	
	#campaign img {	margin:16px 0 0 18px;}

	h2.bg010relative { height:50px; position: relative; margin: 1em 0px 0px 0px; background:url(../image/common/icon-hana02.gif) no-repeat; }
	span.bg010inside { display: block; padding:30px 0 0 37px; }
	span.link010 { position: absolute; top: 2px; right: 3px; display: block; font-size: 90%; font-weight: normal; }
	span.link010 img { vertical-align: middle; float:left; margin:10px 5px 0 0;}


/* ope setting -----------------------------------------*/

.mbox {
	width:620px;
	height:100%;
	clear:left;
	margin:5px 0 20px 0;}
	
	.mbox .mbox-l {
		width:140px;
		float:left;
		text-align:center;}
		
	.mbox .mbox-l img {
		margin-bottom:4px;}
	
	.mbox .mbox-r {
		width:470px;
		float:left;
		margin-left:8px;
		text-align:left;}

	.mbox .mbox-r p.img {
		text-align:center;}

	.mbox .mbox-r p.nama {
		margin-top:10px;}

.campage {
	margin-bottom:10px;
	clear:left;}

.operoot p {
	width:470px;
	height:51px;
	background:url(../image/facual/ope-yaji.gif) no-repeat left bottom;}


	.mbox .youtube-l {
		width:250px;
		float:left;
		text-align:center;}
		
	
	.mbox .youtube-r {
		width:350px;
		float:left;
		margin-left:8px;
		text-align:left;}



/* qa setting -----------------------------------------*/

.qalist , .qa {
	width:500px;
	margin-left:120px;
	margin-bottom:3px;}
	
	.qalist p {
		padding:5px 0 5px 15px;
		background:url(../image/common/icon-yaji.gif) no-repeat 0 50%;}

	.qalist a:link     {color:#0A54A7; text-decoration:none;}
	.qalist a:active   {color:#0A54A7; text-decoration:none;}
	.qalist a:visited  {color:#0A54A7; text-decoration:none;}
	.qalist a:hover    {color:#0000FF; text-decoration:underline;}

.qabox {
	width:620px;
	clear:left;
	margin:5px 0 20px 0;
	position:relative;}

	.qabox .qabox-l {
		width:140px;
		float:left;
		text-align:right;}
	
	.qabox .qbox {
		width:470px;
		height:46px;
		float:left;
		margin-left:8px;
		text-align:left;}

	.qabox .abox {
		width:470px;
		float:left;
		margin-left:8px;
		text-align:left;}

		div.vertical {   
				display: table-cell;   
				width: 470px;   
				height: 46px; }  
				 
		* html div.vertical  {   
				display: inline; }   
				
		*+html div.vertical  {   
				display: inline;  }  
				 
		div.vertical_middle {   
				vertical-align: middle;}  

#access {
	width:450px;
	margin:20px 0 0 85px;
	clear:left;}

	#access p {
		margin:20px 0;}

.map {
	background:#E1E1E1;
	width:600px;
	padding:5px 0 5px 20px;
	border-bottom:1px solid #FFFFFF;}
	
	.map img {
		margin:0 5px 0 0;}


.bg-blue {
	background:#9B9BCE;
	width:100%;
	margin:15px 0;
	color:#FFFFFF;}

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

.bg-blue .box01 {
	width:180px;
	margin:10px 10px 0 10px;
	float:left;}

.bg-blue .box01 img {
	margin-bottom:10px;}

.bg-blue .box02 {
	width:380px;
	margin:10px 10px 0 0;
	float:left;}




/*----------------------------------------- sansei coding -----------------------------------------*/

/* top setting -----------------------------------------*/

#campaignnew{ padding-top:6px; padding-left:3px;}

.topnewswrap{ background:url(../image/top/topnewslogo.gif) no-repeat; padding:10px 0 15px 100px; margin:20px 25px 10px 25px; min-height:70px;}

.topnewsdate{ float:left; color:#996600;}
.topnewsttitle{ float:left; width:300px; background:url(../image/common/icon-yaji.gif) no-repeat left 3px; margin-left:8px; padding:0 0 0 15px;}

.topnewsmore{ text-align:right; clear:both;}
.topnewsmore a{ background:url(../image/common/icon-yaji.gif) no-repeat left center; padding:0 0 0 13px; color:#73468C;}
.topnewsmore a:hover{ text-decoration:none;}

.bline-dotnew {
	width:100%;
	clear: both;
	margin-bottom:5px;
	padding-bottom:7px;
	background:url(../image/common/line-dot.gif) repeat-x bottom;}




/* news setting -----------------------------------------*/

.newswrap{ margin:0 0 0 2px; padding:10px 0 10px 0;}

.newstopwrap{}
  .newstl_corner{ float:left; background:url(../image/news/tl_corner.png) no-repeat; width:20px; height:20px;}
  .newstm_line{ float:left; background:url(../image/news/tm_line.png) repeat-x; width:578px; height:20px;}
  .newstr_corner{ float:right; background:url(../image/news/tr_corner.png) no-repeat; width:20px; height:20px;}

.newsbomwrap{}
  .newsbl_corner{ float:left; background:url(../image/news/bl_corner.png) no-repeat; width:20px; height:20px;}
  .newsbm_line{ float:left; background:url(../image/news/bm_line.png) repeat-x bottom; width:578px; height:20px;}
  .newsbr_corner{ float:right; background:url(../image/news/br_corner.png) no-repeat; width:20px; height:20px;}

.newsmidwrap{ background:url(../image/news/mm_line1.png) repeat-y; padding:10px 30px;}
  .newsmidwrap .bline-dotnew{ color:#996600;}
  .newsdate{ float:left;}
  .newstitle{ float:left; margin-left:25px;}
  .newstext{}


/* wedding setting -----------------------------------------*/

#wedding-c01 { width:620px; height:64px; background:url(../image/wedding/c01-c.jpg) no-repeat;}
#wedding-c01 .tit { margin:7px 0 0 0;}
	
	.mbox .wbox-l {	width:280px;	float:left;	}
	.mbox .wbox-r {	width:300px;	float:left;	margin-left:8px;	text-align:left;}



/* detox setting -----------------------------------------*/

#detox-c01 { width:470px; height:327px; background:url(../image/detox/c01-a.jpg) no-repeat; margin:15px 0;}
#detox-c01 .box { width:235px; padding:15px 0 0 10px; font-size:11px; line-height:17px;}

.detox-box { background:url(../image/detox/yaji.gif) left bottom no-repeat; padding-bottom:22px; margin-bottom:3px;}

.detox-c02 { width:620px; background:url(../image/detox/c06-bg.gif) repeat-y; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.detox-c02 .rank { width:30px; float:left; margin-left:1px;}
.detox-c02 .box { width:570px; float:left; margin:3px;}
.detox-c02 .pic { float:left; padding:5px;}

#detox-c03 { width:620px; height:204px; background:url(../image/detox/c06-fbg.gif) no-repeat;}
#detox-c03 .box01 { width:440px; height:80px; padding:7px 0 0 165px;}
#detox-c03 .box01 img { margin-bottom:5px;}
#detox-c03 .box02 { width:440px; height:80px; padding:35px 0 0 165px;}
#detox-c03 .box02 img { margin-bottom:5px;}



/* エクスビアンス 中野追加 -----------------------------------------*/

.exuviance-shorei { text-align:center; margin-top:10px;}
.exuviance-shorei img { margin-bottom:10px;}


/* グローバルメニュー 中野追加 -----------------------------------------*/

#button {
	width:800px;
	margin-left:-17px;
	text-align:center; }

*:first-child+html #button {
	width:800px;
	margin-left:22px;
	text-align:center; }

* html #button {
	width:800px;
	margin-left:22px;
	text-align:center; }

#button img {
		margin:5px 1px 0 0;}

#nav { width: 823px; margin: 0; position: relative; text-align: left; }
#nav li { list-style: none; float: left; position: relative; }

#nav ul { display: none; position: absolute; top: 45px; left: 0; margin-left:-40px; }
*:first-child+html #button #nav ul { display: none; position: absolute; top: 45px; left: 0; margin-left:0; }
* html #button #nav ul { display: none; position: absolute; top: 45px; left: 0; margin-left:0; }


* html #nav ul { line-height: 0; }
#nav ul li { float: none; }

#nav ul { width: 150px; }

#nav ul a { 
display: block;
width: 138px;
background:#fdcec8;
padding: 6px;
color: #965e00;
border-bottom: 1px solid #ff9a96;
opacity: 0.9;
filter: alpha(opacity=90);
zoom: 1;
line-height: 1;
}
#nav ul a.hover { background: #FFF; }