@charset "shift_jis";
/* CSS Document */


/*==========　ページ共通　=============*/

*html{
	margin:0;
	padding:0;
}

body{
	background-image:url(../images/body_bg.gif);
	color:#222;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	height:100%;
}

/*==========　フロート解除　=============*/

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*==========　文字色　=============*/

a:link{
	color:#666;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
	color:#333;
}

a:visited{
	text-decoration:underline;
	color:#666;
}

/*==========　基本設定　=============*/

img{
	border:none;
}



h1{ 
     text-indent:-9999px;
     margin:0;
     padding:0;
	 clear:both;
}

h2{ 
     margin:20px 0 0 0;
     padding:0;
	 clear:both;
}


h3{
	margin:0;
	padding:0;
	font-size:14px;
}



h4{
	font-weight:bold;
	padding:5px 5px 5px 15px;
	margin:40px 0 10px 0;
	font-size:14px;
	border-left:3px solid #CC6;
	border-bottom:1px dotted #CC6;
	clear:both;
	line-height:1.5em;
}

p{
	margin:10px 0;
	line-height:1.5em;

}

input{
	display:inline;
	line-height:20px;
}

iframe{
	border:0;
	height:220px;
	width:500px;
}

hr{
	clear:both;
	border:#CC6;
	background-color:#CC6;
	height:1px;
}

.fontsize11{
	font-size:11px;
	font-weight:normal;
}
.fs16{font-size:16px;}
.fs14{font-size:14px;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.m10{margin:10px;}
.mt-10{margin-top:-10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mb10{margin-bottom:10px;}
.p10{padding:10px;}
.clear{clear:both;}
.red{color:#C00;}

strong{
	font-weight:bold;
}

.radius10{
    border-radius: 10px; 
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

.price{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
}

/*==========　ヘッダー　=============*/

#topline{
	height:15px;
	width:100%;
	background-color:#cccc66;
	margin-bottom:10px;

}

#header{
	width:900px;
	margin:0 auto;
	padding:0;
}

#util ul{
	margin:0;
	padding:0;
}

#util ul li{
	display:inline;
	margin-left:5px;
	text-align:right;
}

/*==========　ナビゲーション　=============*/


ul#glovalnavi{
	padding:0;
	margin:0;
	clear:both;
}


ul#glovalnavi li{
	display:inline;
	padding:0;
	margin:0;
}




#pagewrap{
	width:100%;
	margin:0 auto;
	padding:0;
	background-image:url(../image/page_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#333;
}

/*==========　サイドメニュー　=============*/

ul#sidemenu{
	margin:20px 0 0 0;
	padding:0;
}

ul#sidemenu li{
	padding:0;
	margin:0;
	list-style:none;
}

ul#sidemenu li img{
	vertical-align:bottom;
}

ul#sidemenu li img:hover{
	filter:alpha(opacity=80); 
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;

}

/*==========　トップページ　=============*/

#topwrap{
	margin:0 auto;
	width:900px;
}


#topleft{
	float:left;
	width:330px;
	padding:0px;
}

#topright{
	float:right;
	width:550px;
	overflow:hidden;
}



/*==========　NEWS & CAMPAGIN　=============*/

ul#news{
	margin:0;
	padding:0px;
	list-style-position:outside;
}

ul#news li{
	background-image:url(../image/point_s.gif);
	background-repeat:no-repeat;
	padding:0 0 10px 20px;
	list-style:none;
	margin-bottom:10px;
	border-bottom:1px dotted #CCC;
}

/*==========　左側サブメニュー　=============*/

table#leftmenu{
	border:1px solid #CCC;
	width:300px;
	margin:20px 10px 10px 10px;
/*	position:fixed;
	top:180px;
	left:auto;*/
	background-color:#FFF;
}



table#leftmenu th{
	border-bottom:double #CC6;
	border-top:double #CC6;
	padding:5px;
}

table#leftmenu td{
	padding:0;
	list-style:none;
	line-height:30px;
	border-bottom:1px dotted #CCC;
	padding:0px;
}

table#leftmenu2{
	border:1px solid #CCC;
	width:300px;
	margin:10px;
	background-color:#FFF;
}

table#leftmenu2 th{
	border-bottom:double #CC6;
	border-top:double #CC6;
	padding:5px;
}

table#leftmenu2 td{
	padding:0;
	list-style:none;
	line-height:30px;
	border-bottom:1px dotted #CCC;
	padding:0px;
}


/*==========　default　=============*/


table#default{
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #CC6;
}

table#default th,table#default td{
	padding:10px;
	border:1px dotted #CC6;
	border-collapse:collapse;
	font-weight:normal;
	background-color:#FFF;
}

table#default th{

}



/*==========　RECOMEND MENU　=============*/

.recomendmenu{
	float:left;
	width:160px;
	margin-right:10px;
	margin-bottom:20px;
	padding:5px;
	border:1px solid #CCC;
}

/*==========　PIC UP MACHINES　=============*/

.machine{
	 width:240px;
	 height:120px;
	 float:left;
	 margin:0 0px;
}

.machine p{
	margin:0;

}

.machine img{
	float:right;
}

/*==========　モニターページ　=============*/

div.gaku{
	border:2px solid #B09A00;
	height:225px;
	width:300px;
	margin-bottom:20px;
	-webkit-box-shadow: #CCC 5px 0px 5px;
	-moz-box-shadow: #CCC 5px 0px 5px;
	box-shadow: #CCC 5px 0px 5px;
}

#monitor_top{
	background-image:url(../about/monitor/monitor_top.jpg);
	height:190px;
	width:880px;
	padding-top:120px;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
}
.monitorright{
	float:right;
	width:650px;
	overflow:hidden;
	margin:0 15px 30px;
	font-size:14px;
	line-height:1.5em;
}

.monitorright h3{
	padding:10px;
	border:3px solid #DDD;
	font-size:16px;
	font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.monitormenu{
	float:left;
	width:200px;
	padding:0px;
	background-color:#f6f6e7;
	font-size:14px;
}

.monitormenu ul{
	margin-left:10px;
	padding:0;
}

.monitormenu ul li{
	background:url(../about/monitor/arrow.gif) no-repeat left;
	margin-top:10px;
	list-style:none;
	padding:5px 0 5px 20px;
}

.monitormenu ul.smenu li{
	background-image:none;
	padding:5px 0;
	margin-top:0;
}

table.monitor_menu{
	border:1px solid #CCC;
	width:630px;
	line-height:1.3em;
	border-collapse:collapse;
	margin:10px;
	background-color:#FFF;
	margin-bottom:30px;
}

table.monitor_menu th{
	background-color:#f6f6e7;
	font-size:13px;
	width:120px;
	border-left:1px dotted #CCC;
	border-bottom:1px solid #CCC;
}

table.monitor_menu th.bmenu{
	background-color:#f3f3f3;
}

table.monitor_menu td{
	font-size:12px;
	padding:5px 10px;
	border-left:1px dotted #CCC;
	border-bottom:1px solid #CCC;
}


/*==========　フッター　=============*/

div#footer{
	width:900px;
	clear:both;
	background-color:#FFF;
	margin:10px auto;
}

#footer ul{
	width:900px;
	padding:10px 0 0 0 ;
	margin:10px auto;
}

#footer li{
	display:inline;
	margin-right:10px;
	padding:0;
}

/*==========　パンくずリスト　=============*/

ul#pan{
	margin:5px 0;
	padding:0;
}

ul#pan li{
	display:inline;
	margin-right:5px;
}

/*==========　オンライン相談　=============*/


table.online th{
	border-left:3px solid #CC6;
	text-align:left;
	padding:10px;
	font-weight:normal;
	background-color:#FFF;
}

table.online td{
	padding:10px;
	background-color:#FFF;
}

table.online_list th{
	border-right:3px solid #CC6;
	text-align:left;
	padding:5px;
	font-weight:bold;
	background-color:#FFF;
}

table.online_list td{
	padding:5px;
	background-color:#FFF;
}


/*==========　検索結果　=============*/

ol#search li{
	margin-bottom:20px;
}

ul#paging{
	margin:10px 0;
	padding:0;
}

ul#paging li{
	display:inline;
	padding:2px 10px;
	border:1px solid #CC6;
	background-color:#FFF;
	list-style:none;
}


/*==========　メディア掲載　=============*/

table.media_tv th{
	border-left:3px solid #CC6;
	text-align:left;
	font-weight:normal;
}


table#media th{
	border-left:3px solid #CC6;
	text-align:left;
	padding:0px 10px;
	font-weight:normal;
	border-bottom:1px dotted #CC6;
}



table#media td{
	padding:5px 0;
	border-bottom:1px dotted #CC6;
}

/*==========　施術の流れ　=============*/

table#flow{
	border:0px solid#CC6;
}

table#flow th{
	background-color:#E6E7CB;
	font-weight:bold;
	padding:5px 10px;
	border-bottom:1px dotted #CC6;
}

table#flow td{
	padding:5px 10px;
	border-bottom:1px dotted #CC6;
}


/*==========　ドクター紹介　=============*/

ul#doctor li{
	background-image:url(../image/point_s.gif);
	background-repeat:no-repeat;
	padding:0 0 10px 20px;
	margin-right:10px;
	list-style:none;
	display:inline;
}


table.doctorhistory td{
	border-bottom:1px dotted #CCC;
}


.content{
	background-color:#FFF;
	border:1px solid #CCC;
	padding:20px;
	overflow-y:scroll;
}

/*==========　お悩みから探す　=============*/

#list_face{
	width:540px;
	height:600px;
	background-image:url(../image/list_face.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	position:relative;
	border:1px solid #CCC;
	background-color:#FFF;
	line-height:1.5em;
}

#list_body{
	width:540px;
	height:612px;
	background-image:url(../image/list_body.jpg);
	background-repeat:no-repeat;
	background-position:right;
	position:relative;
	border:1px solid #CCC;
	line-height:1.5em;
}

/*==========　プライスリスト　=============*/


table.pricelist{
	clear:both;
	margin:0 auto;
	border:1px solid #CC6;
	width:100%;
	margin-bottom:10px;
}

table.pricelist th,table.pricelist td{
	padding:5px;
	border:0px dotted #CC6;
}

table.pricelist th{
	font-weight:bold;
	background-color:#CC9;
}

h3.price_title{
	line-height:50px;
}

.price_category{
	background-image:url(../image/pricelist_titlebg.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:20px 20px 0px 20px;
	border:1px solid #CC6;
	margin-bottom:10px;
	background-color:#FFF;
}

.menu_category{
	padding:10px 20px;
	border:1px solid #CC6;
	margin-bottom:10px;
	background-color:#FFF;
}

.menu_category2{
	padding:0 10px 10px;
	border:1px solid #f39;
	margin-bottom:10px;
	background-color:#FFF;
}


/*==========　各メニュー詳細ページ　=============*/

.h3bg{
	background-image:url(../image/h3_bg.gif);
	background-repeat:no-repeat;
	height:35px;
	line-height:35px;
	text-indent:1em;
	margin:30px 0 10px 0;
	clear:both;
}

ul#menu_top{
	text-align:center;
	margin:10px 0;
	padding:0;
}

ul#menu_top li{
	background-image:url(../image/point_s.gif);
	background-repeat:no-repeat;
	padding:0 0 0px 20px;
	margin:0 5px;
	list-style:none;
	display:inline;
}

table.flow{
	background-color:#FFF;
}

table.flow th{
	background-repeat:no-repeat;
	height:20px;
	background-position:top left;
	text-align:left;
	padding:10px;
}

table.flow td{
	border-left:1px solid #CCC;
	padding:10px;
}


.txt01 dl {
    line-height:140%;
    border-bottom: 1px dotted #CCCC66;
    width:550px;
}

.txt01 dt {
    width:9em;
	font-weight:bold;
	margin-bottom:5px;
}

.txt01 dd {
	margin-bottom:10px;
    margin-top: -2em;
    padding-left:8em;
}

dl.menutitle{
	padding:5px 5px 5px 0px;
	margin:30px 0 10px 0;
	font-size:14px;
/*	border-left:3px solid #CC6;*/
	border-bottom:1px dotted #CC6;
	clear:both;
	line-height:1.5em;
}

dl.menutitle dt {
  clear: left;
  float: left;
  margin: 0;
  width: 300px;
  border-left: solid 8px #CC6;
  padding-left: 5px;
  font-weight:bold;
  font-size:16px;
}

dl.menutitle dd {
  margin-bottom: 0;
  margin-left: 320px;
  font-size:13px;
}

/*==========　サイトマップ　=============*/

ul.sitemap li{
/*	background-image:url(../image/point_s.gif);
	background-repeat:no-repeat;
	background-position:top left;*/
	padding:0 10px;
	margin:0px;
	line-height:20px;
	list-style:none;
	display:inline;
	border-left:2px solid #CCC;
}

/*==========　終了ページ　=============*/

#glayLayer{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.60;
    filter:alpha(opacity=60);
}
#overLayer{
    position: fixed;
    top:50%;
    left:50%;
	background-color:#FFF;
	padding:30px;
}

/*========== フェイスリフトページ　=============*/

ul#fl_menu{
	padding-left:0;
	margin:30px 0;
}

ul#fl_menu li{
	background-image:url(../image/point_s.gif);
	background-repeat:no-repeat;
	padding:0 0 10px 20px;
	margin-right:10px;
	list-style:none;
	display:inline;
	font-size:15px;
	font-weight:bold;
}

#mobile_top {
	background-image: url(../image/mobile/mobile_bg.jpg);
	background-repeat: repeat-x;
	height: 288px;
	width: 840px;
	padding-top: 40px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
}
#mobile_box01 {
	background-color: #FFF;
	border: 2px solid #FF0066;
	font-size: 18px;
	padding-top: 2px;
	padding-right: 17px;
	padding-bottom: 12px;
	padding-left: 17px;
	width: 315px;
	margin-top: 20px;
}
#mobile_box01 p {
	padding: 0px;
	line-height: 22px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pink {
	color: #FF0066;
}
#line01 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #DEDDDD;
}


#img_free {
	position: relative;
	top: -135px;
	left: 380px;
}
#mobilewrap {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#mobilewrap h2 {
	width: 840px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0C7E;
	margin: 0px;
}
#qrbox {
	float: left;
	width: 156px;
	margin-left: 28px;
}

.mobile_box02 {
	padding: 30px;
	width: 780px;
	border: thin solid #D1D1D1;
	margin-top: 15px;
}

.mobile_box03 {
	padding: 30px 18px;
	width: 804px;
	border: thin solid #D1D1D1;
	margin-top: 15px;
}

.kinen_boxl {
	width: 535px;
	float: left;
}

.small {
	font-size: 8pt;
	color: #898989;
	margin: 0px;
}
#address {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

