@charset "UTF-8";

@import url("../base/reset.css");

@import url("../common.css");
@import url("../layout.css");

@import url("../print.css");

@import url("../common_cms.css");
@import url("parts_menu.css");

/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- MainImage */
#top_main{
    width:947px !important;
	width /**/:949px;
    margin-bottom:10px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;}
#mainPhoto{
	margin-bottom:0;
	border-bottom:3px solid #4040eb;}

/* ----------------------------------------------------- GrobalMenu */
#gNavBox{
	margin: 0px 0px 100px 7px;
	padding: 0;}

/* ----------------------------------------------------- MainArea */
#cMain{
	margin-right: 10px;
	width: 680px;}

/* ----------------------------------------------------- Main */
.topicsBox{
	margin-bottom: 20px;
}

.topicsBox .titleBox{
	margin-bottom: 10px;
	padding: 0px 5px 0px 10px;
	border-top: 1px solid #d5e2e9;
	border-bottom: 1px solid #d5e2e9;
	background: #e7eef2 url(../images/headline_bg01.gif) repeat-x 0% 0%;
}

.topicsBox h2{
	width: 175px;
	float: left;
}

.topicsBox .listBox{
	margin: 5px 0px 0px 0px;
	width: 74px;
	float: right;
}

.topicsBox .infoBn{
	width: 32px;
	float: left;
}

.topicsBox .infoBn a, .topicsBox .columnBn a{
	background: transparent no-repeat 0 0;
	display: block;
	text-indent: -999em;
	height: 13px;
}

.topicsBox .infoBn a{
	width: 32px;
	background-image: url(../images/top_btn01.gif);
}

.topicsBox .columnBn a{
	width: 68px;
	background-image: url(../images/top_btn02.gif);
}

.topicsBox .infoBn a:hover,
.topicsBox .columnBn a:hover{
	background-position: 0 -13px;
}

/* *Hides from IE-mac \*/
.topicsBox .infoBn a, .topicsBox .columnBn a{
	overflow: hidden;
}
/* *End hide from IE-mac */

.topicsBox #infoList{
	margin: 0px 20px;
	line-height: 1.8;
	height: 100%;
}

.topicsBox #infoList dt{
	width: 9.5em;
	font-weight: bold;
}

.topicsBox #infoList dd{
	margin: -1.8em 0px 0em 10.5em;
}

.topicsBox #columnList{
	margin: 0px 20px;
}

.topicsBox #columnList .photo{
	width: 80px;
	float: left;
}

.topicsBox #columnList .text{
	width: 553px;
	float: right;
}

/*** 2カラムトピック ***/
.topic_column1{
    width:335px;
	float:left;}
.topic_column2{
    width:335px;
	float:right;}
	
.topicsBox .infoList_column{
	margin:0;
	line-height: 1.8;
	height: 100%;}

/***インフォメーションリスト***/
.infolist_box{
	margin: 0px 20px 20px;
	line-height: 1.8;
	height: 100%;
}

.infoList_column dt {
	width: 9.6em;
	font-weight: bold;
}
.infoList_column dd {
	margin: -1.8em 0px 0em 9em;
}