@charset "utf-8";


/* **************************
 ▼ メインビュジュアル（FLASH）
************************** */

#mvWrap {
	width: 100%;
	height: 330px;
	background: url(../images/top/bg_001.gif) left top repeat-x;
	margin-bottom: 1px;
}

#mvWrap div.mvShadow {
	width: 840px;
	height: 330px;
	margin: 0px auto;
	padding: 0px 6px;
	background: url(../images/top/bg_006.gif) left top no-repeat;
}

#mv {
	width: 840px;
	height: 330px;
}

#mv img{
	margin-top: 150px;
}


/* **************************
 ▼ ナビゲーション
************************** */

#top div#navWrap {
	width: 100%;
	height: 30px;
	background: url(../images/common/bg_002.gif) left top repeat-x;
}

#top div#navWrap div.nav {
	width: 840px;
	margin: 0px auto;
	padding: 0px 6px;
	background: url(../images/top/bg_007.gif) left top no-repeat;
}

#top div#navWrap div.nav li {
	display: inline;
	float: left;
}


/* **************************
 ▼ コンテンツ
************************** */

#top div#contents {
	width: 800px;
	margin: 0px auto 40px auto;
	padding: 20px 26px 0px 26px;
	background: url(../images/top/bg_008.gif) left top no-repeat;
}


/* **************************
 ▼ メイン
************************** */

#top div#main {
	width: 550px;
	float: left;
}


/* **************************
 ▼ サブ
************************** */

#top div#sub {
	width: 230px;
	float: right;
}


/* **************************
 ▼ 最新情報
************************** */

.newsWrap {
	margin-bottom: 20px;
	background: url(../images/top/bg_003.gif) repeat-y;
}

.newsTitle {
	width: 550px;
	height: 25px;
	position: relative;
}

.newsTitle ul {
	position: absolute;
	right: 3px;
	top: 3px;
}

.newsTitle li {
	display: inline;
	float: left;
	margin-left: 2px;
}

.news {
	width: 508px;
	margin: 0px auto;
	padding: 20px 20px 2px 20px;
	background: url(../images/top/bg_004.gif) left bottom repeat-x;
	text-align: left;
}

.news li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/common/line_001.gif) left bottom repeat-x;
	zoom: 1;
}

.news h3 {
	width: 70px;
	float: left;
}
.news h3 img {
	border: 2px solid #e4e4e4;
}

.news div.newsRt {
	width: 428px;
	float: right;
}

.news div.newsRt dt.date {
	font-weight: bold;
	color: #cb1414;
	line-height: 14px;
	margin-bottom: 3px;
}

.news div.newsRt dt.date span.new {
	display: none;
}

.news div.newsRt dt.date img {
	margin-left: 2px;
	vertical-align: baseline;
}

.news div.newsRt dd.text {
	line-height: 16px;
}


/* **************************
 ▼ お知らせ
************************** */

.infoWrap {
	margin-bottom: 10px;
	background: url(../images/top/bg_003.gif) repeat-y;
}

.info {
	width: 508px;
	margin: 0px auto;
	padding: 20px 20px 2px 20px;
	background: url(../images/top/bg_004.gif) left bottom repeat-x;
	text-align: left;
}

.info li {
	line-height: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/common/line_001.gif) left bottom repeat-x;
}

.info li span {
	display: block;
	padding-left: 12px;
	background: url(../images/common/ic_003.gif) left 5px no-repeat;
}


/* **************************
 ▼ 大バナー
************************** */

.bnLsizeWrap{
	width: 100%;
}

.bnLsizeWrap li{
	padding-top: 10px;
}


/* **************************
 ▼ 関連リンク
************************** */

.relationWrap {
	width: 100%;
	margin-bottom: 10px;
	background: url(../images/top/bg_005.gif) repeat-y;
}

.relation {
	width: 188px;
	margin: 0px auto;
	padding: 20px 20px 2px 20px;
	background: url(../images/top/bg_004.gif) left bottom repeat-x;
	text-align: left;
}

.relation dl {
	font-size: 10px;
	margin-bottom: 20px;
}
.relation dt {
	background: url(../images/common/ic_007.gif) left 2px no-repeat;
	padding-left: 13px;
}
.relation dd {
	line-height: 13px;
	margin-top: 6px;
	color: #8b8b8b;
}
.relation dd img{
	border: 2px solid #e4e4e4;
}
.relation dd a:hover img{
	border: 2px solid #eed800;
}


/* **************************
 ▼ バナーエリア
************************** */

.bannerWrap {
	width: 100%;
	margin-bottom: 20px;
}

.bannerWrap li {
	padding-top: 10px;
}


/* **************************
 ▼ リンク
************************** */

.linkWrap {
	width: 100%;
	border-top: 1px solid #d8d8d8;
	padding-top: 20px;
}

.dumbCrossFade {
	display: block;
	position: relative;
	width: 230px;
	height: 75px;
}

.dumbItem {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

.linkWrap p {
	margin-top: 7px;
	text-align: right;
}

.linkWrap a {
	font-size: 10px;
	color: #465b91;
	text-decoration: underline;
}

.linkWrap a:hover {
	color: #6377ab;
}