@charset "UTF-8";

/*-----------------------------------------
共通指定
-----------------------------------------*/

*{
	margin:0;
	padding:0;
	outline:none;
	}

html {
	overflow-y:scroll;
	}

html img{
	vertical-align:middle;
	border:none;
	}	

body{
	letter-spacing:normal;
	font-size: small;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.7;
	background-color:#ffffff;
	background:url(../images/bg_main.gif) repeat-x;
	margin-bottom:40px;
	color:#333333;
	}

* + html body {
	font-family: "メイリオ","Meiryo";
	font-size:75%;
	}
	
a{
	color:#2e65c9;
	}	

a:hover{
	text-decoration:underline;
	color:#F90;
	}

/*-----------------------------------------
フォントの指定
-----------------------------------------*/
	
.red{
	color:#FF0000;
	}	

/*-----------------------------------------
marginの指定
-----------------------------------------*/
	
.mar_l{
	margin-left:3px;
	}	

/*-----------------------------------------
clearfixの指定
-----------------------------------------*/

.clearfix:after,#threebox:after,#twobox:after,#twobox:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

.clearfix,#threebox,#twobox{
	display:inline-block;
	position:relative;
	}

/* Hides from IE-mac ¥*/
* html .clearfix,#threebox,#twobox{
	height:1%;
	}

.clearfix,#threebox,#twobox{
	display:block;
	}
/* End hide from IE-mac */


/*-----------------------------------------
枠
-----------------------------------------*/

#wrapper{
	position:relative;
	margin:0 auto;
	width:920px;
	height:auto;
	}

/*-----------------------------------------
ヘッダー
-----------------------------------------*/

#header{
	position:relative;
	width:920px;
	height:auto;
	}

h1{
	width:auto;
	height:22px;
	background-color:#f0f0f0;
	font-size:11px;
	font-weight:normal;
	padding-left:5px;
	padding-top:3px;
	color:#333333;
	}	

h2#logo{
	width:auto;
	height:51px;
	padding:20px 0 0 0;
	}

#ecoroof{
	position:absolute;
	left: 834px;
	top: 0;
	}
		
/*-----------------------------------------
ヘッダーメニュー
-----------------------------------------*/

#gnav{
	width:920px;
	height:38px;
	}
	
#top_nav{
	position:absolute;
	height:13px;
	left: 729px;
	top: 32px;
	width: 197px;
	font-size:11px;
	}

#top_nav .top{
	position:absolute;
	}	

#top_nav a{
	color:#2e65c9;
	}

#top_nav a:hover{
	text-decoration:underline;
	color:#F90;
	}

#top_nav img{
	vertical-align:middle;
	}	

#gnav ul,#header_nav ul,#top_nav ul{
	list-style:none;
	}	
	
#gnav li,#header_nav li,#top_nav li{
	float:left;
	}	

#top_nav li{
	margin-left:10px;
	}	

#top_nav li img{
	margin-right:3px;
	}	

#sitesearch{
	position:absolute;
	left: 721px;
	top: 61px;
	width: 274px;
	}	

#sitesearch #w_search{
	width:150px;
	}	

	
/*-----------------------------------------
ぱんくず
-----------------------------------------*/

#pan{
	position:absolute;
	left: 45px;
	top: 3px;
	width: 754px;
	font-size:11px;
	}	

#pan ul{
	list-style:none;
	}
	
#pan li{
	float:left;
	color:#666666;
	}

#pan li a{
	color:#2e65c9;
	text-decoration:none;
	}	
		
#pan li a:hover{
	color:#FF9966;
	}		
		
/*-----------------------------------------
メイン
-----------------------------------------*/

#main{
	position:relative;
	width:920px;
	height:auto;
	}
		
#innermain{
	width:920px;
	height:146px;
	}

h4.bar{
	width:692px;
	height:33px;
	margin-bottom:20px;
	}
	
/*--------------
3カラム
--------------*/

#twobox{
	width:920px;
	_width:922px;
	height:auto;
	}

/*--------------
左カラム
---------------*/

#leftbox{
	position:absolute;
	float:left;
	width:188px;
	height:auto;
	margin-bottom:40px;
	top:280px;
	}	

#leftbox ul{
	list-style:none;
	}

/*------------
右カラム
-------------*/
	
#rightbox{
	float:right;
	width:692px;
	height:auto;
	margin-bottom:30px;
	padding:20px 20px 0 20px;
	min-height:500px;
	}			

#rightbox p{
	margin:10px 0;
	}	

#rightbox ul{
	list-style:none;
	}

#rightbox #overbox li,#rightbox #bottombox li{
	float:left;
	}	

#rightbox #overbox img,#rightbox #bottombox img{
	margin:0 10px 10px 0;
	}	

#rightbox #overbox img.nomar,#rightbox #bottombox img.nomar{
	margin-right:0;
	}	

#rightbox.catetop{
	margin-bottom:30px;
	min-height:300px;
	}	

#overbox{
	height:auto;
	}

#bottombox{
	height:auto;
	}	

#search{
	width:500px;
	height:30px;
	margin-left:20px;
	margin-top:20px;
	}
		
#return{
	margin-top:30px;
	margin-left:570px;
	}

#return img{
	vertical-align:top;
	}	

/*------------
タブメニュー
-------------*/

#tabmenu{
	width:692px;
	height:30px;
	margin-bottom:20px;
	}
	
#tabmenu ul{
	list-style:none;
	border-bottom:1px solid #CCCCCC;
	height:29px;
	}
	
#tabmenu li{
	float:left;
	}
	
				
/*-----------------------------------------
フッター
-----------------------------------------*/

#footer{
	clear:both;
	position:relative;
	width:920px;
	height:auto;
	}	
	
.footer_nav{
	margin:0 auto;
	font-size:11px;
	}

.footer_nav a{
	text-decoration:none;
	color:#003399;
	}
	
.footer_nav a:hover{
	color:#F90;
	text-decoration:underline;
	}
		
.footer_nav ul{
	list-style:none;
	}	
	
.footer_nav li{
	float:left;
	list-style:none;
	}
			
address{
	font-style:normal;
	font-size:11px;
	text-align:right;
	}	

#linebox{
	width:auto;
	height:36px;
	border-bottom:1px solid #a0a0a0;
	border-top:1px solid #a0a0a0;
	margin-top:-27px;
	}	
	
	
/*-----------------------------------------
印刷設定
-----------------------------------------*/

@media print{

body{
	width:auto;
	}

}