@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Staff                         */
/*                   Clinic                        */
/*                   Flow                          */
/*                   Child                         */
/*                   Adult                         */
/*                   Surgery                       */
/*                   Prevent                       */
/*                   Cleaning                      */
/*                   Charge                        */
/*                   Recruit                       */
/*                   Contact                       */
/*                   Access                        */
/*                   Sitemap                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Orange         #e94915      */
/*        Main Color - Light Orange   #e88b46      */
/*        Main Color - Grey           #b9b093      */
/*                                                 */
/*        Sub Color - Beige           #ad916c      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- Container -----------*/

body { background: url(../images/body_bg.jpg) center repeat-y; }

#wrapper {
	width: 802px;
	margin: 0 auto;
	text-align: left;
	}

#main {
	margin: 0;
	background: url(../images/main.jpg) 0 0 no-repeat;
	height: 100%;
	}

#content {
	width: 616px;
	float: right;
	font-size: 100%;
	line-height: 1.6;
	color: #666;
	padding: 0 0 1em 0;
	}


/*---------- Header -----------*/

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 92px;
	width: 802px;
	margin: 0;
	padding: 0;
	}

#header .alpha {
	width: 300px;
	float: left;
	}

#header .beta {
	width: 318px;
	float: right;
	}

h1 {
	text-indent: -9999px;
	width: 300px;
	height: 92px;
	line-height: 1.0;
	float: left;
	}
h1 a {
	display: block;
	width: 320px;
	height: 92px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}

ul#header_ban {
	width: 320px;
	margin: 12px 0 0 0;
	padding: 0;
	}
ul#header_ban li {
	margin: 0;
	padding: 0;
	width: 160px;
	list-style: none;
	float: left;
	}
ul#header_nav {
	width: 250px;
	height: 17px;
	float: right;
	margin: 1px 0 0 0;
	padding: 0;
	}
*:first-child+html ul#header_nav { margin: 2px 0 0 0; }
* html body ul#header_nav { margin: 2px -2px 0 0; }


ul#header_nav li {
	list-style: none;
	height: 17px;
	float: left;
	text-indent: -9999px;
	}
ul#header_nav li a {
	display: block;
	height: 17px;
	}
#nav01 a {
	background: url(../images/header_nav.jpg) 0 0 no-repeat;
	width: 67px;
	}
#nav02 a {
	background: url(../images/header_nav.jpg) -67px 0 no-repeat;
	width: 79px;
	}
#nav03 a {
	background: url(../images/header_nav.jpg) -146px 0 no-repeat; 
	width: 104px;
	}


/*---------- Navigation -----------*/

#nav {
	width: 184px;
	float: left;
	padding: 7px 0 0 1px;
	}

#nav ul,
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#nav .internal li {
	text-indent: -9999px;
	width: 184px;
	}
#nav .internal li a {
	display: block;
	height: 40px;
	outline: none;
	}

#nav04 a { background: url(../images/nav.jpg) 0 0 no-repeat; }
#nav05 a { background: url(../images/nav.jpg) 0 -40px no-repeat; }
#nav06 a { background: url(../images/nav.jpg) 0 -80px no-repeat; }
#nav07 a { background: url(../images/nav.jpg) 0 -120px no-repeat; }
#nav08 a { background: url(../images/nav.jpg) 0 -160px no-repeat; }
#nav09 a { background: url(../images/nav.jpg) 0 -200px no-repeat; }
#nav10 a { background: url(../images/nav.jpg) 0 -240px no-repeat; }
#nav11 a { background: url(../images/nav.jpg) 0 -280px no-repeat; }
#nav12 a { background: url(../images/nav.jpg) 0 -320px no-repeat; }
#nav13 a { background: url(../images/nav.jpg) 0 -360px no-repeat; }
#nav14 a { background: url(../images/nav.jpg) 0 -400px no-repeat; }
#nav15 a { background: url(../images/nav.jpg) 0 -440px no-repeat; }
#nav16 a { background: url(../images/nav.jpg) 0 -480px no-repeat; }

#nav04 a:hover { background: url(../images/nav.jpg) -184px 0 no-repeat; }
#nav05 a:hover { background: url(../images/nav.jpg) -184px -40px no-repeat; }
#nav06 a:hover { background: url(../images/nav.jpg) -184px -80px no-repeat; }
#nav07 a:hover { background: url(../images/nav.jpg) -184px -120px no-repeat; }
#nav08 a:hover { background: url(../images/nav.jpg) -184px -160px no-repeat; }
#nav09 a:hover { background: url(../images/nav.jpg) -184px -200px no-repeat; }
#nav10 a:hover { background: url(../images/nav.jpg) -184px -240px no-repeat; }
#nav11 a:hover { background: url(../images/nav.jpg) -184px -280px no-repeat; }
#nav12 a:hover { background: url(../images/nav.jpg) -184px -320px no-repeat; }
#nav13 a:hover { background: url(../images/nav.jpg) -184px -360px no-repeat; }
#nav14 a:hover { background: url(../images/nav.jpg) -184px -400px no-repeat; }
#nav15 a:hover { background: url(../images/nav.jpg) -184px -440px no-repeat; }
#nav16 a:hover { background: url(../images/nav.jpg) -184px -480px no-repeat; }

#nav .external { padding: 10px 0 0 0; }

#nav .external li { margin: 0 0 10px 10px; }

.clinic_info {
	margin: 10px 0 10px 10px;
	background: url(../images/clinic_info_bg.jpg) left repeat-y;
	}
.clinic_info h3 {
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}
h3#info01 { background: url(../images/h3_clinic01.jpg) 0 0 no-repeat; }
h3#info02 { background: url(../images/h3_clinic02.jpg) 0 0 no-repeat; }
#nav .clinic_info ul {
	margin: 1em;
	padding: 0;
	font-size: 85%;
	color: #666;
	}
.clinic_info p {
	margin: 0;
	padding: 0;
	height: 37px;
	text-indent: -9999px;
	background: url(../images/clinic_info_p.jpg) 0 0 no-repeat;
	}


/*---------- Footer -----------*/

#footer {
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0 1px;
	font-size: 85%;
	color: #ad916c;
	background: url(../images/footer_bg.jpg) top repeat-x; 
	}

#footer a { text-decoration: none; }


#footer ul { 
	list-style: none;
	text-align: center;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer address {
	text-align: center;
	margin: 8px 1em;
	}


/*---------- Contents -----------*/

.section { padding: .5em 25px; }

.sr_mgT { margin-top:-15px; }

p.center { text-align: center; }

.underline {
	text-decoration: underline;
}

#content h2 {
	height: 37px;
	text-indent: -9999px;
	margin: 0 20px;
	}
#content h3 {
	clear: both;
	height: 34px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	height: 28px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 0 .3em;
	padding-top: 3px;
	line-height: 1.0;
	}
*:first-child+html #content h5 { padding-top: 0; }
* html body #content h5 { padding-top: 0; }

#content ul.list li {
	padding-left: 10px;
	background: none;
	list-style-type: circle;
	}

#content li {
	list-style: none;
	background: url(../images/li.png) 0 0 no-repeat;
	padding-left: 20px;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}
#content li.no-ico {
	background-image: none;
	padding-left: 20px;
	}
#content li.raquo {
	list-style: none;
	background: url(../images/raquo.png) top right no-repeat;
	padding-right: 22px;
	float: right;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: none; }
a { color: #e94915; }
a:hover { color: #ad916c; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

#content table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #CCCCCC;
	width: 90%;
	font-size: 100%;
	color: #666;
	}
#content table th,
#content table td {
	border: 1px solid #CCCCCC;
	padding: 5px 8px;
	}
#content table th { text-align: left; }
#content table td.price { text-align: right; }

.image_l  {
	float: left;
	margin: 0 16px 16px 16px;
	}

.image_r {
	float: right;
	margin: 0 16px 16px 16px;
	}

#content ul.totop li {
	list-style: none;
	background: url(../images/to_top.jpg) 0 6px no-repeat;
	font-size: 85%;
	padding-left: 15px;
	width: 8em;
	float: right;
	}

span.require {
	color: red;
	font-weight: bold;
	}

.off {
	color: red;
	margin-left: 2em;
	}


/*---------- Index -----------*/

#index #content .section { padding: 0; }
#index #content .section p { margin: .5em 25px; }

#index h2#title01 {
	background: url(../images/h2_index01.jpg) 0 0 no-repeat;
	height: 37px;
	}
#index h3#title02 {
	background: url(../images/h3_index02.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}
#index h3#title03 {
	background: url(../images/h3_index03.jpg) 0 0 no-repeat;
	height: 32px;
	margin: 0;
	}
#index h3#title04 {
	background: url(../images/h3_index04.jpg) 0 0 no-repeat;
	height: 50px;
	margin: 0 0 0 22px;
	}

#index #content .contentbody {
	background: url(../images/contentbody_bg.jpg) left bottom no-repeat;
	margin: 0 0 0 25px;
	}

#index #content .contentbody ul {
	padding: 1em;
	margin: 0;
	}

#index #content .contentbody li { background-image: none; }
#index #content .contentbody li img { vertical-align: -5px; }


#index #content .contentbody li.ico {
	list-style: none;
	background: url(../images/li.png) 0 0 no-repeat;
	padding-left: 20px;
	margin-left: 20px;
	}

#index #content .contentbody div { padding: 14px 0 14px 28px; }

#index #content .contentbody .alpha,
#index #content .contentbody .beta,
#index #content .contentbody .gamma  {
	margin: 0;
	padding: 0;
	}
#index #content .contentbody .alpha,
#index #content .contentbody .beta {
	width: 156px;
	float: left;
	}
#index #content .contentbody .gamma {
	width: 250px;
	float: left;
	font-size: 12px;
	}

#index #pckp01,
#index #pckp02 { margin-top: 12px; }

#index #pckp01 ul,
#index #pckp02 ul {
	margin: 0 25px;
	padding: 0;
	}
#index #pckp01 ul li,
#index #pckp02 ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#index #pckp01 ul li.pckp { width: 190px; }

#index #pckp02 ul li.pckp-s { width: 115px; }


/*---------- Staff -----------*/

#staff h2#title01 { background: url(../images/h2_staff01.png) 0 0 no-repeat; }
#staff h3#title02 { background: url(../images/h3_staff02.png) 0 0 no-repeat; }
#staff h3#title03 { background: url(../images/h3_staff03.png) 0 0 no-repeat; }
#staff h4#title04 { background: url(../images/h4_staff04.png) 0 0 no-repeat; }
#staff h4#title05 { background: url(../images/h4_staff05.png) 0 0 no-repeat; }

#staff #content .alpha {
	width: 180px;
	float: left;
	}
#staff #content .beta {
	width: 320px;
	float: right;
	}
#staff #content .beta ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#staff #content dl,
#staff #content .beta li li {
	margin-left: 1em;
	background-image: none;
	}
#staff #content dl dt {
	width: 4em;
	float: left;
	}
#staff #content dl dd { margin-left: 4em; }

#staff #content .beta li.graduate { margin-left: 2.5em; }


/*---------- Clinic -----------*/

#clinic h2#title01 { background: url(../images/h2_clinic01.png) 0 0 no-repeat; }
#clinic h3#title02 { background: url(../images/h3_clinic02.png) 0 0 no-repeat; }
#clinic h3#title03 { background: url(../images/h3_clinic03.png) 0 0 no-repeat; }
#clinic h3#title04 { background: url(../images/h3_clinic04.png) 0 0 no-repeat; }
#clinic h3#title05 { background: url(../images/h3_clinic05.png) 0 0 no-repeat; }
#clinic h3#title06 { background: url(../images/h3_clinic06.png) 0 0 no-repeat; }
#clinic h3#title07 { background: url(../images/h3_clinic07.png) 0 0 no-repeat; }


/*---------- Flow -----------*/

#flow h2#title01 { background: url(../images/h2_flow01.png) 0 0 no-repeat; }
#flow h3#title02 { background: url(../images/h3_flow02.png) 0 0 no-repeat; }
#flow h3#title03 { background: url(../images/h3_flow03.png) 0 0 no-repeat; }
#flow h3#title04 { background: url(../images/h3_flow04.png) 0 0 no-repeat; }
#flow h3#title05 { background: url(../images/h3_flow05.png) 0 0 no-repeat; }
#flow h3#title06 { background: url(../images/h3_flow06.png) 0 0 no-repeat; }
#flow h3#title07 { background: url(../images/h3_flow07.png) 0 0 no-repeat; }


/*---------- Child -----------*/

#child h2#title01 { background: url(../images/h2_child01.png) 0 0 no-repeat; }
#child h3#title02 { background: url(../images/h3_child02.png) 0 0 no-repeat; }
#child h3#title03 { background: url(../images/h3_child03.png) 0 0 no-repeat; }
#child h3#title04 { background: url(../images/h3_child04.png) 0 0 no-repeat; }
#child h3#title05 { background: url(../images/h3_child05.png) 0 0 no-repeat; }
#child h4#title06 { background: url(../images/h4_child06.png) 0 0 no-repeat; }
#child h4#title07 { background: url(../images/h4_child07.png) 0 0 no-repeat; }


/*---------- Adult -----------*/

#adult h2#title01 { background: url(../images/h2_adult01.png) 0 0 no-repeat; }
#adult h3#title02 { background: url(../images/h3_adult02.png) 0 0 no-repeat; }
#adult h3#title03 { background: url(../images/h3_adult03.png) 0 0 no-repeat; }
#adult h3#title04 { background: url(../images/h3_adult04.png) 0 0 no-repeat; }
#adult h3#title05 { background: url(../images/h3_adult05.png) 0 0 no-repeat; }
#adult h3#title06 { background: url(../images/h3_adult06.png) 0 0 no-repeat; }
#adult h4#title07 { background: url(../images/h4_adult07.png) 0 0 no-repeat; }
#adult h4#title08 { background: url(../images/h4_adult08.png) 0 0 no-repeat; }
#adult h4#title09 { background: url(../images/h4_adult09.png) 0 0 no-repeat; }
#adult h4#title10 { background: url(../images/h4_adult10.png) 0 0 no-repeat; }
#adult h4#title11 { background: url(../images/h4_adult1.png) 0 0 no-repeat; }
#adult h3#title12 { background: url(../images/h3_adult12.png) 0 0 no-repeat; }
#adult h3#title13 { background: url(../images/h3_adult13.jpg) 0 0 no-repeat; }


#adult #equipment .alpha {
	width: 300px;
	margin-top: 16px;
	float: right;
	}
#adult #equipment .beta {
	width: 200px;
	float: left;
	}


/*---------- Surgery -----------*/

#surgery h2#title01 { background: url(../images/h2_surgery01.png) 0 0 no-repeat; }
#surgery h3#title02 { background: url(../images/h3_surgery02.png) 0 0 no-repeat; }
#surgery h3#title03 { background: url(../images/h3_surgery03.png) 0 0 no-repeat; }
#surgery h3#title04 { background: url(../images/h3_surgery04.png) 0 0 no-repeat; }
#surgery h4#title05 { background: url(../images/h4_surgery05.png) 0 0 no-repeat; }
#surgery h4#title06 { background: url(../images/h4_surgery06.png) 0 0 no-repeat; }
#surgery h3#title05 { background: url(../images/h3_surgery05.png) 0 0 no-repeat; }

/*---------- Prevent -----------*/

#prevent h2#title01 { background: url(../images/h2_prevent01.png) 0 0 no-repeat; }
#prevent h3#title02 { background: url(../images/h3_prevent02.png) 0 0 no-repeat; }
#prevent h3#title03 { background: url(../images/h3_prevent03.png) 0 0 no-repeat; }
#prevent h3#title04 { background: url(../images/h3_prevent04.png) 0 0 no-repeat; }


/*---------- Cleaning -----------*/

#cleaning h2#title01 { background: url(../images/h2_cleaning01.png) 0 0 no-repeat; }
#cleaning h3#title02 { background: url(../images/h3_cleaning02.png) 0 0 no-repeat; }
#cleaning h3#title03 { background: url(../images/h3_cleaning03.png) 0 0 no-repeat; }
#cleaning h3#title04 { background: url(../images/h3_cleaning04.png) 0 0 no-repeat; }
#cleaning h3#title05 { background: url(../images/h3_cleaning05.png) 0 0 no-repeat; }


/*---------- Charge -----------*/

#charge h2#title01 { background: url(../images/h2_charge01.png) 0 0 no-repeat; }
#charge h3#title02 { background: url(../images/h3_charge02.png) 0 0 no-repeat; }
#charge h3#title03 { background: url(../images/h3_charge03.png) 0 0 no-repeat; }
#charge h3#title04 { background: url(../images/h3_charge04.png) 0 0 no-repeat; }
#charge h3#title05 { background: url(../images/h3_charge05.png) 0 0 no-repeat; }
#charge h3#title06 { background: url(../images/h3_charge06.png) 0 0 no-repeat; }
#charge h3#title07 { background: url(../images/h3_charge07.png) 0 0 no-repeat; }
#charge h3#title08 { background: url(../images/h3_charge08.png) 0 0 no-repeat; }
#charge h3#title09 { background: url(../images/h3_charge09.png) 0 0 no-repeat; }

#charge #content table td.group { background: #f0f0f0; }


/*---------- Recruit -----------*/

#recruit h2#title01 { background: url(../images/h2_recruit01.png) 0 0 no-repeat; }
#recruit h3#title02 { background: url(../images/h3_recruit02.png) 0 0 no-repeat; }
#recruit h3#title03 { background: url(../images/h3_recruit03.png) 0 0 no-repeat; }
#recruit h3#title04 { background: url(../images/h3_recruit04.png) 0 0 no-repeat; }

#recruit #content table th { background: #f0f0f0; }

/*---------- Contact -----------*/

#contact h2#title01 { background: url(../images/h2_contact01.png) 0 0 no-repeat; }

#contact #content table th { background: #f0f0f0; }


/*---------- Access -----------*/

#access h2#title01 { background: url(../images/h2_access01.png) 0 0 no-repeat; }
#access h3#title02 { background: url(../images/h3_access02.png) 0 0 no-repeat; }
#access h3#title03 { background: url(../images/h3_access03.png) 0 0 no-repeat; }
#access h4#title04 { background: url(../images/h4_access04.png) 0 0 no-repeat; }
#access h4#title05 { background: url(../images/h4_access05.png) 0 0 no-repeat; }

#access #content .alpha {
	width: 270px;
	float: left;
	}
#access #content .beta {
	width: 270px;
	float: right;
	}

#access dl.officehour dt {
	width: 3em;
	float: left;
	}
#access dl.officehour dd { margin-left: 3em; }


/*---------- Sitemap -----------*/

#sitemap h2#title01 { background: url(../images/h2_sitemap01.png) 0 0 no-repeat; }
#sitemap h3#title02 { background: url(../images/h3_sitemap02.png) 0 0 no-repeat; }
#sitemap h3#title03 { background: url(../images/h3_sitemap03.png) 0 0 no-repeat; }
#sitemap h3#title04 { background: url(../images/h3_sitemap04.png) 0 0 no-repeat; }
#sitemap h3#title05 { background: url(../images/h3_sitemap05.png) 0 0 no-repeat; }
#sitemap h3#title06 { background: url(../images/h3_sitemap06.png) 0 0 no-repeat; }
#sitemap h3#title07 { background: url(../images/h3_sitemap07.png) 0 0 no-repeat; }
#sitemap h3#title08 { background: url(../images/h3_sitemap08.png) 0 0 no-repeat; }
#sitemap h3#title09{ background: url(../images/h3_sitemap09.png) 0 0 no-repeat; }
#sitemap h3#title10 { background: url(../images/h3_sitemap10.png) 0 0 no-repeat; }
#sitemap h3#title11 { background: url(../images/h3_sitemap11.png) 0 0 no-repeat; }
#sitemap h3#title12 { background: url(../images/h3_sitemap12.png) 0 0 no-repeat; }
#sitemap h3#title13 { background: url(../images/h3_sitemap13.png) 0 0 no-repeat; }
#sitemap h3#title14 { background: url(../images/h3_sitemap14.png) 0 0 no-repeat; }
#sitema.p h3#title15 { background: url(../images/h3_sitemap15.png) 0 0 no-repeat; }



/*-メールフォームの確認画面とかで適用--------------------------------------------------------*/
#content table.fmail{
	width:450px;
	height:auto;
	border-collapse:collapse !important;
	border-style:solid;
}
#content table.fmail th{
	background:url() #EEEEEE !important;
	width:30%;
	height:auto;
	border-collapse:collapse;
	border-style:solid;
	font-weight:normal;
}
#content table.fmail td{
	width:70%;
	height:auto;
	border-collapse:collapse;
	border-style:solid;
	text-align:left;
}