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

#mainContent  {
	float: left;
	width: 670px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
} 
.twoColHybLtHdr #container #main #mainContent .contents_center  {
	width: 640px;
	margin-left: 15px;
}
.twoColHybLtHdr #mainContent .contents_center .top_tittle    {
	margin-top: 20px;
}
.twoColHybLtHdr #container #main .contents_center .box01 .box_box .img02 {
}
.twoColHybLtHdr #container #main #mainContent .contents_center .box01 {
	background-image: url(../images/line_y.gif);
	background-repeat: repeat-y;
	display: block;
	margin-bottom: 30px;
}

.twoColHybLtHdr #container #main #mainContent .contents_center .box01 .text_link {
	clear: both;
	margin-left: 420px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #f08748;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .underline  {
	width: 640px;
	height: 10px;
	background-image: url(../images/line_x.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	background-position: center;
}


/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .box01 .box_box .img01 {
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .box01 .box_box .img02 {
	width: 187px;
	margin-left: 20px;
	float: left;
	margin-top: 20px;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .box01 .box_box .text01 {
	float: left;
	margin-top: 16px;
	width: 380px;
	margin-left: 20px;
	line-height: 1.75em;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .box01 .box_box .text02 {
	float: left;
	margin-top: 16px;
	width: 340px;
	margin-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #6ac5d3;
	padding-bottom: 4px;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .top_banner {
	/* [disabled]margin-top: 30px; */
}
.twoColHybLtHdr #container #main #mainContent .contents_center .top_banner02 {
	margin-top: 30px;
	margin-left: 20px;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .news {
	clear: both;
	height: 200px;
	margin-left: 10px;
	overflow: hidden;
	width: 620px;
	margin-top: -10px;
}

.twoColHybLtHdr #container #main #mainContent .contents_center .news dl {
    height: 166px;
    overflow-y: scroll;
}

.twoColHybLtHdr #container #main #mainContent .contents_center .news dl dt {
	border-bottom: 1px dotted #999999;
	margin-left: 20px;
	margin-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #09F;
}
.twoColHybLtHdr #container #main #mainContent .contents_center .news dl dd {
    margin-top: 2px;
    padding-bottom: 4px;
    padding-left: 20px;
}
#topcontents ul {
	width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}
#topcontents li {
	list-style-type: none;
	margin-bottom: 20px;
}
#topcontents li a {
	display: block;
	text-indent: -9999px;
	height: 131px;
	width: 638px;
	list-style-type: none;
	margin-bottom: 20px;
}
#topcontents01 a{
	background-image: url(../images/topcontents01_on.png);
	background-repeat: no-repeat;

}
#topcontents01 a:hover{
	background-image: url(../images/topcontents01_off.png);
}

#topcontents02 a{
	background-image: url(../images/topcontents02_on3.png);
	background-repeat: no-repeat;
}
#topcontents02 a:hover{
	background-image: url(../images/topcontents02_off3.png);
}

#topcontents03 a{
	background-image: url(../images/topcontents03_on2.png);
	background-repeat: no-repeat;
}
#topcontents03 a:hover{
	background-image: url(../images/topcontents03_off2.png);
}
#topcontents04 a{
	background-image: url(../images/topcontents04_on2.png);
	background-repeat: no-repeat;
}
#topcontents04 a:hover{
	background-image: url(../images/topcontents04_off2.png);
}

#topcontact { margin-bottom:20px;}
#topcontact a:hover { opacity: 0.8;}