@charset "utf-8";

@import "header.css";
@import "footer.css";
@import "contents.css";
@import "lightbox.css";
@import "blog.css";

/* 構造の設定 */
body {
	font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;
	background-image: url(../images/bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #E6FAFF;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: center;
	width: 100%;
}

a:link{
	color:#5669CC;
	text-decoration: none;
}
a:active{
	color:B0CEEB;
	text-decoration: underline;
}
a:visited{
	color:#C25CB2;
	text-decoration: none;
}
a:hover{
	color: #A6B2F0;
	text-decoration:none;
}

/* 全体の枠 */
#container {
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/bg-container.gif);
	background-repeat: repeat-y;
}

/* コンテンツエリアの枠 */
#container #contents {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

*+html #container #contents {
	width: 100%;
	margin: 0px;
	padding-top: 30px;
}


/* 罫線スタイル */
hr	{
	height: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	display:none;
	overflow: hidden;
}


/* 段階解除スタイル */
.clearblock	{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 1px;
	overflow: hidden;
}


/*　エリアスタイル　*/
/* 左エリア　*/
#contents #top-left-area	{
	position: relative;
	width: 539px;
	min-height: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	color: #555555;
}

/* 右エリア　*/
#contents #top-right-area	{
	position: relative;
	float: right;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	texr-align: center;
	width: 160px;
}

/* 共通リストスタイル */
#contents #top-right-area ul	{
	list-style: none;
	padding: 0px;
	width: 162px;
	margin: 0px 0px 0px 0px;
	display: block;
}

#contents #top-right-area ul li	{
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	padding: 0px;
	display: block;
	width: 162px;
}

#contents #top-right-area ul li a	{
	display: block;
}

/* 各右エリアボタンスタイル */
#contents #top-right-area ul#b-sub-menu-banner	{
	position: relative;
	width: 160px;
	margin: 15px 0px 0px 0px;
}

#contents #top-right-area ul#b-sub-menu-banner li	{
	font-size: 10px;
	margin-bottom: 5px;
	height: 100%;
	list-style: none;
	overflow: hidden;
	text-indent: -9999px;
}

#contents #top-right-area #b-sub-menu-banner ul li a	{
	display: block;
	font-size: 10px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-calendar a	{
	background-image: url(../images/b_calendar.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-calendar a:hover	{
	background-image: url(../images/b_calendar-l.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-doctorsblog a	{
	background-image: url(../images/b_doctorsblog.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-doctorsblog a:hover	{
	background-image: url(../images/b_doctorsblog-l.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-customer a	{
	background-image: url(../images/b_customer.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}

#contents #top-right-area ul#b-sub-menu-banner li#b-customer a:hover	{
	background-image: url(../images/b_customer-l.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 50px;
}


#contents #top-right-area ul#b-sub-menu-box	{
	position: relative;
	width: 160px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #cccccc;
}

#contents #top-right-area ul#b-sub-menu-box li#b-sub-menu	{
	font-size: 12px;
	list-style: none;
	text-align: left;
	height: 25px;
	border-top: 1px dotted #cccccc;
	padding: 12px 0px 0px 0px;
}

#contents #top-right-area ul#b-sub-menu-box li#b-sub-menu a	{
	display: block;
	height: 25px;
	width: 162px;
	background-image: url(../images/b_sub-menu-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 19px;
	color: #666677;
}

#contents #top-right-area ul#b-sub-menu-box li#b-sub-menu a:hover	{
	background-image: url(../images/b_sub-menu-bg-l.gif);
	background-repeat: no-repeat;
	color: #aaaadd;
}


#contents #top-right-area #banner-title-box	{
	background-image: url(../images/top-right-banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	height: 244px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#contents #top-right-area #banner-title-box-2nd	{
	background-image: url(../images/2nd-right-banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 160px;
	height: 199px;
	display: block;
	margin: 0px;
	padding: 0px;
}
/*
#contents #top-right-area #banner-title-box ul	{
	position: relative;
	width: 147px;
	margin: 164px 8px 8px 7px;
}
*/
#contents #top-right-area #banner-title-box ul li	{
	font-size: 10px;
	height: 100%;
}

#contents #top-right-area #banner-title-box ul#b-top-sub li	{
	list-style: none;
	overflow: hidden;
	margin-top: 5px;
	_margin-top: 3px;
}

*+html #contents #top-right-area #banner-title-box ul#b-top-sub li	{
	margin-top: 3px;
}

#contents #top-right-area #banner-title-box ul li a	{
	display: block;
	font-size: 10px;
	text-indent: -9999px;
}

#contents #top-right-area #banner-title-box ul#b-top-sub li#b-onlinereserve a	{
	background-image: url(../images/b_onlinereserve.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 46px;
	margin-top: 5px;
}

#contents #top-right-area #banner-title-box ul#b-top-sub li#b-onlinereserve a:hover	{
	background-image: url(../images/b_onlinereserve-l.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 46px;
}

#contents #top-right-area #banner-title-box ul#b-top-sub li#b-firstcontact a	{
	background-image: url(../images/b_firstsontact.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 27px;
}

#contents #top-right-area #banner-title-box ul#b-top-sub li#b-firstcontact a:hover	{
	background-image: url(../images/b_firstsontact-l.jpg);
	background-position: left middle;
	background-repeat: no-repeat;
	height: 27px;
}


#contents #top-right-area #banner-title-box h3 , #contents #top-right-area #banner-title-box-2nd h3	{
	font-size: 10px;
	text-indent: -9000px;
}

#contents #top-right-area #banner-title-box h4	{
	font-size: 10px;
	text-indent: -9000px;
}


/* スペーススタイル */
#contents #spaces	{
	padding: 30px 40px 30px 40px;
}

*:first-child+html #contents #spaces	{
	padding: 0px 40px 30px 40px;
}

* html #contents #spaces	{
	padding: 20px 40px 30px 40px;
}


/* テキスト関連共通 */

p	{
	margin: 15px 0px 20px 0px;
}

.red-txt	{
	color: #CB0000;
	font-weight: bold;
}

.indent	{
	padding-left: 15px;
}

.tcenter	{
	text-align: center;
}

.txt10	{
	font-size: 10px;
}

.gray	{
	color: #777777;
}

.disp-none	{
	display: none;
}

.smalltxt	{
	font-size: 10px;
}

.basictxt	{
	font-size: 12px;
}

.mrgnr	{
	margin-right: 10px;
}

.mrgnl	{
	margin-left: 10px;
}

.mrgnb	{
	margin-bottom: 5px;
}

.spaceh	{
	height: 5px;
	display: block;
	overflow: hidden;
}

/*　表組空白　*/
table.border-table	{
	border: 5px;
	border-style: solid;
	border-color: #eeeeee;
	clear: both;
	width: 99%;
}

table.border-table td.nohit	{
	padding: 30px;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

/* TOP初診BOX */
#banner-beginer-box	{
	background-image: url(../images/banner-right-beginer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	height: 94px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#banner-beginer-box h3	{
	display: none;
}

.b-top-right-biginer a	{
	width: 146px;
	height: 30px;
	display: block;
	background-image: url(../images/b_top-beginer.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top: 58px;
}

.b-top-right-biginer a:hover	{
	background-image: url(../images/b_top-beginer-l.jpg);
	background-repeat: no-repeat;
}
.attension-topb-box	{
	border: 3px;
	border-style: solid;
	border-color: #e3ddb9;
	padding: 15px;
	color: #6c5940;
}

/*20100825追加*/
#contents #top-right-area #banner-title-box	{
	background-image: url(../images/top-right-banner2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	height: 270px;
	display: block;
	margin: 0px;
	padding: 0px;
}

#contents #top-right-area #banner-title-box p.banner-title1{
	font-size: 12px;
	text-align: left;
	padding-top: 72px;
	padding-left: 15px;
	color: #333333;
	font-weight: bold;
}

*:first-child+html #contents #top-right-area #banner-title-box p.banner-title1{
	padding-top: 57px;
}

* html #contents #top-right-area #banner-title-box p.banner-title1{
	padding-top: 60px;
}

#contents #top-right-area #banner-title-box p.banner-title2{
	font-size: 10px;
	text-align: left;
	padding-top: 5px;
	padding-left: 15px;
	color: #666666;
}

#contents #top-right-area #banner-title-box ul	{
	position: relative;
	width: 147px;
	margin: 50px 8px 8px 7px;
}

img,a{
	border: none;
}

.noborder{
	border: none;
}


.pspace	{
	margin: 15px 0px 20px 0px;
}