@charset "utf-8";

/* update history
--------------------------------------------------------------------------
04/15/2009 Adjustment of all css files.
--------------------------------------------------------------------------*/
/* 01.promotionArea
--------------------------------------------------------------------------*/
#promotionArea{
	width:896px;
	margin:0 15px;
	padding-bottom:22px;
	_padding-bottom:0px;/*IE6*/
	}
#promotionArea:after{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
}
#promotionArea #bannerArea,
#mainArea{
	float:left;
	width:622px;
	margin-right:22px;
	background-color:#fff;
	}
#promotionArea #recommendedArea,
#additionalArea{
	float:left;
	width:252px;
	background-color:#fff;
	}
#recommendedArea h2{
	margin:8px 9px 0 10px;
	}
#recommendedArea ul,
#additionalArea ul.navigation{
	width:231px;
	margin:0 9px 8px 10px;
	padding:1px;
	background:#d8d8d8;
	}
#recommendedArea li,
#additionalArea ul.navigation li{
	margin-bottom:1px;
	font-size:0;
	line-height:0;
	}
#recommendedArea li.last,
#additionalArea ul.navigation li.last{
	margin-bottom:0;
	}

/* 02.mainArea
--------------------------------------------------------------------------*/
#mainArea{
	margin-left:15px;
	_margin-left:7px;/*IE6*/
	margin-bottom:10px;
	}
.menuArea{
	width:592px;
	margin:15px;
	}
.menuArea:after{
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
	content:".";
}
.menuArea h3 .rss,
.menuArea h3 .view{
	display:block;
	float:right;
	margin:-10px 7px 15px 0;
	}
.menuArea .menuBlockL,
.menuArea .menuBlockR{
	float:left;
	width:285px;
	background:url(../images/bg_top_menu.jpg) bottom left no-repeat #fff;
	}
.menuArea .heightMin{
	min-height:115px;
	}
.menuArea .heightMid{
	min-height:230px;
	}
.menuArea .heightMax{
	min-height:250px;
	}
.heightMin .contents{
	height:60px;
	}
.heightMid .contents{
	height:175px;
	}
.heightMax .contents{
	height:195px;
	}
.menuArea .menuBlockR{
	margin-left:22px;
	}
.menuArea .menuBlockR .thumbnailArea{
	width:110px;
	float:left;
	}
.menuArea .menuBlockR .discriptionArea{
	width:148px;
	float:left;
	}
.menuArea .menuBlockR .discriptionArea ul.link li{
	width:128px;
	}

.menuArea .contents{
	margin:10px 5px 20px;
	overflow:auto;
	}
.menuArea .contents p{
	margin-bottom:10px;
	line-height:1.5em;
	}
.menuArea .contents ul.link{
	clear:both;
	margin-left:5px;
	}
.menuArea .contents ul.link li{
	margin:3px 0 2px 0;
	padding:0;
	padding-left:14px;
	line-height:1.2em;
	background:url(../common/images/img_arrow_link_02.gif) top left no-repeat;
	}
.menuArea .contents .alignLeft{
	float:left;
	}
.menuArea .contents img{
	margin:0 10px 10px 0;
	}

/* 03.additionalArea
--------------------------------------------------------------------------*/
#additionalArea{
	margin-bottom:10px;
	}
#additionalArea ul.navigation{
	width:229px;
	margin-top:14px;
	}
#additionalArea ul.banner{
	margin:6px 11px 0 10px;
	}
#additionalArea ul.banner li{
	margin:5px 0;
	}

/* 04.noticeArea
--------------------------------------------------------------------------*/
#noticeArea{
	padding-bottom:5px;
	background:#efefef;
	}
#noticeArea .notice{
	padding:5px 15px;
	background:#fff;
	}
#noticeArea .notice h3{
	margin:5px 0 10px;
	}
#noticeArea .notice ul.link{
	margin-left:5px;
	}
#noticeArea .notice ul.link li{
	margin:3px 0 2px 0;
	padding:0;
	padding-left:14px;
	line-height:1.2em;
	background:url(../common/images/img_arrow_link_02.gif) top left no-repeat;
	}

/* 04.campaignInformation
--------------------------------------------------------------------------*/
#campaignInformation{
	padding-bottom:5px;
	background:#efefef;
	}
#campaignInformation h3{
	padding:15px;
	background:#fff;
	}