/*---import CSS-----------------------------------*/
@import "base_layout.css";
@import "common_parts.css";
/*---import CSS-----------------------------------*/

/*---main image-----------------------------------*/

#TopMainimg_box{
	width: 900px;
	height: 400px;
	margin: 30px 50px 45px 50px;
	padding: 0px;
	display: block;
	overflow: hidden;
	background: url(../images/main_img/main_top.jpg) no-repeat center top;
	}
	
/*---Top Banner Article-----------------------------------*/
#TopBannerArticle{
	width: 510px;
	margin: 0px 10px 30px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	}
	
#TopBannerArticle .TopBannerLine{
	width: 510px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	}
	
#TopBannerArticle .TopBannerLine02{
	width: 500px;
	height: 100px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	}
	
#TopBannerArticle .TopBannerBox_L,
#TopBannerArticle .TopBannerBox_C{
	width: 170px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	}
	
#TopBannerArticle .TopBannerBox_R{
	width: 170px;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: right;
	}
	
#TopBannerArticle .TopBannerBox_L_02{
	width: 245px;
	height: 100px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: left;
	}
	
#TopBannerArticle .TopBannerBox_R_02{
	width: 245px;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
	float: right;
	}

#banner_takimoto a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/takimoto.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_takimoto a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/takimoto_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_fuda a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/fuda.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_fuda a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/fuda_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_taiyou a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/taiyou.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_taiyou a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/taiyou_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_yuntaku a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/yuntaku.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_yuntaku a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/yuntaku_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_nuchina a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/nuchina.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_nuchina a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/nuchina_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_akansasu a{
	width: 170px;
	height: 170px;
	background: url(../images/banner/akansasu.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_akansasu a:hover{
	width: 170px;
	height: 170px;
	background: url(../images/banner/akansasu_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_umairu a{
	width: 245px;
	height: 100px;
	background: url(../images/banner/umairu.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_umairu a:hover{
	width: 245px;
	height: 100px;
	background: url(../images/banner/umairu_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_nirai a{
	width: 245px;
	height: 100px;
	background: url(../images/banner/nirai.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_nirai a:hover{
	width: 245px;
	height: 100px;
	background: url(../images/banner/nirai_on.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
/*---Topmain news-----------------------------------*/
#TopRightContents{
	width: 380px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	display: block;
	float: right;
	}
	
#TopTextArticle{
	width: 380px;
	height: 310px;
	margin: 0px auto 10px auto;
	padding: 0px;
	overflow: hidden;
	display: block;
	background-color: #ffffff;
	}
	
h2#news{
	width: 380px;
	height: 30px;
	margin: 0px auto 10px auto;
	padding: 0px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(../images/title/news.png) no-repeat center top;
	}
	
#newsArticle{
	width: 340px;
	height: 280px;
	margin: 10px auto 20px auto;
	padding: 0px;
	overflow: auto;
	display: block;
	font-size: 14px;
	line-height: 1.7;
	}
	
#yoyakuBox{
	width: 380px;
	height: 130px;
	background: url(../images/banner/yoyaku_bg.jpg) no-repeat center top;
	padding: 40px 0px 0px 0px;
	text-indent: -9999px;
	display: block;
	}
	
#yoyakuArticle{
	width: 270px;
	height: 80px;
	margin: 0px 0px 0px 100px;
	display: block;
	}
	
#banner_yoyaku{
	width: 270px;
	height: 50px;
	display: block;
	}
	
#banner_yoyaku a{
	width: 270px;
	height: 50px;
	background: url(../images/banner/yoyaku.jpg) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_yoyaku a:hover{
	width: 270px;
	height: 50px;
	background: url(../images/banner/yoyaku_on.jpg) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_yoyaku_system{
	width: 270px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	display: block;
	}
	
#banner_yoyaku_system a{
	width: 270px;
	height: 20px;
	background: url(../images/banner/system.jpg) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
#banner_yoyaku_system a:hover{
	width: 270px;
	height: 20px;
	background: url(../images/banner/system_on.jpg) no-repeat center top;
	text-indent: -9999px;
	display: block;
	}
	
	/*IE6—p*/
	#menu ul {
		behavior: url("csshover.htc");
		}
	*html #menu ul li ul {
		margin: 0 8px 0 0;
		width: 158px;
		}
	*html #menu ul li ul li a{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		width: 158px;
		}