@charset "UTF-8";
/* 文字コード：UTF-8 */

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

div#mainImage{
	clear:both;
	width:960px;
	height:265px;
	padding:15px 0 0 0;
}

div#contents{
	width:954px;
	padding:0 5px 0 1px;
}

div#leftSection{
	width:724px;
	float:left;
	background-image:none;
}

div#rightSection{
	width:220px;
	float:right;
}

/*
==========================================================================*/

div.worksBox{
	background:url(/resource/image/top/bg_works.jpg) no-repeat center bottom;
	height:203px;
	margin:0 0 15px 0;
}

div.worksBox h3{
	margin:0 7px;
}

div.worksBox table{
	width:700px;
	margin:8px 16px 0 8px;
}

div.worksBox table th,
div.worksBox table td{
	text-align:center;
	font-weight:normal;
	font-size:65%;
	padding:0;
	}

div.worksBox table td a div{
	margin:3px auto 0 auto;
	}

div.worksBox table td{
	padding:5px 0;
	}

div.worksBox table th.interview{
	background:#C5C5C5;
	}

div.worksBox table td.interview{
	background:#E7E7E7;
}

/*
==========================================================================*/

div.whatsnewBox{
	width:710px;
	margin:0 auto 15px auto;
}

/*
==========================================================================*/

div.newsBox{
	width:710px;
	margin:0 auto;
}
/*
==========================================================================*/
div.whatsnewBox,
div.newsBox{
	background:url(/resource/image/top/bg_topics.jpg) repeat-x center 30px;
}


div.whatsnewBox dl,
div.newsBox dl{
	font-size:75%;
	width:670px;
	/*height:165px;
	overflow-y:auto;*/
	overflow:hidden;
}

div.whatsnewBox dl dt,
div.newsBox dl dt{
	clear:both;
	width:100px;
	color:#666;
	float:left;
	padding:0 0 0 18px;
	margin:0 0 12px 0;
	background:url(/resource/image/top/icon_arrow.gif) no-repeat left center;
}

div.whatsnewBox dl dd,
div.newsBox dl dd{
	margin:0 10px 12px 0;
	float:left;
	width:515px;
}

div.whatsnewBox dl dd a,
div.newsBox dl dd a{
	display:block;
}

/*スクロール設定*/
.mycustomscroll{
	height:170px;
	width:700px;
	overflow-y:auto;
	position: relative;
	margin: 15px 0 0 0;
	padding:5px 5px;
	display:block;
}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.vscrollerbase {
	width: 6px;
	background: #CCC;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.vscrollerbar {
	width: 6px;
	background: #333;
}

.hscrollerbase {
	height: 6px;
	background: #CCC;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.hscrollerbar {
	height: 6px;
	background: #333;
}

.scrollerjogbox {
	width: 6px;
	height: 6px;
	top: auto;
	left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}