@charset "shift_jis";
/*======================================

  CSS Document
  2011.02.14 Min heejung
  http://www.b-cause.jp/
  
  ------------------------------------
  2-1. layout
  2-2. header
  2-3. left
  2-4. contents	
  2-5. footer
======================================*/

/* ----------   cleafix   ---------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*+html .clearfixplus{
	margin-bottom:-1em;
	font-size: 10px;
	line-height: 1em;
}
* html .clearfixplus{
	margin-bottom:-1em;
	font-size: 10px;
	line-height: 1em;
}
.clearfix {
	display: block;
}

/*======================================

	2-1. layout
	
=======================================*/

body{  }

div#wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
}


div#header{
	width: 980px;
	height: 144px;
	background: url(../img/top/top.jpg) no-repeat;
}


div#top_conheader a{
	width: 980px;
	height: 280px;
	background: url(../img/top/flash_bg.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
}

div#sub_conheader a{
	width: 980px;
	height: 121px;
	background: url(../img/contents/sub_main.jpg) no-repeat;
	display: block;
	text-indent: -9999px;
}


div#left{
	width: 200px;
	background: url(../img/top/left_bg.jpg) no-repeat top;	
	float:left;
}

div#main{
	width: 720px;
	height: auto;
	padding: 0 30px 0 30px;
	float:left;
	background: #FFF;
	overflow: hidden;
}


div#contents{
	width: 980px;
	height: auto;
	background: #FFF;
}

div#footer{
	width: 100%;
	clear: both;
	background: #2c568d;
	text-align: center;
	color: #FFF;
	padding: 10px 0 10px 0;
	margin-bottom: 15px;
	line-height: 17px;
}


/*======================================

	2-2. header
	
=======================================*/

div#header img{	width: 144px; height: 144px; display: block; float: left; }
div#header h1{ width: 655px; height: 39px; display: block; float: left; font-size:12px; line-height:16px; padding: 20px 0 0 20px; }
div#header strong{ width: 638px; height: 29px; display: block; float: left; font-size:12px; color:#FFF; padding-left: 37px; }
div#header p{ width: 160px; height: 51px; display: block; float: left; font-size:12px; color:#FFF; color:#CCC; padding: 8px 0 0 1px;  }
div#header p a,div#header p a:hover,div#header p a:visited{ color:#FFF;}
div#header b{ width: 156px; height: 27px; display: block; float: left; padding: 2px 0 0 5px; }

/*-------------------------
	global Navi
--------------------------*/

div#globalNavi{
	width: 836px;
	height: 56px;
	display: block;
	float: left;
	
}

	div#globalNavi ul li{		
	width: auto;
	height: 56px;
	float: left;
	}
	
	div#globalNavi ul li a{
		height: 56px;
		display: block;
		text-indent: -9999px;
		background: url(../img/top/top_menu.jpg);
	}
	
		
	/*基本*/
	div#globalNavi ul li#gnv01 a{ background-position: 0 0; width:176px; }
	div#globalNavi ul li#gnv02 a{ background-position: -176px 0; width:133px; }
	div#globalNavi ul li#gnv03 a{ background-position: -309px 0; width:128px; }
	div#globalNavi ul li#gnv04 a{ background-position: -437px 0; width:141px; }
	div#globalNavi ul li#gnv05 a{ background-position: -578px 0; width:97px; }
	div#globalNavi ul li#gnv06 a{ background-position: -675px 0; width:161px; }
	
	/*マウス オン*/
	div#globalNavi ul li#gnv01 a:hover{ background-position: 0 -56px!important; }
	div#globalNavi ul li#gnv02 a:hover{ background-position: -176px -56px!important; }
	div#globalNavi ul li#gnv03 a:hover{ background-position: -309px -56px!important; }
	div#globalNavi ul li#gnv04 a:hover{ background-position: -437px -56px!important; }
	div#globalNavi ul li#gnv05 a:hover{ background-position: -578px -56px!important; }
	div#globalNavi ul li#gnv06 a:hover{ background-position: -675px -56px!important; }
	
	/*現在ページ*/
	body#bg01 div#globalNavi ul li#gnv01 a{ background-position: 0 -56px; }
	body#bg02 div#globalNavi ul li#gnv02 a{ background-position: -176px -56px; }
	body#bg03 div#globalNavi ul li#gnv03 a{ background-position: -309px -56px; }
	body#bg04 div#globalNavi ul li#gnv04 a{ background-position: -437px -56px; }
	body#bg05 div#globalNavi ul li#gnv05 a{ background-position: -578px -56px; }
	body#bg06 div#globalNavi ul li#gnv06 a{ background-position: -675px -56px; }


/*======================================

	2-3. left
	
=======================================*/

div#leftNavi{
	width: 200px;
	height: 588px;
	display: block;
	float: left;
	
}

	div#leftNavi ul li{		
	width: 200px;
	height: auto;
	float: left;
	background: url(../img/top/left_menu.jpg);
	}
	
	div#leftNavi ul li a{	
		width: 200px;
		display: block;
		text-indent: -9999px;
		background: url(../img/top/left_menu.jpg);
		overflow: hidden;
	}
	
		
	/*基本*/
	div#leftNavi ul li#gnv01 { background-position: 0 0; height:42px; text-indent: -9999px; }
	div#leftNavi ul li#gnv02 a{ background-position: 0 -42px; height:26px; }
	div#leftNavi ul li#gnv03 a{ background-position: 0 -68px; height:26px; }
	div#leftNavi ul li#gnv04 a{ background-position: 0 -94px; height:23px; }
	div#leftNavi ul li#gnv05 a{ background-position: 0 -117px; height:23px; }
	div#leftNavi ul li#gnv06 a{ background-position: 0 -140px; height:23px; }
	div#leftNavi ul li#gnv07 a{ background-position: 0 -163px; height:23px; }
	div#leftNavi ul li#gnv08 a{ background-position: 0 -186px; height:23px; }
	div#leftNavi ul li#gnv09 a{ background-position: 0 -209px; height:23px; }
	div#leftNavi ul li#gnv10 a{ background-position: 0 -232px; height:23px; }
	div#leftNavi ul li#gnv11 a{ background-position: 0 -255px; height:23px; }
	div#leftNavi ul li#gnv12 a{ background-position: 0 -278px; height:23px; }
	div#leftNavi ul li#gnv13 a{ background-position: 0 -301px; height:26px; }
	div#leftNavi ul li#gnv14 a{ background-position: 0 -327px; height:26px; }
	div#leftNavi ul li#gnv15 a{ background-position: 0 -353px; height:26px; }
	div#leftNavi ul li#gnv16 a{ background-position: 0 -379px; height:26px; }
	div#leftNavi ul li#gnv17 a{ background-position: 0 -405px; height:26px; }
	div#leftNavi ul li#gnv18 a{ background-position: 0 -431px; height:26px; }
	div#leftNavi ul li#gnv19 a{ background-position: 0 -457px; height:26px; }
	div#leftNavi ul li#gnv20 a{ background-position: 0 -483px; height:26px; }
	div#leftNavi ul li#gnv21 a{ background-position: 0 -509px; height:45px; }
	div#leftNavi ul li#gnv22 a{ background-position: 0 -554px; height:26px; }
	
	/*マウス オン*/
	div#leftNavi ul li#gnv01 a:hover{ background-position: 0 0!important; }
	div#leftNavi ul li#gnv02 a:hover{ background-position: -200px -42px; height:26px!important; }
	div#leftNavi ul li#gnv03 a:hover{ background-position: -200px -68px; height:26px!important; }
	div#leftNavi ul li#gnv04 a:hover{ background-position: -200px -94px; height:23px!important; }
	div#leftNavi ul li#gnv05 a:hover{ background-position: -200px -117px; height:23px!important; }
	div#leftNavi ul li#gnv06 a:hover{ background-position: -200px -140px; height:23px!important; }
	div#leftNavi ul li#gnv07 a:hover{ background-position: -200px -163px; height:23px!important; }
	div#leftNavi ul li#gnv08 a:hover{ background-position: -200px -186px; height:23px!important; }
	div#leftNavi ul li#gnv09 a:hover{ background-position: -200px -209px; height:23px!important; }
	div#leftNavi ul li#gnv10 a:hover{ background-position: -200px -232px; height:23px!important; }
	div#leftNavi ul li#gnv11 a:hover{ background-position: -200px -255px; height:23px!important; }
	div#leftNavi ul li#gnv12 a:hover{ background-position: -200px -278px; height:23px!important; }
	div#leftNavi ul li#gnv13 a:hover{ background-position: -200px -301px; height:26px!important; }
	div#leftNavi ul li#gnv14 a:hover{ background-position: -200px -327px; height:26px!important; }
	div#leftNavi ul li#gnv15 a:hover{ background-position: -200px -353px; height:26px!important; }
	div#leftNavi ul li#gnv16 a:hover{ background-position: -200px -379px; height:26px!important; }
	div#leftNavi ul li#gnv17 a:hover{ background-position: -200px -405px; height:26px!important; }
	div#leftNavi ul li#gnv18 a:hover{ background-position: -200px -431px; height:26px!important; }
	div#leftNavi ul li#gnv19 a:hover{ background-position: -200px -457px; height:26px!important; }
	div#leftNavi ul li#gnv20 a:hover{ background-position: -200px -483px; height:26px!important; }
	div#leftNavi ul li#gnv21 a:hover{ background-position: -200px -509px; height:45px!important; }
	div#leftNavi ul li#gnv22 a:hover{ background-position: -200px -554px; height:26px!important; }

div#left_title{ width:200px; height: 50px; background: url(../img/contents/sub_ren.jpg) 0 13px no-repeat; clear: both; }
div#left_titlecon{ width:168px; height: 138px; background: #fcfcfc; border: 1px solid #c6c6c6; line-height: 18px; padding: 15px; font-size:13px; }
div#left_titlecon b{ font-weight: bold; margin-top: 5px; display:block; }


div#left_banner a{ width:200px; height: 44px; background: url(../img/contents/sub_mitumori.jpg) no-repeat; display:block; text-indent: -9999px; clear: both; margin: 13px 0 25px 0; }

/*======================================

	2-4. contents
	
=======================================*/
.quickmenu{ width: 720px; height: 25px; clear: both; text-align: right; padding-top: 3px; }
.quickmenu a,.quickmenu a:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #2c568d; float: right; margin-left:5px; font-size:12px; }
.quickmenu a:hover,.quickmenu a.white:hover{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #666666; float: right; margin-left:5px; font-size:12px; }
.quickmenu a.white,.quickmenu a.white:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #5a88c5; float: right; margin-left:5px; font-size:12px; }

.quickmenu2{ width: 720px; height: 25px; clear: both; text-align: right; padding-top: 3px; margin-bottom:15px; }
.quickmenu2 a,.quickmenu2 a:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #338670; float: right; margin-left:5px; font-size:12px; }
.quickmenu2 a:hover,.quickmenu2 a.white:hover{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #666666; float: right; margin-left:5px; font-size:12px; }
.quickmenu2 a.white,.quickmenu2 a.white:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #62bda5; float: right; margin-left:5px; font-size:12px; }


h2#title01{ width:720px; height:50px; background: url(../img/top/top_title01.jpg) 0 10px no-repeat; text-indent: -9999px; }

.title01_con{ width:713px; line-height: 17px; padding: 0 0 13px 7px; }

.title01_sub01{ width:224px; height: 420px; border-right: #e3e3e3 solid 1px; float:left; background: url(../img/top/mainsub_title01.jpg) 13px 5px no-repeat; padding-left: 20px; }
.title01_submain01{ width:224px; height: 40px; text-indent: -9999px; }
.title01_sub01 a{ width: 91px; height:22px; background: url(../img/top/dot01.jpg) 0 3px no-repeat; padding-left: 19px; line-height: 22px; display:block; float:left; }

.title01_sub02{ width:224px; height: 420px; border-right: #e3e3e3 solid 1px; float:left; background: url(../img/top/mainsub_title02.jpg) 8px 5px no-repeat; padding-left: 16px; }
.title01_submain02{ width:224px; height: 40px; text-indent: -9999px; }
.title01_sub02 a{ width: 91px; height:22px; background: url(../img/top/dot01.jpg) 0 3px no-repeat; padding-left: 19px; line-height: 22px; display:block; float:left; }

.title01_sub03{ width:214px; height: 420px; float:left; background: url(../img/top/mainsub_title03.jpg) 8px 5px no-repeat; padding-left: 20px; }
.title01_submain03{ width:214px; height: 40px; text-indent: -9999px; }
.title01_sub03 a{ width: 192px; height:22px; background: url(../img/top/dot01.jpg) 0 3px no-repeat; padding-left: 19px; line-height: 22px; display:block; float:left; }


h2#title02{ width:720px; height:50px; background: url(../img/top/top_title02.jpg) 0 10px no-repeat; text-indent: -9999px; clear:both; }
.title02_con{ width:713px; line-height: 17px; padding: 0 0 13px 7px; }
.title02_con02{ width:720px; height:180px; background: url(../img/top/main_con_bg01.jpg) no-repeat;  float:left;}
.title02_con02 a{width:176px; height:18px; float:left; padding: 35px 0 0 63px; display:block; }


h2#title03{ width:356px; height:45px; background: url(../img/top/top_title03.jpg) 0 10px no-repeat; text-indent: -9999px; float:left;}
h2#title04{ width:364px; height:45px; background: url(../img/top/top_title04.jpg) 8px 10px no-repeat; text-indent: -9999px; float:left;}

.title03_sub01{ width:354px; height: 115px; border: #c6c6c6 solid 1px; background: #fcfcfc; float:left; padding-top: 7px; margin-bottom: 20px; }
.title03_sub01 a{ width: 142px; height: 18px; background: url(../img/top/dot02.jpg) 16px 5px no-repeat; padding-left: 32px; line-height: 18px; display:block; float:left; }

h2#title05{ width:720px; height:50px; background: url(../img/top/top_title02b.jpg) 0 10px no-repeat; text-indent: -9999px; clear:both; }

.title05_sub01{ width:700px; margin: 0 10px 30px 10px; height: 82px; border: #c6c6c6 solid 1px; background: #fcfcfc; float:left; padding-top: 7px; margin-bottom: 20px; }
.title05_sub01 a{ width: 142px; height: 25px; background: url(../img/top/dot02.jpg) 16px 7px no-repeat; padding-left: 32px; line-height: 25px; display:block; float:left; }


.title04_sub01 a{ width:344px; height: 117px; background: url(../img/top/main_con_bg02.jpg) 8px 0 no-repeat; float:left; padding: 7px 0 0 20px; line-height: 17px; display: block; }
.title04_sub01 b{ font-weight: bold; margin-top: 5px; display:block; }

.quickmenu02{ width: 720px; height: 25px; clear: both; text-align: right; padding: 10px 0 25px 0;  }
.quickmenu02 a,.quickmenu02 a:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #1b5c42; float: right; margin-left:5px; font-size:12px; }
.quickmenu02 a:hover,.quickmenu02 a.white:hover{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #666666; float: right; margin-left:5px; font-size:12px; }
.quickmenu02 a.white,.quickmenu02 a.white:visited{ display:block; padding: 2px 7px 2px 7px; color: #FFF; background: #3d8e6d; float: right; margin-left:5px; font-size:12px; }


div#sub_quick{ width: 720px; padding-top:10px; color: #7e7e7e; border-bottom: 3px double #e3e3e3; margin-bottom: 20px; clear:both; }
div#sub_quick a,div#sub_quick a:visited{ color: #595959; }
div#sub_quick a:hover{ color: #5a88c5; }

	
/*======================================

	2-5. footer
	
=======================================*/

div#footer a,div#footer a:visited{ color:#FFF; }
div#footer a:hover{ color:#97b0d2; }