@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:#000099;
text-decoration:none}

a:hover{
color:#ac6e9b;
text-decoration:none}


/*	LAYOUT DIV
------------------------------------------------*/
#wrapper{
width:100%;
margin:0 auto;
text-align:center;
padding:0;
background-color:#fff}

#menu,
#mainimg,
#footer{	
width:840px;
margin:0 auto;
text-align:left;
padding:0}

#header{
width:840px;
height:105px;
margin:0 auto;
padding:0;
text-align:left}

#menu_out{
width:100%;
height:39px;
margin:0;
padding:0;
background:#cbdce9 url(../images/bg_gmenuout.jpg) repeat-x}

#mainimg_out{
width:100%;
margin:0;
padding:0;
background:#cbdce9 url(../images/bg_mainimg.jpg) repeat-x}

#contents{
width:840px;
margin:0 auto;
padding:0;
text-align:left}

#sidenavi{
width:205px;
margin:0;
padding:0;
float:left;
text-align:left}

#main{
width:630px;
margin:0;
padding:0;
float:right;
text-align:left}

#footer_out{
width:100%;
margin:20px 0 0 0;
padding:0;
clear:both;
background:#d6e3ed url(../images/bg_footer.jpg) repeat-x}

#footer{
background:#d6e3ed url(../images/bg_footer.jpg) repeat-x}




/*	HEADER styles 
------------------------------------------------*/
#header h1{
position:absolute;
color:#e3cedf;
font-size:9px;
font-weight:normal;
top:0px;
left:15px}

#header{position:relative}

#header #logo{
position:absolute;
top:30px;
left:15px}

#header #fontsize{
position:absolute;
top:2px;
left:480px}

#header #print{
position:absolute;
top:8px;
left:676px}

#header #tel{
position:absolute;
top:34px;
right:0px}

#header #address{
position:absolute;
top:91px;
right:0px}


/* GLOBAL MENU styles 
------------------------------------------------*/
#menu li{float:left}

#menu_in li a{
width:120px;
height:39px;
display:block;
text-indent:-10000px;}
	
#menu li a:hover{
text-decoration:none;}

#menu_in{
position:absolute;}
	
#menu_in 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 -39px;}
#gm2 a{background:url("../images/bg_gmenu.jpg") no-repeat -120px 0;}
#gm2 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -120px -39px;}
#gm3 a{background:url("../images/bg_gmenu.jpg") no-repeat -240px 0;}
#gm3 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -240px -39px;}
#gm4 a{background:url("../images/bg_gmenu.jpg") no-repeat -360px 0;}
#gm4 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -360px -39px;}
#gm5 a{background:url("../images/bg_gmenu.jpg") no-repeat -480px 0;}
#gm5 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -480px -39px;}
#gm6 a{background:url("../images/bg_gmenu.jpg") no-repeat -600px 0;}
#gm6 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -600px -39px;}
#gm7 a{background:url("../images/bg_gmenu.jpg") no-repeat -720px 0;}
#gm7 a:hover{background:url("../images/bg_gmenu.jpg") no-repeat -720px -39px;}


#menu_in ul{
font-size:12px;}

ul#menu_in ul li{
float:none;
text-align:left;
background-image:none;}

#menu_in ul li a{
text-indent:0;
width: 113px !important;
width /**/: 120px;
height: 15px !important;
height /**/: 30px;
text-indent:0;
margin:0;
overflow:visible;
display:block;
position:relative;
color:#575f6c;
text-align:left;
padding:7px 0px 7px 5px;
background:none;
background-color:#dbe7f0;
background-image:none;
border-right:1px solid #8bb0cd;
border-left:1px solid #8bb0cd;
border-bottom:1px solid #8bb0cd;
border-top:none;}

#menu_in ul a:hover{
background-image:none;
background-color:#8bb0cd;
color:#ffffff;
margin:0;
height:auto;
display:block;
text-decoration:none;	
}


#menu_in li.parent ul{display:none;}
#menu_in li.parenton ul{display:block;}


/* SIDE styles 
------------------------------------------------*/

/* LEFT1(˜A’Κ‚θ“ϊ‹Lj */ 
#h2_left1{
width:200px;
height:59px;
margin:20px 0 0 0;
display:block;
color:#fff;
text-indent:-10000px;
background:url(../images/h2_left1.jpg) no-repeat}

#left1{
width:140px !important;
width /**/:200px;
margin:0;
padding:0 30px 0px 30px;
font-size:85%;
line-height:140%;
background:url(../images/bg_left1.jpg) repeat-y}

#left1 p{padding:0 0 5px 0}

#left1btm{
width:200px;
height:25px;
margin:0;
background:url(../images/bg_left1btm.jpg) no-repeat}


/* SIDE MENU */ 
#h2_left2{
width:200px;
height:37px;
margin:20px 0 0 0;
display:block;
color:#fff;
text-indent:-10000px;
background:url(../images/h2_left2.jpg) no-repeat}

#h2_left3{
width:200px;
height:37px;
margin:20px 0 0 0;
display:block;
color:#fff;
text-indent:-10000px;
background:url(../images/h2_left3.jpg) no-repeat}

#sidemenu{
width:200px;
margin:0}

#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, #bnr2 a, #bnr3 a{
width:200px;
height:70px;
color:#fff;
display:block;
text-indent:-10000px}

#bnr1 a{margin:20px 0 20px 0}
#bnr2 a, #bnr3 a{margin:10px 0 0 }

#bnr1 a{background:url(../images/sidenavi01.jpg) no-repeat 0 0}
#bnr1 a:hover{background:url(../images/sidenavi03.jpg) no-repeat 0 0}
#bnr2 a{background:url(../images/sidenavi04.jpg) no-repeat 0 0}
#bnr2 a:hover{background:url(../images/sidenavi05.jpg) no-repeat 0 0}
#bnr3 a{background:url(../images/bnr_03.jpg) no-repeat 0 0}
#bnr3 a:hover{background:url(../images/bnr_03.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 #dbe7f0;
border-left:1px solid #dbe7f0;
border-bottom:1px solid #dbe7f0;
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:#575f6c;
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:185px !important;
width /**/:200px;
height:29px !important;
height /**/:35px;
display:block;
margin:0;
padding:5px 0 0 15px;
font-size:85%;
border-bottom:1px dotted #575f6c;
font-weight:normal;
letter-spacing:0.1em}




/* MAIN styles (TOP PAGE) 
------------------------------------------------*/
/* top1 */  
#top1{
width:630px;
margin:10px 0 0 0}

/* top summary box (tsbox) */ 
.tsbox, .tsbox2{
margin:10px 0 0 10px;
padding:0;
border-bottom:1px dotted #575f6c;
float:left}

.tsbox{width:300px}
.tsbox2{width:610px}

.tsbox h2{width:300px}
.tsbox2 h2{width:610px}

.tsbox p, .tsbox2 p{
margin:0 0 0 10px;
font-size:85%;
line-height:140%;
float:left}

.tsbox p{width:160px}
.tsbox2 p{width:470px}

.tsbox img, .tsbox2 img{
margin:0 0 15px 0;
float:right}

.btn_shosai a{
width:91px;
height:25px;
display:block;
margin:10px 0 10px 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 */ 
#bnr4 a, #bnr5 a, #bnr6 a{
color:#fff;
height:110px;
display:block;
text-indent:-10000px}

#bnr4 a, #bnr5 a{
width:300px;
margin:20px 0 0 10px;
float:left}

#bnr6 a{
width:610px;
margin:10px auto 0 20px}

#bnr4 a{background:url(../images/bnr_04.jpg) no-repeat 0 0}
#bnr4 a:hover{background:url(../images/bnr_04.jpg) no-repeat 0 -110px}
#bnr5 a{background:url(../images/bnr_05.jpg) no-repeat 0 0}
#bnr5 a:hover{background:url(../images/bnr_05.jpg) no-repeat 0 -110px}
#bnr6 a{background:url(../images/bnr_06.jpg) no-repeat 0 0}
#bnr6 a:hover{background:url(../images/bnr_06.jpg) no-repeat 0 -110px}




/* MAIN styles (SECONDˆΘ~j
------------------------------------------------*/
#main ul,#main li{line-height:1.5em}

/* SUBMENU(ƒpƒ“‹ϋƒŠƒXƒg) */
ul.crumb{
margin:20px 0 0 20px;
font-size:75%}

ul.crumb li{display:inline}
ul.crumb li a{padding:0 3px 0 0}

#main ul#submenu{
margin:0 0 0 30px;
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:300px;
margin:10px 0 0 10px;
padding:0;
border-bottom:1px dotted #575f6c;
float:left}

.msbox h3{
width:250px !important;
width /**/:300px;
height:40px !important;
height /**/:55px;
padding:15px 0 0 50px;
margin:0;
display:block;
color:#fff;
font-size:110%;
font-weight:bold;
background:url(../images/h3_ms1.jpg) no-repeat 0% 50%}

.msbox h3 a, .msbox a:hover{
color:#fff;
text-decoration:none}

.msbox p{
width:160px;
margin:15px 0 0 10px;
font-size:80%;
line-height:140%;
float:left}

.msbox img{
width:90px;
height:90px;
margin:15px 0 15px 0;
padding:5px;
border:1px solid #dbe7f0;
float:right}


/* h2 h3 h4 */
#main .h2_area{clear:both}

#main .h2_area h2{
width:590px !important;
width /**/:610px;
height:37px;
margin:30px 0 0 auto;
padding:6px 0 5px 20px;
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:#ac6e9b;
text-decoration:none}

#main .h2_area h3{
width:575px !important;
width /**/:590px;
padding:0 0 3px 10px;
margin:15px 0 0 35px;
display:block;
color:#575f6c;
font-size:100%;
font-weight:bold;
letter-spacing:0.1em;
border-bottom:1px dotted #575f6c;
border-left:5px solid #575f6c}

#main .h2_area h4{
width /**/:590px;
padding:0 0 0px 7px;
margin:10px 0 0 20px;
color:#8AAFCC;
}

#main .h2_area h3 a{color:#552f1a}
#main .h2_area a:hover{color:#552f1a}



/* text,img@*/
#main .h2_area p{
margin:10px 0 10px 35px;
line-height:1.6em}

#main .h2_area img{
float:left;
margin-left:8px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
}

#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:#ff5f66}



/* LIST@*/
#main .h2_area ul{
list-style-position:inside;
margin:10px 0 10px 35px}

#main .h2_area ol{
margin:10px 0 10px 35px;
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 0 10px 35px;
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:#dbe7f0}


/* 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 35px;
	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 35px;
	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 35px;
	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%}
	

#footer .right{
width:600px;
margin:20px 0 0 0;
float:right;
text-align:right}

ul#footer_menu li{
list-style-type:none;
margin:0;
padding:0 5px 0 5px;
display:inline;
border-right:1px solid #ffffff}
	
#footer ul#footer_menu a{
font-weight:bold;
margin: 0px;
padding: 0px;
color:#ffffff}
	
#footer ul#footer_menu a:hover{color:#ac6e9b} 
	

#footer p{margin:10px 0 0 0}

ul.clinic_menu {
	margin:10px 0 0 0;
	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:0;
	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;
	
	}

#main #products{
}
#main #products .border_box{
	margin:15px 0 15px 0;
	padding:5px 0;
	border:1px outset #A8A8A8;
	}
	
#main #products div.works img.worknew{
	position:absolute;
	top:15px;
	left:0px;}
	
#main #products div.works{
	margin:0px 0 5px 4px;
	padding:0;
	float:left;
	text-align:center;
	position:relative;
	}
#main #products h3{
	font-size:50%;
	font-weight:normal;
}