@charset "shift_jis";

/*-------------------------------------------------------------------------*/
body {
	font-family: "‚l‚r ƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	color: #333333;
	line-height: 1.4;
	text-align: center;
}

#wrapper {
	background:url(../img/page_bg.jpg) repeat-x center 375px;
	width:100%;
}
#contents {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background:url(../img/main_visual.jpg) top center no-repeat;
}
p {
	font-size: 76%;
}
/*-------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 62px;
}
#header .logo {
	position: absolute;
	top: 14px;
	left: 20px;
}
#header .shopping {
	position: absolute;
	left: 150px;
	top: 23px;
}
#header #fontchange {
	position: absolute;
	left: 331px;
	top: 19px;
	line-height: 0;
	font-size:1% !important;
}
#header #fontchange dt {
	float: left;
	display: inline;
	margin-top: 14px;
	padding-right:5px;
}
#header #fontchange dd {
	float: left;
}


/*-------------------------------------------------------------------------*/
#intro {
	margin-bottom:20px;
	position: relative;
	height: 257px;
	clear: both;
}
#intro .mainVisual {
	position: absolute;
}
#intro h1 {
	position: absolute;
	left: 42px;
	top: 100px;
}
#intro h2 {
	position: absolute;
	left: 51px;
	top: 22px;
}

#intro .info {
	position: absolute;
	right: 295px;
	top: 140px;
	z-index:0;
}



/*-------------------------------------------------------------------------*/
#buyHead{
	margin-bottom:20px;
	position:relative;
	height:219px;
	background:url(../img/buy_head.jpg) top center no-repeat;
	
}

#buyHead .img {
	position: absolute;
	top: -290px;
	right: 109px;
	z-index:50;
}

#buyHead .benefit{
	position: absolute;
	left: 79px;
	top: 17px;
}
#buyHead .text{
	position: absolute;
	left:138px;
	top: 148px;
	z-index:1;
}
#buyHead .char{
	position: absolute;
	left:88px;
	top: 67px;
	z-index:1;
}

#buyHead .image{
	position: absolute;
	left: 269px;
	top: 20px;
	z-index:0;
}
#buyHead .title{
	position: absolute;
	left: 269px;
	top: 65px;
}
#buyHead h3{
	position: absolute;
	left: 78px;
	top: 19px;
	z-index:90;
}
#buyHead .btn{
	position: absolute;
	right: 164px;
	top: 143px;
}

#buyHead p{
	font-size:60%;
	color:#666666;
}

/*-------------------------------------------------------------------------*/
#question{
	margin-bottom:24px;
	position:relative;
	height:405px;
	background:url(../img/question_bg.jpg) top center no-repeat;
}
#question h3{
	position: absolute;
	left: 92px;
	top: 24px;
	z-index:30;
}
#question h3 img{
	z-index:30;
}
#question .flash{
	position: absolute;
	left: 94px;
	top: 102px;
	z-index:0;
	width=:720px;
	height:270px;
	background:#FFFFFF;
	border:1px solid #DAAB43;
}

.boy2_bottom{
	background:url(../img/buy2_bottom_bg.jpg) bottom center no-repeat;
	position:relative;
	height:1%;
}

.boy2_bottom h3{
	position:absolute;
	top:-10px;
	left:25px;
}

.boy2_bottom .benefit{
	position:absolute;
	top:30px;
	left:60px;
}

.boy2_bottom .image{
	position:absolute;
	top:11px;
	left:314px;
}

.boy2_bottom .text{
	padding:90px 0px 5px 448px;
}

.boy2_bottom .btn{
	position:absolute;
	top:48px;
	left:568px;
}


.buy2{
	clear:both;
	margin-left:40px;
	width:821px;
	background:url(../img/buy2_top_bg.jpg) top center no-repeat;
	margin-bottom:60px;
}

/*-------------------------------------------------------------------------*/
#osusume{
	margin:0 auto;
	width:800px;
	background:url(../img/osusume_bg.gif) top center no-repeat;
	position:relative;
	height:1%;
	margin-bottom:70px;
}
#osusume h3{
	position:absolute;
	top:27px;
	left:384px;
}

#osusume .img01{
	position:absolute;
	top:-10px;
	left:-10px;
}

#osusume .img02{
	position:absolute;
	bottom:0px;
	right:8px;
}

#osusume .text01{
	padding:98px 50px 0px 387px;
	color:#FE0173;
}
#osusume .text02{
	padding:10px 50px 0px 387px;
}
#osusume .text03{
	padding:0px 120px 0px 387px;
}

#osusume .text04{
	padding:10px 120px 40px 387px;
	font-size:70%;
	color:#666666;
}

/*-------------------------------------------------------------------------*/
#seibun{
	margin:0 auto;
	width:783px;
}

#seibun h3{
	text-align:center;
}


#seibun .sce_02_line{
	background:url(../img/seibun_line.gif) left top repeat-y;
}

#seibun .sce_02_line h4{
	padding:0px 0px 10px 0px;

}
#seibun .sce_02_L{
	float:left;
	display:inline;
	width:184px;
	margin-left:30px;
}
#seibun .sce_02_L p,#seibun .sce_02_C p,#seibun .sce_02_R p{
	padding-bottom:5px;
}
#seibun .sce_02_C{
	float:left;
	display:inline;
	width:184px;
	margin-left:80px;	
}
#seibun .sce_02_R{
	float:left;
	display:inline;
	margin-left:80px;	
	width:184px;
}
/*-------------------------------------------------------------------------*/
#use{
	clear:both;
	margin:19px 0px 3px 0px;
	height:484px;
	position:relative;
}

#use h3{
	position:absolute;
	top:0px;
	left:225px;
}


/*-------------------------------------------------------------------------*/
#voice{
	overflow:hidden;
	padding-bottom:25px;
	background:url(../img/voice_bg.jpg) top left no-repeat #FFFAFC;
}
#voice .container{
	overflow:hidden;
	margin:156px 0 0 31px;
	width:824px;
}
#voice h4{
	margin-bottom:10px;
}
#voice .floatL{
	float:left;
	margin-top:43px;
	width:534px;
}
#voice .person1{
	float:left;
	width:244px;
}
#voice .person1 p,#voice .person2 p,#voice .person3 p{
	margin-left:12px;
}
#voice .person2{
	float:right;
	width:240px;
}
#voice .person3{
	float:right;
	width:240px;
}
#voice .at{
	text-align:right;
	padding:15px 30px 0 0;
	font-size:60%;
	color:#666666;
}


/*-------------------------------------------------------------------------*/
#product{
	margin-bottom:18px;
	background:url(../img/product_bg.jpg) top left no-repeat;
}
#product .title{
	position:relative;
	height:105px;
}
#product .point{
	position:absolute;
	top:-51px;
	left:57px
}
#product h4{
	padding-bottom:37px;
}
#product h5{
	margin-bottom:15px;
}
#product .container{
	overflow:hidden;
	margin:0 50px 0;
	width:800px;
}
#product .container p{
	font-size:86%;
	color:#000000;
	letter-spacing:-0.085em;
}
#product .floatL{
	float:left;
	width:380px;
}
#product .floatR{
	float:right;
	width:362px;
}
#product .box{
	overflow:hidden;
	margin-bottom:45px;
	width:362px;
}
#product .boxF{
	overflow:hidden;
	margin:0px;
	width:362px;
}
#product .image1{
	float:right;
	margin:20px 30px 0 0;
}
#product .image2{
	float:right;
	margin-left:25px;
}
#product .box .boxL,#product .boxF .boxL{
	float:left;
	width:120px;
}
#product .box .boxR,#product .boxF .boxR{
	float:right;
	width:236px;
}
#product .sub{
	margin-bottom:9px;
}

/*-------------------------------------------------------------------------*/

#set{
	overflow:hidden;
	width:900px;
	padding-bottom:11px;
	background:url(../img/set_bg.jpg) top left no-repeat #FFFCFD;
}
#set .floatL{
	float:left;
	width:186px;
	margin:0 0 0 19px;
	position: relative;
	display: inline;
}
#set .floatR{
	float:right;
	width:488px;
	margin:44px 33px 0 0;
}
#set .floatL p{
	position: absolute;
	top: -9px;
	left: 0px;
}
#set .image{
	float:left;
	width:194px;
	margin:0 9px 0 0;
}
#set .text{
	float:left;
	width:280px;
}
#set p{
	margin-top:9px;
	color:#330000;
	letter-spacing:-0.08em;
}
/*-------------------------------------------------------------------------*/
#step {
	width:900px;
	background:url(../img/step_bg.jpg) top left no-repeat;
	height:897px;
	position:relative;
}
#step h3{
	position:absolute;
	top:0px;
	left:166px;
}
#step .step1{
	position:absolute;
	top:81px;
	left:58px;
}
#step .step1_text{
	position:absolute;
	width:195px;
	height:62px;
	top:232px;
	left:211px;
	letter-spacing:-0.02em;
	z-index:2;
}
#step .step1_btn{
	position:absolute;
	top:302px;
	left:209px;
	z-index:1;
}
#step .step1_2{
	position:absolute;
	top:72px;
	right:61px;
}
#step .step1_2_text{
	position:absolute;
	width:180px;
	height:50px;
	top:250px;
	left:570px;
	letter-spacing:-0.02em;
	z-index:3;
}
#step .step1_2_btn{
	position:absolute;
	top:303px;
	right:152px;
}
#step .step2{
	position:absolute;
	top:400px;
	right:37px;
}
#step .step2_text{
	position:absolute;
	width:170px;
	height:50px;
	top:604px;
	left:596px;
	letter-spacing:-0.02em;
	z-index:4;
}
#step .step2_btn{
	position:absolute;
	bottom:207px;
	right:136px;
}
#step .step3{
	position:absolute;
	top:629px;
	left:303px;
}
#step .step3_text{
	position:absolute;
	width:180px;
	height:50px;
	top:764px;
	left:370px;
	letter-spacing:-0.02em;
	z-index:5;
}
#step .step3_btn{
	position:absolute;
	bottom:47px;
	left:403px;
}

#step .step4{
	position:absolute;
	top:260px;
	left:18px;
}
#step .step4_text{
	position:absolute;
	width:190px;
	height:65px;
	top:535px;
	left:88px;
	letter-spacing:-0.02em;
	z-index:6;
}
#step .step4_btn{
	position:absolute;
	bottom:261px;
	left:190px;
}
#step .step_c{
	position:absolute;
	top:293px;
	left:305px;
}
/*-------------------------------------------------------------------------*/
#buyFoot{
	clear:both;
	margin:0px 0px 20px 0px;
}
#buyFoot h3{
	text-align:center;
	padding-bottom:62px;
}

.buy_footer{
	clear:both;
	margin-left:36px;
	width:829px;
	background:url(../img/buy_footer_bg.jpg) top center no-repeat;
	height:240px;
	position:relative;
	margin-bottom:15px;
}
.buy_footer .title{
	position:absolute;
	top:25px;
	left:286px;
}

.buy_footer .title2{
	position:absolute;
	top:88px;
	left:286px;
}
.buy_footer .title3{
	position:absolute;
	top:-46px;
	left:203px;
}
.buy_footer .info{
	position:absolute;
	top:19px;
	left:24px;
}

.buy_footer .img{
	position:absolute;
	top:-36px;
	left:110px;
}
.buy_footer .text{
	position:absolute;
	top:174px;
	left:292px;
}
.buy_footer .btn{
	position:absolute;
	top:165px;
	left:544px;
}


/*-------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin:0px 1px;
	text-align:center;
	font-size: 78%;
	border-top: #CCB27F 1px solid;
}
#footer ul {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:740px;
	padding: 13px 0 10px 0;
}
#footer ul li {
	display:inline;
	border-right: #E5D9BF 2px solid;
	padding: 2px 20px 1px 20px;
}
#footer ul li.linkLast {
	border: none;

}
#footer ul li a:link {
	color: #996600;
	text-decoration: underline;
}
#footer ul li a:visited {
	color: #996600;
	text-decoration: underline;
}
#footer ul li a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#copyright {
	padding:12px 10px 10px;
	font-size: 85%;
	background: #F7F2DA;
	color: #996600;
	border-top: #CCB27F 1px solid;
}

.clear{
	clear:both;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html img.pngfix{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);}