﻿/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body {
	font:14px/1.5 "ヒラギノ角ゴ Pro W3"; background:#fff url(../img/smp_bg.jpg) repeat-x top center;
}
header{ text-align:center; margin:0; padding:10px 0 0;}

header p{ margin:0 10px; padding:0 10px;}
#wrap {
	padding: 0 10px;
}
section, nav {
	margin-bottom: 1em;
}

p {
	margin: 0.5em 0; display:block;
}

img { border:none;}
img.rightImg { float: right; margin-left:20px;} 
img.leftImg { float: left; margin-right:20px;} 

a { text-decoration: none; color:#FF9900;}  
a:link { color :#FF9900;} 
a:hover { text-decoration: underline; color :#FF9900;} 


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0; margin:0; padding:0;
  visibility: hidden;
}

.right{ float:right;}
.left{ float:left;}
.clear { clear:both;}

/*  色共通設定  */
.red { color: #ff0000;}
.dred { color: #Cc0000;}
.org { color: #ff9900;}
.grn { color:#339900;}
.pnk { color:#FF3366;}
.brw { color:#663300;}
.blue { color:#0098cd;}

/* フォント設定 */
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f24 { font-size:24px;}

.f13_b { font-size:13px; font-weight:bold;}
.f14_b { font-size:14px; font-weight:bold;}
.f15_b { font-size:15px; font-weight:bold;}
.f16_b { font-size:16px; font-weight:bold;}
.bold { font-weight:bold;}

.f14_b_org { font-size:14px; font-weight:bold; color: #ff9900;}

/* ページ内容 */

h2 { margin:0 0 1em; font-size:140%; color:#666; text-shadow: 1px 1px 1px #ccc;
border:1px #ccc solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px 8px; 
	background-color: #9cc900 ;
	background: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #FFF5D0));}
	
h2.parts2 { background: url(../img/mushiba/h3_parts3s.png) ; color:#666; margin:0 0 0 0; padding:5px 0 0 0px; width:100%; height:40px; font-size:13px; color:#FFFFFF;}
.nayami
{ width:640px;
　border:1px #ccc solid;
}
	
h7 { margin:0 0 1em; font-size:110%; color:#666; text-shadow: 1px 1px 1px #ccc;
border:1px #ccc solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:5px 8px; 
	background-color: #ff9900 ;
	background: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #FFF5D0));}

h10 {font-size:10px; margin:-5px 5px 0 5px;}
h12 {font-size:12px;}

section, nav {
	margin-bottom: 2em;
}

/* ナビ */

ul.menu {
	list-style-type: none; width:300px;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	margin: 10px auto;
	padding: 0x;
}
ul.menu li { width:145px; float:left; margin:2px; text-align:center;
	padding-left: 0; height:29px;
	 text-shadow: 1px 1px 1px #663300;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #9cc900 ;
	background: -webkit-gradient(linear, left top, left bottom, from( #977552), to( #663300));
}
ul.menu li a { color:#fff; display: block;
}

/* topabout */
#topmenu { border-bottom:1px #ccc solid; padding:0;}
#topmenu div.topmenuBox { margin:0 auto; padding:5px 20px; border-bottom:1px #ccc dotted; width:260px; clear:both;}
#topmenu div img { float:left; margin:0 20px;}
#topmenu div p { float:left; padding-top:10px}


p.daytime { padding:8px; border: 1px #663300 solid; line-height:160%;}
p.daytime span.day_bar { font-weight:bold; color: #663300;}


#soudan { padding:9px; border:1px #ccc solid; font-size:90%; line-height:150%;}

/* footer */

footer { text-align:center; color:#fff; padding:10px 0 20px; font-size:70%; width:100%; background-color:#630;}

/* page



h3{ text-shadow: 1px 1px 0 rgba(150, 150, 150, 0.3); font-weight: bold; font-size: 120%; color: #663300; border-bottom:1px #999 solid; margin-bottom: 1em; padding:3px; clear:both;
	background: -webkit-gradient(linear, left top, left bottom, from( #ffffff), to( #dcdcdc));} */
	
h3 { background: url(../img/h3_bg.jpg) no-repeat 0 0; color:#666; margin:0 0 1em; padding:3px 0 3px 20px; height:30px; font-size:120%;}

h3.sub { background: url(../img/h3_bg_s.jpg) no-repeat 0 0; color:#666; margin:0 0 -20px 0; padding:3px 0 3px 20px; height:100px; font-size:100%;}

h4 { color:#666; margin:0 0 20px; padding:0x 0 3px; font-size:14px; font-weight:bold; border-bottom:1px #ccc solid;}
h4:first-letter { color:#ffcc00;}
	
p.totop { margin:10px 0 0; font-size:90%;}
p.totop a { color:#663300;}


h4.sub { color:#666; margin:10px 0 20px; padding:0x 0 3px; font-size:14px; font-weight:bold; border-bottom:1px #ccc solid;}
h4.sub:first-letter { color:#ffcc00;}


table.tbl_bgcl { background-color:#FFF9E2;}
table.tbl_bgcl td { padding:3px;}

table.qanda { background-color:#FFF9E2;}
table.qanda td { padding:3px;}

table.qanda { background-color:#FFF9E2;}
table.mushiba td {font-size:12px;}


/* 診療内容 */
ul.examinationMenu { margin:0px auto 10px; padding:0; list-style:none;}
ul.examinationMenu li a { margin:2px 0; padding:0 0 0 15px; display: block; float:left; width:130px; background: url(../img/mark.gif) no-repeat  0 5px;}

/* ホワイト */
table.white_tbl { border-collapse:collapse; border:1px #999 solid; background-color: #FFF9E2; width:100%}
table.white_tbl td { border:1px #999 solid; padding:3px;}

/* 価格 */
table.price_tbl { border-collapse:collapse; border:1px #999 solid; background-color: #FFF9E2; width:100%; margin:0 auto;}
table.price_tbl td { border:1px #999 solid; padding:2px;}

table.junior_tbl { border-collapse:collapse; border:1px #999 solid; background-color: #FFF9E2;}
table.junior_tbl td { border:1px #999 solid; padding:3px 5px;}
table.junior_tbl th { border:1px #999 solid; padding:3px 5px;}



/* 問い合わせフォーム */

table.form_tbl { border-collapse:collapse; border:1px #999 solid; background-color: #FFF9E2; width:100%;}
table.form_tbl td { border:1px #999 solid; padding:15px 30px;}
table.form_tbl th { border:1px #999 solid; padding:3px 5px; background-color:#FFCC99;}

table.form_tbl input{ padding:5px; width:100%; margin:5px 0;} 
table.form_tbl input.btn{ padding:5px; width:100px; margin:5px 0;} 
table.form_tbl textarea { width:100%; height:150px; margin:5px 0;}

ul.normalul { list-style-position: inside; clear:both; list-style: disc; margin:0px; padding:0;}
ul.normalul li { margin:0 0 0 25px; padding:0; }


p.staffBox { clear:both; margin:10px 0; width:100%;}
p.staffBox img { float:left; margin:0 10px 10px 0;}

.drBox { width:100%; padding:0; clear:both;}
.drBox img { margin:0 10px 5px 0;}
.drBox p { border-top:1px #ccc dotted; border-bottom:1px #ccc dotted; padding-top:10px;padding-bottom:10px;}


/* 診療時間 */
table.shinryo_time { background-color:#ededed; border-collapse:collapse; width:300px;}
table.shinryo_time td { padding:5px; border: 1px #999 solid;}

/* ヒアルロン */
ul.yellBox { padding: 10px; background-color:#FFF9E2; list-style-position:inside; border:1px solid #FFCC00; margin:0 0 10px; display:block;}
table.price_tbl th { border:1px #999 solid; padding:3px 5px; background-color:#ccc; color:#fff; font-weight:normal;}


/*---　サプリ ---*/
ul#supConMenu { list-style:none; margin:10px 0 15px; padding:0; width:100%;}
ul#supConMenu li { float:left; margin:0 2px 0px; width:100%;}


ul.supSubMenu { border-top:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px; list-style-position:inside;}
ul.supSubMenu li:first-child { padding-top:10px; clear:both;}


table.supconTable { border-collapse:collapse; border:1px #999 solid; background-color: #fff; width:100%; margin:0 0 20px;}
table.supconTable td { border:1px #999 solid; padding:3px;}
table.supconTable th { border:1px #999 solid; padding:3px; background-color:#FFCC99;}

ul.normalList { list-style:disc; margin:0; padding:0;}
ul.normalList li{ margin:0 0 0 15px; padding:0;}



table.wel_tbl { border-collapse:collapse; border:1px #999 solid; background-color:#fff; width:300px}
table.wel_tbl td { border:1px #999 solid; padding:3px 5px;text-align: center;}
table.wel_tbl td.bgpk{ border:1px #999 solid; padding:3px 5px; background-color:#FFF9E2; font-weight:bold;text-align: center;}
table.wel_tbl th { border:1px #999 solid; padding:3px 5px; background-color:#ccc; color:#111111; font-weight:bold;}


h4.rec { background: url(../img/recruit/h4_rec.png) no-repeat 0 0; color:#fff; margin:0; padding:5px 0 0 10px; height:30px; font-size:16px;}
h4.rec:first-letter { color:#fff;}
h4.rec_staff01 {background: url(../img/recruit/h4_rec01.png) no-repeat 0 0; color:#3399ff; margin:10px 0 10px; padding:0 0 3px 50px; font-size:16px; font-weight:bold;}
h4.rec_staff02 {background: url(../img/recruit/h4_rec02.png) no-repeat 0 0; color:#ff9900; margin:10px 0 10px; padding:0 0 3px 50px; font-size:16px; font-weight:bold;}
h4.rec_staff03 {background: url(../img/recruit/h4_rec03.png) no-repeat 0 0; color:#E9769A; margin:10px 0 10px; padding:0 0 3px 50px; font-size:16px; font-weight:bold;}
h4.rec_staff01:first-letter { color:#3399ff;}
h4.rec_staff02:first-letter { color:#ff9900;}
h4.rec_staff03:first-letter { color:#E9769A;}

.reccheck ul  {
	margin-top: 10px;
}

.reccheck li {
	background: url(../img/recruit/point_rec.png) no-repeat 0 0;
	padding:0 0 10px 30px;
	text-align: left;
	list-style-type: none;
	font-size:14px;
}

.video {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}

.video iframe {
  position: absolute;	
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-responsive{
  max-width: 100%;
  height: auto;
}

table.shinbi_tbl { border-collapse:collapse; border:1px #999 solid; background-color:#fff; width:300px}
table.shinbi_tbl td { border:1px #999 solid; padding:3px 5px;}
table.shinbi_tbl td.bgpk2{ border:1px #999 solid; padding:3px 5px; background-color:#F1A7BD; font-weight:bold;}
table.shinbi_tbl td.bgpk3{ border:1px #999 solid; padding:3px 5px; background-color:#FFF9E2; font-weight:normal;}
table.shinbi_tbl td.gray{ border:1px #999 solid; padding:3px 5px; background-color:#ccc; font-weight:bold;}

.osusume li {
	height:auto;
	font-size:100%;
	margin: 0;
	padding: 3px 5px 15px 30px;
	font-weight: normal;
	list-style-type: none;
	background: url(../img/shinbi/icon-voice.jpg) no-repeat 0px 0px;
}
.mt-20 { margin-top:20px; }

div.col1_bk {
	width: 300px;
	height:340px;
	margin: 0px auto;
	padding:10px;
	text-align: left;
	background: url(../img/shinbi/colum-bk1.gif) no-repeat 0px 0px;
}
div.col2_bk {
	width: 300px;
	height:340px;
	margin: 0px auto;
	padding:10px;
	text-align: left;
	background: url(../img/shinbi/colum-bk2.gif) no-repeat 0px 0px;
}
.col_txt { padding:70px 30px 10px 10px; margin:0; display:block; font-size:90%;}

div.col3_bk {
	width: 300px;
	height:705px;
	margin: 0px auto;
	text-align: left;
	background: url(../img/shinbi/colum-bk3.gif) no-repeat 0px 0px;
}
.col3_txt { padding:20px 10px 10px 10px; margin:0; display:block;}

div.shi-bgpk { background-color:#FFF9E2;padding:10px; }
div.shi-bgbl { background-color:#E1F2FD;padding:10px; }
h3.column { background: url(../img/shinbi/ico-col.png) no-repeat 0 0; color:#24A6F6; margin:0; padding:5px 0 0 40px; height:30px; font-size:16px;}


dl.faq dt {
	margin: 0;
	padding: 10px 5px 5px 30px;
	font-weight: bold;
	background: url(../img/shinbi/icon_q.gif) no-repeat 0 2px;
    	border-bottom: dotted 1px #bbb;  
}

dl.faq dd {
	margin: 5px 0 10px 0;
	padding: 5px 5px 5px 30px;
	background: url(../img/shinbi/icon_a.gif) no-repeat 0px 2px;
}

table#checklist {
	width: 300px; margin:0px; padding:0; border-collapse:collapse; background-color:#fff;
}
table#checklist th { font-weight:bold; text-align:center;
border:1px #999 solid; padding:2px 0;  color:#fff; font-weight:bold; background-color:#FF9900; width:40px;
}
table#checklist td { background-color:#fff; color:#222; text-align:left;
border:1px #999 solid; padding:10px;
}
table#checklist td.goukei { text-align:center;
border:1px #999 solid; font-size:13px; padding:0; background-color:#FF9900; width:40px;
}

table#total {
	width: 300px; margin:0px; padding:0; border-collapse:collapse; background-color:#fff;
}
table#total th { font-weight:bold; text-align:center;
border:1px #999 solid; padding:2px 0;  color:#fff; font-weight:bold; background-color:#FF9900; width:150px;
}
table#total td { background-color:#fff; color:#222; text-align:left;
border:1px #999 solid; padding:5px; 
}
table#total td.goukei { text-align:center;
border: 1px #999 solid; font-size:13px; padding:0; background-color:#FF9900; width:100px; color:#fff; font-weight:bold; 
}

table#summary {
	width: 280px; margin:0px; padding:0; border-collapse:collapse;
}
table#summary td { text-align:left;vertical-align:top;
border:none; padding:2px; 
}

.orangebox{
	width: 300px;
	border:2px #f47d30 solid;
	padding:10px 0 10px 0;
	color: #f47d30;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.bggray{
	background-color:#f7f7f7;
	padding:10px 5px 10px 5px;
}
.btm101,
.btm102,
.btm103,
.btm104,
.btm105,
.btm106,
.btm107,
.btm108,
.btm109,
.btm110,
.btm111,
.btm112,
.btm113,
.btm200,
.btm201,
.btm202,
.btm203,
.btm204,
.btm205,
.btm206,
.btm207,
.btm208,
.btm209,
.btm210,
.btm211,
.btm212,
.btm213,
.btm214,
.btm215,
.btm216,
.btm217,
.btm301,
.btm302,
.btm303,
.btm304,
.btm305,
.btm306,
.btm307,
.btm401,
.btm402,
.btm403,
.btm404 {
	margin-top: -25px;
	padding: 0 10px 10px 0px;
	width: 100%;
	background: #fff;
	display: none;
}

.topbtn101,
.topbtn102,
.topbtn103,
.topbtn104,
.topbtn105,
.topbtn106,
.topbtn107,
.topbtn108,
.topbtn109,
.topbtn110,
.topbtn111,
.topbtn112,
.topbtn113,
.topbtn200,
.topbtn201,
.topbtn202,
.topbtn203,
.topbtn204,
.topbtn205,
.topbtn206,
.topbtn207,
.topbtn208,
.topbtn209,
.topbtn210,
.topbtn211,
.topbtn212,
.topbtn213,
.topbtn214,
.topbtn215,
.topbtn216,
.topbtn217,
.topbtn301,
.topbtn302,
.topbtn303,
.topbtn304,
.topbtn305,
.topbtn306,
.topbtn307,
.topbtn308,
.topbtn401,
.topbtn402,
.topbtn403,
.topbtn404{
	text-align: center;
	display: block;
	width: auto;
	margin: 0;
	cursor: pointer;
	color: #ff3366;
	font-weight:bold;
	text-decoration:underline;
}
.merit ul {
	margin-bottom: 10px;
}
.merit li {
	background: url(../img/point8_3.gif) no-repeat 0 0;
	padding:0px 0 10px 30px;
	text-align: left;
	list-style-type: none;
}

.demerit ul {
	margin-bottom: 10px;
}
.demerit li {
	background: url(../img/point8_7.png) no-repeat 0 0;
	padding:5px 0 10px 30px;
	text-align: left;
	list-style-type: none;
}

.risk ul {
	margin-bottom: 10px;
}
.risk li {
	background: url(../img/point8_6.png) no-repeat 0 0;
	padding:5px 0 10px 30px;
	text-align: left;
	list-style-type: none;
}

.bg_pink {
	 background-color:#FFF9E2;
	padding:10px;
}