/* --------------------
BASE
-------------------- */
body {
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0;
}


/* --------------------
共通項目
-------------------- */
/* --- 共通ボタン --- */
.common_btn {
	background-color: #f3f3f3;
	margin: 30px 0 0 0;
	padding: 10px;
}
.common_btn01 a {
	width: 180px;
	height: 29px;
	background-image: url(../2010sc_images/common_btn01.gif);
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 0 10px 0 0;
}
.common_btn01 a:hover {
	background-image: url(../2010sc_images/common_btn01on.gif);
}
.common_btn02 a {
	width: 136px;
	height: 29px;
	background-image: url(../2010sc_images/common_btn02.gif);
	display: block;
	text-indent: -9999px;
	float: right;
	margin: 0;
}
.common_btn02 a:hover {
	background-image: url(../2010sc_images/common_btn02on.gif);
}

/* --- clear --- */
.clear {
	clear: both;
}

/* --- ページ番号 --- */
.page_number {
	width: 24px;
	float: left;
	margin: 0;
	padding: 0;
}


/* --- ページの先頭に戻る --- */
.common_totop a {
	margin: 30px 0 0 0;
	width: 38px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/common_totop.gif);
	float: right;
	display: block;
}


/* --------------------
ヘッダー,目次
-------------------- */
/* --- ヘッダー --- */
#title {
	width: 850px;
	height: 215px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/title.gif);
	margin: 0;
	padding: 0;
}

/* --- 目次 --- */
#mokuji {
	margin: 30px 0 0 0;
	padding: 0;
}
.mokuji_img {
	width: 323px;
	height: 322px;
	float: left;
}

#mokuji_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#mokuji01 {
	float: left;
	text-indent: -9999px;
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}
#mokuji01 a {
	width: 496px;
	height: 148px;
	background-image: url(../2010sc_images/mokuji01.gif);
	display: block;
}
#mokuji01 a:hover {
	background-image: url(../2010sc_images/mokuji01on.gif);
	display: block;
}
#mokuji02 {
	float: left;
	text-indent: -9999px;
	margin: 40px 0 0 30px;
	padding: 0;
	list-style: none;
}
#mokuji02 a {
	width: 496px;
	height: 107px;
	background-image: url(../2010sc_images/mokuji02.gif);
	display: block;
}
#mokuji02 a:hover {
	background-image: url(../2010sc_images/mokuji02on.gif);
	display: block;
}


/* --------------------
SCOOP
-------------------- */
#scoop {
	margin: 50px 0 0 0;
	background-image: url(../2010sc_images/page_number_bg.gif);
	background-repeat: repeat-y;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
*html #scoop {
	margin: 50px 0 0 0;
	padding: 0;
}
#scoop_wrap {
	width: 795px;
	margin: 0 0 0 30px;
	float: left;
}
#scoop_left {
	width: 396px;
	float: left;
}
#scoop_title {
	width: 396px;
	height: 123px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/scoop_title.gif);
	margin: 0;
	padding: 0;
}
#scoop_text {
	width: 356px;
	font-size: 13px;
	color: #1c1c1c;
	line-height: 140%;
	margin: 20px 0 0 0;
}
#scoop_lineup {
	width: 378px;
	border: 1px solid #e3e3e3;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
}
#scoop_lineup_title {
	width: 67px;
	height: 23px;
	background-image: url(../2010sc_images/scoop_lineup.gif);
	text-indent: -9999px;
	margin: 20px 0 0 20px;
	padding: 0;
}
#scoop_lineup_swap00 {
	margin: 13px 0 0 0;
	text-align: center;
}
#scoop_lineup_swap {
	margin: 20px 0 0 20px;
}
#scoop_lineup_caption {
	font-size: 10px;
	color: #9F9F9F;
	margin: 5px 0 0 20px;
}
#scoop_orobianco {
	margin: 30px 0 0 0;
	width: 379px;
	height: 186px;
	background-image: url(../2010sc_images/scoop_orobianco_bg.jpg);
}
#scoop_orobianco_title {
	margin: 15px 0 0 3px;
	width: 163px;
	height: 15px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/scoop_orobianco_title.gif);
	background-repeat: no-repeat;
	position: absolute;
}
#scoop_orobianco_text {
	font-size: 12px;
	margin: 43px 0 0 20px;
	position: absolute;
	color: #1c1c1c;
	line-height: 140%;
	width: 200px;
}
#scoop_right {
	width: 384px;
	float: right;
}
#scoop_detail {
	width: 384px;
	height: 288px;
	margin: 30px 0 0 0;
	background-image: url(../2010sc_images/scoop_detail_bg.jpg);
	background-repeat: no-repeat;
}
#scoop_detail_title {
	width: 58px;
	height: 22px;
	margin: 20px 0 0 20px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/scoop_detail_title.gif);
	position: absolute;
}
#scoop_detail_text {
	margin: 56px 0 0 20px;
	font-size: 12px;
	line-height: 140%;
	color: #1c1c1c;
	width: 153px;
	position: absolute;
}
#scoop_detail_pickup {
	margin: 190px 0 0 20px;
	position: absolute;
}
#scoop_detail_pickup dt {
	float: left;
	width: 155px;
	height: 76px;
}
#scoop_detail_pickup dd {
	float: left;
	margin: 0 0 0 15px;
	font-size: 10px;
	color: #1c1c1c;
	vertical-align: bottom;
	padding: 48px 0 0 0;
	width: 179px;
}


/* --------------------
FEATURE
-------------------- */
#feature {
	margin: 50px 0 0 0;
	background-image: url(../2010sc_images/page_number_bg.gif);
	background-repeat: repeat-y;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
*html #feature {
	margin: 50px 0 0 0;
	padding: 0;
}
#feature_wrap {
	width: 795px;
	margin: 0 0 0 30px;
	float: left;
}
#feature_left {
	width: 275px;
	float: left;
}
#feature_title {
	width: 275px;
	height: 182px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/feature_title.gif);
	margin: 0;
	padding: 0;
}
#feature_text {
	width: 275px;
	font-size: 12px;
	color: #1c1c1c;
	line-height: 140%;
	margin: 20px 0 0 0;
}
#feature_shoplist {
	margin: 20px 0 0 0;
}
#feature_shoplist_title {
	text-indent: -9999px;
	width: 275px;
	height: 12px;
	background-image:  url(../2010sc_images/feature_shoplist.gif);
	background-repeat: no-repeat;
}
#feature_shoplist_list {
	margin: 12px 0 0 15px;
}
#feature_shoplist_list td {
	vertical-align: top;
}
#feature_shoplist_list td a {
	font-size: 10px;
	color: #01AFE2;
}
#feature_shoplist_list td a:hover {
	font-size: 10px;
	color: #fff;
	background-color: #01AFE2;
	text-decoration: none;
}
#feature_caption {
	font-size: 10px;
	color: #9F9F9F;
	margin: 5px 0 0 15px;
}
#feature_right {
	width: 498px;
	float: right;
}
#feature_swap {
	float: left;
}
#feature_swap td {
	vertical-align: top;
}
#feature_swap00 {
	width: 333px;
	float: right;
}
#feature_swap_caption {
	float: right;
	color: #9f9f9f;
	font-size: 10px;
}

#feature_title2 {
	margin: 30px 0 0 0;
	padding: 0;
	width: 764px;
	height: 76px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/feature_title2.gif);
}
#feature2_brand {
	margin: 30px 0 0 0;
}
#feature2_brand td {
	vertical-align: top;
}


/* --------------------
INFORMATION
-------------------- */
#information {
	margin: 50px 0 0 0;
	background-image: url(../2010sc_images/page_number_bg.gif);
	background-repeat: repeat-y;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
*html #information {
	margin: 50px 0 0 0;
	padding: 0;
	border-top: 1px solid #fff;
}
#information_wrap {
	width: 795px;
	margin: 0 0 0 30px;
	float: left;
}
#information_title {
	width: 790px;
	height: 74px;
	text-indent: -9999px;
	background-image: url(../2010sc_images/information_title.gif);
	margin: 0;
	padding: 0;
}
#information_left {
	width: 495px;
	float: left;
	margin: 16px 0 0 0;
}
#information_left img {
	vertical-align: top;
}
#information_right {
	width: 300px;
	float: left;
	margin: 16px 0 0 0;
}
#information_right img {
	vertical-align: top;
	border: 0;
}