@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 File name :          top.css
 Summary :            module styles
 Created :            2010-05-29
 Last Update :        2011-10-26
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 00) #mainInfo
 00) #topPage
 03) .topArea
 04) .leftArea
 05) .centerArea
 04-05) common contents
 06) .rightArea
 
 99) Clearfix
===================================================================*/

/*-------------------------------------------------------------------
 00) #mainInfo
-------------------------------------------------------------------*/
#mainInfo {
	width: 940px;
	padding: 10px 10px 0;
	_width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff url(../../images/top/bg_maininfo.gif) left top no-repeat;
}

#mainInfo #flashArea {
	float: left;
	width: 657px;
}


#mainInfo #flashArea #flash {
	position: relative;
	width: 657px;
	height: 268px;
}

#mainInfo #flashArea #flash ul {
	position: absolute;
	top: 235px;
	left: 17px;
}

#mainInfo #flashArea #flash #area1,
#mainInfo #flashArea #flash #area2,
#mainInfo #flashArea #flash #area3 {
	position: absolute;
	top: 0;
	left: 0;
}


#mainInfo #flashArea #flash ul {
	position: relative;
	z-index: 9999;
}

#mainInfo #flashArea #flash ul li {
	float: left;
	margin-right: 7px;
}

#mainInfo #guideArea {
	float: right;
	width: 269px;
}

#mainInfo #guideArea h2.floor { margin-bottom: 7px;}

#mainInfo #shopguide {
	height: 224px;
	margin-bottom: 8px;
	background: transparent url(../../images/top/bg_top_shop.gif) 0 0 no-repeat;
}


#mainInfo #shopguide #accordion {
	margin-left: 10px;
	width: 245px;
	height: 224px;
	overflow: hidden;
	position: relative;
}

#mainInfo #shopguide #accordion dl {}

#mainInfo #shopguide #accordion dl#fix { position: absolute; bottom: 1px;}
#mainInfo #shopguide #accordion dl#go1 dd,
#mainInfo #shopguide #accordion dl#go2 dd,
#mainInfo #shopguide #accordion dl#go3 dd {}

#mainInfo #shopguide #accordion dt {
	padding-top: 1px;
	height: 25px;
	overflow: hidden;
	background: transparent url(../../images/icon/dot_01.gif) left top repeat-x;
}

#mainInfo #shopguide #accordion dt.first { background: none;}

#accordion dd {
	padding: 0 0 0 20px;
	width: 225px;
	_width: 245px;
}

#accordion dd p { line-height: 0;}

#accordion dd .flL {
	float: left;
	margin-right: 10px;
}
#accordion dd .flR {
	float: right;
	margin-right: 40px;
	display: inline;
}


#mainInfo .bnrArea {
	height: 69px;
	position: relative;
}

#mainInfo .bnrArea div { position: absolute;}

#mainInfo .bnrArea .bnr1 { top: 0; left: 0;}
#mainInfo .bnrArea .bnr2 { top: 0; left: 140px;}
#mainInfo .bnrArea .bnr3 { top: 37px; left: 0;}

#mainInfo .information {
	margin-top: 10px;
	width: 657px;
	background: transparent url(../../images/top/bg_news.gif) left top repeat-y;
}

#mainInfo .information h2 {
	float: left;
	width: 167px;
	background: #009226;
}

#mainInfo .information p {
	float: right;
	width: 483px;
	color: #48484a;
}

#mainInfoFoot {
	width: 960px;
	margin: 0 auto;
	height: 45px;
	background: transparent url(../../images/top/bg_maininfo_foot.gif) center top no-repeat;
}

/*-------------------------------------------------------------------
 00) #topPage
-------------------------------------------------------------------*/
#topPage {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}


/*-------------------------------------------------------------------
 03) .topArea
-------------------------------------------------------------------*/
.topArea {
	padding: 8px 30px 0;
	_width: 880px;
	_margin-left: 40px;
	_padding: 8px 20px 0 30px;
	background: #ffffff url(../../images/top/bg_toparea_head.gif) left top no-repeat;
}


.topArea h2 { margin-bottom: 12px;}
.topArea h3 { margin-bottom: 10px;}

.topAreaFoot {
	height: 20px;
	_margin-left: 40px;
	_width: 880px;
	margin-bottom: 20px;
	background: #ffffff url(../../images/top/bg_toparea_foot.gif) left top no-repeat;
}

.topArea .section { margin-bottom: 30px;}


/*-------------------------------------------------------------------
 04) .leftArea
-------------------------------------------------------------------*/
.leftArea {
	float: left;
	width: 290px;
	margin-right: 25px;
}


/*-------------------------------------------------------------------
 05) .centerArea
-------------------------------------------------------------------*/
.centerArea {
	float: left;
	width: 290px;
	margin-right: 25px;
}

/*-------------------------------------------------------------------
 04-05) common contents
-------------------------------------------------------------------*/

.latestArea {
	position: relative;
	width: 285px;
	margin: 0 0 0 5px;
}

ul.tab {
	margin: 0 0 10px 123px;
}

ul.tab li {
	float: left;
	display: inline;
	margin-left: 5px;
}

.article { margin-bottom: 20px;}

.article .date { margin-bottom: 3px;}

.article dl { width: 270px;}

.article dt {
	float: left;
}

.article dd {
	float: right;
	width: 200px;
}

.article dd p { margin-bottom: 0.5em;}

.article dd p a {
	display: block;
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_arrow_01.gif) left top no-repeat;
}

.article dd p.open {
	font-weight: bold;
	color: #0b98e8;
}


/*-------------------------------------------------------------------
 06) .rightArea
-------------------------------------------------------------------*/
.rightArea {
	float: right;
	width: 190px;
}

.rightArea li { margin-bottom: 13px;}


/*-------------------------------------------------------------------
 99) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.topArea:after,
.article dl:after,
.information:after,
ul.tab:after,
#mainInfo:after,
#mainInfo #flashArea #flash ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.topArea,
.article dl,
.information,
ul.tab,
#mainInfo,
#mainInfo #flashArea #flash ul { display: inline-block;}