@charset "shift_jis";

/*==> 慢検 <===============================================================

（1）ヘッダ

（2）メインヴィジュア��E


（9）フッタ


（xx）��E��E�
=========================================================================*/

body{
	background:url(../img/page_bg.jpg) repeat-x center 250px;
	width:100%;
}

#wrapper {
	margin: 0 auto;
	width: 900px;
	background:url(../img/base.gif) repeat-y top center;
}

#contentsBg {
	background-image: url(../img/contants_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#contents{
	margin: 0 auto;
	width: 880px;
	text-align: left;
}

/*（1）ヘッダ
-------------------------------------------------------------------------*/


.head {
position:relative;
background:url(../img/head_base.gif) repeat-x left bottom;
height:55px;
}

.head .logo {
position:absolute;
left:18px;
top:10px;
}

.head .shoplink {
position:absolute;
right:210px;
top:17px;
}

.head #fontchange {
position: absolute;
right: 10px;
top:17px;
line-height: 0;
font-size:1% !important;
width: 184px;
}

.head #fontchange dt {
float: left;
display: inline;
margin-top: 14px;
padding-right:5px;
}

.head #fontchange dd {
float: left;
cursor:pointer;
}


/*（2）メインヴィジュア��E
-------------------------------------------------------------------------*/

.Main_visual {
	background:url(../img/main_bg.jpg) no-repeat 0 0;
	height:659px;
	position:relative;
}

.Main_visual h1 {
	position:absolute;
	top:99px;
	left:24px;
	z-index:99;
}

.Main_visual .h2_01 {
	position:absolute;
	top:200px;
	left:0px;
	z-index:2;
}
.Main_visual .h2_02 {
	position:absolute;
	top:264px;
	left:0px;
	z-index:3;
}

.Main_visual .h2_03 {
	position:absolute;
	top:267px;
	left:256px;
	z-index:4;
}

.Main_visual .h2_04 {
	position:absolute;
	top:338px;
	left:332px;
	z-index:5;
}


.Main_visual p.salebox1_01 {
	position:absolute;
	top:423px;
	left:21px;
	z-index:6;
}

.Main_visual p.salebox1_02 {
	position:absolute;
	top:435px;
	left:44px;
	z-index:7;
}

.Main_visual p.salebox1_03 {
	position:absolute;
	top:429px;
	left:332px;
	z-index:8;
}

.Main_visual p.salebox1_04 {
	position:absolute;
	top:480px;
	left:332px;
	z-index:8;
}

.Main_visual p.salebox1_05 {
	position:absolute;
	top:480px;
	left:512px;
	z-index:9;
}

.Main_visual p.salebox1_06 {
	position:absolute;
	top:522px;
	left:512px;
	z-index:9;
}

.Main_visual p.salebox1_07 {
	position:absolute;
	top:549px;
	left:512px;
	z-index:9;
}

.Main_visual p.salebox1_08 {
	position:absolute;
	top:549px;
	left:675px;
	z-index:9;
}

.Main_visual p.salebox1_09 {
	position:absolute;
	top:587px;
	left:512px;
	z-index:9;
}

.Main_visual p.salebox1_10 {
	position:absolute;
	top:587px;
	left:675px;
	z-index:9;
}

.Main_visual p.salebox1_11 {
	position:absolute;
	top:624px;
	left:380px;
	z-index:9;
	text-align:right;
	font-size:65%;
	width: 465px;
}

.Main_visual p.anchorbox_01 {
	position:absolute;
	top:676px;
	left:18px;
	z-index:9;
}

.Main_visual p.anchorbox_02 {
	position:absolute;
	top:682px;
	left:24px;
	z-index:10;
}

.Main_visual p.anchorbox_03 {
	position:absolute;
	top:682px;
	left:207px;
	z-index:10;
}

.Main_visual p.anchorbox_04 {
	position:absolute;
	top:682px;
	left:536px;
	z-index:10;
}

/*
-------------------------------------------------------------------------*/
.con01{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../img/con01_bg.jpg) no-repeat 0 0;
	height:390px;
	position:relative;
}
.con01 .h3_01{
position:absolute;
top:46px;
left:42px;
z-index:2;
}
.con01 .img01{
position:absolute;
top:132px;
left:64px;
z-index:5;
}
.con01 .feature01{
position:absolute;
top:18px;
left:230px;
z-index:6;
}
.con01 .feature02{
position:absolute;
top:18px;
left:434px;
z-index:7;
}
.con01 .feature03{
position:absolute;
top:18px;
left:638px;
z-index:8;
}
.con01 .lead{
position:absolute;
top:239px;
left:26px;
z-index:3;
}
.con01 .con01_text{
position:absolute;
top:302px;
left:44px;
z-index:7;
width:490px;
}
.con01 .nutrient{
position:absolute;
top:272px;
right:48px;
}

.con01 .osusume{
position:relative;
top:393px;
left:40px;
}
.con01 .osusume .h3_02{
position:absolute;
top:0px;
left:2px;
z-index:5;
}

.con01 .osusume ul{
position:absolute;
top:36px;
left:0px;
width:808px;
height:191px;
background:url(../img/con01_osusume_bg.jpg) no-repeat 0 0;
}

.con01 .osusume ul li.osusume01{
position:absolute;
top:36px;
left:44px;
} 
.con01 .osusume ul li.osusume02{
position:absolute;
top:78px;
left:44px;
} 
.con01 .osusume ul li.osusume03{
position:absolute;
top:121px;
left:44px;
} 

.con01 .osusume ul li.osusume04{
position:absolute;
top:36px;
left:421px;
} 
.con01 .osusume ul li.osusume05{
position:absolute;
top:78px;
left:421px;
}
.con01 .osusume ul li.osusume06{
position:absolute;
top:121px;
left:421px;
} 

.con01 .osusume .pen{
position:absolute;
top:87px;
right:18px;
z-index:99;
} 



/*
-------------------------------------------------------------------------*/
.wrap02{
clear:both;
margin:0px 0px 30px 0px;
padding:30px 20px 30px 20px;
background-color:#FFFBE2;
border-bottom:1px solid #CCB27F;
}


/* con03
-------------------------------------------------------------------------*/
.con03_bg{
background:url(../img/con03_bg_cen.jpg) repeat-y 0 0;
}
.con03_bottom{
background:url(../img/con03_bg_bottom.jpg) no-repeat left bottom;
}
.con03{
padding-bottom:10px;
background:url(../img/con03_bg_top.jpg) no-repeat 0 0;
position:relative;
height:1%;
}


.con03 h3{
padding:23px 0px 0px 0px;
text-align:center;
}

.con03 .lead01{
position:absolute;
top:98px;
left:47px;
z-index:10;
}
.con03 .lead01_text{
	position:absolute;
	top:168px;
	left:50px;
	z-index:12;
	color:#666666;
	width:500px;
	font-size:70%;
}
.con03 .lead02{
position:absolute;
top:120px;
left:47px;
z-index:10;
}
.con03 .lead02_text{
	position:absolute;
	top:190px;
	left:50px;
	z-index:10;
}

.con03 .con03_img01{
	position:absolute;
	top:216px;
	left:45px;
	z-index:10;
}
.con03 .con03_flash{
	position:absolute;
	top:216px;
	left:480px;
	z-index:10;
	height:219px;
	width:300px;
}

.con03 .line{
	margin:0 auto;
	padding:20px 0px 0px 0px;
	width:751px;
}
.con03 .con03_text01{
	padding:388px 0px 0px 45px;
	width:750px;
	line-height:1.1em;
}
.con03 .con03_catch01{
	position:absolute;
	top:195px;
	right:47px;
	z-index:20;
	font-size:70%;
}


.con03 .con03_text02{
	padding:10px 0px 0px 45px;
	width:750px;
	line-height:1.1em;
	font-size:70%;
}
.con03 .lead03{
padding:30px 0px 0px 45px;
}
.con03 .lead04{
padding:5px 0px 0px 42px;
}

.con03 .con03_text03{
padding:5px 0px 0px 49px;
width:506px;
line-height:1.3em;
}

.con03 .con03_img04{
padding:40px 0px 0px 10px;
}
.con03 .con03_img05{
position:absolute;
bottom:41px;
right:45px;
z-index:10;
}

/*con04
-------------------------------------------------------------------------*/
.con04{
	margin:43px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	background:url(../img/con04_bg.jpg) repeat-y 0 0;
	border-top:3px solid #422B30;	
	border-bottom:3px solid #422B30;
}

.con04 .con04_head{
position:relative;
height:199px;
background:url(../img/con04_head_bg.jpg) no-repeat 0 0;
}

.con04 .con04_head .con04_lead01{
position:absolute;
top:41px;
left:23px;
z-index:10;
}
.con04 .con04_head .con04_lead02{
	position:absolute;
	top:52px;
	left:16px;
	z-index:10;
}
.con04 .con04_head .con04_lead03{
	position:absolute;
	top:100px;
	left:27px;
	z-index:11;
}
.con04 .con04_head .con04_lead04{
	position:absolute;
	top:42px;
	left:520px;
	z-index:12;
}
.con04 .con04_head .con04_img{
position:absolute;
top:0px;
right:0px;
z-index:13;
}


.con04 .con04_01{
margin:-20px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
height:1%;
background:url(../img/con04_con_bg.jpg) repeat-y 0 0;
}
.con04 .con04_02{
margin:35px 0px 0px 20px;
padding:0px 0px 0px 0px;
position:relative;
height:1%;
background:url(../img/con04_con_bg.jpg) repeat-y 0 0;
}
.con04 #step3{
	margin:125px 0px 0px 20px;
	background: url(../img/con04_con_bg02.jpg) repeat-y 0 0;
}


.con04 .con04_Box{
padding:35px 20px 23px 20px;
}

.con04 #step3 .con04_Box{
padding:35px 20px 10px 20px;
}
.con04 .con04_Box:after{
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}

.con04 .step{
position:absolute;
top:-30px;
left:20px;
z-index:99;
}
.con04 .arrow{
position:absolute;
top:-60px;
left:366px;
z-index:99;
}
.con04 #step3 .arrow{
	position:absolute;
	top:-145px;
	left:366px;
	z-index:99;
}
.con04 .title02{
	position:absolute;
	top:-75px;
	left:0px;
	z-index:99;
}

.con04 .con04_01 .con_bg{
position:absolute;
z-index:2;
background:url(../img/con04_con_bg00.jpg) repeat-y 0 0;
height:19px;
width:800px;
overflow:hidden;
}

.con04 .con04_01 .catch{
position:absolute;
top:0px;
left:310px;
z-index:10;
}
.con04 .con04_01 .extra{
clear:both;
margin:0px 20px 0px 30px;
padding:0px 0px 30px 0px;
border-top: 1px solid #FFD1B2;
width:750px;
position:relative;
height:1%;
}
.con04 .con04_01 .extra .extra_lead01{
padding:23px 0px 0px 0px;
}
.con04 .con04_01 .extra .extra_lead02{
padding:8px 0px 0px 0px;
}
.con04 .con04_01 .extra .extra_text{
padding:5px 0px 0px 0px;
width:432px;
color:#666666;
line-height:1.3em;
}
.con04 .con04_01 .extra .extra_img{
position:absolute;
top:10px;
right:150px;
z-index:10;
}
.con04 .con04_01 .extra .extra_price{
position:absolute;
top:30px;
right:10px;
z-index:12;
}
.con04 .con04_01 .extra .extra_btn{
position:absolute;
top:62px;
right:10px;
z-index:12;
}
.con04 .con04_01 .extra .extra_text02{
position:absolute;
top:103px;
right:-3px;
width:134px;
color:#666666;
text-indent:-1em;
line-height:1.2em;
font-size:70%;
}


.con04 .con04_con_botttom{
clear:both;
}

.con04 .con04_Box .Box_L{
float:left;
display:inline;
width:381px;
}
.con04 .con04_Box .Box_R{
float:right;
display:inline;
width:386px;
}
.con04 .con04_Box .Box_R02{
float:right;
display:inline;
width:396px;
}
.con04 .con04_Box .cell_L{
float:left;
display:inline;
width:87px;
}
.con04 .con04_Box .cell_R{
float:left;
display:inline;
width:273px;
position:relative;
height:1%;
}
.con04 .con04_Box .cell_R .lead{
margin:0px 0px 0px 0px;
padding:0px 0px 8px 0px;
}
.con04 .con04_Box .cell_R .title{
margin:0px 0px 0px 0px;
padding:0px 0px 8px 0px;
}
.con04 .con04_Box .cell_R .text{
color:#666666;
line-height:1.3em;
padding:0px 0px 8px 0px;
min-height:4em;
font-size:70%;
}

.con04 .con04_Box .cell_R .min03{
min-height:3em;
}
*html .con04 .con04_Box .cell_R .min03{
height:3em;
}

.con04 .con04_Box .cell_R .min04{
min-height:4em;
}
*html .con04 .con04_Box .cell_R .min04{
height:4em;
}

.con04 .con04_Box .cell_R .text02{
clear:both;
color:#666666;
line-height:1.3em;
padding:8px 0px 8px 0px;
font-size:70%;
}

.con04 .con04_Box .cell_R .mark{
position:absolute;
top:17px;
right:0px;
z-index:12;
}

.con04 .con04_Box .price{
padding:5px 0px 0px 0px;
float:left;
display:inline;
}
.con04 .con04_Box .btn{
float:right;
display:inline;
padding:0px 0px 5px 0px;
}

.con04 .con04_Box .Box_waku{
	margin:0px 0px 0px 0px;
	padding:0 8px 8px 8px;
	border:1px solid #FFCAA6;
	background-color:#FFF0E6;
	width:354px;
}
.con04 .con04_Box .Box_waku .Box_waku_img01{
padding:0px 0px 0px 30px;
float:left;
display:inline;
}
.con04 .con04_Box .Box_waku .Box_waku_img02{
padding:10px 0px 0px 10px;
float:left;
display:inline;
}
.con04 .con04_Box .Box_waku .text{
clear:both;
padding:10px 0px 0px 1em;
text-indent:-1em;
line-height:1.3em;
letter-spacing:-0.02em;
font-size:70%;
}


.con04 .con04_Box .ekisu{
clear:both;
margin:0px 0px 0px 0px;
padding:8px 8px 8px 8px;
border:1px solid #FFCAA6;
background-color:#FFF0E6;
}

.con04 .con04_Box .ekisu .ekisu_text{
float:right;
display:inline;
width:180px;
line-height:1.3em;
}
.con04 .con04_Box .ekisu .ekisu_text02{
padding-top:5px;
float:right;
display:inline;
width:180px;
line-height:1.3em;
}

.con04 .con04_Box .ekisu img{
float:left;
}

.con04 .con04_Box .ekisu strong{
color:#FF6600;
}

/*con05
-------------------------------------------------------------------------*/

.con05{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:338px;
	background:url(../img/salebox2_bg.jpg) no-repeat bottom;
	position:relative;
}

.con05 .salebox2_01{
	position:absolute;
	top:0;
	left:19px;
}

.con05 .salebox2_02{
	position:absolute;
	top:231px;
	left:19px;
}

.con05 .salebox2_03{
	position:absolute;
	top:47px;
	left:359px;
}

.con05 .salebox2_04{
	position:absolute;
	top:110px;
	left:359px;
}

.con05 .salebox2_05{
	position:absolute;
	top:186px;
	left:417px;
}

.con05 .salebox2_06{
	position:absolute;
	top:212px;
	left:361px;
}

.con05 .salebox2_07{
	position:absolute;
	top:212px;
	left:594px;
}

.con05 .salebox2_08{
	position:absolute;
	top:269px;
	left:392px;
}

.con05 .salebox2_09{
	position:absolute;
	top:268px;
	left:615px;
}

.con05 .salebox2_10{
	position:absolute;
	top:308px;
	left:330px;
	text-align:right;
	width: 490px;
	font-size:65%;
}


/*ｄ蚕��E桙・√・梳・磨Xテップ
-------------------------------------------------------------------------*/

.Final_Step{
	clear: both;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:675px;
	padding-bottom: 15px;	
}

.Final_Step .Step_wrap{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:675px;
	background-color: #EBEBEB;
	padding-bottom: 15px;
}

.Final_Step .Step_wrap h2 {
	padding-top: 9px;
	text-align: center;
}
.Final_Step .Step_wrap ol {
	margin:0px;
	padding:12px 0px 0px 6px;
}
.Final_Step .Step_wrap ol:after{
	content: "";
	clear: both;
	height: 1px;
	display: block;
	visibility: hidden;
}
.Final_Step .Step_wrap li {
	display: inline;
	float: left;
	font-size:0px;
	line-height:0px;
}

.Final_Step .Guide{
	clear:both;
	margin:26px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	height:57px;
}

.Final_Step .Guide .btn{
	position:absolute;
	bottom:0px;
	right:0px;
}

/*（9）フッタ
-------------------------------------------------------------------------*/

#footer {
	clear:both;
	padding:0;
	text-align:center;
}
#footer ul{
	clear:both;
	padding:12px 0;
	text-align:center;
	border-top:1px solid #CCB27F;
	border-bottom:1px solid #CCB27F;
}
#footer ul li{
	display:inline;
	padding:0 24px;
	border-right:1px solid #CCB27F;
}
#footer ul li.last{
	border-right:none;
}
#footer address{
	padding:9px;
	font-size:70%;
	font-style:normal;
	background-color:#F7F2DA;
	color:#996600;
}

#footer a:link,
#footer a:hover,
#footer a:visited{
	font-size:70%;
	font-style:normal;
	color:#996600;
}

#footer a:visited{
	font-style:normal;
	color:#999999;
}


/*（xx）��E��E�-------------------------------------------------------------------------*/

.clearfix:after {  
visibility: hidden;  
display: block;  
font-size: 0;  
content: " ";  
clear: both;  
height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 



* 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"
);}


/*ポップアップ
-------------------------------------------------------------------------*/
.poptxt1 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 7px; LINE-HEIGHT: 150%; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; COLOR: #676767; FONT-SIZE: 90%; PADDING-TOP: 7px
}
.poptxt2 {
	TEXT-ALIGN: center; LINE-HEIGHT: 150%; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #df500a; FONT-SIZE: 90%; FONT-WEIGHT: bold
}
.poptxt3 {
	TEXT-ALIGN: left; PADDING-BOTTOM: 7px; LINE-HEIGHT: 150%; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #676767; FONT-SIZE: 80%; PADDING-TOP: 7px
}


/*EOF*/