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

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

div#contents.layout_1 div#main {
	margin : 0 auto 0;
	width : 880px;
}

div#contents.layout_1 div#main p.notice {
	color: #666;
	font-size: 10px;
	line-height: 14px;
	margin-top: 18px;
}

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

div#main div#main_title {
	width: 880px;
	height: 220px;
	position: relative;
	background: url(../topics/img_090928_a/bg_main.gif) no-repeat 0 0;
	overflow: hidden;
}

div#main div#main_title h3 {
	margin-bottom: 0;
	position: absolute;
	top: 39px;
	left: 137px;
}

div#main div#main_title b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div#main div#main_title p.lead01 {
	position: absolute;
	top: 12px;
	left: 5px;
}

div#main div#main_title p.lead02 {
	position: absolute;
	top: 125px;
	left: 420px;
}

div#main div#main_title p.lead03 {
	position: absolute;
	top: 175px;
	left: 719px;
}

/*---------------------------div#sub_title--*/

div#main div#sub_title {
	width: 842px;
	margin-top: 2px;
	padding: 0 26px 9px 12px;
	background: url(../topics/img_090928_a/bg_sub.gif) no-repeat 0 0;
	overflow: hidden;
}

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

div#main div#sub_title h4 {
	float: left;
	margin-top: 8px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

div#main div#sub_title p {
	float: right;
	margin-top: 19px;
}

/*---------------------------div#period--*/

div#main div#period {
	width: 840px;
	margin: 22px 0 0 20px;
}

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

div#main div#period dl.period01 {
	float: left;
}

div#main div#period dl.period02 {
	float: right;
}

div#main div#period dl.period01,
div#main div#period dl.period02 {
	width: 410px;
	overflow: hidden;
}

div#main div#period dl.period01:after,
div#main div#period dl.period02:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#period dl.period01 dt,
div#main div#period dl.period01 dd,
div#main div#period dl.period02 dt,
div#main div#period dl.period02 dd {
	float: left;
	font-size: 0;
}

/*---------------------------ul#menu--*/

div#main ul#menu {
	width: 840px;
	margin: 20px 0 0 20px;
	overflow: hidden;
}

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

div#main ul#menu li.menu01{
	background: url(../topics/img_090928_a/bg_menu01.gif) no-repeat 0 0;
}

div#main ul#menu li.menu01 h5 {
	position: absolute;
	top: 13px;
	left: 268px;
	z-index: 1;
}

div#main ul#menu li.menu01 p.image {
	position: absolute;
	top: 5px;
	left: 5px;
}

div#main ul#menu li.menu02{
	margin-left: 2px;
	background: url(../topics/img_090928_a/bg_menu02.gif) no-repeat 0 0;
}

div#main ul#menu li.menu02 h5 {
	position: absolute;
	top: 16px;
	left: 325px;
	z-index: 1;
}

div#main ul#menu li.menu02 p.image {
	position: absolute;
	top: 5px;
	left: 5px;
}

div#main ul#menu li.menu01 ul.price,
div#main ul#menu li.menu02 ul.price {
	position: absolute;
	top: 86px;
	left: 292px;
}

div#main ul#menu li.menu01 p.lead,
div#main ul#menu li.menu02 p.lead {
	position: absolute;
	top: 14px;
	left: 10px;
}

div#main ul#menu li.menu01 p.btn,
div#main ul#menu li.menu02 p.btn {
	position: absolute;
	top: 167px;
	left: 292px;
}

div#main ul#menu li.menu03{
	margin-top: 2px;
	background: url(../topics/img_090928_a/bg_menu03.gif) no-repeat 0 0;
}

div#main ul#menu li.menu03 h5 {
	position: absolute;
	top: 13px;
	left: 6px;
	z-index: 1;
}

div#main ul#menu li.menu03 p.lead {
	position: absolute;
	top: 158px;
	left: 254px;
}

div#main ul#menu li.menu03 ul.price {
	position: absolute;
	top: 86px;
	left: 5px;
}

div#main ul#menu li.menu04{
	margin: 2px 0 0 2px;
	background: url(../topics/img_090928_a/bg_menu04.gif) no-repeat 0 0;
}

div#main ul#menu li.menu04 h5 {
	position: absolute;
	top: 12px;
	left: 8px;
	z-index: 1;
}

div#main ul#menu li.menu04 p.lead {
	position: absolute;
	top: 158px;
	left: 210px;
}

div#main ul#menu li.menu04 ul.price {
	position: absolute;
	top: 125px;
	left: 5px;
}

div#main ul#menu li.menu03 p.image,
div#main ul#menu li.menu04 p.image {
	position: absolute;
	top: 5px;
	left: 131px;
}

div#main ul#menu li.menu03 p.btn,
div#main ul#menu li.menu04 p.btn {
	position: absolute;
	top: 167px;
	left: 5px;
}

div#main ul#menu li.menu01 p.btn a,
div#main ul#menu li.menu02 p.btn a,
div#main ul#menu li.menu03 p.btn a,
div#main ul#menu li.menu04 p.btn a {
	/*display: inline-block;*/
	width: 122px;
	height: 27px;
	display: block;
	background: url(../topics/img_090928_a/btn02_menu.gif) no-repeat 0 0;
}

div#main ul#menu li.menu01 p.btn a:hover,
div#main ul#menu li.menu01 p.btn a:active,
div#main ul#menu li.menu02 p.btn a:hover,
div#main ul#menu li.menu02 p.btn a:active,
div#main ul#menu li.menu03 p.btn a:hover,
div#main ul#menu li.menu03 p.btn a:active,
div#main ul#menu li.menu04 p.btn a:hover,
div#main ul#menu li.menu04 p.btn a:active {
	background-color: #fff;
}

div#main ul#menu li.menu01 p.btn a:hover img,
div#main ul#menu li.menu01 p.btn a:active img,
div#main ul#menu li.menu02 p.btn a:hover img,
div#main ul#menu li.menu02 p.btn a:active img,
div#main ul#menu li.menu03 p.btn a:hover img,
div#main ul#menu li.menu03 p.btn a:active img,
div#main ul#menu li.menu04 p.btn a:hover img,
div#main ul#menu li.menu04 p.btn a:active img {
	visibility: hidden;
}

div#main ul#menu li.menu01,
div#main ul#menu li.menu02,
div#main ul#menu li.menu03,
div#main ul#menu li.menu04 {
	width: 419px;
	height: 199px;
	float: left;
	font-size: 0;
	overflow: hidden;
	position: relative;
}

/*---------------------------div#way--*/

div#main div#way{
	width: 840px;
	padding: 20px 20px 21px;
	background: url(../topics/img_090928_a/bg_way.gif) repeat-x 0 bottom;
	overflow: hidden;
}

div#main div#way div.detail {
	width: 840px;
	height: 156px;
}

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

div#main div#way div.detail h6 {
	float: left;
	font-size: 0;
}

div#main div#way div.detail ol {
	width: 694px;
	padding: 16px 0 18px 14px;
	background: url(../topics/img_090928_a/bgproce_way.gif) no-repeat 0 0;
	float: right;
}

div#main div#way div.detail ol li {
	margin-top: 10px;
	font-size: 0;
	line-height: 0;
}

div#main div#way div.detail ol li.top {
	margin-top: 0;
}

div#main div#way p.post {
	margin-top: 9px;
}

/* End */
