@charset "UTF-8";

/* ***************************************************
* CSS file For about.artis-clinic.com
	FileName: about.css
■目次 ==========================================
■[00]:二重手術について
■[01]:LS法について
■[02]:切開法について
■[03]:施術の流れ
**************************************************** */



/*-----------------------------------------------------------
■[00]:二重手術について
------------------------------------------------------------*/
div.AboutBox2{ background: url(/img/about/image2.jpg) no-repeat top right; height: 134px; }
div.AboutBox2 p{ width: 368px; }

div.AboutBox4{ background: url(/img/about/image4.jpg) no-repeat top right; height: 131px; }
div.AboutBox4 p{ width: 348px; }

div.AboutBox3{
	background: url(/img/about/bg.gif) no-repeat;
	padding: 33px 30px 35px 30px;
	font-size: 10px;
	color: #666666;
}

div.AboutBox3 p.title{
	text-align: center;
}

div.AboutBox3 div.photo{
	background: url(/img/about/sub3_2_image.jpg) no-repeat top right;
	height: 88px;
}

div.AboutBox3 div.photo p{
	width: 300px;
}

div.AboutBox3 div.photo p img{
	margin-top: 6px;
}


/*-----------------------------------------------------------
■[01]:LS法について
------------------------------------------------------------*/
div.LsTable{
	border-top: 1px solid #e2dcd1;
	border-left: 1px solid #eeebe4;
	border-right: 1px solid #eeebe4;
}

div.LsTable table{
}

div.LsTable table th{
	background: url(/img/about/ls_table_bgth.gif) repeat-y right #fafafa;
	width: 22%;
	border-bottom: 1px solid #e2dcd1;
	padding: 6px 8px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #B75F5E;
}

div.LsTable table td{
	font-size: 10px;
	border-bottom: 1px solid #e2dcd1;
	padding: 6px 8px;
	letter-spacing: 1px;
	line-height: 16px;
}

div.LsTable table td.dot{
	background: url(/img/about/ls_table_dot.gif) repeat-y right;
}

div.LsTable table td.Ls{
	background: #fef8f7;
}


div.LsTable table td.title1{ background-color: #fffaf0; width: 34%; }
div.LsTable table td.title2{ background-color: #fff7e3; }

div.LsBgBox{
	background: url(/img/about/bg_ls.gif) no-repeat;
	padding: 0 10px 0px 10px;
	margin: 0 0 10px 0;
	height: 134px;
}

div.LsBgBox h4 {
	padding: 10px 0 0 0;
}

div.LsBgBox p{ width: 324px; }
div.LsBgBox p img{ margin-bottom: 7px; }


div.LsBgTitle{
	background: url(/img/about/bg_lstitle.gif) no-repeat;
	padding-left: 22px;
	height: 29px;
	position: relative;
	margin-bottom : 5px;
}

div.LsBgTitle p.title{
	color: #b75f5e;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
}

div.LsBgTitle p.Btn{
	position: absolute;
	top: 4px;
	right: 8px;
}

div.LsBox{
	
}

div.LsBox dl{
	padding-bottom: 10px;
}

div.LsBox dt{
	color: #b75e5e;
	font-weight: bold;
}

div.LsTable2{
	width: 512px;
}

div.LsTable2 table{
	border-top: 1px solid #e2ddd2;
	border-left: 1px solid #e2ddd2;
	border-bottom: 1px solid #e2ddd2;
	float: left;
	height: 150px;
	width: 50%;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.LsTable2 table { width: 49%; }
/* これ以降Mac IE 5以外にも適用される */


div.LsTable2 table.brline{
	border-right: 1px solid #e2ddd2;
}

div.LsTable2 table th{
	background-color: #b0b0b0;
	border: 1px solid #FFF;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	padding-left: 8px;
	height: 24px;
	text-align: left;
	font-size: 12px;
}

div.LsTable2 table td{
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 16px;
	padding: 4px 8px;
	vertical-align: top;
	letter-spacing: 0;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.LsTable2 table td{ border-right: 12px solid #FFF;}
/* これ以降Mac IE 5以外にも適用される */


div.LsTable3{
	clear:both;
	padding-top : 10px;
}

div.LsTable3 table{
	width: 512px;
	border-top: 1px solid #e2ddd2;
	border-right: 1px solid #e2ddd2;
	font-size: 12px;
}

div.LsTable3 table th{
	background-color: #edf0ff;
	border-bottom: 1px solid #e2ddd2;
	border-left: 1px solid #e2ddd2;
	padding: 6px;
	text-align: center;
	color:#B75F5E;
}

div.LsTable3 table td{
	border-left: 1px solid #e2ddd2;
	border-bottom: 1px solid #e2ddd2;
	padding: 6px;
	text-align: center;
}

div.LsTable3 table td.left{
	text-align: left;
	width: 25%;
}



/*-----------------------------------------------------------
■[02]:切開法について
------------------------------------------------------------*/

div.dotWaku{
	background: url(/img/about/bg_incision.gif) no-repeat;
	width: 512px;
	height: 75px;
	padding: 0 0px 0px 10px;
	margin: 0 0 10px 0;
}

div.dotWaku img {
	padding: 10px 0 0 0;
}

div.dotWaku p{
	padding-top: 4px;
	padding-left: 2px;
}

/*-----------------------------------------------------------
■[03]:施術の流れ
------------------------------------------------------------*/
div.process_ttl{
	width: 512px;
	margin-bottom : 15px;
}

div.Step {
	width: 506px;
	float: left;
}

div.LastMg {
	margin: 0 0 10px 0;
}

div.Step p{
	float: left;
	width: 136px;
}

div.Step dl {
	float: left;
	width: 370px;
}
div.Step:after{ 
	content:"."; 
	display:block; 
	height:0; 
	clear: both; 
	visibility:hidden; 
} 
/* \*/ 
* html div.Step {
	height:0;
	display: block;
	clear: both; 
}/* */ 


div.Step dl dt{
	padding-bottom: 5px;
}

div.Step dl dd{
	padding-left: 5px;
}

p.yaji{
	/* width: 506px; */
	padding-left: 292px;
	clear:both;
}