@charset "Shift_JIS";

@import url(cmn.css);

/*---------------------------- index ---------------------------------*/

#flashcontent{
	height: 326px;
	width: 713px;
	margin-top: -65px
	margin-bottom: 20px;
}

#flashcontent div{
	background: url(../images/index_images/fl.jpg) 0 0 no-repeat;
	height: 326px;
	width: 713px;
	margin-bottom: 20px;
}

#index #conL2{
	width: 345px;
	float: left;
}

#index #conR2{
	width: 345px;
	float: right;
}

#index #co1{
	height: 30px;
	width: 345px;
	background: url(../images/index_images/c1.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

#index #co2{
	height: 30px;
	width: 345px;
	background: url(../images/index_images/c2.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

#index #co2_2{
	height: 30px;
	width: 345px;
	background: url(../images/index_images/c2_2.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

#index #co3{
	height: 30px;
	width: 713px;
	background: url(../images/index_images/c3.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

.blog{
	height: 206px;
	overflow: auto;
	margin-bottom: 20px;
}

.blog2{
	height: 206px;
	overflow: auto;
}

.blog p, .blog2 p{
	background: url(../images/cmn_images/hr2.gif) 0 100% repeat-x;
	padding: 0 0 5px;
	margin-bottom: 5px;
	clear: both;
}	


#index #co4{
	height: 30px;
	width: 345px;
	background: url(../images/index_images/c4.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

#index #co5{
	height: 30px;
	width: 345px;
	background: url(../images/index_images/c5.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

#index #co1m{
	display: block;
}

#index #co1m li{
	display: block;
	height: 98px;
	text-align: left;
}

#index #co1m{
	width: 435px;
	display: block;
}

#index #co1m li{
	display: block;
	height: 110px;
	width: 432px;
	margin: 0 auto 10px;
	background: url(../images/cmn_images/hr2.gif) 0 100% repeat-x;
}

#index #co1m a{
	display: block;
	height: 98px;
	width: 432px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#index #co1m a:hover{
	background-position: 0 100%;
}

#index #co1_1 a{
	background-image: url(../images/index_images/c1_1.jpg);
}

#index #co1_2 a{
	background-image: url(../images/index_images/c1_2.jpg);
}

#index #co1_3 a{
	background-image: url(../images/index_images/c1_3.jpg);
}

#index #co1_4 a{
	background-image: url(../images/index_images/c1_4.jpg);
}

#index #news{
	overflow: auto;
	height: 470px;
}

#index #news p{
	background: url(../images/cmn_images/hr2.gif) 0 100% repeat-x;
	padding: 0 0 5px;
	margin-bottom: 5px;
	clear: both;
}

#index #co3_1{
	width: 230px;
	float: left;
	font-size: 11px;
	line-height: 150%;
}

#index #co3_2{
	width: 230px;
	float: left;
	margin-left: 12px;
	font-size: 11px;
	line-height: 150%;
}

#index #co3_3{
	width: 230px;
	float: right;
	font-size: 11px;
	line-height: 150%;
}

#index #co3_1 a{
	background: url(../images/index_images/c3_1.jpg) 0 0 no-repeat;
	display: block;
	width: 230px;
	padding-top: 60px;
}

#index #co3_2 a{
	background: url(../images/index_images/c3_2.jpg) 0 0 no-repeat;
	display: block;
	width: 230px;
	padding-top: 60px;
}

#index #co3_3 a{
	background: url(../images/index_images/c3_3.jpg) 0 0 no-repeat;
	display: block;
	width: 230px;
	padding-top: 60px;
}