@charset "shift_jis";

img {
	border: none;
}

/* top */
#ct_box {
	clear: both;
	width: 980px;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	font-family: "�l�r �S�V�b�N", "Osaka�|����";
	border-top: 1px solid #CCC;
}
#promo {
	height: 600px;
	width: 980px;
	clear: both;
	position: relative;
}
#blogparts {
	width: 158px;
	height: 334px;
}
.bnrlifestyle{
	width:250px;
	height:65px;
	padding:10px 0px 10px 20px;
	float:left;
}
/* navi */
.navi_box {
	height: 102px;
	width: 660px;
	padding: 8px 0px 10px 220px;
}
.navi_products{
	padding: 8px 0px 10px 267px;
}
.navi_btn {
	height: 102px;
	width: 103px;
	padding:0px 0px 0px 7px;
	float:left;
}

.wrap {
	margin: 10px 20px 0 20px;
}
.wrap img {
	line-height: 0;
	vertical-align: bottom;
}
.frameArea01 {
	float: left;
	width: 938px;
	background: url(../products/images/index/bg01.png) 0 0 repeat;
}
.frameArea02 {
	float: left;
	width: 938px;
	background: url(../products/images/index/bg02.png) 0 0 repeat;
}
.frameArea03 {
	float: left;
	width: 938px;
	background: url(../products/images/index/bg03.png) 0 0 repeat;
}
.frameArea04 {
	float: left;
	width: 312px;
	background: url(../products/images/index/bg04.png) 0 0 repeat;
}
.ti01 {
	width: 100%;
	height: 30px;
	text-align: center;
}
.frameArea01 .ti01 {	
	background-color: #f45270;
}
.frameArea02 .ti01 {	
	background-color: #2a93df;
}
.frameArea03 .ti01 {	
	background-color: #e37f00;
}
.frameArea04 .ti01 {	
	background-color: #00a75b;
}
.list01 {
	margin: 0;
	padding: 0;
	list-style: none;
}
.list01 li {
	float: left;
	width: 312px;
}
.list01 .li01 {
	float: left;
	width: 626px;
	text-align: center;
}
.frameArea04 li {
	height: 269px;
}
.frameArea04 li img {
	margin: 60px 0 0 112px;
}
.list02 {
	margin: 0 0 0 60px;
	padding: 0;
	list-style: none;
}
.list02 li {
	float: left;
	width: 313px;
	margin-left: 54px;
}
.list02 .li01 {
	float: left;
	text-align: center;
}
.list03 {
	margin: 0 0 0 93px;
	padding: 0;
	list-style: none;
}
.list03 li {
	float: left;
	width: 313px;
	margin-left: 41px;
}
.list03 .li01 {
	float: left;
	text-align: center;
}

/* common */
.ttl_box {
	width: 960px;
	height:72px;
	padding:0px 0px 0px 20px;
	clear: both;
}
.contents_ttl {
	height:42px;
	padding:30px 0px 0px 0px;
	float:left;
}
.contents_btArea {
	height:56px;
	padding:12px 0px 0px 30px;
	float:left;
}
.back {
	width:72px;
	height:23px;
	padding:46px 0px 2px 15px;
	float:left;
}
.back_top {
	width:206px;
	height:64px;
	padding:8px 10px 0px 0px;
	float:right;
}
#ct_box #promo h1 {
	position: absolute;
	z-index: 100;
	left: 16px;
	top: 5px;
}
#ct_box #promo .btn01 {
	display: block;
	position: absolute;
	left: 5px;
	top: 125px;
	z-index: 50;
}
#ct_box #promo .btn02 {
	display: block;
	position: absolute;
	left: 104px;
	top: 207px;
	z-index: 40;
}
#ct_box #promo .btn03 {
	display: block;
	position: absolute;
	left: 5px;
	top: 290px;
	z-index: 30;
}
#ct_box #promo .btn04 {
	display: block;
	position: absolute;
	left: 104px;
	top: 372px;
	z-index: 20;
}
#ct_box #promo .btn05 {
	display: block;
	position: absolute;
	left: 4px;
	top: 498px;
	z-index: 10;
}
#ct_box #promo .edge {
	height: 600px;
	width: 749px;
	margin-left: 231px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: none;
}


/* Clearfix */
.wrap:after,
.frameArea02:after {
	content: ".";
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
}
.wrap,
.frameArea02 {
	*display: inline-table;
	*zoom: 1;
}