@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";

*:first-child+html #Alpha h2{padding-top:4px;} /*IE7 Hack*/

/*----- 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:166px;}
#DetailNavi li.detail02{width:162px;}
#DetailNavi li.detail03{width:162px;}
#DetailNavi li.detail04{width:165px;}
#DetailNavi li a{
	background:url(../propecia/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:-166px 0;}
#DetailNavi li.detail03 a:link,#DetailNavi li.detail03 a:visited{background-position:-328px 0;}
#DetailNavi li.detail04 a:link,#DetailNavi li.detail04 a:visited{background-position:-490px 0;}
#DetailNavi li.detail01 a.on{background-position:0 bottom;}
#DetailNavi li.detail02 a.on{background-position:-166px bottom;}
#DetailNavi li.detail03 a.on{background-position:-328px bottom;}
#DetailNavi li.detail04 a.on{background-position:-490px bottom;}
#DetailNavi li.detail01 a:hover{background-position:0 -45px;}
#DetailNavi li.detail02 a:hover{background-position:-166px -45px;}
#DetailNavi li.detail03 a:hover{background-position:-328px -45px;}
#DetailNavi li.detail04 a:hover{background-position:-490px -45px;}


/*----- OTHER TREATMENT SETTING -----*/
#Alpha div.otherTreatment h4{background:url(../propecia/imgs/h4_other.jpg) no-repeat 0 0;}
#Alpha div.otherTreatment ul{height:51px;}
#Alpha div.otherTreatment li a{background:url(../propecia/imgs/bt_other.gif) no-repeat;}


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


/*----- FAQ SETTING -----*/
#Alpha #Faq h3{
	margin:0;
	background:url(../chempeeling/imgs/faq.gif) no-repeat 0 0;}


/*----- 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;}
div.contentsInside1 dl.NotTargetPtnt dd.nodot{
	margin:0 10px 0 10px;
	padding:0 0 0 5px;
	font-size:107.7%;
	line-height:1.5em;
	background:none;}

#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.contentsInside1 table.noborder{background:none;}
#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;}
#Alpha div.contentsInside5 p{margin:5px 5px 10px;}

#Alpha div.contentsInside1 ul.normalDot{margin:0 0 10px 14px;}
#Alpha div.contentsInside1 ul.normalDot li{
	padding:0 0 0 16px;
	background:url(../imgs2/icn_ball_green.gif) no-repeat 0 4px;}

/* bottun step SETTING */
a.btStep{
	display:block;
	float:right;
	width:142px;
	margin:0 0 10px 0;
	overflow:hidden;}
a.btStep:link img,a.btStep:visited img{margin:0;}
a.btStep:hover img{margin:0 0 0 -142px;}


/* 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{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(../chempeeling/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:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li03{float:left; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li05{float:left; height:157px; background:url(../chempeeling/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li07{float:left; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li09{float:left; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li11{float:left; height:157px; background:url(../chempeeling/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li02{float:right; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li04{float:right; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li06{float:right; height:157px; background:url(../chempeeling/imgs/bg_future.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li08{float:right; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li10{float:right; height:120px; background:url(../chempeeling/imgs/bg_future2.gif) no-repeat 0 0;}
#Alpha div.contentsInside3 li.li12{float:right; height:157px; background:url(../chempeeling/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(../chempeeling/imgs/h401.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li02 h4{background:url(../chempeeling/imgs/h402.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li03 h4{background:url(../chempeeling/imgs/h403.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li04 h4{background:url(../chempeeling/imgs/h404.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li05 h4{background:url(../chempeeling/imgs/h405.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li06 h4{background:url(../chempeeling/imgs/h406.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li07 h4{background:url(../chempeeling/imgs/h407.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li08 h4{background:url(../chempeeling/imgs/h408.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li09 h4{background:url(../chempeeling/imgs/h409.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li10 h4{background:url(../chempeeling/imgs/h410.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li11 h4{background:url(../chempeeling/imgs/h411.gif) no-repeat 0 bottom;}
#Alpha div.contentsInside3 li.li12 h4{background:url(../chempeeling/imgs/h412.gif) no-repeat 0 bottom;}


/*----- Other AGA SETTING -----*/
#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/tab_og.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;}


/*----- Flow SETTING -----*/
#Flow01 h3,
#Flow02 h3,
#Flow03 h3,
#Flow04 h3,
#Flow05 h3,
#Flow06 h3,
#Flow07 h3,
#Flow08 h3,
#Flow09 h3 {
	clear:both;
	padding:15px 0 0 50px;
	font-size:138.5%; /* about 18px */
	font-weight:normal;
	color:#300;}
#Flow01 h3{background:url(../chempeeling/imgs/h3_1st.gif) no-repeat;}
#Flow02 h3{background:url(../chempeeling/imgs/h3_2nd.gif) no-repeat;}
#Flow03 h3{background:url(../chempeeling/imgs/h3_3rd.gif) no-repeat;}
#Flow04 h3{background:url(../chempeeling/imgs/h3_4th.gif) no-repeat;}
#Flow05 h3{background:url(../chempeeling/imgs/h3_5th.gif) no-repeat;}
#Flow06 h3{background:url(../chempeeling/imgs/h3_6th.gif) no-repeat;}
#Flow07 h3{background:url(../chempeeling/imgs/h3_7th.gif) no-repeat;}
#Flow08 h3{background:url(../chempeeling/imgs/h3_8th.gif) no-repeat;}
#Flow09 h3{background:url(../chempeeling/imgs/h3_9th.gif) no-repeat;}

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

#Flow01 p,
#Flow02 p,
#Flow03 p,
#Flow04 p,
#Flow05 p,
#Flow06 p,
#Flow07 p,
#Flow08 p,
#Flow09 p{
	float:right;
	width:390px;
	padding:8px 0;
	line-height:1.4;}	

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


/* peelingType SETTING */
#Alpha div.contentsInside2 dl.peelingType{padding:10px 0 10px 0;}
dl.peelingType dt{
	clear:both;
	font-size:108%;
	line-height:1.2em;
	font-weight:bold;}
div.contentsInside2 dl.peelingType dt.tp01{
	padding-left:17px;
	border-bottom:1px solid #f75952;
	background:url(../imgs2/icn_ball_sarmon.gif) no-repeat 0 2px;}
div.contentsInside2 dl.peelingType dt.tp02{
	padding-left:17px;
	border-bottom:1px solid #29a1ec;
	background:url(../imgs2/icn_ball_sax.gif) no-repeat 0 2px;}
div.contentsInside2 dl.peelingType dt.tp03{
	padding-left:17px;
	border-bottom:1px solid #4546a5;
	background:url(../imgs2/icn_ball_violet.gif) no-repeat 0 2px;}
dl.peelingType dd{
	height:80px;
	padding:5px 0 0 0;}

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


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