@charset "UTF-8";
/* CSS Document */

/*================================================
	reset properties 
================================================*/
html,body,#wrapper { background:#FFFFFF; color:#333; height:100% }

body { font:13px/1  "メイリオ","Hiragino Maru Gothic Pro","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",sans-serif; }
body > #wrapper { height:auto; min-height:100%;}
* html body { height:100%; }


body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td { margin: 0; padding: 0; }

img { border: none; vertical-align:top; }

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal; }

ul,dl,ol {text-indent:0;}
li {list-style-type:none;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

th,td {text-align: left;}

* html #contentArea li{
	display:inline;
}

/*==============================
	#general
==============================*/

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */ 


.clear { clear:both; }



.pagetop a:hover img,
.hover a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border:none;
}


.mg5T { margin-top:5px;}
.mg10B { margin-bottom:10px;}
.cap { font-size:85%; line-height:1.5;}
.txt12 { font-size:93%;}


/*================================================
	basement structure
================================================*/

#wrapper{
	background:#FFF;
}

#wrap { width:960px; margin:0 auto;}
#top { width:960px; height:320px; margin-bottom:30px;}
#main { float:left; width:660px; height:100%;}
#main .main-inn { margin-left:10px; width:650px;}
#side { float:right; width:280px; height:100%; background:url(../img/side-bg-top.png) no-repeat; overflow:hidden;}
#side .side-inn { padding:15px 15px 0px; width:250px; min-height:200px; background:url(../img/side-bg-bottom.jpg) no-repeat left bottom; overflow:hidden;}
#bottom { clear:both; width:960px; height:28px; margin:30px auto 0; display:block;}

/*==============================
	siteHeader
==============================*/
#siteheader { width:100%; height:94px; background:url(../img/header-bg.png) repeat-x 0 0;}
#header { margin:0 auto; padding:17px 10px 7px; width:940px; height:70px; display:inlie-block;}
.logo { float:left; width:300px;}

.tel { float:right; width:220px; padding-top:13px;}
.tel dt { font-size:93%; color:#666666; padding-bottom:0.3em;}
.tel dd.phone {width:220px; height:28px; margin-bottom:3px; zoom:1;}
.tel dd.time { margin: 0 auto 16px; width:220px; font-size:85%;}
.tel dd span { line-height:inherit; padding-left:13px; background:url(../img/parking.png) no-repeat 0 50%;}



#siteHeader a span { visibility:hidden; }
#siteHeader p.inquiry { float:right; width:150px;}

#siteHeader a,
#siteHeader a:hover {
	text-decoration:none;
}




/*==============================
	#contentAre
==============================*/

a {  text-decoration:underline;}
a:link { color:#349C9B;}
a:visited { color:#349C9B;}
a:hover { color:#FF66FF; }
a:active { color:#349C9B; }

#contentArea { clear:both; widt:100%; min-height:320px; background:url(../img/main-bg.gif) repeat-x 0 0; }

/*==============================
	TOP PAGE
==============================*/


/*----- TITLE -----*/

#main .titleBlock { margin-bottom:20px; clear:both;}
#main .titleBlock h2 { margin-bottom:10px;}
#main .titleBlock p { line-height:1.5;}
#ttle01 { width:650px; height:34px;}
#ttle02 { width:650px; height:34px; background:url(../img/title-bar-staff.png) no-repeat;}
#ttle03 { width:650px; height:34px; background:url(../img/title-bar-care.png) no-repeat;}
#ttle04 { width:650px; height:34px; background:url(../img/title-bar-access.png) no-repeat;}
#ttle05 { width:650px; height:34px; background:url(../img/title-bar-photo.png) no-repeat;}




/*----- TOPICS -----*/

#main .topicsBlock-inn {
	margin-bottom:50px;
	height:100px;
	overflow:auto;
	border-left:1px solid #349C9B;
	border-right:1px solid #349C9B;
	border-bottom:1px solid #349C9B;
	font-size:93%;
}


#topics { margin:10px 10px 0 20px; width:600px;line-height:1.5em; font-size:93%;}
#topics dt { clear:both; float:left;width:80px; margin-bottom:10px; color:#006666; font-size:103%; }
#topics dd { float:right; width:520px; margin-bottom:10px;}

.titleBlock h2,
.topicsBlock h2,
.sideBlock h2,
.infoBlock h2 { overflow:hidden;}

.titleBlock h2 span,
.topicsBlock h2 span,
.sideBlock h2 span,
.infoBlock h2 span { visibility:hidden;}

/*-----  COLUMN -----*/

#main .columnBlock { margin-bottom:30px;}
#main .columnBlock ul { width:650px; margin-bottom:30px; display:inline-block;}
#main .columnBlock ul.last { margin-bottom:20px;}
#main .columnBlock ul li.pict { float:left; width:150px;}
#main .columnBlock ul li.column { float:right; width:480px;}
#main .columnBlock h3 { font-size:167%; color:#349C9B; padding-bottom:0.5em;}
#main .columnBlock p { line-height:1.7;}
#main .columnBlock p span { font-size:77%;}

#main .columnBlock p.pd10B { padding-bottom:10px;}


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

#ttl01 { width:650px; height:30px; background:url(../img/bar-news.png) no-repeat;}
#ttl02 { width:250px; height:30px; background:url(../img/side_subject.png) no-repeat;}
#ttl03 { width:250px; height:30px; background:url(../img/side-consultime.png) no-repeat;}
#ttl04 { width:250px; height:30px;}
#ttl05 { width:250px; height:30px; background:url(../img/side-link.png) no-repeat;}
#ttl06 { width:250px; height:30px; background:url(../img/side-calendar2.png) no-repeat;}
#ttl07 { width:250px; height:30px; background:url(../img/side-pamphlet.png) no-repeat;}


#side .sideBlock { width:250px;}
#side .sideBlock-inn {
	margin:0 auto 20px;
	padding:10px 14px;
	border-left:1px solid #349C9B;
	border-right:1px solid #349C9B;
	border-bottom:1px solid #349C9B;
	background-color:#FFF;
}

#side .sideBlock-inn #subject { display:inline-block;}
#side .sideBlock-inn #subject li { float:left; width:105px; color:#349C9B; line-height:1.7; letter-spacing:0.1em;}
#side .sideBlock-inn p { color:#349C9B; line-height:1.7; letter-spacing:0.2em;}
#side .sideBlock-inn p.cap2 { font-size:75%; line-height:1.5; letter-spacing:0.1em;}
#side .sideCalendar {
	margin:0 auto 20px;
	padding:10px 14px;
	background-color:#FFF;
	border-bottom:1px solid #BB0404;
	border-left:1px solid #BB0404;
	border-right:1px solid #BB0404;
	zoom:1;
	
}
#side .sideBlock #side-access a { display:block;}
#side .sideBlock #address { margin: 0 auto 16px; width:220px; font-size:85%; line-height:1.7;}
#side .sideBlock #address dt { margin-bottom:5px;}
#side .sideBlock #address span { padding-left:13px; background:url(../img/parking.png) no-repeat 0 50%;}
#side .sideBlock #links { width:220px; font-size:85%;}
#side .sideBlock #links li { padding-left:10px; line-height:2; background:url(../img/arrow.png) no-repeat 0 6px;}



#side .sideBlock #pamphlet{
	margin:0 auto 20px;
	padding:10px 14px;
	border-left:1px solid #56B2C7;
	border-right:1px solid #56B2C7;
	border-bottom:1px solid #56B2C7;
	background-color:#FFF;
	color:#333333;
}
#side .sideBlock #pamphlet p.c-name { margin-bottom:5px; color:#333333; font-size:85%;} 
#side .sideBlock #pamphlet img { padding-bottom:5px;}
#side .sideBlock #pamphlet h4 { padding-bottom:5px; color:#4F95C9;} 
#side .sideBlock #pamphlet ul { width:220px; font-size:85%;}
#side .sideBlock #pamphlet li { padding-left:10px; line-height:2; background:url(../img/arrow2.png) no-repeat 0 6px;}

#pamphlet ul { color:#333333;}
#pamphlet ul a { color:#333333; text-decoration:none;}
#pamphlet ul a:link { color:#333333;}
#pamphlet ul a:visited { color:#333333;}
#pamphlet ul a:hover { color:#333333; text-decoration:underline; }
#pamphlet ul a:active { color:#333333; }


/*==============================
	INFORMATION PAGE
==============================*/

#top-info { width:960px; height:320px; margin-bottom:30px;}
#top-info .crumbs { padding:10px; height:10px; font-size:77%;}

#main .infoBlock { margin-bottom:40px; display:inline-block;}
#main .infoBlock h2 { margin-bottom:10px;}

#main .infoBlock h3 { margin:0 0 10px; line-height:1.6;}
#main .infoBlock #map {width:650px; height:350px; margin-bottom:20px;}
#main .infoBlock #tbl-info { table-layout:fixed; border-collapse:collapse;width:650px; border:1px solid #CCC;}
#main .infoBlock #tbl-info th,
#main .infoBlock #tbl-info td { padding:0.5em 0 0.5em 20px; font-size:108%;}

#main .infoBlock ul { width:650px; margin-top:15px; display:inline-block;}
#main .infoBlock ul li { float:left; height:153px;}
#main .infoBlock .prof01 { margin-right:20px; width:275px;}
#main .infoBlock .prof02 { margin-right:19px; width:190px;}
#main .infoBlock .prof03 { width:137px; font-size:123%;}
#main .infoBlock .prof03 p { margin-bottom:15px;}
#main .infoBlock ol li.photo { float:left; width:120px; margin-right:5px;}
#main .infoBlock ol li.chief { float:right; width:145px;}
#main .infoBlock h4 { margin-bottom:5px;}
#main .infoBlock h4 span { font-size:123%;}
#main .infoBlock .copy { margin-bottom:10px; font-size:85%; line-height:1.6;}


/*----- bottom -----*/

#bottom { clear:both;}
#bottom li.footer-navi { float:left; width:650px; margin-left:10px; padding-top:10px; font-size:85%;}
#bottom li.pagetop { float:right; width:250px; margin-right:15px; text-align:right; }

/*==============================
	footer
==============================*/

#sitefooter { clear:both; width:100%; min-height:200px; height:100%; background-color:#DDDDDB;}
#sitefooter .sitefooter-inn { width:950px; margin:0 auto; padding:10px 0 10px 10px; font-size:77%;}