@charset "utf-8";
body{
font-family:
    'メイリオ',
    Meiryo,
    'Lucida Grande',
    Verdana,
    'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    Osaka,
    'ＭＳ Ｐゴシック',
    sans-serif;
	/*下記以外のbody要素（背景画像やフォントの色など）は各ページのCSSに個別に記述していく*/
	/*font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;*/
	/*
	WINにヒラギノが入っている場合には別にJavaスクリプトが必要ですが、そこまで考える必要なし。
	MacOS9IE5ではfonto-familyの複数指定は無効になるのでosakaフォントの指定は必要なし。
	*/
	/*line-height:1.5;*/
	font-size:75%;
	/*-----------------------------------------------------
	12px 	75%
	13px 	82%
	14px 	88%
	15px 	94%
	16px 	100%
	-------------------------------------------------------*/
}
img, div, input { behavior: url("css/iepngfix.htc") }
/*-----------------------------------------------------------------------------------------------設定をオールリセットさせる
　　各タグのマージンと余白の設定をリセットさせる。
　　マージンと余白の必要なタグは削除する。
　　【現在の削除リスト】
　　08-03-01　fieldset,td,tr
*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,p,blockquote {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
img {  
    border:0; 
} 
ol,ul {
　　list-style:none;
} 
address,caption,cite,code,
dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}  
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
/*-----------------------------------------------------
margin 各種マージン
-------------------------------------------------------*/

/*********************************
margin-bottom
*********************************/

.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;}
.mb24 {margin-bottom:24px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb36 {margin-bottom:36px;}
	
.mb50 {margin-bottom:50px;}
/*********************************
margin-left
*********************************/

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}

/*********************************
margin-right
*********************************/

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

/*********************************
margin-top
*********************************/

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

/*-----------------------------------------------------
padding
-------------------------------------------------------*/

/*-----------------------------------------------------
padding-all
-------------------------------------------------------*/

.pAll5 {padding:5px;}

/*-----------------------------------------------------
padding-top
-------------------------------------------------------*/

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

/*-----------------------------------------------------
padding-left
-------------------------------------------------------*/

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

/*-----------------------------------------------------
padding-right
-------------------------------------------------------*/

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

/*-----------------------------------------------------
padding-bottom
-------------------------------------------------------*/

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

/*-----------------------------------------------------------------------------------------------class=""でクリアさせる
　　classは半角空けて複数使える。
　　例：<div class="AAAA BBBB"></div>
　　フロートをクリアしたい場合に使用
*/
.clear{
	clear:both;
}

/*-----------------------------------------------------------------------------------------------Cleafixハック
　　classで親boxに設定する事で子boxがはみ出る現象を回避
*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-table;zoom:1;}
/* \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* */

/*-----------------------------------------------------------------------------------------------ブロックの高さを揃える場合
　　1.まずheightLine.jsを読み込み
　　高さを揃えたいブロックにclass名【heightLine-group1】など
　　heightLineの後ろに-(ハイフン)で続けてグループ名を指定。
　　もしくはbodyにclass名【heightLineParent】と記述。

　　2.
　　html,body{
	height:100%;
　　}
　　div{
	height:100%;
　　}
　　とthmlとbody要素の高さを100%にしておき、div要素を100%にするとOK
*/

/*-----------------------------------------------------------------------------------------------要対策項目*/
#foot{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	display: block;
	clear: both;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 12px;
		margin-top: 5px;

}
#footmenu{
	margin-top: 10px;
	display: block;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
}
#footmenu a{
	color: #000000;
	text-decoration: underline;
}
#footmenu a:hover{
	color: #CC0000;
	text-decoration: underline;
}
#footmenu a:visited{
	color: #CC0000;
	text-decoration: none;
}


/*-----------------------------------------------------------------------------------------------コンテンツ*/
.bigf{
	font-size: 30px;
	font-weight: bold;
}
.right_b{
	display: block;
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
#home_bk{
	color: #FFFFFF;
	background-color: #333333;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	width: 100%;
	display: block;
}
#home_bk .in{
	display: block;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#home_bk a{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#home_bk a:hover{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}
/*チェックボックス*/
#check_box{
	background-image: url(../lop_img/check.jpg);
	display: block;
	height: 143px;
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-left: 65px;
}
#check_box dl{
	display: block;
	height: 141px;
	width: 683px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
#check_box dt{
	display: block;
	float: left;
	width: 330px;
	margin-top: 6px;
}
#check_box dd{
	display: block;
	float: left;
	width: 270px;
	margin-left: 50px;
	margin-top: 6px;
}
#w_ex{
	background-image: url(../lop_img/w_ex.jpg);
	height: 339px;
	width: 750px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#w_ex h2{
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 86px;
	width: 600px;
	padding-left: 10px;
	padding-top: 10px;
}
#w_ex ul{
	overflow: hidden;
	height: 0;
	padding-top: 10px;
	display: block;
}
#w_ex li{
overflow: hidden;
height: 0;
padding-top: 10px;
	display: block;
}
.out{
overflow: hidden;
height: 0;
padding-top: 0px;
	display: block;
}
#top_me ul{
	display: block;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
}
#top_me li{
	background-image: url(../lop_img/btn_b.jpg);
	line-height: 38px;
	display: block;
	float: left;
	height: 38px;
	width: 149px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
}
#top_me a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#top_me a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.t_o{
	display: block;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	list-style-type: none;
}
.t1{
	background-image: url(../lop_img/treatment01.jpg);
	display: block;
	float: left;
	height: 35px;
	width: 325px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 50px;
}
.t2{
	background-image: url(../lop_img/treatment02.jpg);
	display: block;
	float: left;
	height: 35px;
	width: 325px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 50px;
}
.t3{
	background-image: url(../lop_img/treatment03.jpg);
	display: block;
	float: left;
	height: 35px;
	width: 325px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 50px;
}
.t4{
	background-image: url(../lop_img/treatment05.jpg);
	display: block;
	float: left;
	height: 35px;
	width: 325px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 50px;
}
.t5{
	background-image: url(../lop_img/treatment06.jpg);
	display: block;
	float: left;
	height: 35px;
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 50px;
	width: 700px;
}
.t_u{
	height: 42px;
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	list-style-type: none;
}
.t_u_s{
	height: 42px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	list-style-type: none;
}
.fleft{
	float: left;
}
.buy a{
	line-height: 42px;
	background-image: url(../lop_img/buy_btn_off.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 42px;
	width: 260px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}
.buy a:hover{
	line-height: 42px;
	background-image: url(../lop_img/buy_btn_on.jpg);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	height: 42px;
	width: 260px;
	text-decoration: none;
}
#programbk{
	display: block;
	width: 752px;
	margin-right: auto;
	margin-left: auto;
}
.l_box_u{
	list-style-type: none;
	float: left;
}
.r_box_u{
	list-style-type: none;
	float: right;
}
#interview{
	background-image: url(../lop_img/ex_t02.jpg);
	height: 308px;
	width: 750px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#interview dl{}
#interview dt{}
#interview dd{
	display: block;
}
#interview dd.kao{
	width: 580px;
	margin-left: 130px;
	margin-top: 47px;
	font-size: 14px;
	line-height: 1.5em;
}
#interview dd.yuki{
	width: 560px;
	margin-left: 30px;
	margin-top: 68px;
	font-size: 14px;
	line-height: 1.5em;
}
*:first-child+html #interview dd.yuki{
	margin-left: 0px;
	margin-top: 68px;
	font-size: 14px;
	line-height: 1.5em;
}
#question{
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#question dl{
	width: 279px;
	display: block;
	float: left;
}
#question dt{
	background-image: url(../lop_img/questionnaire_btn.jpg);
	display: block;
	height: 49px;
	width: 269px;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#question dd{
	display: block;
	height: 155px;
	width: 279px;
}
#question_txt_t{
	background-image: url(../lop_img/txt_top.jpg);
	display: block;
	height: 19px;
	width: 701px;
	margin-right: auto;
	margin-left: auto;
}
#question_txt_bd{
	background-image: url(../lop_img/txt_bd.jpg);
	background-position: bottom;
	width: 661px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.text10r{
	font-size: 10px;
	text-align: right;
	display: block;
	float: right;
}
#aesthetic{
	display: block;
	width: 675px;
	margin-left: auto;
	margin-right: auto;
}
#aesthetic_box{
	display: block;
	float: left;
	width: 220px;
	margin-left: 5px;
}
#aesthetic_t{
	background-image: url(../lop_img/aesthetic_t.jpg);
	height: 36px;
	width: 220px;
	line-height: 24px;
	font-weight: bold;
	background-position: center;
	text-align: center;
}
#aesthetic_bd{
	background-image: url(../lop_img/aesthetic_bd.jpg);
	background-position: bottom;
	width: 204px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 10px;
}
.b14r{
	font-size: 13px;
	font-weight: bold;
	color: #CC3399;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.b14bk{
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.txt12n{	font-size: 12px;
}
.txt14n{	font-size: 14px;
}

#w_exx{
	background-image: url(../lop_img/w_exx.jpg);
	height: 285px;
	width: 750px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
}
#w_exx h2{
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 30px;
	width: 450px;
	padding-left: 10px;
	line-height: 30px;
}
.stand{
	display: block;
	margin-right: 170px;
	margin-left: 150px;
}
.b14bk{
	font-size: 12px;
	font-weight: bold;
}
.b12bk{
	font-size: 12px;
	font-weight: bold;
}
.red{
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
#support h2{
	background-image: url(../lop_img/bar.jpg);
	display: block;
	height: 32px;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
		padding-left: 10px;
	line-height: 32px;

}

#outline{
	display: block;
	width: 740px;
	border: 1px solid #ff99ff;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
}
#outline_l{
	display: block;
	width: 370px;
	float: left;
}
#outline_l dd{
	display: block;
	margin-left: 1em;
}
#outline_l ul{
	display: block;
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: disc;
}
#outline_r{
	display: block;
	width: 370px;
	float: left;
}
#outline_r dd{
	display: block;
	margin-left: 1em;
}
#outline_r ul{
	display: block;
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: disc;
}