@charset "UTF-8";
/* CSS Document */

/*
==========================================================
メインメニュー&フラッシュ
==========================================================
*/

#top {
	height: 385px;
	width: 100%;
	background-image: url(../top_image/top.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	clear: both;
	margin: 0px;
}

#top .mov {
	height: 350px;
	width: 880px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	margin-top: 0px;
	padding-top: 14px;
}


/*
==========================================================
コンテンツ領域
==========================================================
*/

#container #left {
margin: 0px;
padding: 0px;
float: left;
width: 618px;
}

#container #right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 254px;
}


/*
==========================================================
左(トピックス)
==========================================================
*/

#container #left {
	padding: 0px;
	margin: 0px;
	width: 618px;
}

#container #left h3 {
	padding: 0px;
	height: 44px;
	width: 618px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url(../top_image/topics_obi.jpg);
	display: block;
	overflow: hidden;
}
#container #left h3 img {
	padding: 0px;
	float: right;
	height: 24px;
	width: 120px;
	margin-top: 11px;
	margin-right: 13px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#container #left #topics {
	margin: 0px;
	padding: 0px;
	width: 618px;
	overflow: hidden;
}
#container #left #topics dl {
height: 90px;
width: 560px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
margin: 10px 0px 0px 15px;
padding: 0px;
}
#container #left #topics dt {
float: left;
height: 50px;
width: 50px;
margin: 0px;
padding: 0px;
}
#container #left #topics dd {
font-size: 12px;
line-height: 20px;
font-weight: normal;
color: #333333;
text-align: left;
}
#container #left #topics dd.title{
background-image: url(../topics/image/topic_point.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
text-align: left;
text-indent: 25px;
float: left;
margin: 0px;
padding: 0px;
width: 480px;
height: 25px;
}
#container #left #topics dd.comment a{
text-decoration: underline;
float: left;
width: 450px;
margin: 0px 0px 0px 30px;
padding: 0px;
}



/*
==========================================================
右(コンテンツバナー)
==========================================================
*/

#container #banner {
	padding: 0px;
	width: 254px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	height: 235px;
}

#container #banner ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#container #banner li {
	padding: 0px;
	height: 104px;
	width: 254px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#container #banner li a {
display: block;
height: 104px;
width: 254px;
}

#container #banner li a:hover {
background-position: 0px -104px;
}

#container #banner .ban01 a {
	background-image: url(../top_image/banner01.jpg);
}

#container #banner .ban02 a {
	background-image: url(../top_image/banner02.jpg);
}


/*
==========================================================
右(お役立ち情報)
==========================================================
*/

#container #useful {
	padding: 0px;
	width: 254px;
	height: 140px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#container #useful h3 {
background-image: url(../top_image/useful_obi.gif);
margin: 0px;
padding: 0px;
height: 25px;
width: 250px;
}

#container #useful ul {
margin: 5px 0px 0px;
padding: 0px;
}

#container #useful li {
	background-image: url(../top_image/construction_biz_point.gif);
	background-position: left center;
	font-size: 13px;
	text-align: left;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
	list-style-type: none;
	width: 250px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



/*
==========================================================
右(TOYO)
==========================================================
*/

#container #com {
	padding: 0px;
	width: 254px;
	height: 140px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container #com h3 {
	background-image: url(../top_image/toyo_obi.gif);
	margin: 0px 0px 10px;
	padding: 0px;
	height: 25px;
	width: 250px;
}

#container #com .pic {
margin: 0px;
padding: 0px;
float: left;
height: 68px;
width: 85px;
}

#container #com address {
background-image: url(../top_image/com.gif);
background-repeat: no-repeat;
background-position: center center;
float: right;
height: 68px;
width: 158px;
margin: 0px;
padding: 0px;
}

#container #com ul {
margin: 0px;
padding: 7px 0px 0px;
width: 250px;
overflow: hidden;
clear: both;
list-style-type: none;
}

#container #com li.contact1 {
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;
height: 20px;
width: 86px;
}

#container #com li.contact1 a {
background-image: url(../top_image/recruit_btn.jpg);
height: 20px;
width: 86px;
margin: 0px;
padding: 0px;
display: block;
}

#container #com li.contact1 a:hover {
background-position: 0px -20px;
}

#container #com li.contact2 {
	background-image: url(../top_image/mobile_tel.gif);
	padding: 0px;
	float: right;
	height: 23px;
	width: 90px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container #com li.contact3 {
	padding: 0px;
	float: right;
	height: 20px;
	width: 62px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#container #com li.contact3 a {
background-image: url(../top_image/mail_btn.jpg);
margin: 0px;
padding: 0px;
height: 20px;
width: 62px;
display: block;
}

#container #com li.contact3 a:hover {
background-position: 0px -20px;
}