@charset "UTF-8";

#area1 {
	width: 800px;
	margin:0px auto;
}
#area2 {
	float: left;
	width: 580px;
	margin:5px 2px 0px 5px;
}

#area3 {
	float: right;
	width: 200px;
	margin: 5px 5px 0px 2px;
}

/*------------------------- 汎用クラス -------------------------*/
.body_box {
	width: 580px;
	margin: 8px auto;
	text-align: left;
}
.body_box h3{
	margin: 10px 0px;
	font-weight:bold;
	border-bottom:1px solid #CC6600;
}

.link,
.link a{
	clear:both;
	width: 500px;
	margin: auto;
	text-align: center;
	padding:25px 0px;
	font-size:11px;
}
.image_left {
	float:left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.image_right {
	float:right;
	margin-left: 8px;
	margin-bottom: 8px;
}

.image_center {
	clear: both;
	margin: 12px auto;
}

.table01 {
	width: 460px;
	margin: 20px auto;
	border: none;
}
.table01 td {
	text-align: left;
}
.tr01,
.tr02 {
	vertical-align: top;
}
.tr02 td {
	padding-top: 10px;
}
.space {
	clear:both;
	width: 100%;
	margin: 16px 0px;
}

/*------------------------- メインエリア -------------------------*/
/*----- 前文 -----*/
.r_comment_head {
	width: 450px;
	margin: 8px auto 20px auto;
	line-height:140%;
	color: #CC6633;
	text-align: left;
}
.r_comment_head h3 {
	font-weight: bold;
	margin: 5px 0px;
	text-align: left;
}

.r_intro {
	width: 480px;
	margin: 15px auto;
	text-align: left;
}
.r_intro p {
	line-height:150%;
	color: #666666;
	margin-bottom: 10px;
}
.r_intro_foot {
	margin:10px 0px;
	text-align: right;
	color: #666666;
}

.r_comment {
	width: 480px;
	margin: 10px auto;
	text-align: left;
}
.r_comment h3 {
	clear: both;
	margin:10px 0px;
	font-weight: bold;
	color: #993300;
}
.r_comment p {
	line-height:170%;
	margin: 0px 8px 10px 8px;
}
.r_comment_foot {
	margin:10px 0px;
	text-align: right;
}

/*----- プロフィール -----*/
.r_profile {
	width: 400px;
	height: auto;
	margin: 10px auto;
	padding: 10px;
	border: 3px double #993300;
	text-align: left;
	font-size: 11px;
	line-height: 140%;
}
.r_profile h4 {
	margin: 5px 0px;
	text-align: left;
	font-weight: bold;
}
.r_profile img {
	margin-right: 5px;
	float: left;
}

/*------------------------- サブエリア -------------------------*/
/*----- 現在の特集バナー -----*/
.new_feature_banner {
	width:200px;
	margin:5px 0px 8px 0px;
}

/*----- 告知 -----*/

.notice {
	width:200px;
	margin:5px 0px 8px 0px;
}
.notice h4 {
	width:200px;
	height:30px;
	background:url(../images/frame_notice.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
.noticebox {
	padding:5px 10px 15px 10px;
	text-align: left;
	line-height:140%;
	font-size:11px;
	background: url(../images/frame_notice.gif) no-repeat bottom;
}

/*----- バックナンバー -----*/
.backnobox {
	width: 190px;
	margin:8px auto 20px auto;
	padding-bottom:10px;
	text-align: left;
	border-bottom:1px #CCCCCC dotted;
}
.backnobox ul {
	list-style:none;
}
.backnobox li {
	margin:8px 2px;
	padding-left: 3px;
	text-align: left;
	line-height:140%;
}
.backnobox a {
	font-size:11px;
}

/*------------------------- コバレ気分 -------------------------*/
.kobare_text {
	width: 530px;
	margin: 10px auto;
	text-align: left;
}
.kobare_text p {
	line-height:180%;
	margin:20px 0px;
}
.kobare_photo {
	float: right;
	margin-left: 12px;
}
/*----- memo -----*/

.kobare_memo {
	width:200px;
	margin:2px 0px 8px 0px;
}
.kobare_memo h4 {
	width:200px;
	height:22px;
	background:url(../images/recommend/kobare/frame_06.gif) no-repeat 0px 0px;
	text-indent:-9999px;
}
.kobare_memobox {
	padding:10px 10px 15px 8px;
	text-align: left;
	line-height:140%;
	font-size:11px;
	color: #FFFFFF;
	background: url(../images/recommend/kobare/frame_06.gif) no-repeat bottom;
}