@charset 'UTF-8';
 
/* MG-CLINIC.COM stylesheets
 *
 * update: 2009.12.02
 * code by Hidetake Kurihara
 * copyright (c)2007-2009 R-design. all rights reserved.
 */
 
@import "inside.css";

/*----- Detail Navi SETTING ( category menu ) -----*/
#Alpha ul#DetailNavi{
	margin:0;
	clear:both;}
#DetailNavi li{
	display:block;
	float:left;
	height:44px;
	margin:0 0 1px 0;}
#DetailNavi li.detail01{width:111px;}
#DetailNavi li.detail02{width:108px;}
#DetailNavi li.detail03{width:108px;}
#DetailNavi li.detail04{width:109px;}
#DetailNavi li.detail05{width:108px;}
#DetailNavi li.detail06{width:111px;}
#DetailNavi li a{
	background:url(../hyaluronic2/imgs/detail_navi.gif) no-repeat;
	display:block;
	height:44px;
	text-indent:-9999px;}
#DetailNavi li.detail01 a:link,#DetailNavi li.detail01 a:visited{background-position:0 0;}
#DetailNavi li.detail02 a:link,#DetailNavi li.detail02 a:visited{background-position:-111px 0;}
#DetailNavi li.detail03 a:link,#DetailNavi li.detail03 a:visited{background-position:-219px 0;}
#DetailNavi li.detail04 a:link,#DetailNavi li.detail04 a:visited{background-position:-327px 0;}
#DetailNavi li.detail05 a:link,#DetailNavi li.detail05 a:visited{background-position:-436px 0;}
#DetailNavi li.detail06 a:link,#DetailNavi li.detail06 a:visited{background-position:-544px 0;}
#DetailNavi li.detail01 a.on{background-position:0 bottom;}
#DetailNavi li.detail02 a.on{background-position:-111px bottom;}
#DetailNavi li.detail03 a.on{background-position:-219px bottom;}
#DetailNavi li.detail04 a.on{background-position:-327px bottom;}
#DetailNavi li.detail05 a.on{background-position:-436px bottom;}
#DetailNavi li.detail06 a.on{background-position:-544px bottom;}
#DetailNavi li.detail01 a:hover{background-position:0 -45px;}
#DetailNavi li.detail02 a:hover{background-position:-111px -45px;}
#DetailNavi li.detail03 a:hover{background-position:-219px -45px;}
#DetailNavi li.detail04 a:hover{background-position:-327px -45px;}
#DetailNavi li.detail05 a:hover{background-position:-436px -45px;}
#DetailNavi li.detail06 a:hover{background-position:-544px -45px;}


/*----- Head Title SETTING -----*/
#Alpha div.contentsInside2 h4{text-indent:-9999px;}
#Alpha p.h40{height:30px; margin:20px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h40.gif) no-repeat 5px 0; text-indent:-9999px;}
#Alpha p.h41{height:30px; margin:20px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h41.gif) no-repeat 5px 0; text-indent:-9999px;}
#Alpha p.h46{height:30px; margin:20px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h46.gif) no-repeat 5px 0; text-indent:-9999px;}
#Alpha h3.h42{height:30px; margin:20px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h42.gif) no-repeat 5px 0; text-indent:-9999px;}
#Alpha h3.h47{height:30px; margin:20px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h47.gif) no-repeat 5px 0; text-indent:-9999px;}
h4.h43{height:20px; margin:10px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h45.gif) no-repeat 5px 0;}
h4.h44{height:20px; margin:10px 0 10px 0; background:url(../hyaluronic2/imgs/bg_h49.gif) no-repeat 5px 0;}
h4.h45{height:20px; margin:10px 0 5px 0; background:url(../hyaluronic2/imgs/bg_h43.gif) no-repeat 5px 0;}
h4.h46{height:20px; margin:10px 0 10px 0; background:url(../hyaluronic2/imgs/bg_h44.gif) no-repeat 5px 0;}

/*----- Condition Title SETTING -----*/
#condition01 h3{height:70px; background:url(../hyaluronic2/imgs/h301.gif) no-repeat; text-indent:-9999px;}
#condition02 h3{height:70px; background:url(../hyaluronic2/imgs/h302.gif) no-repeat; text-indent:-9999px;}
#condition03 h3{height:70px; background:url(../hyaluronic2/imgs/h303.gif) no-repeat; text-indent:-9999px;}
#condition04 h3{height:70px; background:url(../hyaluronic2/imgs/h304.gif) no-repeat; text-indent:-9999px;}
#condition05 h3{height:70px; background:url(../hyaluronic2/imgs/h305.gif) no-repeat; text-indent:-9999px;}


/*----- ConditionMenu SETTING -----*/
#MenuFace{
clear:both;
margin:0 0 10px 0;
height:155px;}
#MenuFace li{
display:block;
float:left;
height:155px;
margin:0 0 1px 0;}
#MenuFace li.fmenu01{width:138px;}
#MenuFace li.fmenu02{width:107px;}
#MenuFace li.fmenu03{width:137px;}
#MenuFace li.fmenu04{width:107px;}
#MenuFace li.fmenu05{width:139px;}
#MenuFace li a{
background:url(../hyaluronic2/imgs/bt_face.gif) no-repeat;
display:block;
height:155px;
text-indent:-9999px;}
#MenuFace li.fmenu01 a:link,#MenuFace li.fmenu01 a:visited{background-position:0 0;}
#MenuFace li.fmenu02 a:link,#MenuFace li.fmenu02 a:visited{background-position:-138px 0;}
#MenuFace li.fmenu03 a:link,#MenuFace li.fmenu03 a:visited{background-position:-245px 0;}
#MenuFace li.fmenu04 a:link,#MenuFace li.fmenu04 a:visited{background-position:-382px 0;}
#MenuFace li.fmenu05 a:link,#MenuFace li.fmenu05 a:visited{background-position:-489px 0;}
#MenuFace li.fmenu01 a:hover{background-position:0 -155px;}
#MenuFace li.fmenu02 a:hover{background-position:-138px -155px;}
#MenuFace li.fmenu03 a:hover{background-position:-245px -155px;}
#MenuFace li.fmenu04 a:hover{background-position:-382px -155px;}
#MenuFace li.fmenu05 a:hover{background-position:-489px -155px;}


#Alpha #condition01 table,
#Alpha #condition02 table,
#Alpha #condition03 table,
#Alpha #condition04 table,
#Alpha #condition05 table{
	width:620px;
	clear:both;
	margin:10px 0 20px 20px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	background:url(../hyaluronic2/imgs/hr_yrw.gif) no-repeat left bottom;}
#Alpha #condition01 table caption,
#Alpha #condition02 table caption,
#Alpha #condition03 table caption,
#Alpha #condition04 table caption,
#Alpha #condition05 table caption{
	padding:0 0 0 16px;
	font-size:108%;
	font-weight:bold;
	line-height:1.5em;
	background:url(../imgs2/icn_ball_org.gif) no-repeat 0 4px;}
#Alpha #condition01 table td.cel02,
#Alpha #condition02 table td.cel02,
#Alpha #condition03 table td.cel02,
#Alpha #condition04 table td.cel02,
#Alpha #condition05 table td.cel02{
	padding:5px 0 5px 0;
	text-align:center;
	vertical-align:top;
	font-size:92.4%;
	line-height:1.2em;}




/*----- OTHER TREATMENT SETTING -----*/
#Alpha div.otherTreatment h4{background:url(../hyaluronic2/imgs/h4_other.jpg) no-repeat 0 0;}
#Alpha div.otherTreatment h4.tretinoin{background:url(../hydroquinone/imgs/h4_other2.jpg) no-repeat 0 0;}
#Alpha div.otherTreatment li a{background:url(../hyaluronic2/imgs/bt_other.gif) no-repeat;}
#Alpha div.otherTreatment ul.tretinoin li a{background:url(../hydroquinone/imgs/bt_other2.gif) no-repeat;}


/*----- contentsInside SETTING -----*/
#Alpha div.contentsInside1 dl{
	display:block;
	clear:both;
	width:620px;
	margin:0 10px 20px 20px;
	padding:0 0 10px 0;}
div.contentsInside1 dl.TargetPtnt{background:url(../imgs2/frm_foot_org.gif) repeat-y left bottom;}
div.contentsInside1 dl.NotTargetPtnt{background:url(../imgs2/frm_foot_red.gif) repeat-y left bottom;}
div.contentsInside1 dt{
	padding:4px 0 4px 10px;
	font-size:107.7%;
	line-height:1.5em;
	font-weight:bold;}
div.contentsInside1 dl.TargetPtnt dt{background:url(../imgs2/frm_head_org.gif) no-repeat;}
div.contentsInside1 dl.NotTargetPtnt dt{background:url(../imgs2/frm_head_red.gif) no-repeat;}
div.contentsInside1 dd{
	margin:0 10px 0 10px;
	padding:0 0 0 16px;
	font-size:107.7%;
	line-height:1.5em;}
div.contentsInside1 dl.TargetPtnt dd{background:url(../imgs2/icn_ball_org.gif) no-repeat 0 4px;}
div.contentsInside1 dl.NotTargetPtnt dd{background:url(../imgs2/icn_ball_red.gif) no-repeat 0 4px;}

#Alpha div.contentsInside1 dl.TargetPtnt{
	margin:10px 0 20px 20px;}
#Alpha div.contentsInside1 dl.NotTargetPtnt{
	margin:10px 0 10px 20px;}

#Alpha div.contentsInside1 table{
	width:620px;
	margin:10px 0 20px 20px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	background:url(../chempeeling/imgs/hr_yrw.gif) no-repeat left bottom;}
#Alpha div.contentsInside2 table,
#Alpha div.contentsInside4 table{
	width:620px;
	margin:5px 0 10px 20px;
	border-collapse:collapse;
	border-spacing:0;
	border:0;}
#Alpha div.contentsInside1 table caption,
#Alpha div.contentsInside4 table caption{
	padding:0 0 0 16px;
	font-size:108%;
	font-weight:bold;
	line-height:1.5em;
	background:url(../imgs2/icn_ball_org.gif) no-repeat 0 4px;}
#Alpha div.contentsInside1 table img{margin-bottom:3px;}
#Alpha div.contentsInside1 table td.cel01,
#Alpha div.contentsInside1 table td.cel02,
#Alpha div.contentsInside2 table td.cel03,
#Alpha div.contentsInside4 table td.cel04{
	padding:5px 0 5px 0;
	text-align:center;
	vertical-align:top;
	font-size:92.4%;
	line-height:1.2em;}
#Alpha table td.celArw{text-align:center;}
#Alpha div.contentsInside1 table td.cel01{width:170px;}
#Alpha div.contentsInside1 table td.cel02{width:280px;}
#Alpha div.contentsInside2 table td.cel03{width:170px;}
#Alpha div.contentsInside4 table td.cel04{width:280px;}

/* subContents SETTING */
#Alpha .subContentsL,
#Alpha .subContentsR{
	width:321px;
	margin:0 0 10px 0;}
#Alpha .subContentsL p,
#Alpha .subContentsR p,
#Alpha .subContentsL dl,
#Alpha .subContentsR dl{
	padding:0 0 10px 0;
	font-size:13px;
	line-height:1.2em;}
#Alpha .subContentsL dt,
#Alpha .subContentsR dt{
	margin:0 0 5px 0;
	font-size:13px;
	font-weight:bold;
	line-height:1.2em;
	color:#500;
	border-bottom:1px solid #500;}
#Alpha .subContentsL dd,
#Alpha .subContentsR dd{
	margin:0 0 10px 5px;
	font-size:12px;}
#Alpha .subContentsL ul,
#Alpha .subContentsR ul{
	font-size:12px;
	line-height:1.5em;
	margin-left:1em;
	margin-bottom:1em;}
#Alpha .subContentsL li,
#Alpha .subContentsR li{
	padding-left:2em;
	background:url(../imgs2/icn_ball_red.gif) no-repeat 0 4px;}
#Alpha .subContentsL{float:left; border-right:1px solid #EEE;}
#Alpha .subContentsR{float:right;}


/* contentsInside3 SETTING ( 12 Merits ) */
#Alpha div.contentsInside3 h3{
	text-indent:-9999px;
	height:90px;
	padding:0;
	background:url(../hyaluronic2/imgs/h3merit.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 ul{
	display:block;
	margin:0 0 30px 0;}
#Alpha div.contentsInside3 ul li{
	display:block;
	width:306px;
	margin:4px 0 0 0;
	padding:0 7px 5px 7px;
	font-size:13px;
	line-height:1.5em;
	letter-spacing:0;}
#Alpha div.contentsInside3 ul li p{
	margin:0 0 0 5px;
	font-size:13px;}
#Alpha div.contentsInside3 li.li01{float:left; height:157px; background:url(../hyaluronic2/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li03{float:left; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li05{float:left; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li07{float:left; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li09{float:left; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li11{float:left; height:157px; background:url(../hyaluronic2/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li02{float:right; height:157px; background:url(../hyaluronic2/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li04{float:right; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li06{float:right; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li08{float:right; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li10{float:right; height:120px; background:url(../hyaluronic2/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li12{float:right; height:157px; background:url(../hyaluronic2/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li h4{
	height:44px;
	margin:0 0 7px 0;
	text-indent:-9999px;}
#Alpha div.contentsInside3 li.li01 h4{background:url(../hyaluronic2/imgs/h401.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li02 h4{background:url(../hyaluronic2/imgs/h402.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li03 h4{background:url(../hyaluronic2/imgs/h403.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li04 h4{background:url(../hyaluronic2/imgs/h404.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li05 h4{background:url(../hyaluronic2/imgs/h405.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li06 h4{background:url(../hyaluronic2/imgs/h406.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li07 h4{background:url(../hyaluronic2/imgs/h407.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li08 h4{background:url(../hyaluronic2/imgs/h408.gif) no-repeat 0 bottom;}


/* VS Box645 SETTING */
#Box645 {
margin:5px 0 0 0;}
#Box645 dt{
height:53px;
text-indent:-9999px;}
#Box645 dt.dt01{background:url(../hyaluronic2/imgs/ttl_vs01.gif) no-repeat 0 0;}
#Box645 dt.dt02{background:url(../hyaluronic2/imgs/ttl_vs02.gif) no-repeat 0 0;}
#Box645 dt.dt03{background:url(../hyaluronic2/imgs/ttl_vs03.gif) no-repeat 0 0;}
#Box645 dd{
margin:0 0 12px 0;
padding:8px 2em 8px 2em;
font-size:14px;
line-height:1.5em;
background:url(../imgs2/bg_vs.gif) no-repeat 0 bottom;}


/*----- Flow SETTING -----*/
#Flow01 h3,
#Flow02 h3,
#Flow03 h3,
#Flow04 h3,
#Flow05 h3{
	clear:both;
	margin:7px 0 0 10px;
	padding:15px 0 0 50px;
	font-size:138.5%; /* about 18px */
	font-weight:normal;
	color:#300;}
#Flow01 h3{background:url(../hyaluronic2/imgs/h3_1st.gif) no-repeat;}
#Flow02 h3{background:url(../hyaluronic2/imgs/h3_2nd.gif) no-repeat;}
#Flow03 h3{background:url(../hyaluronic2/imgs/h3_3rd.gif) no-repeat;}
#Flow04 h3{background:url(../hyaluronic2/imgs/h3_4th.gif) no-repeat;}
#Flow05 h3{background:url(../hyaluronic2/imgs/h3_5th.gif) no-repeat;}

#Flow01 img.imgFlow,
#Flow02 img.imgFlow,
#Flow03 img.imgFlow,
#Flow04 img.imgFlow{float:left;	margin:0 0 0 10px;}
#Flow05 img.imgFlow{float:left; margin:0 0 5px 10px;}

#Flow01 p,
#Flow02 p,
#Flow03 p,
#Flow04 p,
#Flow05 p{
	float:right;
	width:380px;
	padding:8px 0;
	line-height:1.4;}	

#Flow01 a.nextBtn,
#Flow02 a.nextBtn,
#Flow03 a.nextBtn,
#Flow04 a.nextBtn{display:block; clear:both; width:45px; margin:0 0 10px 600px;}
#Flow05 hr.slimline{margin:5px 0 0 10px;}


/*----- FAQ SETTING -----*/
#Alpha #Faq h3{
	margin:0;
	background:url(../hyaluronic2/imgs/faq.gif);}
#Faq{
	clear:both;
	margin:0 0 0 10px;
	padding:20px 0 20px 0;}
#Faq h3{
	height:66px;
	padding:14px 0 0 96px;
	color:#FFF;
	font-size:107.7%;
	font-weight:normal;
	background-color:#a2db50;
	background-repeat:no-repeat;}
#Faq ul.question{
	margin:1px 0 10px 0;
	border-top:1px solid #8aca2e;
	border-bottom:1px solid #8aca2e;}
#Faq ul.question li{
	background:#FFF url(../imgs2/dot1_3px_gry.gif) repeat-x bottom left;
	font-size:107.7%;
	line-height:2.4em;}
#Faq ul.question li.zebra{background:#EAFAEA url(../imgs2/dot1_3px_gry.gif) repeat-x bottom left;}
#Faq ul.question a{
	display:block;
	padding:0 0 0 42px;}
#Faq ul.question a.qst1{background:url(../imgs2/q1.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst2{background:url(../imgs2/q2.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst3{background:url(../imgs2/q3.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst4{background:url(../imgs2/q4.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst5{background:url(../imgs2/q5.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst6{background:url(../imgs2/q6.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst7{background:url(../imgs2/q7.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst8{background:url(../imgs2/q8.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst9{background:url(../imgs2/q9.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst10{background:url(../imgs2/q10.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst11{background:url(../imgs2/q11.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst12{background:url(../imgs2/q12.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst13{background:url(../imgs2/q13.gif) no-repeat 5px 9px;}
#Faq ul.question a.qst14{background:url(../imgs2/q14.gif) no-repeat 5px 9px;}
#Faq ul.question a:link,
#Faq ul.question a:visited{
	color:#040;
	text-decoration:none;}
#Faq ul.question a:hover{
	color:#933;
	text-decoration:underline;}
#Faq dl.answer dt{
	padding:3px 10px 0 10px;
	background:#a2db50;
	border-top:1px solid #8aca2e;
	border-right:1px solid #8aca2e;
	border-left:1px solid #8aca2e;
	color:#040;
	font-weight:bold;
	font-size:107.7%;
	line-height:1.5em;}
#Faq dl.answer dd{
	margin:0 0 10px 0;
	padding:8px 12px 10px 16px;
	border:1px solid #8aca2e;
	font-size:107.7%;}
#Faq dl.answer ol li{
	list-style-type:decimal;
	margin:10px 0 0 2.5em;
	font-size:92.4%;}
#Faq span.strg{
	font-weight:bold;
	font-size:107.7%;
	color:#369;}



#Alpha div.contentsInside2 dl.tabNumbering{padding:10px 0 0 0;}
dl.tabNumbering dt{
	clear:both;
	padding-top:3px;
	padding-left:23px;
	font-size:108%;
	font-weight:bold;
	line-height:1.2em;
	color:#FFF;
	border-bottom:1px solid #86a311;}
div.contentsInside2 dl.tabNumbering dt.tp01{background:url(../imgs2/tab01.gif) no-repeat 0 0;}
div.contentsInside2 dl.tabNumbering dt.tp02{background:url(../imgs2/tab02.gif) no-repeat 0 0;}
div.contentsInside2 dl.tabNumbering dt.tp03{background:url(../imgs2/tab03.gif) no-repeat 0 0;}
div.contentsInside2 dl.tabNumbering dt.tp04{background:url(../imgs2/tab04.gif) no-repeat 0 0;}
div.contentsInside2 dl.tabNumbering dt.tp05{background:url(../imgs2/tab05.gif) no-repeat 0 0;}
dl.tabNumbering dd{
	font-size:108%;
	margin:0 0 10px 0;
	padding:5px 0 5px 24px;
	border-right:1px solid #86a311;
	border-bottom:1px solid #86a311;
	border-left:1px solid #86a311;
	background:#edf1dc;}

#Alpha div.contentsInside1 dl.peelingStep{
	clear:inherit;
	float:left;
	width:480px;
	margin:10px 0 0 0;}
dl.peelingStep dt{}
dl.peelingStep dd{
	margin:0 0 20px 15px;
	font-size:100%;
	line-height:1.5em;}

#Alpha ul.kome{margin:10px 0 0 0;}
#Alpha ul.kome li{
	margin:0 0 1em 1em;
	padding:0 0 0 1.2em;
	line-height:1.5em;
	background:url(../imgs2/kome.gif) no-repeat 0 3px;}

/*----- footnavi SETTING -----*/
div.footnavi{
	clear:both;
	width:300px;
	height:50px;
	margin:0 auto;
	padding:10px 0 0 10px;}
* html div.footnavi{ /*IE6 Hack*/
	position:relative;
	left:50%;
	width:300px;
	margin:0 0 0 -150px;}