@charset "UTF-8";
@import "reset.css";
/*******************************************************/
/* setting ************************/
strong { font-weight:bold; }
.j10 { font-size: 83%; }
.j14 { font-size: 120%; }
.j18 { font-size: 150%; }
.j24 { font-size: 200%; }
.caution {
	color: #CC0000;
	font-weight: bold;
}
.clear { clear: both; }
/* 強調色 */
.vivid { color: #663399; }
/* リンクの色 */
a {
	color: #CC6600;
	text-decoration: none;
}
a:link {
	color: #CC6600;
	text-decoration: none;
}
a:visited {
	color: #996600;
	text-decoration: none;
}
a:hover { color: #FFCC66; }
.headline{
 font: 14px/1.37 "Meiryo","メイリオ","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", Geneva, Arial, Verdana, sans-serif;
 color:#AE5700;
 font-weight:bold;
}
.underline{
	text-decoration:underline;
}
.red{
	color:#990000;
}
/************************************/
/* list要素 */
blockquote {
	margin: 10px;
	padding: 10px;
	background-color: #E0E0E0;
	border-top: 1px dotted #999999;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #999999;
}
pre {
	height: 100px;
	margin: 10px;
	padding: 10px;
	background-color: #E0E0E0;
	border-top: 1px dotted #999999;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 3px solid #999999;
	overflow: scroll;
}
div#main div.boxarea{
margin:20px 30px 40px;
padding:10px;
background:#fbf4eb;
border:solid 1px #aa9a8e;
}
/************************************/
/* pict 要素 */
.pictBG {
	background-color: white;
	border: 1px solid #BBBBBB;
	padding: 5px;
}
.pict {
	margin: 2px auto;
	display: block;
	text-align: center;
}
.pictL {
	margin: 0px 10px 0px 0px;
	float: left;
}
.pictR {
	margin: 0px 0px 0px 10px;
	float: right;
}
.pht { margin:0 20px 5px 0; }
/*******************************************************/
/*******************************************************/
/* 共通 */
body {
	color: #333333;
	background: #bab3a9 url(/common/images/body_bg1.gif) repeat-x;
	text-align: center;
}
#container {
	width: 1080px;
	background: url(/common/images/body_bg3.gif) repeat-y center;
	padding: 0px;
	margin: 0px auto;
}
#obj { background: url(/common/images/body_bg2.gif) no-repeat center top; }
/************************************/
/* head要素 */
#header {
	width: 820px;
	height: 90px;
	margin: 0px auto;
	padding: 0px 10px;
	text-align: left;
	background: #FFFFFF url(/common/images/header_bg.gif) repeat-x;
}
#header p {
	height: 15px;
	font-size: 10px;
	padding: 5px;
	color: #FFFFFF;
}
h1 {
	float: left;
	width: 370px;
	height: 40px;
	margin-top: 10px;
	background-image: url(/common/images/head_title.gif);
}
#header h1 a {
	display:block;
	width: 370px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#headerR {
	float: right;
	width: 400px;
	text-align: right;
	margin-top: 10px;
}
/************************************/
/*navi要素*/
#navi ul {
	width: 840px;
	height: 40px;
	margin: 0px auto;
	padding:0;
	background: url(/common/images/navi_menu.gif) no-repeat top;
	list-style-type: none;
}
#navi li {
	float: left;
	height: 40px;
}
#navi li a {
	display: block;
	height: 100%;
	text-indent: -9999px;
/* Hides from IE-mac \*/
	overflow: hidden;
/* End hide from IE-mac */
}
#globalNavi	{
	position:relative;
}
#globalNavi li	{
	float:left;
	position:relative;
}
#globalNavi ul {
	width: 170px;
	position: absolute;
	top: 40px;
	left: 3px;
	display: none;
	text-align:left;
	background: url(/common/images/navi_bg.gif) no-repeat;
}
#globalNavi ul li a	{
	width: 170px;
	height: 30px;
	display: block;
	background: url(/common/images/navi_bg.gif) no-repeat;
	padding: 10px 5px 0px 25px;
	text-indent: 0px;
	border-top: 1px solid #C5C5C5;
	color: #000;
	text-decoration: none;
}
#globalNavi ul li a:hover	{ width: 170px;height: 30px;background: url(/common/images/navi_bg_on.gif) no-repeat;color: #FFF;}
#globalNavi ul li.first a	{ width: 170px;height: 30px;background: #BFC0C0 url(/common/images/navi_bg.gif) no-repeat;}
#globalNavi ul li.first a:hover	{width: 170px;height: 30px;background: url(/common/images/navi_bg_on.gif) no-repeat;}


#navi01 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat 0px 0px;}
#navi01on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat 0px -40px;}
#navi01 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat 0px -40px;}
#navi02 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -120px 0px;}
#navi02on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -120px -40px;}
#navi02 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -120px -40px;}
#navi03 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -240px 0px;}
#navi03on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -240px -40px;}
#navi03 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -240px -40px;}
#navi04 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -360px 0px;}
#navi04on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -360px -40px;}
#navi04 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -360px -40px;}
#navi05 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -480px 0px;}
#navi05on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -480px -40px;}
#navi05 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -480px -40px;}
#navi06 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -600px 0px;}
#navi06on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -600px -40px;}
#navi06 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -600px -40px;}
#navi07 {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -720px 0px;}
#navi07on {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -720px -40px;}
#navi07 a:hover {width: 120px;background: url(/common/images/navi_menu.gif) no-repeat -720px -40px;}


/************************************/
/* main要素 */
#main {
	width: 810px;
	padding: 20px 20px;
	margin: 0px auto;
	text-align: left;
}
#mainR {
	float: right;
	width: 200px;
}
#mainL {
	float: left;
	width: 580px;
}
#mainL h3 { padding: 20px 20px 10px 10px; }
#mainL h4 { padding: 15px 20px 5px 10px;}
#mainL p { padding: 0px 20px 15px 20px; }
#mainL ul{ margin: 0px 30px 5px; }
#mainL li{ padding: 3px 0px; }

#topicpath { margin: 0px 5px 5px; }
#topicpath li {
	display: inline;
	list-style-type: none;
}
#topicpath li a {
	padding-right: 10px;
	background: url(/common/images/icon_topicpath.gif) no-repeat right center;
}
#btnarea,#localnavi,#voiceBtn {
	margin:	20px 0px;
	text-align: center;
}
/************************************/
/* side要素 */
#mainR h3 { padding: 0px 0px 5px; }
#booei{
	border: 1px #CCCCCC solid;
	padding: 1px;
}
#booei table{
	width: 196px;
}

/************************************/
/* foot要素  */
#pagetop {
	padding: 10px 0px 20px;
	border-top: 1px #999999 dashed;
}
#footer{
	width: 830px;
	margin: 0px auto;
	padding: 20px 5px;
	background: #431f10 url(/common/images/footer_bg.gif) repeat-x;
	text-align: left;
}
#footerL {
	float: left;
	width: 150px;
	font-size: 10px;
}
#footerL ul { margin: 0px 0px 0px 10px; }
#footerL ul li {
	padding: 3px 0px 3px 10px;
	background: url(/common/images/icon_listbg1.gif) no-repeat left 6px;
	list-style: none;
}
#footerL a { color: #FFFFFF; }
#footerL a:hover { text-decoration:underline; }
#footerR {
	float: right;
	width: 360px;
	font-size: 10px;
	color: #FFFFFF;
}
#footerCopy {
	width: 830px;
	padding: 25px 15px 0px;
	margin: 0px auto;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
	color: #CCCCCC;
}
/*******************************************************/
/*******************************************************/
/* ページ別 */
/* top */
#mainLTop {
	float: left;
	width: 580px;
}
.topLarea { padding: 0px 0px 30px; }
.topLarea dl,#topSareaL dl { padding: 0px 10px; }
.topLarea dt,#topSareaL dt { color: #999999; }
.topLarea dd,#topSareaL dd {
	padding: 0px 0px 5px;
	border-bottom: 1px #999999 dashed;
}
#topSareaL {
	float: left;
	width: 285px;
	padding: 0px 0px 30px;
}
#topSareaR {
	float: right;
	width: 285px;
	padding: 0px 0px 30px;
}
#topSareaR ul{
	list-style-type:none;
	margin: 0px auto;
}
#topSareaR ul li{	
	text-indent: -9999px;
	padding: 2px;
	border-bottom: 1px #999999 dashed;
}
#topSareaR ul li a{
	display: block;
	height: 80px;
	width: 280px;
}
#case1{ width:280px; height:80px;background:url(/images/top_btn_case1.jpg) no-repeat;}
#case2{ width:280px; height:80px;background:url(/images/top_btn_case2.jpg) no-repeat;}
#case3{ width:280px; height:80px;background:url(/images/top_btn_case3.jpg) no-repeat;}
#case4{ width:280px; height:80px;background:url(/images/top_btn_case4.jpg) no-repeat;}
#case5{ width:280px; height:80px;background:url(/images/top_btn_case5.jpg) no-repeat;}

.topMedia{
	padding: 5px;
	border-bottom: 1px #999999 dashed;
}
.topMedia h4{
	font-weight: bold;
	color: #934900;
	display: inline;
}

/************************************/
/* question */
#question {
	list-style-type: none;
	margin: 0px 20px 30px;
}
#question li {
	padding: 0px 20px 10px;
	background: url(/about/images/question_bg_q.gif) no-repeat 0 2px;
}
.line { margin: 20px 15px 0; }
.question {
	margin: 0px 0px 0px 20px;
	padding-left: 20px;
	background: url(/about/images/question_bg_q.gif )no-repeat left 17px;
	color: #666666;
	font-weight: bold;
}
.answer {
	background: url(/about/images/question_bg_a.gif) no-repeat left 7px;
	padding-left: 20px;
}
/* stuff */
.staffTb td { padding: 3px; }
#mainL .comment {
	margin: 15px 39px 30px;
	padding: 0px 15px 15px;
	background: url(/about/images/staff_bg_comment.gif) no-repeat center bottom;
	color: #555555;
}

/************************************/
/* opt */
.top{ margin: 20px auto 25px;}
.btm{ margin: 20px;}

/************************************/
/*case */
.caseDl{
	width: 538px;
	margin: 0px 20px 20px;
	padding: 0 0 5px 0;
	border-bottom: solid 1px #aa9a8e;
}
.caseDl dt{	float:left;}
.caseDl dd{
	float: right;
	width: 430px;
}
.caseDl .btnarea{
	margin-top: 20px;
}
#mainL h5{
	margin: 20px 20px 15px;
	padding: 0 3px 5px;
	background: url(/case/images/case_bg_shd.gif) no-repeat 0 bottom;
	font-size: 12px;
	font-weight: normal;
}
h4{
font-weight:bold;
color:#3C1504;
}
.boxarea{
	margin: 0px 30px 40px;
	padding:10px;
	background:#fbf4eb;
	border:solid 1px #aa9a8e;
}
.boxarea h4{
padding: 10px 20px 5px 15px;
font-weight:bold;
color:#3C1504;}

/* voice */
.patientBox {
	padding: 0 0 20px;
	background:url(/case/images/voice_line001.gif) no-repeat 15px bottom;
}
.patientBox img {
	float: right;
	padding: 5px;
	border: 1px #CCCCCC solid;
}
.voiceBox{
	width: 310px;
	text-align: center;
	background: url(/case/images/voice_bg_voice.gif) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
}
.voiceTxt{
	background: url(/case/images/voice_bg_voice2.gif) no-repeat left top;
	padding: 40px 0px 20px;
}

/************************************/
/* flow */
.arrow { margin: 0 30px; }
/************************************/
/* access */
.staffTb,.scheduleTb,.formTb {
	margin: 5px auto 20px;
	width: 518px;
	border-collapse: collapse;
}
.scheduleTb th, .scheduleTb td {
	text-align: center;
	border-right: solid 1px #fff;
	padding: 3px;
}
.scheduleTb th { background: #604e44; }
.scheduleTb td {
	color: #be6621;
	background: #f9efe2;
}
.scheduleTb td .rest {
	color:#ccc;
	background:#696056;
}
.accessTb {
	margin: 5px auto 20px;
	width: 520px;
}
.accessTb th, .accessTb td { padding: 3px; }
div#mainImg {
	margin:2px 113px 0;
	padding:4px;
	width:342px;
	border:solid 1px #EDE2D4;
	background:#f9efe2;
	text-align:center;
}
/************************************/
/* photo */
div#mainImg img { border:solid 1px #fff; }
div#mainImg div.galleria_wrapper { margin-bottom:5px; }
div#mainImg span.caption { color:#31231c; }
#phtArea ul {
	margin:10px auto 0px;
	padding: 0px;
	width: 480px;
	list-style:none;
}
ul.galleria li {
	float:left;
	width:80px;
	height:60px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	border:solid 2px #fff;
	background:#000;
}
ul.galleria li img { background:#000; }
ul.galleria li a { display:none }
ul.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}
ul.galleria li div img { cursor:pointer }
ul.galleria li.active div img, ul.galleria li.active div { display:block }
ul.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}
ul.galleria li .caption {
	display:block;
	padding-top:10px;
}

/************************************/
/* reserv */
.alert{color: #cc0000;}
.noticeUl{
 margin: 0px 40px;
 font-size:10px;
}
.formTb th{
	padding: 8px;
	width: 30%;
	background: #c0a78e;
	border-bottom: solid 1px #ffffff;
	color: #333333;
	text-align:left;
}

.formTb td{
	padding: 5px;
	width: 70%;
	border-bottom: solid 1px #ffffff;
}
.formTb input{ padding:1px 2px;}
.formTb textarea{ padding:1px 2px;}
.formTb input.btn{ margin:15px 0 0 0;}

li#reservation_on{
height:66px;
width:178px;
background:url(/common/images/bg_menu.gif) 178px -330px;
}
.essential{
	color: #ffffff;
	font-size: 10px;
}

/************************************/
/* price */
.priceTb {
	margin: 0px 30px 20px;
	width: 518px;
	border: solid 1px #c0a78e;
	border-collapse: collapse;
}
.priceTb th {
	padding: 5px;
	width: 30%;
	background: #f9efe2;
	border: solid 1px #c0a78e;
	border-collapse: collapse;
	text-align: left;
}
.priceTb td {
	padding: 5px;
	width: 70%;
	border: solid 1px #c0a78e;
	border-collapse: collapse;
	letter-spacing: 1px;
}
div#image {
	margin:30px 0 0;
	text-align:center;
}
.priceP {
	margin:10px 30px 0;
	padding-left:13px;
	color:#553000;
	background:url(/price/images/price_marker.gif) no-repeat left 0.4em;
}

/************************************/
/* link */
.linkH3{
	margin: 20px 20px 0;
	padding :0 3px 3px;
	background: url(/link/images/link_bg_shd.gif) no-repeat 0 bottom;
	font-size: 12px;
}
.linkUl{
	list-style-type: none;
	margin: 20px 30px 0;
}
.linkUl li{
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	background: url(/link/images/link_bg_link.gif) no-repeat 0 center;
}