@charset "utf-8";

@import url("common.css");

a:link, a:visited{color:#666666; text-decoration:underline;}
a:hover, a:active{color:#CC0000; text-decoration:none;}

div#main_area{
	margin-top:8px;
	width:694px;
	float:right;
}
div#menu_area{
	float:left;
	margin-top:15px;
}
div#img_area{
	margin-bottom:15px;
}

/*menu_area
-------------------------------------------------------*/
ul#g_navi{
	margin-bottom:30px;
}
ul.banner li{
	margin-bottom:10px;
}
div#doumonkai{
	background:url(../img/common/box_doumonkai.gif) no-repeat left top;
	width:200px;
	height:110px;
	position:relative;
}
div#login{
	position:absolute;
	left:12px;
	bottom:10px;
}

/*patient*/
div#patient{
	position:relative;
	width:694px;
}
h2#title_patient{
	height:32px;
	margin-bottom:10px;
	background:url(../img/index/title_patient.gif) no-repeat left top;
}
ul#patient_banner{
	margin:0 7px;
	padding-bottom:15px;
	height:115px;
}
ul#patient_banner li{
	float:left;
	margin-right:16px;
	margin-bottom:20px;
}
div#guide_btn{
	position:absolute;
	top:8px;
	right:7px;
}
div#counter{
	margin-top:10px;
	width:198px;
	border:1px solid #CCCCCC;
}
div#counter ul{
	width:180px;
	border:4px solid #EEEEEE;
	padding:5px;
}
div#counter ul li span{
	font-family: "FOT-セザンヌ Pro EB", "小塚ゴシック Pro H";
	font-size:1.3em;
	font-weight:bold;
}


/*main_area_left
-------------------------------------------------------*/
div#main_area_left{
	clear:both;
	float:left;
	width:487px;
	margin-left:3px;
}

/*tab_change*/
ul#tab{
	height:50px;
}
ul#tab li{
	float:left;
}
ul#tab li.selected a#select_01{
	width:103px;
	height:50px;
	display:block;
	background:url(../img/index/news_title01_on.gif) no-repeat top left;
}
ul#tab li a#select_01{
	width:103px;
	height:50px;
	display:block;
	background:url(../img/index/news_title01.gif) no-repeat top left;
}
ul#tab li.selected a#select_02{
	width:210px;
	height:50px;
	display:block;
	background:url(../img/index/news_title02_on.gif) no-repeat top left;
}
ul#tab li a#select_02{
	width:210px;
	height:50px;
	display:block;
	background:url(../img/index/news_title02.gif) no-repeat top left;
}
ul#tab li.selected a#select_03{
	width:174px;
	height:50px;
	display:block;
	background:url(../img/index/news_title03_on.gif) no-repeat top left;
}
ul#tab li a#select_03{
	width:174px;
	height:50px;
	display:block;
	background:url(../img/index/news_title03.gif) no-repeat top left;
}

p.list_preview{
	text-align:center;
	margin:0 18px 20px 18px;
}
p.list_preview a{
}

/*new_area*/

div#new_area, div#new_area02, div#new_area03{
	clear:both;
	width:487px;
	/*background:url(../img/index/box_new_top.gif) no-repeat top center;
	padding-top:6px;*/
	margin-bottom:15px;
}
div#new_area a, div#new_area02 a, div#new_area03 a{
	text-decoration:none;
	color:#0000FF;
}

#new_center:after{
	display:block;
	clear:both;
	content:".";
	height:0;
	visibility:hidden;
}
#new_center{display:inline-block;}
html[xmlns] #new_center{display:block;}
* html #new_center{height:1%;}

#new_center02:after{
	display:block;
	clear:both;
	content:".";
	height:0;
	visibility:hidden;
}
#new_center02{display:inline-block;}
html[xmlns] #new_center02{display:block;}
* html #new_center02{height:1%;}

#new_center03:after{
	display:block;
	clear:both;
	content:".";
	height:0;
	visibility:hidden;
}
#new_center03{display:inline-block;}
html[xmlns] #new_center03{display:block;}
* html #new_center03{height:1%;}

div#new_center, div#new_center02, div#new_center03{
	background:url(../img/index/box_new_center.gif) repeat-y top center;
}
div#new_center dl, div#new_center02 dl, div#new_center03 dl{
	margin:0 18px 20px;
	padding:1em 0 0;
	width:451px;
	overflow:auto;
	height:150px;
}
div#new_center dl dt, div#new_center02 dl dt, div#new_center03 dl dt{
	clear:left;
	float:left;
	width:8em;
}
div#new_center dl dd, div#new_center02 dl dd, div#new_center03 dl dd{
	padding-left:8.5em;
	margin-bottom:1em;
}
div#new_center dl dd img, div#new_center02 dl dd img, div#new_center03 dl dd img{
	margin-right:0.5em;
}
div#new_bottom, div#new_bottom02, div#new_bottom03{
	background:url(../img/index/box_new_bottom.gif) no-repeat center top;
	padding-top:6px;
}

/*gallery*/
h2#title_gallery{
	background:url(../img/index/title_gallery.gif) no-repeat left top;
	height:32px;
	margin-bottom:10px;
}
div#gallery_area{
	background:url(../img/index/box_gallery.gif) no-repeat left top;
	width:480px;
	margin:0 3px 0 4px;
	height:230px;
	/*background-color:#0000FF;*/
}

/*main_area_right
-------------------------------------------------------*/
div#main_area_right{
	float:right;
	width:187px;
}

/*serach_area*/
div#serach_area{
	background:url(../img/index/box_serach.gif) no-repeat center top;
	width:180px;
	height:100px;
	margin:0 7px 20px 0;
}
#searchform{
	padding:65px 0 0 16px;
}
#searchsubmit{
	vertical-align:top;
	margin-top:5px;
}
#text_area{
	width:105px;
	height:20px;
}

/*mobile_area*/
div#mobile_area{
	background:url(../img/index/box_mobile.gif) no-repeat center top;
	width:187px;
	height:154px;
	margin:0 3px 0 -3px;
}

#mobile_area:after{
	display:block;
	clear:both;
	content:".";
	height:0;
	visibility:hidden;
}
#mobile_area{display:inline-block;}
html[xmlns] #mobile_area{display:block;}
* html #mobile_area{height:1%;}

#qr_code{
	float:left;
	margin:47px 10px 10px 20px;
}
div#mobile_area p{
	font-size:10px;
	padding:47px 15px 0 0;
	line-height:170%;
}
div#url_img{
	clear:both;
	margin:0 7px 20px 0;
}


/* Easy Slider */
#slider{
	width:460px;
	margin:0 10px;
	padding-top:10px;
}

	#slider li{ 
		width:460px;
		height:170px;
		overflow:hidden; 
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:20px 0 0;
		padding:0;
		height:22px;
		background:url(../img/index/line.gif) no-repeat right bottom;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #CCCCCC;
		background:#FFFFFF;
		color:#333333;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#CC0000;
		color:#fff;
		}
	ol#controls li a:focus{outline:none;}
	
/* // Easy Slider */

/*20131113banner*/
ul#gakkaibanner{
	clear:both;
	margin:0 -16px 20px 7px;
	width:696px;
	overflow:hidden;
}

ul#gakkaibanner li{
	float:left;
	margin-right:16px;
}