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

body{
	color:#666666;
}

#index{
	width:906px;
	margin:auto;
}

/*--------------------------------------------ロゴ部分---------------------------------------------------*/	

#header{
	width:906px;
	height:40px;
	margin-top:10px;
 
}


#header h1{
	
	width:316px;
	height:30px;
	
	
}

/*--------------------------------------------flash---------------------------------------------------*/	

#flash{
	width:906px;
	height:396px;
	background:url(../images/shadow_07.jpg) bottom left no-repeat;
}


/*--------------------------------------------グローバルナビゲーション---------------------------------------------------*/	

#global_nav{
	width:906px;
	height:63px;
}

#global_nav ul li{
	float: left;
}

.home a,.service a,.guidance a,.system a,.episode a,.inquiry a,.accees a{
	display:block;
	height:63px;
	text-indent:-10000em;
	overflow:hidden;
}


.home a{
	background:url(../images/home_01.jpg);
	width:93px;
	
}
.service a{
	background:url(../images/service_02.jpg);
	width:143px;
}
.guidance a{
	background:url(../images/guidance_03.jpg);
	width:164px;
}
.system a{
	background:url(../images/system_04.jpg);
	width:141px;
}
.episode a{
	background:url(../images/episode_05.jpg);
	width:150px;
}
.inquiry a{
	background:url(../images/inquiry_06.jpg);
	width:119px;
}
.accees a{
	background:url(../images/accees_07.jpg);
	width:96px;
}

.home a:hover,.service a:hover,.guidance a:hover,.system a:hover,.episode a:hover,.inquiry a:hover,.accees a:hover {
	background-position:0 -64px;
}


/*--------------------------------------------文字サイズ変更部分---------------------------------------------------*/	


#size_change{
	
	height:54px;
	margin-left:670px;
	
	
	
}

#size_change img{
	margin:10px 0 0 8px;
}



#size_change p {
	float:left;
	margin-top:28px;
	
}


/*--------------------------------------------mainbody---------------------------------------------------*/	


#main{
	width:905px;
	min-height:326px;
	height: auto !important;
	/*height:326px;*/
	margin-bottom:20px;
	overflow:hidden;

}

#left, #center, #right{
	float:left;
	
}


/*--------------------------------------------left---------------------------------------------------*/	


#left{
	width:272px;
	margin-right:11px;
	
}

#left h2{
	background:url(../images/oshirase_28.jpg) no-repeat left top;
	width:272px;
	height:21px;
	text-indent:-10000em;
	overflow:hidden;
}

#newsbox{
	height:293px;
	margin-top:14px;
	overflow-y:scroll;
	overflow-x:hidden;
	
}

.data { 
	width:253px;
	margin:0 20px 10px 0; 
	text-align:left; 
	border-bottom-style:dashed;
	border-bottom-width:1px;
	border-bottom-color:#666666;
	color:#666666;
	line-height:1.5em;
}

/*--------------------------------------------center---------------------------------------------------*/	

#center{
	width:375px;
	padding-left:12px;
	margin-right:13px;
	border-left:#CCCCCC dotted 1px;
}

#center h2{
	background:url(../images/anshin_30.jpg) no-repeat left top;
	width:378px;
	height:21px;
	text-indent:-10000px;
	overflow:hidden;
}



#center h3{
	
	width:377px;
	height:15px;
	text-indent:-10000px;
	overflow:hidden;
	margin-top:14px;
	padding-bottom:5px;
	border-bottom:#cccccc  solid 1px;
}

.adviser{
	background:url(../images/adviser_35.gif) no-repeat left top;
}

.shiawase{
	background:url(../images/shiawase_48.gif) no-repeat left top;
}

#center .textbox1,#center .textbox2{
	width:239px;
	min-height:85px;
	height: auto !important;
	height:85px;

	padding-left:107px;
	margin-top:10px;
}

#center .textbox1{
	background:url(../images/adviser_photo_38.jpg) no-repeat left top;
		
}

#center .textbox2{
	background:url(../images/shiawase_photo_51.jpg) no-repeat left top;
}

.textbox1 p,.textbox2 p{
	line-height:1.7;
	letter-spacing:0.02em;
	width:239px;
}

.kuwashiku{
	margin:10px 0 0 287px;
	
	
	
}

#center .kuwashiku a{
	background:url(../images/kuwashiku_44.gif) no-repeat left center;	
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	
}

/*--------------------------------------------right---------------------------------------------------*/	

#right{
	width:221px;
}

#right .kensaku a{
	background:url(../images/kensaku.jpg) no-repeat left top;
	width:221px;
	height:109px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
	
}

#right .kensaku a:hover{
	background-position:0 -108px;
}


#right .yoyaku a{
	background:url(../images/yoyaku.jpg) no-repeat left top;
	width:221px;
	height:48px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#right .yoyaku a:hover{
	background-position:0 -48px;
}



#right .seikyu a{
	background:url(../images/seikyu.jpg) no-repeat left top;
	width:221px;
	height:48px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

#right .seikyu a:hover{
	background-position:0 -48px;
}

#right .kensaku,#right .yoyaku,#right .seikyu{
	margin-bottom:4px;
}

.misa a{
	background:url(../images/misa_top_62.jpg) no-repeat left top;
	width:221px;
	height:111px;
	display:block;
	text-indent:-10000em;
	overflow:hidden;
}

.misa a:hover{
	background-position:0 -111px;
}

/*--------------------------------------------footer---------------------------------------------------*/

#footer{
	clear:both;
	margin:0 0 40px 0;
	border-top:#70b2d1 solid 1px;
	color:#999999;
}	

#footer a{
	color:#999999;
}

#footer a:hover{
	border-bottom:#0099FF solid 1px;
	color:#0099FF;
}

#footer ul li,#footer address{
	margin-top:3px;
}

#footer ul li{
	float:left;
	margin-right:10px;
}

#footer .foot_text{
	margin-top:3px;
	font-size:110%;
}

#footer address{
	text-align:right;
	font-style:normal;
}

#footer .float_right{
	float:right;
	
}

.bar{
	border-right:#cccccc solid 1px;
	padding-right:10px;
}


/*-------------------------------------------clearfix---------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}