@charset "utf-8";

@import "common.css";
@import "gnav.css";
@import "nav.css";

/*---------------------------------------
.pageTop
----------------------------------------*/
.pageTop h1 {
}

/*---------------------------------------
#contents
----------------------------------------*/
#contents h2 {
	margin-bottom:15px;
	padding-left:0;
	background:none;
	min-height:0;
	height:auto;
	clear:both;
}

#contents h3 {
	color:#3B650F;
	font-weight:bold;
	font-size:122%;
}

/*---------------------------------------
.mainArea
----------------------------------------*/


#contents .mainArea {
	position:relative;
	top:0;
	left:0;
	width:630px;
	height:207px;
	margin:0 0 12px 0;
}

#contents .mainArea h1 {
/*	position:absolute;*/
	top:0;
	left:0;
	z-index:1;
}

#contents .mainArea .mainPicLeft {
	margin: 0 ;
	float:left;
	width:450px;
}

#contents .mainArea .mainPicRight {
	margin: 0 0 12px;
	float:left;
	width:180px;
	z-index:-1;
}

#contents .mainArea .mainPicRight .picRecommend {
	position:absolute;
	top:37px;
}

#contents .mainArea .mainPicRight .picSelect {
	position:absolute;
	top:144px;
	right:-9px;
}



/*---------------------------------------
.formArea
----------------------------------------*/
#contents .formArea {
	margin:12px auto 5px;
	padding-top:0;
}

#contents .formArea .formAttention {
	text-align:right;
	font-size:85%;
	color:#F00;
}




/*--------------------------------------------------------
.topCampaignInformation キャンペーン枠
--------------------------------------------------------*/
#contents .topCampaignInformationArea {
	margin-bottom:15px;
}
#contents .topCampaignInformationArea .bannerCampaign {
	margin-bottom:10px;
}
#contents .topCampaignInformationArea h2 {
	margin-bottom:5px;
	padding:6px;
	min-height:20px;
	height:auto !important;
	height:20px;
	background:#7AD42A url(../images/title_top_campaign.gif) no-repeat left top;
	color:#FFF;
}

#contents .topCampaignInformationArea table {
	margin-bottom:10px;
	width:630px;
	border-collapse: collapse;
}
#contents .topCampaignInformationArea table tr th {
	width:25%;
	font-weight:bold;
	vertical-align:middle;
	background-color:#E0F2CE;
}
#contents .topCampaignInformationArea table tr th, 
#contents .topCampaignInformationArea table tr td {
	padding:5px;
	border:1px solid #CCCCCC; 
}
#contents .topCampaignInformationArea table tr td.topCampaignDetailRight img {
	margin-right:10px;
	float:left;
}
#contents .topCampaignInformationArea table tr td.topCampaignDetailLeft img {
	margin-left:10px;
	float:right;
}
#contents .topCampaignInformationArea .topCampaignDetailRight p,
#contents .topCampaignInformationArea .topCampaignDetailLeft p {
	margin:0;
}
#contents .topCampaignInformationArea table tr td.topCampaignDetailRight .topCampaignTitleSub,
#contents .topCampaignInformationArea table tr td.topCampaignDetailLeft .topCampaignTitleSub {
	margin-bottom:3px;
	font-size:85%;
}
#contents .topCampaignInformationArea table tr td.topCampaignDetailRight .topCampaignTitle,
#contents .topCampaignInformationArea table tr td.topCampaignDetailLeft .topCampaignTitle {
	margin-bottom:5px;
	padding:5px;
	background-color:#BBE696;
	font-weight:bold;
}


/*---------------------------------------
 .detailArea
----------------------------------------*/

#contents .detailArea {
	margin-bottom:15px;
}

#contents .detailArea .title {
	text-align: left;
	margin:0 0 9px 0;
}

#contents .detailArea p.comNumber {
	margin-bottom:5px;
	font-size:85%;
}

#contents .detailArea .linkComList {
	padding-top:5px;
	float:left;
	width:8.5em;
}

#contents .detailArea .linkComList a {
	margin-left:5px;
	padding-left:15px;
	background:url(../images/icon_link.gif) left center no-repeat;
}

/*
#contents .detailArea .formAttention {
	text-align:right;
	font-size:85%;
	color:#F00;
}*/

/* .offerBlock */

#contents .detailArea .offerBlock {
	float:right;
	width:105px;
}

#contents .detailArea .offerBlock div {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:103px;
	background-color:#F2F2F2;
}

#contents .detailArea .offerBlock div a {
	margin-left:5px;
	padding-left:15px;
	display:block;
	width:83px;
	background:url(../images/icon_link.gif) left center no-repeat;
	font-size:85%;
}

/*---------------------------------------
.recommendBox
----------------------------------------*/
#contents .recommendBox {
	margin-bottom:20px;
	width:630px;
	background:url(../images/top/background_recommend2.gif) 0 0 repeat-y;
}

#contents .recommendBox .leftBlock {
	margin-right:8px;
	float:left;
	width:630px;
}

#contents .recommendBox .rightBlock {
	float:left;
	margin-left:4px;
	width:311px;
}

#contents .recommendBox .leftBlock p,
#contents .recommendBox .rightBlock p {
/*	font-size: 85%;*/
	margin-bottom:10px;
	padding:0 10px;
/*	min-height:34px;
	height:auto !important;
	height:34px;*/
	/*width:164px;*/
}

#contents .linkComList a,
#contents .recommendBox .leftBlock a,
#contents .recommendBox .rightBlock a {
	padding-left:15px;
	background:url(../images/icon_link.gif) left 0.3em no-repeat;
}

#contents .linkComList a,
#contents .recommendBox .leftBlock a,
#contents .recommendBox .rightBlock a {
	display:block;
	overflow:hidden;
}

#contents .recommendBox .leftBlock a,
#contents .recommendBox .rightBlock a {
	margin-left:10px;
	margin-top:10px;
	width:280px;
}

#contents .recommendBox .leftBlock h3 a,
#contents .recommendBox .rightBlock h3 a {
	padding:0;
	margin:0;
	background:none;
	width:630px;
}

/*---------------------------------------
.serviceBox
----------------------------------------*/

#contents .serviceBox {
	margin-bottom:20px;
}

/*---------------------------------------
.informationBox
----------------------------------------*/

#contents .informationBox {
	margin-bottom:20px;
	width:630px;
	background:#FFF url(../images/top/information_bg.gif) left top repeat-y;
}

#contents .informationBox div {
	margin:5px 10px;
	padding-bottom:5px;
	border-bottom:1px dotted #3D923F;
}

#contents .informationBox dl {
	padding:0 16px 5px;
}

#contents .informationBox dl dt {
	width:5em;
	font-weight:bold;
}

#contents .informationBox dl dd {
	margin:-1.4em 0 5px 7em;
}


/*---------------------------------------
.freeDialBox
----------------------------------------*/
#contents .freeDialBlock {
	color:#666666;
	font-size:85%;
}

#contents .freeDialBlock img {
	margin-bottom:3px;
}