@charset "shift_jis";

/* ---------- トップ用 ---------- */

/*ヘッダ*/

body#top #container #header #flash-contents{
 margin:4px 0 0 1px;
 text-align:right;
	_font-size:1;
}

/* フッター */
body#top #container #footer{
	width: 760px;
	margin-top: 0;
	padding-top:30px;
	_position:relative;
	_z-index:2;
}


/*コンテンツ*/
body#top #container #contents{
	width:761px;
	margin:13px auto 0 auto;
	background: url(/images/index_bg003.gif) repeat-y;
}
body#top #container #contents #contents-inner{
	background: url(/images/index_bg004.gif) no-repeat left bottom;
}
body#top #container #contents #contents-inner #banner{
	width:202px;
	float:left;
}
body#top #container #contents #contents-inner #news{
	float:left;
	width:333px;
	height:437px;
	margin-left:13px;
}
body#top #container #contents #contents-inner #news2{
	float:left;
	width:545px;
	height:437px;
	margin-left:13px;
}
body#top #container #contents #contents-inner #recommend{
	width:200px;
	float:right;
}

/*左側*/
body#top #container #contents #contents-inner #banner p.btn{
	margin:10px 0 0 0;
}
body#top #container #contents #contents-inner #banner p.btn-top{
	margin:10px 0 0 0;
	_margin:13px 0 0 0;
}
body#top #container #contents #contents-inner #banner div.search{
	background: url(/images/index_search006.gif) repeat-y;
}
body#top #container #contents #contents-inner #banner div.search div.inner{
	background: url(/images/index_search002.gif) no-repeat left bottom;
	padding-bottom:12px;
}

body#top #container #contents #contents-inner #banner div.search div.inner form fieldset{
	background: url(/images/index_search004.gif) no-repeat 0px 10px;
	width:175px;
	padding:25px 0 0 0;
	border:none;
	margin-left:15px;
}
body#top #container #contents #contents-inner #banner div.search div.inner form legend{
	display:none;
}
body#top #container #contents #contents-inner #banner div.search div.inner form input.k-text{
	width:120px;
	height:14px;
	padding-top: 1px;
	font-size: 94%;
}
body#top #container #contents #contents-inner #banner div.search div.inner p.search-notes{
	font-size:80%;
	_font-size:10px;
	margin:3px 0 0 16px;
	padding:0 5px 0 0;
}

/*中*/
body#top #container #contents #contents-inner #news p.title{
	float: left;
	width: 270px;
}
body#top #container #contents #contents-inner #news p.list{
	float: left;
	width: 63px;
}
body#top #data{
	padding-bottom: 0;
}
body#top #container #contents #contents-inner #news div#important{
	width: 333px;
	margin-bottom: 14px;
	font-size: 12px;
}
body#top #container #contents #contents-inner #news div#important dl{
	clear: both;
	margin-left: 1px;
}
body#top #container #contents #contents-inner #news div#important dl dt{
	margin-left: 11px;
	padding-top: 6px;
}

body#top #container #contents #contents-inner #news div#important dl dt img{
	margin-left: -10px;
}
body#top #container #contents #contents-inner #news div#important dl dt span{
	vertical-align: middle;
}
body#top #container #contents #contents-inner #news div#important dl dt span img{
	margin: 0 11px 0 0;
}
body#top #container #contents #contents-inner #news div#important dl dd{
	margin: 3px 0 0 10px;
	padding: 0 0 3px 13px;
	_height:15px;
	min-height:15px;
	line-height:1.1em;
}
body#top #container #contents #contents-inner #news div#important dl dd.text-link{
	background: url(/images/index_arrow002.gif) no-repeat 0 0.2em;
}
body#top #container #contents #contents-inner #news div#important dl dd.pdf-link{
	background: url(/common/images/link_ic003.gif) no-repeat 0 0.1em;
	margin: 3px 0 0 8px;
	padding: 0 0 3px 15px;
}
body#top #container #contents #contents-inner #news div#important dl dd.blank-link{
	background: url(/common/images/link_ic004.gif) no-repeat 0 0.1em;
	margin: 3px 0 0 8px;
	padding: 0 0 3px 15px;
}

body#top #container #contents #contents-inner #news div#information{
	width: 333px;
}
body#top #container #contents #contents-inner #news div#information iframe#infoInner{
	width: 331px;
	height: 289px;
	margin-top: 5px;
	padding: 0;
}

/*iframe用*/
body iframe{
	position: absolute;
	height: 0;
}
body#t-info{
	width:314px;
	background:#FFFFFF none;
}
body#t-info dl{
	margin-left: 1px;
}
body#t-info dl dt{
	margin-left: 11px;
	font-size: 12px;
	line-height: 1.1em;
}
body#t-info dl dt span{
	vertical-align: middle;
}
body#t-info dl dt span img{
	margin: 0 11px 0 0;
}
body#t-info dl dd{
	margin: 3px 0 0 10px;
	padding: 3px 0 10px 13px;
	line-height:1.1em;
	font-size: 12px;
}
body#t-info dl dd.text-link{
	background: url(/images/index_arrow002.gif) no-repeat 0 0.45em;
}
body#t-info dl dd.pdf-link{
	margin: 3px 0 0 8px;
	padding: 3px 0 10px 15px;
	background: url(/common/images/link_ic003.gif) no-repeat 0 0.35em;
}
body#t-info dl dd.blank-link{
	margin: 3px 0 0 8px;
	padding: 3px 0 10px 15px;
	background: url(/common/images/link_ic004.gif) no-repeat 0 0.35em;
}

/*右側*/
body#top #container #contents #contents-inner #recommend div.inner{
	background: url(/images/index_line001.gif) no-repeat left bottom;
	padding:9px 0 12px 0;
}
body#top #container #contents #contents-inner #recommend div.inner div.image{
	float:left;
	padding-left:5px;
}
body#top #container #contents #contents-inner #recommend div.inner div.text{
	float:left;
	padding-right:5px;
	width:130px;
}
body#top #container #contents #contents-inner #recommend div.inner div.text p{
	padding:8px 0 0 5px;
	font-size:80%;
	_font-size:10px;
}
body#top #container #contents #contents-inner #recommend div.inner .oneType {
	padding: 0 10px;
}
body#top #container #contents #contents-inner #recommend div.inner .oneType .title {
	padding: 0
}
body#top #container #contents #contents-inner #recommend div.inner .oneType p{
	padding:8px 0 0 0;
	font-size:80%;
	_font-size:10px;
}
body#top #container #contents #contents-inner #recommend div.qr div.image{
	float:left;
	padding:10px 5px 5px 5px;
	line-height:0;
	font-size:0;
}
body#top #container #contents #contents-inner #recommend div.qr div.text{
	float:right;
	padding:10px 5px 5px 0;
	width:100px;
	font-size:80%;
	_font-size:10px;
}

/*右側バナー1カラム*/

body#top #container #contents #contents-inner #recommend div.inner div.image02{
	float:left;
	padding-left:5px;
	margin-top:8px;
}
body#top #container #contents #contents-inner #recommend div.inner div.text02{
	float:left;
	padding-right:5px;
	width:192px;
}
body#top #container #contents #contents-inner #recommend div.inner div.text02 p{
	padding:5px 0 0 5px;
	font-size:80%;
	_font-size:10px;
}

/* btn-block */
body#top #container .btn-block {
	position: relative;
	width: 761px;
	height: 81px;
	margin: 25px auto 0;
}
body#top #container .btn-block .btn {
	position: absolute;
	top: 20px;
	right: 27px;
}

/* main-gallary */
body#top #main-gallary {
	clear: both;
	width: 754px;
	height: 237px;
	margin-top: 5px;
	padding: 0 2px 0 5px;
	background: url(/images/top_bg01.gif) no-repeat 0 0;
}
#main-gallary .main {
	position: relative;
	float: left;
	width: 555px;
	margin-top: 5px;
}
#main-gallary .main div {
	position: absolute;
	display: none;
}
#main-gallary .slider {
	position: relative;
	float: right;
  width: 199px;
	margin-top: 30px;
}
#main-gallary .slider .wrap {
	overflow: hidden;
	position: relative;
	height: 177px;
	padding-left: 6px;
}
#main-gallary .slider .list li img {
	vertical-align: bottom;
	font-size: 0;
}
#main-gallary .slider .list li a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#main-gallary .slider .navi li {
	position: absolute;
	right: 0;
}
#main-gallary .slider .navi li a {
  display: block;
  width: 193px;
	text-indent: -9999em;
  outline: none;
}
#main-gallary .slider .navi .prev a {
	height: 28px;
	background: url(/images/top_ic02.gif) no-repeat 0 0;
}
#main-gallary .slider .navi .prev a:hover {
	background: url(/images/top_ic02on.gif) no-repeat 0 0;
}
#main-gallary .slider .navi .next {
	top: -26px;
}
#main-gallary .slider .navi .next a {
	height: 26px;
	background: url(/images/top_ic01.gif) no-repeat 0 0;
}
#main-gallary .slider .navi .next a:hover {
	background: url(/images/top_ic01on.gif) no-repeat 0 0;
}
#main-gallary .arrow {
	position: absolute;
	top: 59px;
	left: 0;
	width: 188px;
	height: 53px;
	padding: 3px 3px 3px 8px;
	background: url(/images/top_ex01.png) no-repeat 0 0;
}
#main-gallary .arrow a {
	display: block;
	width: 188px;
	height: 53px;
	background: #ffffff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
@media print {
	#main-gallary .arrow {
		display: none;
	}
}
#main-gallary .arrow a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}