* {
	margin: 0;
	padding: 0;

}

/*----------------------------------------------------------------------
基本レイアウト
----------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	line-height:140%;
	color: #444444;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 100.01%;
	background-color: #F3F5FF;
}
	

#bg {
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/bg.gif);
	background-repeat:repeat-y;
}


#wrapper {
	width: 780px;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
	border-top: 3px solid #122F87;
}






/*----------------------------------------------------------------------
あらかじめ定義しておくもの
----------------------------------------------------------------------*/


img {
	border: none;
	padding: 0;
}


sup {
	font-size: 65%;

}

.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}


/*----------------------------------------------------------------------
ie6の横スクロールを消す
----------------------------------------------------------------------*/

html{
	overflow-y: scroll;

} 



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

#header {
	padding: 0 0 0 0;
	height: 88px;
	/*background-color: #366CB2;
	background-image: url(../images/header_bg.gif);
	background-repeat:repeat-y;*/
}

#header .mainlogo {
	float: left;
	padding: 7px 0 0 10px;

}


/*サブナビ----------------------------------------------------------*/

#header .topnavi {
	float: right;
	width: 378px;


}

#header .topnavi ul {
	list-style-type: none;
	padding-right: 10px;
	

}


#header .topnavi ul li {
	float: left;
	font-size: 80%;
	padding: 2px 4px 12px 16px;
	

}


#header .topnavi ul li a.home {
	display: block;
	background-image: url(../images/icon_home.gif);
	background-repeat: no-repeat;
	padding: 0 0px 0px 22px;
	color: #444444;
	text-decoration: none;
	
}


#header .topnavi ul li a.pri {
	display: block;
	background-image: url(../images/icon_pri.gif);
	background-repeat: no-repeat;
	padding: 0 0px 0px 18px;
	color: #444444;
	text-decoration: none;

}


#header .topnavi ul li a.sitemap {
	display: block;
	background-image: url(../images/icon_sm.gif);
	background-repeat: no-repeat;
	padding: 0 0px 0px 21px;
	color: #444444;
	text-decoration: none;
	
}


#header .topnavi ul li a:hover {
	display: block;
	color: #999999;
	text-decoration: none;
	
}


/*
#header .logo_detail {
	clear: both;
	text-align: left;
	font-size: 80%;
	color: #666666;
	padding: 1px 0 0 13px;
}

#header .logo_detail span {
	color: #1f6803;
}
*/


h1 {
	clear: both;
	text-align: left;
	font-size: 80%;
	color: #666666;
	padding: 1px 0 0 13px;
}

h1 span {
	color: #1f6803;
}













/*----------------------------------------------------------------------
メインナビ
----------------------------------------------------------------------*/

#navi {
	clear: both;
}


#navi ul {
	list-style-type: none;
}


#navi ul li {
	float: left;
	padding: 0px 0 10px 0;

}


#navi li a {
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	/*overflow: hidden;*/
	display: block;
	width: 156px;
	height: 38px;
	padding: 0;

}

.out a {
	background: url(../images/nav_out.gif) 0 0 no-repeat;

}

.out a:hover {
	background: url(../images/nav_out.gif) 0 -38px no-repeat;

}

.out_this a {
	background: url(../images/nav_out.gif) 0 -38px no-repeat;

}

.out_this a:hover {
	background: url(../images/nav_out.gif) 0 -38px no-repeat;

}


.busi a {
	background: url(../images/nav_busi.gif) 0 0 no-repeat;

}

.busi a:hover {
	background: url(../images/nav_busi.gif) 0 -38px no-repeat;

}


.busi_this a {
	background: url(../images/nav_busi.gif) 0 -38px no-repeat;

}

.busi_this a:hover {
	background: url(../images/nav_busi.gif) 0 -38px no-repeat;

}


.de a {
	background: url(../images/nav_de.gif) 0 0 no-repeat;

}

.de a:hover {
	background: url(../images/nav_de.gif) 0 -38px no-repeat;

}


.de_this a {
	background: url(../images/nav_de.gif) 0 -38px no-repeat;

}

.de_this a:hover {
	background: url(../images/nav_de.gif) 0 -38px no-repeat;

}


.list a {
	background: url(../images/nav_list.gif) 0 0 no-repeat;

}

.list a:hover {
	background: url(../images/nav_list.gif) 0 -38px no-repeat;

}


.list_this a {
	background: url(../images/nav_list.gif) 0 -38px no-repeat;

}

.list_this a:hover {
	background: url(../images/nav_list.gif) 0 -38px no-repeat;

}


.form a {
	background: url(../images/nav_form.gif) 0 0 no-repeat;

}

.form a:hover {
	background: url(../images/nav_form.gif) 0 -38px no-repeat;

}


.form_this a {
	background: url(../images/nav_form.gif) 0 -38px no-repeat;

}

.form_this a:hover {
	background: url(../images/nav_form.gif) 0 -38px no-repeat;

}


/*クリック時のテキスト周りの点線を消す*/
#navi a:active, a:focus{
	outline:none;
	
}


/*----------------------------------------------------------------------
イメージエリア
----------------------------------------------------------------------*/

#image_area {
	clear: both;
	width:　760px;
	height: 260px;
	background-color: #ffffff;
	margin: 0 10px;
	text-align: center;
/*	background: url(../images/main.jpg) 0 0 no-repeat;
*/}


object,
embed {
	vertical-align: top;
	
}


/*----------------------------------------------------------------------
TOPコンテンツ
----------------------------------------------------------------------*/

#main_area {
	text-align: left;
	padding: 10px 0 0 12px;
	

}


#main_area #main_left {
	float: left;
	


}


#main_left .left_title {
	padding: 0 0 4px 0;


}



#main_left .new_area {
	width: 298px;
	height: 180px;
	border: 1px solid #dddddd;
	padding: 2px 10px;
	margin-top: 4px;
	margin-bottom: 15px;
	overflow: auto;

}


#main_left .new_area .new_date {
	text-align: left;
	padding: 8px 0 0 0;
	font-size: 80%;
	color: #7D9AF2;


}


#main_left .new_area .new_date a {
	text-decoration: underline;
	color: #7D9AF2;
}


#main_left .new_area .new_date a:hover {
	text-decoration: underline;
	color: #9fc0ff;
}


#main_left .new_area .new_text {
	text-align: left;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #dddddd;
	font-size: 75%;

}


#main_left .new_area .new_text a {
	text-decoration: underline;
	color: #0F43AF;

}


#main_left .new_area .new_text a:hover {
	text-decoration: underline;
	color: #3367D3;

}


#main_left #pronavi {
	padding-top: 5px;


}


#main_left #pronavi ul {
	list-style-type: none;


}


#main_left #pronavi ul li {
	padding: 0 0 8px 0;
	vertical-align: bottom;


}


#main_left #pronavi ul li a {
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	/*overflow: hidden;*/
	display: block;
	width: 320px;
	height: 50px;
	padding: 0;

}


a.se {
	background: url(../images/pro_se.gif) 0 0 no-repeat;

}


a.se:hover {
	background: url(../images/pro_se.gif) 0 0 no-repeat;
	background-position: 0 -50px;

}


a.soil {
	background: url(../images/pro_so.gif) 0 0 no-repeat;

}


a.soil:hover {
	background: url(../images/pro_so.gif) 0 0 no-repeat;
	background-position: 0 -50px;

}


a.drum {
	background: url(../images/pro_dr.gif) 0 0 no-repeat;

}


a.drum:hover {
	background: url(../images/pro_dr.gif) 0 0 no-repeat;
	background-position: 0 -50px;

}



a.toyo {
	background: url(../images/pro_to.gif) 0 0 no-repeat;

}


a.toyo:hover {
	background: url(../images/pro_to.gif) 0 0 no-repeat;
	background-position: 0 -50px;

}




#main_area #main_right {
	float: right;
	padding: 0 11px 0 0;
	

}


#main_right .right_title {
	padding: 0 0 4px 0;


}


#main_right .top_table {
	width: 410px;
	border-bottom: 1px dotted #eeeeee;
	
}


#main_right .top_table .top_image {
	text-align: left;
	padding: 10px 0;
	width: 165px;
	vertical-align: top;
	

}

#main_right .top_table .top_image a:hover {
	position: relative;
	top: 1px;
	right: 1px;
	

}


#main_right .top_table .top_image2 {
	text-align: right;
	padding: 10px 0;
	width: 165px;
	vertical-align: top;

}


#main_right .top_table .top_image2 a:hover {
	position: relative;
	top: 1px;
	left: 1px;

}



#main_right .top_table .top_title {
	text-align: left;
	font-size: 105%;
	letter-spacing: 0.05em;
	padding: 6px 0 1px 3px;
	font-weight: bold;
	border-bottom: 1px solid #009933;
	vertical-align: bottom;

}


#main_right .top_table .top_title a {
	display: block;
	color: #006633;
	text-decoration: none;
}


#main_right .top_table .top_title a:hover {
	color: #009933;
	text-decoration: none;


}


#main_right .top_table .top_title img {
	padding: 0 0 7px 0;


}




#main_right .top_table .top_detail {
	text-align: left;
	font-size: 80%;
	padding: 3px 0 0 15px;
	vertical-align: top;

}


/*----------------------------------------------------------------------
住所
----------------------------------------------------------------------*/

#address_area {
	clear: both;
	border-top: 1px solid #122F87;
	margin-top: 10px;


}


#address_area .address {
	font-size: 80%;
	color: #444444;
	text-align: right;
	padding: 8px 9px 5px 0;
	line-height: 150%;


}

#address_area .address a {
	color: #7D9AF2;
	text-decoration: none;


}

#address_area .address a:hover {
	color: #A1BEFF;
	text-decoration: underline;


}


#address_area .address img {
	padding: 0 0 4px 0;


}



/*----------------------------------------------------------------------
フッター
----------------------------------------------------------------------*/

#footer {
	color: #444444;
	text-align: right;
	font-size: 65%;
	padding: 1px 7px 0 0;
	background-image: url(../images/footer_bg.gif);

}



/*----------------------------------------------------------------------
中ページタイトル
----------------------------------------------------------------------*/

h2 {
	text-indent: -9999px;
	width: 750px;
	height: 90px;
	margin: 0 0 10px 0;

}


h2.out {
	background: url(../images/out_title.jpg) 0 0 no-repeat;


}

h2.com {
	background: url(../images/com_title.jpg) 0 0 no-repeat;


}

h2.con {
	background: url(../images/con_title.jpg) 0 0 no-repeat;


}

h2.de {
	background: url(../images/de_title.jpg) 0 0 no-repeat;


}

h2.list {
	background: url(../images/list_title.jpg) 0 0 no-repeat;


}

h2.rec {
	background: url(../images/rec_title.jpg) 0 0 no-repeat;


}

h2.form {
	background: url(../images/form_title.jpg) 0 0 no-repeat;


}

h2.sm {
	background: url(../images/sm_title.jpg) 0 0 no-repeat;


}

h2.pri {
	background: url(../images/pri_title.jpg) 0 0 no-repeat;


}


h2.se {
	background: url(../images/se_title.jpg) 0 0 no-repeat;


}

h2.soil {
	background: url(../images/soil_title.jpg) 0 0 no-repeat;


}

h2.drum {
	background: url(../images/drum_title.jpg) 0 0 no-repeat;


}


h2.toyo {
	background: url(../images/toyo_title.jpg) 0 0 no-repeat;


}




/*----------------------------------------------------------------------
中ページコンテンツ
----------------------------------------------------------------------*/

#contents {
	clear: both;
	text-align: center;
	margin: 7px 15px;
	width: 750px;
	/*height: 420px;
	overflow: auto;*/
	/*background-color: #dddddd;*/



}
　



/*----------------------------------------------------------------------
ページトップに戻るアンカーの設定
----------------------------------------------------------------------*/

.gototop {
	clear: both;
	text-align: right;


}

.gototop a {
	font-size: 70%;
	text-decoration: none;
	color: #999999;
	border: 1px solid #999999;
	padding: 3px 10px 2px 6px;
	margin: 0 8px 0 0;
}

.gototop a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #999999;
	padding: 3px 10px 2px 6px;
	background-color: #cccccc;

	
}