@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:220px;}
#DetailNavi li.detail02{width:215px;}
#DetailNavi li.detail03{width:218px;}
#DetailNavi li a{
	background:url(../hydroquinone/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:-220px 0;}
#DetailNavi li.detail03 a:link,#DetailNavi li.detail03 a:visited{background-position:-435px 0;}
#DetailNavi li.detail01 a.on{background-position:0 bottom;}
#DetailNavi li.detail02 a.on{background-position:-220px bottom;}
#DetailNavi li.detail03 a.on{background-position:-435px bottom;}
#DetailNavi li.detail01 a:hover{background-position:0 -45px;}
#DetailNavi li.detail02 a:hover{background-position:-220px -45px;}
#DetailNavi li.detail03 a:hover{background-position:-435px -45px;}


/*----- Head Title SETTING -----*/
#Alpha div.contentsInside2 h4{text-indent:-9999px;}
#Alpha h3.h41{height:30px; margin:20px 0 5px 0; background:url(../hydroquinone/imgs/bg_h41.gif) no-repeat 5px 0; text-indent:-9999px;}
#Alpha h3.h42{height:30px; margin:20px 0 5px 0; background:url(../hydroquinone/imgs/bg_h42.gif) no-repeat 5px 0; text-indent:-9999px;}
h4.h41{height:30px; margin:20px 0 5px 0; background:url(../chempeeling/imgs/bg_h41.gif) no-repeat 5px 0;}
h4.h42{height:30px; margin:20px 0 5px 0; background:url(../chempeeling/imgs/bg_h42.gif) no-repeat 5px 0;}
h4.h43{height:20px; margin:10px 0 5px 0; background:url(../chempeeling/imgs/bg_h43.gif) no-repeat 5px 0;}
h4.h44{height:20px; margin:10px 0 10px 0; background:url(../chempeeling/imgs/bg_h44.gif) no-repeat 5px 0;}


/*----- OTHER TREATMENT SETTING -----*/
#Alpha div.otherTreatment h4{background:url(../hydroquinone/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(../hydroquinone/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;}

/*----- 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(../hydroquinone/imgs/h3_1st.gif) no-repeat;}
#Flow02 h3{background:url(../hydroquinone/imgs/h3_2nd.gif) no-repeat;}
#Flow03 h3{background:url(../hydroquinone/imgs/h3_3rd.gif) no-repeat;}
#Flow04 h3{background:url(../hydroquinone/imgs/h3_4th.gif) no-repeat;}
#Flow05 h3{background:url(../hydroquinone/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;}



#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;}
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;}


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