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

/*---------------------------------------------------------
                           #main
---------------------------------------------------------*/

div#contents.layout_1 div#main {
	width: 1000px;
}

/*---------------------------div#main_title--*/

div#main div#main_title {
	width: 919px;
	margin: 0 auto 30px;
	position: relative;
	overflow: hidden;
}

div#main div#main_title:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#main_title h3 {
	width: 519px;
	padding: 32px 0 32px 31px;
	background: #e7346e url(../topics/img_100108_b/bg_main.gif) no-repeat 549px 0;
	position: absolute;
	top: 0;
	left: 369px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title p.lead {
	width: 565px;
	padding: 16px 0 34px 21px;
	background: #e75e34 url(../topics/img_100108_b/bg_main.gif) no-repeat 0 153px;
	position: absolute;
	top: 195px;
	left: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title p.image01 {
	top: 0;
	left: 0;
}

div#main div#main_title p.image02 {
	position: absolute;
	top: 0;
	left: 192px;
}


div#main div#main_title p.image03 {
	margin-top: 2px;
	float: right;
	font-size: 0;
	line-height: 0;
}


/*---------------------------div#pasta&div#hotsub Commonness--*/

div#main div#pasta div.menu01 p.btn a,
div#main div#pasta div.menu02 p.btn a,
div#main div#hotsub div.menu01 p.btn a,
div#main div#hotsub div.menu02 p.btn a {
	/*display: inline-block;*/
	display: block;
	overflow: hidden;
	width: 121px;
	height: 28px;
	background: url(../topics/img_100108_b/btn_menu_on.gif) no-repeat 0 0;
}

div#main div#pasta div.menu01 p.btn a:hover,
div#main div#pasta div.menu01 p.btn a:active,
div#main div#pasta div.menu02 p.btn a:hover,
div#main div#pasta div.menu02 p.btn a:active,
div#main div#hotsub div.menu01 p.btn a:hover,
div#main div#hotsub div.menu01 p.btn a:active,
div#main div#hotsub div.menu02 p.btn a:hover,
div#main div#hotsub div.menu02 p.btn a:active {
	background-color: #3c0000;
}

div#main div#pasta div.menu01 p.btn a:hover img,
div#main div#pasta div.menu01 p.btn a:active img,
div#main div#pasta div.menu02 p.btn a:hover img,
div#main div#pasta div.menu02 p.btn a:active img,
div#main div#hotsub div.menu01 p.btn a:hover img,
div#main div#hotsub div.menu01 p.btn a:active img,
div#main div#hotsub div.menu02 p.btn a:hover img,
div#main div#hotsub div.menu02 p.btn a:active img {
	visibility: hidden;
}

/*---------------------------div#pasta--*/

div#main div#pasta {
	width: 878px;
	margin: 0 0 30px 50px;
	padding: 45px 11px 0 11px;
	background: url(../topics/img_100108_b/bg_menu.gif) repeat-y 0 0;
	clear: both;
	position: relative;
	overflow: visible;
}

div#main div#pasta h4 {
	position: absolute;
	top: 0;
	left: -10px;
}

div#main div#pasta p.size {
	position: absolute;
	top: 0;
	left: 256px;
}

div#main div#pasta div.menus {
	width: 878px;
	overflow: hidden;
}

div#main div#pasta div#menus:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


div#main div#pasta div.menu01,
div#main div#pasta div.menu02 {
	width: 127px;
	padding: 87px 0 7px 306px;
	background: #3c0000;
	position: relative;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

div#main div#pasta div.menu01:after,
div#main div#pasta div.menu02:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#pasta div.menu01 p.image,
div#main div#pasta div.menu02 p.image {
	position: absolute;
	top: 0;
	left: 0;
}

div#main div#pasta div.menu01 p.lead,
div#main div#pasta div.menu02 p.lead {
	position: absolute;
	top: 2px;
	left: 4px;
	z-index: 1;
}

div#main div#pasta div.menu01 p.btn,
div#main div#pasta div.menu02 p.btn {
	margin-left: -1px;
	clear: both;
	font-size: 0;
	line-height: 0;
}

div#main div#pasta div.menu01 {
	float: left;
}

div#main div#pasta div.menu01 h5 {
	position: absolute;
	top: 12px;
	left: 255px;
	z-index: 1;
}

div#main div#pasta div.menu01 p.detail {
	margin-bottom: 10px;
}

div#main div#pasta div.menu01 p.price {
	margin-bottom: 23px;
	padding-left: 67px;
	font-size: 0;
	line-height: 0;
}

div#main div#pasta div.menu02 {
	float: right;
}

div#main div#pasta div.menu02 h5 {
	position: absolute;
	top: 15px;
	left: 275px;
	z-index: 1;
}

div#main div#pasta div.menu02 p.detail {
	margin-bottom: 20px;
}

div#main div#pasta div.menu02 p.price {
	margin-bottom: 23px;
	padding-left: 67px;
}

div#main div#pasta div.other {
	background: url(../topics/img_100108_b/bg_other_menu.gif) no-repeat 0 100%;
	width: 900px;
	margin-left: -11px;
	padding: 10px 0 11px 11px;
	overflow: hidden;
	clear: both;
	position: relative;
}

div#main div#pasta div.other p.lead {
	font-size: 0;
	line-height: 0;
}

div#main div#pasta div.other p.btn {
	position: absolute;
	top: 10px;
	left: 687px;
	font-size: 0;
	line-height: 0;
}

div#main div#pasta div.other p.btn a {
	/*display: inline-block;*/
	display: block;
	overflow: hidden;
	width: 202px;
	height: 80px;
	background: url(../topics/img_100108_b/btn_other_pasta_on.gif) no-repeat 0 0;
}

div#main div#pasta div.other p.btn a:hover,
div#main div#pasta div.other p.btn a:active {
	background-color: #3c0000;
}

div#main div#pasta div.other p.btn a:hover img,
div#main div#pasta div.other p.btn a:active img {
	visibility: hidden;
}

/*---------------------------div#hotsub--*/

div#main div#hotsub {
	width: 878px;
	margin: 0 0 47px 51px;
	padding: 45px 11px 0 11px;
	background: url(../topics/img_100108_b/bg_menu.gif) repeat-y 0 0;
	position: relative;
	clear: both;
	overflow: visible;
}

div#main div#hotsub h4 {
	position: absolute;
	top: 0;
	left: -10px;
}

div#main div#hotsub p.size {
	position: absolute;
	top: 0;
	left: 311px;
}

div#main div#hotsub div.menus {
	width: 878px;
	overflow: hidden;
}

div#main div#hotsub div#menus:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


div#main div#hotsub div.menu01,
div#main div#hotsub div.menu02 {
	width: 424px;
	padding: 87px 0 7px 9px;
	background: #3c0000;
	position: relative;
}

div#main div#hotsub div.menu01:after,
div#main div#hotsub div.menu02:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#hotsub div.menu01 p.image,
div#main div#hotsub div.menu02 p.image {
	position: absolute;
	top: 0;
	left: 135px;
}

div#main div#hotsub div.menu01 p.lead,
div#main div#hotsub div.menu02 p.lead {
	position: absolute;
	top: 2px;
	left: 139px;
	z-index: 1;
}

div#main div#hotsub div.menu01 p.btn,
div#main div#hotsub div.menu02 p.btn {
	margin-left: -2px;
}

div#main div#hotsub div.menu01 {
	float: left;
}

div#main div#hotsub div.menu01 h5 {
	position: absolute;
	top: 31px;
	left: 5px;
	z-index: 1;
}

div#main div#hotsub div.menu01 p.detail {
	margin-bottom: 10px;
}

div#main div#hotsub div.menu01 p.price {
	margin: 0 0 25px 78px;
}

div#main div#hotsub div.menu02 {
	float: right;
}

div#main div#hotsub div.menu02 h5 {
	position: absolute;
	top: 41px;
	left: 6px;
	z-index: 1;
}

div#main div#hotsub div.menu02 p.detail {
	margin-bottom: 28px;
}

div#main div#hotsub div.menu02 p.price {
	margin: 0 0 25px 78px;
}

div#main div#hotsub div.other {
	width: 889px;
	margin-left: -11px;
	padding: 10px 0 11px 11px;
	background: url(../topics/img_100108_b/bg_other_menu.gif) no-repeat 0 100%;
	position: relative;
	overflow: hidden;
}

div#main div#hotsub div.other p.lead {
	font-size: 0;
	line-height: 0;
}

div#main div#hotsub div.other p.btn {
	position: absolute;
	top: 10px;
	left: 651px;
	font-size: 0;
	line-height: 0;
}

div#main div#hotsub div.other p.btn a {
	/*display: inline-block;*/
	display: block;
	overflow: hidden;
	width: 238px;
	height: 80px;
	background: url(../topics/img_100108_b/btn_other_hotsub_on.gif) no-repeat 0 0;
}

div#main div#hotsub div.other p.btn a:hover,
div#main div#hotsub div.other p.btn a:active {
	background-color: #3c0000;
}

div#main div#hotsub div.other p.btn a:hover img,
div#main div#hotsub div.other p.btn a:active img {
	visibility: hidden;
}



/*---------------------------div#campaign--*/

div#main p.banner {
	width: 859px;
	margin: 0 auto 0;
}


/* End */