@charset "Shift_JIS";

/* ■ 共通スタイル指定 ■ -------------------------------------------------- */
* {
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	margin-right: 0px;
}

img{border:0px;}

.m-text{
	font-size:12px;
	line-height:160%;
	color: #666;
}
.m-text-bold{font-size:70%; line-height:160%; color: #666; font-weight: bold;}
body {
}

.m-text-blue{font-size:70%; line-height:160%; color: #2E95D6;}
.blue{color: #2E95D6;}
.l-text{font-size:90%; line-height:170%; color: #666;}
.l-text-blue{font-size:90%; line-height:170%; color: #2E95D6;}
.l-pos{float:left;}
.r-pos{float:right;}
.floatClear{clear:both; margin:0; padding:0;}
.space5{padding-bottom: 5px;}
.space10{padding-bottom: 15px;}
.space15{padding-bottom: 10px;}
.space20{padding-bottom: 20px;}
.space30{padding-bottom: 30px;}
.relaku-S{text-align:center; font-size:80%; line-height:160%; color: #95CE1F;}
.relaku-L{text-align:center; font-size:100%; line-height:180%; color: #95CE1F;}
.relaku-S-bottom{text-align:left; font-size:80%; line-height:160%; color: #95CE1F;}
.relaku-L-bottom{text-align:left; font-size:100%; line-height:180%; color: #95CE1F;}

body {
	 /* コンテンツ背景 最下到達用 */
	text-align:center;
	color: #666;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	width: auto;
}

h1{font-size:14pt; line-height:14pt; font-weight: bolder; margin-top: 0px; margin-bottom: 0px}
h2{font-size:12pt; line-height:12pt; font-weight: bolder; margin-top: 0px; margin-bottom: 0px}

	


.pagetop{font-size:80%; text-align:right;clear:both;
}

img {
	vertical-align: bottom; /* 画像下余白ナシ */
	border-style: none;
}

hr {
	border: 1px #f6f7f8 solid;
	clear: both; /* 予備 */
}

a:link , a:visited {
	text-decoration: none;
	color:#4A69CE;
}

a:active , a:hover {
	text-decoration: none;
	color:#4ACEC9;
}
.none { /* hrレイアウト崩れ防止 */
		display: none; /* ボックス無し */
	}

/* ■ 共通構成要素 ■ -------------------------------------------------- */

/* コンテナ */
#container {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 */
	margin: 0 auto; /* センタリング */
	width: 780px;
	height: auto; /* コンテンツ背景 最下到達用 */
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}

/* ヘッダー ------------------------------ */
#headerBlock{
	margin: 0 auto; /* センタリング */
	width: 820px;
	background-color: #46A6E9;
	font-size:8pt;
	color: #FFFFFF;
	height: 18px;
	background-image:url(../common/top_bg_container_side.gif);
}	
#headerBlock h1{
	display: inline;
	font-size:8pt;
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}
#headerBlock p{
	display: inline;
	font-size:8pt;
	color: #FFFFFF;
		margin:0px;
	padding:0px;
}

/* サブコンテナ */
#subContainer {
	width: 780px;
	margin-left:0px;
	margin-right:10px;
	height: auto;
}



/* ロゴトップ ------------------------------ */
#LogoBlock{
	width: 790px;
	height:131px;
}

#LogoBlock #Logotop {
	display:block;
	width: 205px;
	height: 101px;
	float: left;
	padding-left: 0px;
	text-align: left;
	padding-top: 10px;
	}
#LogoBlock #head_img h2{
	text-indent: -9999px;
}


#LogoBlock #graduatonhead_img h2{
	text-indent: -9999px;
}


#LogoBlock #Logotop h1{
	text-indent: -9999px;
}
	
	
/* パンくず ------------------------------ */	
	#pankuzu {
	padding-top: 25px;
	margin-top:0px;
	text-align:left;
	line-height:
}
	

/* ナビ ------------------------------*/

#LeftBlock {
	width: 210px;
	float: left;
	padding: 0px;
	text-align:left;
	}	

#navi ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#navi li { 
display : block; 
padding:0px; margin-bottom:2px; 
width:184px;
height:33px;
}
#navi a {
display:block; 
border-right:1px solid #4379BA;  
border-top:1px solid #4379BA;  
border-bottom:1px solid #4379BA;  
border-left:7px solid #4379BA;
background-color:#6E9ED6;
font-size:10pt;
padding-left:10px;
padding-top:8px;
text-decoration:none;
color:#FFF;
text-align:left;
height:31px;
}
#navi a:hover{
display:block; 
border-right:1px solid #4379BA; 
border-top:1px solid #4379BA;  
border-bottom:1px solid #4379BA;  
border-left:7px solid #4379BA;
background-color:#3E70BC;
font-size:10pt;
padding-left:10px;
padding-top:8px;
text-decoration:none;
color:#FFF;
text-align:left;
height:31px;
}


#banner{
width:184px;
padding:20px 0px 0px 0px;
}

#navi.kenkaku li{height: 90px!important;}	
	
/* お問い合わせとリラクリズムロゴ コンテンツ下部分------------------------------ */

#toiawaseBlock {
	margin-top:20px;
	padding-bottom:20px;
	width: 569px;
	float: right;
	text-align: left;
	}


#toiawaseBlock .logo{
	clear:both;
	width:300px;
	padding:0px;
	float:left;
}

#toiawaseBlock .honbun{
	width:257px;
	float:right;
	padding-top:10px;
	text-align: left;
	font-size:90%;
	line-height:160%;
	color: #93AABE;
}
	
/* フッターブロック ------------------------------ */

#footerBlock {
	background: #fff url(../common/bg_container_side.gif) repeat-y;  /*サイト両端影画像 */
	margin: 0 auto; /* センタリング */
	width: 800px;
	height: 100px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#footerBlock_link {
	width: 780px;
	text-align:center;
	padding:10px;
}

#footerBlock_copy {
	width: 800px;
	background-color: #46A6E9;
	padding-top:3px;
	padding-bottom:3px;
	color: #FFFFFF;
	font-size:8pt;
}

#footerBlock_address {
	float:left;
	width: 400px;
	text-align:left;
	font-size:10px;
	color: #707070;
	font-size:8pt;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 35px;
}

#footerBlock_policy {
	float:right;
	width: 330px;
	text-align:right;
	color: #707070;
	font-size:8pt;
	height: 35px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}


#wrapper   { width:450px; float : left ;}
#boxB      { width:100px; float : right ;font-size:80%; line-height:160%; color: #666;}
#boxC      { width:350px; float : left ; font-size:80%; line-height:160%; color: #666;}
#wrapper2   { width:550px; float : left ;}
#boxA      { width:350px; float : right ;font-size:80%; line-height:160%; color: #666;}
#boxD      { width:198px; float : left ; font-size:80%; line-height:160%; color: #666;}