@charset "utf-8";

/*==============

 common div

==============*/



body.case-pictures{

	width:100%;
	height:100%;
	text-align:center;
	color:#333333;

	background-color:#fff;

}

body.case-pictures div#wapper{

	width: 800px;

	margin:auto;

	border-left:1px solid #333;

	border-right:1px solid #333;

	background-color:#fff;
	text-align:left;

}

div#desch1 h1{
	color: #777777;
	padding: 4px 0px 4px 6px;
	font-size: x-small;
	font-weight: normal;
}

body.case-pictures div#pics-contents{

	float: right;

	width: 580px;
	
	clear:both;
	
	min-height:700px;

	margin:0 0 0 0;

	padding:0 0 0 2px;

	border-left:1px solid #333;

	background:#FFFFFF;

	}

	

body.case-pictures div#primary{

	margin:0 auto;

	width:560px;

	min-height:700px;	

	padding-left:10px;

	border-right:#003 dotted 1px;

	border-left:#003 dotted 1px;

	}



body.case-pictures div#menu-nav{

	float:left;

	width: 195px;

	padding:10px 0 0 15px;

	backgroungd:#fff;

	}

	

body.case-pictures div#bottom_nav{

	clear:both;

	margin:auto;

	width: 800px;

	border-top:1px solid #999;

	}



body.case-pictures ul#footer{

	width: 700px;

	margin:auto;

	text-align:center;

	padding: 12px 0;

	}



	



/*====================

	link pseudo-class

====================*/



body.case-pictures div#topics ol li a:link,

body.case-index div#topics ol li a:link {

	color: #00F;

	text-decoration:none;

}



body.case-pictures div#topics ol li a:visited,

body.case-index div#topics ol li a:visited {

	text-decoration: none;

	color: #00C;

}



body.case-pictures div#topics ol li a:hover,

body.case-index div#topics ol li a:hover {

	text-decoration: underline;

	color: #666666;

}







/*==================================

===============ナビ=================

==============layout=============*/



div#menu-nav ul{

	position:;

	margin:0;

	padding: 0;

	}



div#menu-nav ul li{ 

	margin-bottom:2px;

	line-height:1.2;
	
	width:160px;

	}





div#menu-nav ul li.menu-pierce{

	padding-top:15px

	}

	





/*==================================

===============ナビ=================

==============deco=============*/



div#menu-nav h3{

	margin:0 0 10px 5px;

	font-weight:600;

	font-size:16px;

	color:#000000;

	}





div#menu-nav span{

	display:block;

	color:#003;

	font-size:9px;

	}



/*=====ナビancer===*/



div#menu-nav ul a:link{

	color: #0033FF;

	text-decoration:none;

	}



div#menu-nav ul a:vited{

	color:black;

	text-decoration:none;

	}




a#top,a#botox,a#yag,a#co2,a#photo,a#operation,a#tretinoin,a#antilax,a#p-facial,a#Photofacial,a#p-nain,a#hyaluronic{

	display:block;

	width:160px;

	height:23px;

	margin-left:3px;

	padding:0 0 6px 20px;

	font-size:12px;

	border-right:2px solid #00f;

	border-bottom:1px solid #000;

	background: url(../../pics/img/list.gif) no-repeat left;

	background-color: #DDFFFF;

}





a:hover#top,

a:hover#p-nain,

a:hover#botox,

a:hover#p-facial,

a:hover#Photofacial,

a:hover#antilax,

a:hover#tretinoin,

a:hover#photo,

a:hover#co2,

a:hover#yag,

a:hover#operation,

a:hover#hyaluronic{

	border-right:2px solid   #f60;

	border-bottom:1px solid #000;

	font-weight:600;

	color:#00F;

	background:url(../../pics/img/list2.gif) no-repeat left;

	background-color:#FFF8B3;

}	







body.case-pictures div#menu-nav h3{

	margin-top:20px;

	padding:5px 0 5px 20px;

	font-size:12px;

	border-top:1px dotted  #033;

	border-bottom:1px dotted  #033;

	background: url(../../pics/img/shop.gif) left no-repeat;

	}





body.case-pictures div#menu-nav dl{

	margin:0;

	padding:2px 3px;

	}



body.case-pictures div#menu-nav dd{

	font-size:10px;

	}





/*=======================================

			レイアウト

========================================*/



/*///////////contents menu//////////////*/

		

body.case-pictures div#pics-contents ul.pics-menu{

	margin:0;

	padding:0 0 10px 0;

	border:none;

	}



body.case-pictures div#pics-contents ul.pics-menu dl{

	margin:0 10px;

	padding:0 0 5px 0;

	width: auto;

	height: auto;

	border:none;

	}	



body.case-pictures div#pics-contents ul.pics-menu dt{

	padding:5px 0 5px 12px;

	width: auto;

	height: auto;

	background: url(../../pics/img/list3.gif) no-repeat left;

	}	

	

body.case-pictures div#pics-contents ul.pics-menu dd{

	float:left;

	margin:0 10px;

	padding:0 0 3px 12px;

	border:none;

	background: url(../../pics/img/sub-list.gif) no-repeat left;

		}



		

/*///////////////////症例写真/////////////////////////////////*/





body.case-pictures div#pics-contents h3{

	clear:both;

	margin:3px 0;

	padding:5px 0;

	border-top: #333 double 3px;

	border-bottom: #666 solid 1px;

	font-weight:bold;

	font-size:18px;}



body.case-pictures div#pics-contents ul.cases li {

	float:left;

	display:inline-block;

		}





body.case-pictures div#pics-contents ul.cases li dl{

	width:154px;

	height: 220px;

	margin:8px;

	padding:5px 0 3px 3px;

	border:#666 solid 2px;

	border-top: #CCC solid 1px;

	border-right: #003 solid 4px;

	border-bottom: #003 solid 3px;

	background:#FFF;

	}



body.case-pictures div#pics-contents ul.cases dt{

	float:;

	margin:0 auto;

	padding:6px 0 15px 0;

	width:120px;

	height:120px;

	}



body.case-pictures div#pics-contents dl dd{

	margin-bottom:3px;

	margin-left:20px;

	padding-bottom:1px;

	border-bottom:1px double #003;

	}



body.case-pictures div#pics-contents ul{

 	margin:10px 0;

	padding:5px 0;

	border-top:#333333 dotted 1px;

	}



/*///////////関連記事//////////////*/





body.case-pictures div#pics-contents ul{

	border-bottom:1px solid #333;

	}



body.case-pictures div#pics-contents ul.article{

	padding:10px 0;

	border-bottom:0px solid #333;

}		

	

body.case-pictures div#pics-contents ul.article li{

	clear:both;

	}









/*====================

   common deco

====================*/

/*++++++++++++++++++++

		h1 h2

+++++++++++++++++++++++*/

body.case-pictures h2.title{padding:0px ;width:0px;height:0px;text-indent:-1234px;background:url(../../img/header.jpg);}
body.case-pictures h2.atra{margin:0 auto;width:560px;height:50px;background:url(../../pics/atra/img/title.gif) no-repeat;text-indent:-1234px;}
body.case-pictures h2.p-reborn{margin:0 auto;width:560px;height:50px;background:url(../../pics/p_facial/img/title.gif) no-repeat;text-indent:-1234px;}
body.case-pictures h2.antilax{margin:0 auto;width:560px;height:50px;background: url(../../pics/antilax/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2.p-nain{margin:0 auto;width:560px;height:50px;background: url(../../pics/p_nain/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2.co2{margin:0 auto;width:560px;height:50px;background: url(../../pics/co2/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2.yag{margin:0 auto;width:560px;height:50px;background: url(../../pics/q_yag/img/title.gif) no-repeat;text-indent:-1234px;}
body.case-pictures h2.botox{margin:0 auto;width:560px;height:50px;background: url(../../pics/botox/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2.pierce{margin:0 auto;width:560px;height:50px;background: url(../../pics/pierce/img/title2.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2.hyaluronic{margin:0 auto;width:560px;height:50px;background: url(../../pics/hyaluronic/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h2#combination{margin:0 auto;width:560px;height:50px;background:url(../../pics/p_atra/img/title.gif) no-repeat;text-indent:-1234px;}

body.case-pictures h1#mole{margin:0 auto;width:560px;height:50px;background:url(../../pics/p_mole/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures h1#pierce2{margin:0 auto;padding:24px;width:560px;height:50px;background:url(../../pics/pierce/img/title.gif) no-repeat; text-indent:-1234px;}
body.case-pictures div#pics-contents strong{color:#F00;font-size:12px;}
body.case-pictures div#pics-contents h2.pic-title{padding:1px 1px 3px 0;border:1px dotted #333333;background-color:#fff;color:#000;border-left:none;border-right:none;}	



/*==================

	TOP

===================*/



object.flash{

padding-left:10px;}



body.case-pictures div.copy p{

	padding:100px 5px 0 0;

	text-align:right;

	}


/*++++++++++++++++++++

		photoreborn

+++++++++++++++++++++++*/

.photor { border:1px solid #999; font-size:12px; }
.photor td { border-bottom:1px solid #999; padding:5px; }
td.hidari { width:90px; border-top:1px solid #999; border-right:1px #999 dotted; vertical-align:top; }
td.migi { width:440px; border-top:1px solid #999; }
span.kansou{ color:#FF3333; font-size:11px; }

/*++++++++++++++++++++

		詳細写真

+++++++++++++++++++++++*/

body.pic div#base{

	text-align:left;

	}



body.pic dl dt {

padding:10px 0;

}



body.pic dl dd{

padding:1px 0 2px 1.8em;

margin-bottom:3px;

border-bottom:1px dotted #333;

border-left:1px dotted #333;



}



body.pic dl dd span{

	display:block;

	margin-left:-1.8em;

	padding-left:0.8em;

	font-size:12px;

	color: #390;

	background:url(../../pics/img/pics.gif) left top no-repeat;

}





body.pic dl.query{

	margin:10px 0;

	padding:10px 0;

	width:800px;

	border-top:1px dotted #033;

	border-bottom:1px dotted #033;

	}





body.pic dl.query dt {

	float:left;

	margin:0;

	padding:0;

	}

ol#topicPath{
margin-left:20px;}



body.pic dl.query dd{

padding:0 0 0 220px;

border:none;

	}















/*===================================

		clerfix

====================================*/

body.pic dl.query:after,

body.case-pictures div#pics-contents ul.pics-menu dl:after,

body.case-pictures div#pics-contents ul.pics-menu:after,

body.case-pictures div#pics-contents ul.cases:after{

	display:block;

    clear:both;

    height:0;

    visibility:hidden;

    content:".";}







/*============hack===============*/

* +html body.pic dl.query,

* +html body.case-pictures div#pics-contents ul.cases,

* +html body.case-pictures div#pics-contents ul.pics-menu,

* +html body.case-pictures div#pics-contents ul.pics-menu dl{

	zoom:1;}



* html body.pic dl.query,

* html body.case-pictures div#pics-contents ul.cases

* html body.case-pictures div#pics-contents ul.pics-menu,

* html body.case-pictures div#pics-contents ul.pics-menu dl{

zoom:1;}



* +html body.case-pictures div#wapper{text-align:left;}

* html body.case-pictures div#wapper{text-align:left;}