@charset "utf-8";
/* CSS Document */

#siteTop .minWidth/* tukuruTop.jsで使用 */
{
	margin-left:13px;
	margin-right:13px;
}



/*
++++++++++++++++++++++++　ヘッダー　ここから ++++++++++++++++++++++++
*/

#header p
{
	margin-bottom:4px;
}

/*
#siteTop #header
{
}
*/
#header h1
{
	float:left;
}

/*
++++++++++++++++++++++++　ユーザーステータス ++++++++++++++++++++++++
*/

#header .loginArea p
{
	margin:0;
}

.afterLogin:after
{
	content: url(../img/common/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.afterLogin/* for ie7 */
{
	display: inline-block;
	background:url(../img/top/bg_pointArea_bottom.jpg) bottom right no-repeat;
	padding:1px 0 0 9px;
	width:445px;
	line-height:1;
	margin-top:4px;
	height:auto;
	min-height:51px;
}
/*
*:first-child+html .afterLogin
{
	padding-bottom:2px;
}
*/
* html  .afterLogin
{
	height:51px;
}

.loginArea p.userName
{
	width:150px;
	text-align:left;
	font-size:85%;
	padding:10px 0 10px 16px;
}

.userName img
{
	margin:2px 0;
}

.loginArea p.userPoints
{
	width:174px;
	text-align:center;
	padding:10px 0;
}

#header .afterLogin ul li
{
	float:none;
	line-height:1;
}

/* for ie8 */
head~/* */body #header .afterLogin ul li img
{
	margin-bottom:2px;
}

/* except ff */
html:not(:target) #header .afterLogin ul li img
{
	margin-top:0;
}

.afterLogin ul
{
	width:105px;
	float:left;
	margin-top:2px;
	padding-bottom:1px;
}

* html .afterLogin ul
{
	padding-bottom:2px;
}

.usePoint
{
	margin-bottom:4px;
}

html:not(:target) .usePoint
{
	margin-bottom:2px;
}

/*
ライト会員用
*/

#forLightMember
{
	background:url(../img/top/bg_pointArea_lightMember.jpg) bottom right no-repeat;
}

#forLightMember p.userName
{
	width:324px;
	padding-top:6px;
	padding-bottom:10;
}

*:first-child+html #forLightMember p.userName
{
	padding-top:7px;
	padding-bottom:8px;
}
 

#forLightMember ul
{
	margin-top:1.1em;
}

/*
凍結用
*/

#forFreeze
{
	background: url(../img/top/bg_pointArea_freeze.jpg) bottom right no-repeat;
	min-height:auto;
	padding-top:1px;
	line-height:0.9;
	margin-top:1px;
}
#forFreeze p.userName
{
	padding-top:0;
	width:324px;
	padding-bottom:0;
	position:relative;
	top:-5px;
}

*:first-child+html #forFreeze p.userName
{
	padding-top:0;
	padding-bottom:0;
}
#forFreeze p.userName span.userNameRight
{
	position:absolute;
	top:3px;
	left:209px;

}
#forFreeze p.userName span.userNameLeft
{
	display:block;
	width:192px;
	padding-top:2px;
}

#forFreeze ul
{
	margin-top:1.1em;
}

#forFreeze p.userName img
{
	margin-top:0;
}

/*
50万達成用
*/

#for500000
{
	background: url(../img/top/bg_pointArea_50.jpg) bottom right no-repeat;
}

#for500000 p.userName
{
	width:324px;
	padding-top:2px;
	padding-bottom:0;
}

#for500000 ul
{
	margin-top:2px;
}

/*
成約用
*/

#forSign
{
	background:url(../img/top/bg_pointArea_sign.jpg) bottom right no-repeat;
	margin-top:0;
	padding-top:4px;
}

#forSign p.userName
{
	width:250px;
	padding-top:2px;
	padding-bottom:0;
}

#forSign p.userName img
{
	margin-bottom:3px;
}

#forSign p.userPoints
{
	width:auto;
}

#forSign ul
{
	width:auto;
	margin-left:8px;
	margin-top:8px;
}








/*
++++++++++++++++++++++++　メインコンテンツ　ここから ++++++++++++++++++++++++
*/

#siteTop .allContents
{
	width:auto;
	min-width:978px;
	margin:0 auto 0 0;
	clear:left;
	padding-top:18px;
}

#siteTop .minWidthContents
{
	width:978px;
}

/*
leftBlock-flash area
*/

#topNavi
{
	float:left;
	background-color:#fff;
/*	background:url(../img/top/bg_noFlash.jpg) top right no-repeat;*/
	width:auto;
/*	min-width:377px;*/
	min-width:349px;
	height:200px;
	height:800px;
	z-index:1;
}

* html #topNavi
{
	width:349px;
	height:800px;
}

/*
rightBlock-siteMenu area
*/


#topContents
{
	float:left;
	width:603px;
}

/* ニュース一覧 */

.recentNews
{
	background:url(../img/top/bg_recentNews.gif) top left repeat-y #fff;
	margin:0 7px 0 0;
/*	position: relative;*/
}

.recentNews h2
{
	background:url(../img/top/bg_recentNews_top.gif) top left no-repeat;
	padding-left:8px;
	margin-bottom:5px;
	height:22px;
}

.recentNews ul
{
	background:url(../img/top/bg_recentNews_bottom.gif) bottom left no-repeat;
	padding:0 25px 6px;
}

.recentNews ul li:after
{
	content: url(../img/common/spacer.gif);/* space.gifを指定 */
	display: block;
	clear: both;
	height: 0;
}

.recentNews ul li
{
	zoom:100%;
	background:url(../img/top/bg_recentNewsList.gif) top left no-repeat;
}

.recentNews ul li.news1st
{
	background:none;
}

/*
.recentNews ul li a span
{
	display:inline-block;
	width:450px;
	padding-top:2px;
	vertical-align:top;
}

html:not(:target) .recentNews ul li a span
{
	display:block;
	float:left;
}
*/

.recentNews ul li span
{
	display:inline-block;
	width:450px;
	padding-top:7px;
	padding-bottom:3px;
	vertical-align:top;
	color:#666;
	font-size:87%;
}

html:not(:target) .recentNews ul li span
{
	display:block;
	float:left;
}

.recentNews ul li span.newsDate
{
	width:90px;
	font-weight:bold;
	color:#9dc936;
}

.recentNews ul li a:visited span.newsDate
{
	color:#9dc936;
	text-decoration:none;
}



.recentNews ul li a:hover span.newsDate
{
	color:#9dc936;
	text-decoration:none;
}

.recentNews ul li a
{
	text-decoration:none;
	color:#666;
}

.recentNews ul li a span
{
	color:#666;
	cursor:pointer;
	text-decoration:none;
}


.recentNews ul li a:hover span
{
	color:#c65149;
	text-decoration:none;
}



/* menuArea */

.siteMenu
{
	width:603px;
	margin-top:10px;
}

.column
{
	float:left;
	width:201px;
	min-height:200px;
/*	margin-right:14px;*/
}
/*
* html .column
{
	margin-right:11px;
}
*/

/* 移動させる先のエリア */
.widget-placeholder{
	margin:0 0 12px;
	border:2px dashed #CCC;
	width:183px;
	height:240px;
	background:#F0F0F0;
	-webkit-border-radius: 8px;	/* Safari、Google Chrome */
	-moz-border-radius: 8px;	/* Firefox */
}
/* 移動させるためのハンドル */
.widgetHead{
/*	background:url("../img/top/bg_topContents_top.gif") no-repeat #FDD341 !important;*/
	width:187px;
	height:20px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	cursor:move;
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.widget div.widgetHead
{
	background-image:none;
}

.widget
{
	width:187px;
	display:inline-block;
	background:url(../img/top/bg_topContents.gif) top left repeat-y;
	margin:0 0 12px;
	position:relative;
}

.widget .columnTitle
{
	background:url(../img/top/bg_topContents_top.gif) top left no-repeat;
	padding:0;
	text-align:center;
}

.widget div
{
	background:url(../img/top/bg_topContents_bottom.gif) bottom left no-repeat;
	padding:0 0 10px;
	text-align:center;
}

.widget div div.columnSubTitle
{
	background-image:none;
	padding:0;
}

.widgetBottom
{
	display:block;
	background:url(../img/top/bg_topContents_bottom.gif) bottom left no-repeat;
	padding:0 10px 10px;
	line-height:0;
}

.column02 div div.columnSubTitle
{
	margin:7px auto 0;
}

.column02 div p
{
	background:url(../img/top/bg_kurashiLab100.gif) bottom center repeat-y;
	margin:0 auto;
	padding:0 20px;
	height:auto;
	min-height:24px;
	font-size:75%;
	text-align:left;
}

* html .column02 div p
{
	height:24px;
}

.column02 div span
{
	background:url(../img/top/bg_kurashiLab100_bottom.gif) bottom center no-repeat;
	display:block;
	line-height:0;
	padding-bottom:4px;
}


.column03 div div.columnSubTitle
{
	margin:3px auto 7px;
}

.column03 div p
{
	text-align:center;
}

.column04 div p
{
	margin-top:6px;
	text-align:center;
}

.column04 div p img
{
	margin-top:5px;
}

.column03Txt
{
	position:relative;
	top:-3px;
	margin-top:-1px;
}


/* footer */

#siteTop .footer
{
	clear:left;
	margin-top:30px;
	margin-right:14px;
}

* html #siteTop .footer
{
	margin-top:18px;
}

*:first-child+html #siteTop .footer
{
	margin-top:18px;
}

.footer ul li
{
	display:inline;
	line-height:1;
}

.companyBanner
{
	text-align:right;
	height:29px;
	margin-bottom:15px;
}

.footerMenu
{
	text-align:right;
	float:right;
	height:10px;
/*	width:300px;*/
}

.footerMenu li img
{
	vertical-align:top;
	margin-right:5px;
}

.footer p
{
	float:right;
	text-align:right;
	margin-left:6px;
}

.column
{
/*	display:none;*/
}

/*
flash無効
*/

div#naviFlash
{
	text-align:right;
	overflow:hidden;
	color:#666;
}

.noFlshPlugin
{
	width:350px;
	padding-right:8px;
	float:right;
}

.noFlshPlugin p
{
	padding-top:.3em;
}

/*
キャンペーンバナー
*/
.importantBanner{
margin-top:20px;
}

.campaignBanner
{
	padding-top:10px;
}

.campaignBanner a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
}

.campaignBanner p
{
	display:inline-block;
	padding-right:10px;
}

* html .campaignBanner p
{
	display:inline;
}
 
*:first-child+html .campaignBanner p
{
	display:inline;
} 

/*
菜園部ガジェット
*/

.saienbu .columnTitle img
{
	margin:12px auto 10px;
}

.widget div.saienbuWidget
{
	background-image:none;
	padding-bottom:0;
}

.saienbuWidgetTxt
{
	background-position:top left;
	background-repeat:no-repeat;
	width:167px;
	height:60px;
	margin:0 auto;
	text-align:left;
}

.saienbuWidgetTxt span
{
	display:inline-block;
	font-size:10px;
	height:auto;
	width:80px;
	margin:12px 12px 12px 17px;
}

.gotoSaienbu
{
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:2px 0 4px;
	width:167px;
	margin:0 auto;
}

.saienGreen .saienbuWidgetTxt
{
	background-image:url(../img/saienbu/bg_green_txt.gif);
}

.saienGreen .saienbuWidgetTxt
{
	color:#149610;
}

.saienGreen .gotoSaienbu
{
	background-image:url(../img/saienbu/bg_green.gif);
}

.saienOtome .saienbuWidgetTxt
{
	background-image:url(../img/saienbu/bg_otome_txt.gif);
}

.saienOtome .saienbuWidgetTxt
{
	color:#ee2a36;
}

.saienOtome .gotoSaienbu
{
	background-image:url(../img/saienbu/bg_otome.gif);
}

.saienZubora .saienbuWidgetTxt
{
	background-image:url(../img/saienbu/bg_zubora_txt.gif);
}

.saienZubora .saienbuWidgetTxt
{
	color:#f18c00;
}

.saienZubora .gotoSaienbu
{
	background-image:url(../img/saienbu/bg_zubora.gif);
}

/* キャンペーンバナー追加 */
.thirdCamBanner
{
	clear:left;
	padding-top:8px;
}

/* 哀悼バナー */
.mourn20110311
{
	margin-bottom:15px;
}

/*
ロールオーバー
*/
.footerMenu a:hover img
{
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.footerAgreeMenu a:hover img
{
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}