@charset "Shift_JIS";

/*	HTML tag styles 
--------------------------------------------*/
body{
margin:0;
width:100%;
color:#666;
font-family:"Arial", Osaka,"lr oSVbN", "qMmpS Pro W3", sans-serif;
font-size:90%;
line-height:160%;
text-align:center;
background:url(../images/bg.jpg) center top repeat-y}

*{
margin:0;
padding:0}

img{border:0}
hr{display:none}
#header li, #menu li,  #sidenavi li, #leftmain li, #rightnavi li, #footer li{list-style:none}

a{
color:#6cc;
text-decoration:none}

a:hover{
color:#00aaa3;
text-decoration:underline}


/*	LAYOUT DIV
------------------------------------------------*/
#wrapper{
width:860px !important;
width /**/:880px;
margin:0 auto;
text-align:left;
padding:0 0 0 20px;
background-color:#fff}

#header{
width:840px;
height:92px;
margin:0;
padding:0}

#menu, #mainimg{
width:840px;
margin:0;
padding:0}

#contents{
width:859px;
margin:0;
padding:0}

#sidenavi{
width:219px;
margin:0;
padding:0;
float:left}

#main{
width:640px;
margin:0;
padding:0;
float:right}

#access{
width:840px;
margin:0;
padding:0}

#footer{
width:840px;
margin:20px 0 0 0;
padding:0;
clear:both;
background-color:#F7F9F8;}


/*	HEADER styles 
------------------------------------------------*/
#header h1{
width:840px;
color:#dfd1ca;
font-size:9px;
font-weight:normal;
margin:0;
padding:0}

#header{position:relative}

#header #logo{
position:absolute;
top:30px;
left:10px}

#header #tel{
position:absolute;
top:12px;
right:0px}


/* GLOBAL MENU styles 
------------------------------------------------*/
#menu li{float:left}

#menu li a{
width:120px;
height:35px;
display:block;
text-indent:-10000px;
float:left}
	
#menu li a:hover{
text-decoration:none;}

#gm1 a{background:url("../images/bg_gmenu.jpg") no-repeat 0 0}
#gm1 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat 0 -35px}
#gm2 a{background:url("../images/bg_gmenu.jpg") no-repeat -120px 0}
#gm2 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -120px -35px}
#gm3 a{background:url("../images/bg_gmenu.jpg") no-repeat -240px 0}
#gm3 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -240px -35px}
#gm4 a{background:url("../images/bg_gmenu.jpg") no-repeat -360px 0}
#gm4 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -360px -35px}
#gm5 a{background:url("../images/bg_gmenu.jpg") no-repeat -480px 0}
#gm5 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -480px -35px}
#gm6 a{background:url("../images/bg_gmenu.jpg") no-repeat -600px 0}
#gm6 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -600px -35px}
#gm7 a{background:url("../images/bg_gmenu.jpg") no-repeat -720px 0}
#gm7 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -720px -35px}


/* SIDE styles 
------------------------------------------------*/

/* SIDE MENU */ 
#h2_left1{
width:200px;
height:35px;
margin:20px 0 0 0;
display:block;
color:#fff;
text-indent:-10000px;
background:url(../images/h2_left1.gif) no-repeat}

#sidemenu{width:200px}

#sidemenu li a{
width:200px;
height:35px;
display:block;
text-indent:-10000px}

#sidemenu li a:hover{text-decoration:none}

#sm1_1 a{background:url("../images/bg_smenu.gif") no-repeat 0 0}
#sm1_1 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px 0}

#sm1_2 a{background:url("../images/bg_smenu.gif") no-repeat 0 -35px}
#sm1_2 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -35px}

#sm1_3 a{background:url("../images/bg_smenu.gif") no-repeat 0 -70px}
#sm1_3 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -70px}

#sm1_4 a{background:url("../images/bg_smenu.gif") no-repeat 0 -105px}
#sm1_4 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -105px}

#sm1_5 a{background:url("../images/bg_smenu.gif") no-repeat 0 -140px}
#sm1_5 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -140px}

#sm1_6 a{background:url("../images/bg_smenu.gif") no-repeat 0 -175px}
#sm1_6 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -175px}

#sm1_7 a{background:url("../images/bg_smenu.gif") no-repeat 0 -210px}
#sm1_7 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -210px}

#sm1_8 a{background:url("../images/bg_smenu.gif") no-repeat 0 -245px}
#sm1_8 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -245px}

#sm1_9 a{background:url("../images/bg_smenu.gif") no-repeat 0 -280px}
#sm1_9 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -280px}

#sm1_10 a{background:url("../images/bg_smenu.gif") no-repeat 0 -315px}
#sm1_10 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -315px}

#sm1_11 a{background:url("../images/bg_smenu.gif") no-repeat 0 -350px}
#sm1_11 a:hover{background:url("../images/bg_smenu.gif") no-repeat -200px -350px}


/* BANNER */ 
#bnr1 a, #bnr1 a:hover{
width:200px;
height:70px;
color:#fff;
display:block;
text-indent:-10000px;
margin:20px 0 0 0}

#bnr1 a{background:url(../images/bnr_01.jpg) no-repeat 0 0}
#bnr1 a:hover{background:url(../images/bnr_01.jpg) no-repeat 0 -70px}


/* NAVI1 */ 
.h2_navi1{
width:180px !important;
width /**/:200px;
height:28px !important;
height /**/:35px;
margin:20px 0 0 0;
padding:7px 0 0 20px;
display:block;
color:#fff;
font-size:100%;
letter-spacing:0.2em;
background:url(../images/h2_navi1.jpg) no-repeat}

.navi1{
width:198px !important;
width /**/:200px;
margin:0;
padding:10px 0;
border-right:1px solid #dfd1ca;
border-left:1px solid #dfd1ca;
border-bottom:1px solid #dfd1ca;
font-size:85%;
line-height:140%}

.navi1 p{margin:3px 10px 0 10px}
.navi1 img{margin:5px 0 0 0}
.navi1 dl{margin:5px 0 0 0}

.navi1 dd{
margin:0;
padding:0 0 0 20px;
border:none;}

.navi1 dt{
color:#af8b7a;
padding:0 10px 0 10px;
font-weight:bold;
letter-spacing:0.2em}

.btn_navi1 a{
width:100%;
height:19px;
display:block;
margin:3px 0 0 0;
float:right;
text-indent:-10000px;
background:url(../images/btn_syosai.gif) no-repeat top right}

.btn_navi1 a:hover{background:url(../images/btn_syosaion.gif) no-repeat top right}


/* SIDE MENU2(SECONDΘ~j */  

#sidemenu2{width:200px}
#sidemenu2 li{list-style:none}

#sidemenu2 li a{
width:168px !important;
width /**/:200px;
height:29px !important;
height /**/:35px;
display:block;
margin:0;
padding:5px 0 0 30px;
font-size:85%;
color:#552f1a;
border-bottom:1px solid #dfd1ca;
border-left:1px solid #dfd1ca;
border-right:1px solid #dfd1ca;
font-weight:normal;
letter-spacing:0.1em;
background:url(../images/icn_left2.gif) no-repeat 6% 50%}

#sidemenu2 li a:hover{
color:#552f1a;
background:url(../images/icn_left2on.gif) no-repeat 6% 50%}


/* MAIN styles (TOP PAGE) 
------------------------------------------------*/
/* top1 */  
#top1{
width:640px;
margin:10px 0 0 0}

/* top summary box (tsbox) */ 
.tsbox{
width:268px !important;
width /**/: 300px;
margin:10px 13px 0 0;
padding:0px 15px 15px 15px;
border:1px solid #dfd1ca;
float:left}

.tsbox h2{
width: 266px;
margin:0}

.tsbox p{
width:135px;
margin:10px 0 0 0;
font-size:85%;
line-height:140%;
float:left}

.tsbox img{
margin:10px 0 0 0;
float:right}

.btn_shosai a{
width:91px;
height:25px;
display:block;
margin:10px 0 0 0;
float:right;
text-indent:-10000px;
background:url(../images/btn_syosai.jpg) no-repeat}

.btn_shosai a:hover{background:url(../images/btn_syosaion.jpg) no-repeat}


/* BANNER */ 
#bnr2{
color:#fff;
width:620px;
height:110px;
display:block;
margin:20px 0 0 0;
text-indent:-10000px;
background:url(../images/bnr_02.jpg) no-repeat}


/* ACCESS */ 
#access{
width:838px !important;
width /**/:840px;
margin:20px 0 0 0;
padding:20px 0;
border:1px solid #dfd1ca}

#access h2{
width:470px;
height:39px;
margin:0;
display:block;
color:#fff;
text-indent:-10000px;
background:url(../images/h2_access.gif) no-repeat}

#access .left{
width:470px;
margin:0 20px 0 10px;
float:left}

#access .left p{margin:20px 0 0 0}

#access .left ul{
margin:10px 0 0 0;
list-style:none}

#access .af{
color:#af8b7a;
font-weight:bold}

#access .right{
width:308px;
margin:0 10px 0 0;
float:right}



/* MAIN styles (SECONDΘ~j
------------------------------------------------*/
#main ul,#main li{line-height:1.5em}

/* SUBMENU(pϋXg) */
ul.crumb{
margin:20px 0 0 0;
font-size:75%}

ul.crumb li{display:inline}
ul.crumb li a{padding:0 3px 0 0}

#main ul#submenu{
margin:0 0 0 10px;
font-size:75%}
	
#main ul#submenu li{
margin:0px;
padding:0 5px 0 7px;
display:inline;
border-right:1px solid #777}


/* main summary (msbox) */

.msbox{
width:273px !important;
width /**/: 305px;
margin:10px 10px 0 0;
padding:10px 15px 15px 15px;
border:1px solid #dfd1ca;
float:left}

.msbox h3{
height:30px !important;
height /**/:40px;
padding:6px 0 0 20px;
margin:0;
display:block;
color:#552f1a;
font-size:120%;
font-weight:bold;
border-bottom:1px dotted #dfd1ca;
background:url(../images/icn_left2.gif) no-repeat 0% 50%}

.msbox h3 a{
color:#552f1a;
text-decoration:none}
.msbox h3 a:hover{
color:#552f1a;
text-decoration:underline}

.msbox p{
width:155px;
margin:15px 0 0 0;
font-size:85%;
line-height:140%;
float:left}

.msbox img{
width:90px;
height:90px;
margin:15px 0 0 0;
padding:5px;
border:1px solid #dfd1ca;
float:right}


/* h2 h3 h4 */
#main .h2_area{clear:both}

#main .h2_area h2{
width:586px !important;
width /**/:620px;
height:36px;
margin:30px 0 0 0;
padding:6px 0 5px 35px;
display:block;
color:#fff;
font-size:125%;
background:url(../images/bg_h2.jpg) no-repeat}

#main .h2_area h2 a{color:#fff}
#main .h2_area h2 a:hover{color:#00aaa3}

#main .h2_area h3{
width:570px !important;
width /**/:590px;
height:30px !important;
height /**/:40px;
padding:6px 0 0 20px;
margin:15px 0 0 15px;
display:block;
color:#552f1a;
font-size:120%;
font-weight:bold;
border-bottom:1px dotted #dfd1ca;
background:url(../images/icn_left2.gif) no-repeat 0% 50%}

#main .h2_area h3 a{color:#552f1a}
#main .h2_area a:hover{color:#552f1a}

#main .h2_area h4{
margin:15px 35px 10px 15px;
font-size:100%;
clear:both;
color:#af8b7a}

#main .h2_area h4 a{color:#af8b7a}

/* text,img@*/
#main .h2_area p{
margin:10px 35px 10px 15px;
line-height:1.6em}

#main .h2_area img{
float:left;
margin:5px 35px 0 auto}

#main .h2_area img.new{
border: 0pt none ;
margin:8px 0px 0px 0px }

#main .h2_area img.right{
float:right;
margin-left:10px}

.plink{
text-align:right;
padding:0 10px 0 0;
font-size:80%;
background:url(../images/icn_link.gif) right center no-repeat}

.pback{
text-align:right;
clear:both;
padding:0 10px 0 0;
font-size:80%;
background:url(../images/icn_back.gif) right center no-repeat}


.right{
float:right;
margin-left:10px;}	
	
.clear{clear:both}	


/* ­² */
strong{
font-weight:bold;
color:#000;
font-size:100%}

em{font-style:italic}

.strong1{
font-size:105%;
color:#f69}

.strong2{
font-size:120%;
color:#9D7955}

.strong3{
font-size:140%;
color:#f69}


/* LIST@*/
#main .h2_area ul{
list-style-position:inside;
margin:10px 35px 0 15px}

#main .h2_area ol{
margin:10px 35px 0 15px;
list-style-position:inside}

#main .h2_area ol li{
border-bottom:1px #ddd solid;
padding:10px 0}			

#main .h2_area ol li a.link{text-align:right}


/*table*/
#main table{
margin:10px 20px 10px 15px;
border-top:1px solid #dfd1ca;
border-right:1px solid #dfd1ca;
text-align:center;
vertical-align:middle;
border-spacing:0px}

#main .h2_area table img,
#main .h2_area table p{
margin:0;
padding:0;
float:none}

#main td, #main th{
border-bottom:1px solid #dfd1ca;
border-left:1px solid #dfd1ca;
padding:6px 10px}

#main th{
font-weight:bold;
background-color:#F4F4F8}

#main td{background-color:#fff}

#main table .left{text-align:left}

#main td.shinryo{background-color:#d0eef8}

#main .h2_area table.white{
padding:0;
border:none;
border-color:#FFFFFF;}

#main .h2_area table.white td{
padding:0;
border:none;
border-color:#FFFFFF;
text-align:left;}


/* BLOG */

#blog p{
padding:0px;
margin:0 0 1em 0px}

#main div.h2_area h3.archive-title a{color: #660033}

#main div.h2_area h2.date-header{
	font-size:120%;
	margin:10px 0 0 15px;
	padding:0;
	color:#c00;
	background:none;
	border:none}

#main div.h2_area div.entry-content{
margin:0 20px 0 0;
padding:0}

#main div.h2_area div.entry-content a:hover{text-decoration:underline}

#main div.h2_area div.entry-content p.entry-footer{
	border-top:1px #cccccc solid;
	padding:5px 0 0 0;
	margin:3px 0 0 15px;
	line-height:1em;
	clear:both;
}
#main div.h2_area div.entry-content p.entry-footer span.category a{ 
	font-size:90%;
	margin-left:10px;
	text-decoration:underline}


#main .h2_area div.entry-content h2 a{color: #ff6633;}

#main .h2_area div.entry-content ,
#main .h2_area div.entry-content h4,
#main .h2_area div.entry-content h5{
	margin:5px 0 0 15px;
	padding:0;
	font-style:normal}

#main .h2_area div.entry-content h5{
	color:#cccccc;
	font-size:90%;}
	
#main .h2_area div.entry-content h5 a{color:#cccccc;}

#main .h2_area #trackbacks-info{
	border:2px dotted #666666;
	background-color:#F8F2FC;
	padding:5px;
	padding-top:0;
	margin:15px;
 }
#main .h2_area p.trackback-content{
	border-top:1px solid #999999;}

#main .h2_area #comments-open-footer{
	margin:5px 20px;}

.feed{
	margin:3px 3px 5px 3px;
	text-align:right;
	float:right;
	padding:0 2px;
	background-color:#9D7955;
	border:outset 2px #ffffff}
	
.feed a{
	color:#ffffff;
	font-weight:bold;
	font-size:70%}

.feed a:hover{color:#ffffff}

ul#newul{margin:5px}

ul#newul li{
margin:0;
padding:3px;
list-style-type:none;
list-style-position:outside;
border-bottom: 1px solid #ddd;
font-size:90%;
line-height:1.2}

ul#newul li img{float:left}
ul#newul li span.date{color:#5A524A}


/*	FOOTER styles 
------------------------------------------------*/
#footer {
position:relative;
font-size:85%;
color:#3E2B21}
	
#footer .left{
width:370px;
margin:20px 10px 10px 10px;
float:left}

#footer .left table{
width:100%; 
border-top:solid 1px #3E2B21;
border-right:solid 1px #3E2B21;
text-align:center}

#footer .left td{
border-bottom:solid 1px #3E2B21;
border-left:solid 1px #3E2B21;
padding:3px 7px}

#footer .left td.days{
border-bottom:solid 1px #3E2B21;
border-left:solid 1px #3E2B21;
padding:3px 7px;
font-size:15px;}

#footer .right{
width:430px;
margin:20px auto 0 0;
float:right;
text-align:left}

ul#footer_menu li{
list-style-type:none;
margin:0;
padding:0 5px 0 5px;
display:inline;
border-right:1px solid #3E2B21}
	
#footer ul#footer_menu a{
font-weight:bold;
margin: 0px;
padding: 0px;
color:#666666;}
	
#footer ul#footer_menu a:hover{color:#57C6AF;} 
	

#footer p{margin:10px 0 0 20px}

ul.clinic_menu {
	margin:10px 0 0 20px;
	padding: 0;
	font-size:80%}
	
ul.clinic_menu li{
	list-style-type:none;
	margin: 0px;
	padding-left:0px;
	padding-right:5px;
	display:inline}

#footer p#w3c{
	position:absolute;
	bottom:10px;
	right:20px;
	padding:0}	


/*M[*/
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}
.highslide-image {
    border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* 20:¨β’νΉ */
#main div.h2_area table.contact{
width:100%;
border:5px solid #CCCCCC;
margin:0 0 20px 0;
}

#main div.h2_area table.contact th{
width:30%;
border:1px solid #CCCCCC;
background:#F5F5F5;
padding:10px;
}
#main div.h2_area table.contact td{
width:70%;
border:1px solid #CCCCCC;
padding:10px;
text-align:left;
background-color:#FFFFFF;
}
#main div.h2_area em.must{
font-size:120%;
font-style:normal;
font-weight:bold;
color:#CC0000;
}

#main div.h2_area em.check{
font-size:80%;
font-style:normal;
font-weight:normal;
}

#main div.h2_area table.contact td input,
#main div.h2_area table.contact td textarea{
padding:5px;
}

#main div.h2_area .confirm{
margin:20px 0;
text-align:center;
background:#F5F5F5;
padding:10px;
}

#main div.h2_area .confirm .submitBtn{
padding:10px 20px;
}

#main div.h2_area .confirm .resetBtn{
}

#main div.h2_area .confirm .backBtn{
}
#main div.h2_area div.error{
border:5px solid #CC0000;
padding:10px;
margin:0 0 20px 0;
}

#main div.h2_area div.error ul{
padding:0 0 0 15px;
}

#main div.h2_area div.error ul li{
list-style-type:disc;
}

#main div.h2_area div.error p{
color:#CC0000;
font-weight:bold;
margin:0 0 10px 0;
}

#main div.h2_area p.contactText{
margin:0 0 20px 0;
font-size:100%;
}
/* uO */
#main div.h2_area div.newsentry img{
	float:none;
	overflow:hidden;
	
	}
