@charset "UTF-8";

/* clearfix */

#slides,
#topics div.h,
#topics dl,
#navi dl.feature {
	display: inline-block;
}

#slides,
#topics div.h,
#topics dl,
#navi dl.feature {
	/* \*/
	display: block;
	/*  */
}

#slides:after,
#topics div.h:after,
#topics dl:after,
#navi dl.feature:after {
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	content: ".";
}

/* layout
========================================================= */

#heading {
	background: #FFFFFF url(/images/top/bg_wrapper.jpg) repeat-x 50% 0;
}

#content {
	background: url(/images/common/content_wide.png) no-repeat;
	padding-top: 30px;
	/* IE */
	_background: url(/images/common/content_wide.jpg) no-repeat;
}

#main {
	width: 630px;
}

#navi {
	width: 280px;
}

#wrapper #main h1 {
	color: #000000;
	background: none;
	font: 292.35% Georgia, 'Times New Roman', Times, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}

#wrapper #main h2,
#wrapper #navi h2 {
	color: #000000;
	background: none;
	margin: 0;
	border: 0;
	font: 185% Georgia, 'Times New Roman', Times, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", serif;
}

/* gallery
========================================================= */

/* Gallery styles */

#gallery {
	margin: 0 auto;
	width: 960px;
	min-height: 293px;
	overflow: hidden;
	/* IE */
	_height: 293px;
}

#slides{
	height: 276px;
	overflow: hidden;
}

/* 透過設定 */

* html #slides img { /* IE-expression (fix png alpha) */
	behavior: expression(
	this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
	this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "clear.gif" : this.src,
	this.style.behavior = "none"
	);
}

#slides div.slide{
	float: left;
}

/* 切り替えメニュー */

#menu {
	padding: 5px 30px 0;
	height:12px;
	/* IE */
	_height: 12px;
}

#menu ul {
	float: right;
}

#menu li {
	background: url(/images/top/off.png) no-repeat;
	margin-right: 10px;
	display: inline;
	float: left;
	/* IE */
	_background: url(/images/top/off.gif) no-repeat;
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background: url(/images/top/on.png) no-repeat;
	/* IE */
	_background: url(/images/top/on.gif) no-repeat;
}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	background: url(/images/top/on.png) no-repeat;
	/* IE */
	_background: url(/images/top/on.gif) no-repeat;
}

#menu li.act a {
	cursor: default;
}

#menu li a {
	width: 12px;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* welcome
========================================================= */

#welcome {
	padding: 0 10px;
}

#welcome p {
	margin-top: 0.8em;
}

/* topics
========================================================= */

#topics {
	margin-top: 25px;
	padding: 25px 10px 0;
	border-top: 1px solid #CFCFCF;
}

#topics div.h {
	padding-bottom: 10px;
	border-bottom: 1px dotted #CFCFCF;
}

#topics h2 {
	float: left;
}

#topics div.h ul.row {
	margin: 5px 0 0 -10px;
	float: right;
}

#topics div.h ul.row li {
	margin: 0 0 0 10px;
}

#topics dl {
	margin-top: 5px;
	border-bottom: 1px dotted #CFCFCF;
}

#topics dt,
#topics dd {
	margin-bottom: 5px;
	padding-bottom: 1px;
	min-height: 18px;
	float: left;
	/* IE */
	_height: 18px;
}

#topics dt {
	padding-left: 95px;
	width: 8.5em;
}

#topics dt.vu {
	background: url(/images/top/ico_vu.gif) no-repeat;
}

#topics dt.info {
	background: url(/images/top/ico_info.gif) no-repeat;
}

#topics dd {
	margin-left: -8.5em;
	width: 515px;
}

#topics dd span {
	padding-left: 8.5em;
	display: block;
}

/* navi
========================================================= */

#navi h2 {
	background: none;
	margin: 0 10px;
	padding: 0;
	border: none;
}

#navi p.s {
	font-size: 92.5%;
}

#navi dl.feature {
	margin: 20px 10px 0;
}

#navi dl.feature dt {
	width: 60px;
	float: left;
}

#navi dl.feature dd {
	width: 185px;
	float: right;
}

#navi ul.special {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px solid #CCCCCC;
}

#navi ul.special li img {
	vertical-align: top;
}

#navi ul.special li {
	margin-top: 15px;
	padding: 0 10px;
}

#navi ul.special li.first {
	margin: 0;
	padding: 0;
}