@charset "utf-8";

.mainvisual {
	margin-left:10px;
}

ul.pickup {
	margin:10px 0 0 0;
}

ul.pickup li {
	float:left;
	line-height:210%;
	width:177px;
	_width:222px;
	padding:71px 0 20px 45px;
	margin-bottom:20px;
	_margin-bottom:10px;
	height:87px;
}

ul.pickup li.gift { background:url(images/bg_pickup01.gif) no-repeat; }
ul.pickup li.make { background:url(images/bg_pickup02.gif) no-repeat; }
ul.pickup li.use { background:url(images/bg_pickup03.gif) no-repeat; }
ul.pickup li.faq { background:url(images/bg_pickup04.gif) no-repeat; }

.topbody {
	clear:both;
	margin:0 0 0 10px;
}

.ecopoint {
	float:left;
	margin:15px 0 30px 0;
}

.info {
	float:right;
	width:440px;
	margin-bottom:20px;
}

.info p.special-info {
	background:#D1F0FC;
	border:#B5E4FB 1px solid;
	padding:10px;
	margin:5px 0 10px 0;
	line-height:200%;
}

.info dl {
	margin:5px 0 0 10px;
	line-height:200%;
}

.info dt {
	float:left;
	font-size:85%;
	font-family:Verdana, Geneva, sans-serif;
	color:#000066;
	font-weight:bold;
	width:105px;
}

.info dd {
	float:left;
	width:315px;
}

.info dd .emergency {
	color:#CC0000;
	font-size:85%;
	line-height:165%;
}

.info dd .shoten-info {
	font-size:85%;
	line-height:165%;
	text-align:right;
}

.info dd .shoten-info a { color:#CC0000; }


.topbody h2 { clear:both; }

.unres-bnr {
	float:left;
	width:195px;
	margin-right:12px;
}

.unrestraint {
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	width:195px;
	background:url(images/frame_unrestraint_02.gif) no-repeat bottom;
}

.unrestraint .inner {
	text-align:center;
	padding:0 0 10px 0;
	background:url(images/frame_unrestraint.gif) repeat-y;
}

.unrestraint .inner p {
	line-height:140%;
	font-size:90%;
	padding:4px 12px 0 12px;
}

.unrestraint .btn { margin:0 0 0 10px; }

.quiz {
	float:right;
	width:471px;
	background:url(images/frame_quiz_01.gif) repeat-y;
	margin:17px 0 0 0;
}

.quiz h3 {
	text-align:right;
	font-weight:normal;
	color:#45A529;
	background:url(images/h3_quiz.gif) no-repeat;
	padding:22px 10px 13px 0;
}

.quiz .inner {
	line-height:160%;
	background:url(images/frame_quiz_02.gif) no-repeat bottom;
	padding:2px 22px 12px 20px;
}

.quiz .btn {
	text-align:right;
}

.btn02 {
	float:right;
	margin:2px auto 5px auto;
	width:468px;
}

.btn02 .cafe   { float:left; }
.btn02 .writer { float:right; }
span.notes { font-size:85%; }

.announce { 
	border:solid 1px #F43924;
	color:#F43924;
	line-height:160%;
	font-size:85%;
	padding:10px;
	overflow:hidden;
	_zoom:1;
}

p.comment {
	text-align:right;
}

img.tian {
	float:left;
	margin-right:15px;
}

.clear { clear:both; }

#Side {
	display:inline;
	float:right;
	text-align:center;
	margin-bottom:25px;
	_margin-bottom:15px;
}

#Side .bg {
	width:160px;
	background:url(common/images/side/bg_side.gif) repeat-y;
	padding:10px 10px 0 10px;

}

#Side .bg .menu,
#Side .bg .banner {
	text-align:center;
	background:url(common/images/side/line_side_01.gif) no-repeat top;
	padding-top:10px;
	margin:10px auto 10px auto;
	width:160px;
}

#Side .bg .banner p,
#Side .banner-other p {
	line-height:120%;
	font-size:85%;
	text-align:center;
	margin:4px 0 0 0;
}

#Side .banner-other {
	text-align:center;
	background:none;
	padding:10px;
	margin:0;
	width:160px;
}

.body-banner {
	text-align:center;
	padding-top:5px;
	_padding-top:15px;
	margin:0 0 10px 0;
	width:195px;
}

.body-banner p {
	line-height:120%;
	font-size:85%;
	text-align:center;
	margin:4px 0 0 0;
}

div.eq-eco { padding-top:10px; display:block; text-align:center;}

span.checkit { color:#CC0000; }