@charset "UTF-8";

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

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

@import url("print.css");


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

/* ----------------------------------------------------- MainImage */
#mainPhoto{
	margin-top: 10px;
	margin-bottom: 15px;
}

/* ----------------------------------------------------- GrobalMenu */
#gNavBox{
	padding-top: 10px;
}

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

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

.topicsBox .titleBox{
	margin-top: 15px;
	padding: 10px 0px 0px 45px;
	background: url(images/top_h2bg.jpg) no-repeat 0 0;
	height: 40px;
}

.topicsBox .titleBox2{
	margin-top: 15px;
	padding: 10px 0px 0px 45px;
	background: url(images/top_h2bg_02.jpg) no-repeat 0 0;
	height: 40px;
}

.topicsBox .titleBox3{
	margin-top: 15px;
	padding: 10px 0px 0px 45px;
	background: url(images/top_h2bg_03.jpg) no-repeat 0 0;
	height: 40px;
}

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

.topicsBox .listBox{
	margin: 0px 10px 0px 0px;
	width: 95px;
	float: right;
}

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

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

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


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

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

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

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

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