/* CSS Document */


a:hover img.alp {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}

.right{
	float:right;
}

.right2{
	float:right;
	padding-left:8px;
}

.left{
	float:left;
}



.clear{
	clear:both;
}

.ta-left{
	text-align:left;
}

.ta-right{
	text-align:right;
}

.ta-center{
	text-align:center;
}

.bt-back{
    background:url(/assets/images/pc/voice/bt_back.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 0px 0px 20px;
}

.bt-next{
    background:url(/assets/images/pc/voice/bt_next.jpg);
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 20px 0px 0px;
}

.bt-link{
    background:url(/assets/images/pc/voice/bt_next.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 0px 0px 20px;
	margin:0px 10px 0px 0px;
}


.mb5 {
	padding: 0px 0px 5px;
}

.mb10 {
	padding: 0px 0px 10px;
}

.mb20 {
	padding: 0px 0px 20px;
}

.mr5{
	margin-right:5px;
}

.mr8{
	margin-right:8px;
}

.mr10{
	margin-right:10px;
}

.mr20{
	margin-right:20px;
}


.mb40{
    padding:0px 0px 40px;
}

.mt10{
    margin-top:10px;
}	

.mt20{
    margin-top:20px;
}	

.mt30{
    margin-top:30px;
}	

.mt40{
    margin-top:40px;
}	

.ml5{
    margin-left:5px;
}

.ml10{
    margin-left:10px;
}	

.prlb10{
	padding:0 10px 10px 10px;
}

.cart-m{
	margin-right:8px;
	margin-top:10px;
}

.middle{

	vertical-align:middle;

}


.mt100{
    margin-top:100px;
}	

.mt5{
    margin-top:5px;
}

.mt8{
    margin-top:8px;
}

#contents p{
	margin:0px 10px 10px 10px;
	color:#666666;
	line-height:140%;
}

#contents2 p{
	margin:0px 10px 10px 10px;
	color:#666666;
	line-height:140%;
}

#printbtn{
	width:580px;
	padding:0px 0px 10px 0px;
	text-align: right;
}



/* �G���[�y�[�W */



#error-new{
	border:1px #CCCCCC solid;
	margin-bottom:35px;
    border-radius: 5px;        /* CSS3���� */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome�p */  
    -moz-border-radius: 5px;   /* Firefox�p */ 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #FFFDDD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#FFFDDD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#FFFDDD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#FFFDDD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#FFFDDD 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#FFFDDD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f5fb',GradientType=0 ); /* IE6-9 */
padding:20px 40px;
margin-top: 20px;
}

#error-new h1{
	padding:15px 0 0 0;
}


#error-new p{
	padding:10px 0 0 0;
}

/* �悭����䎿�� */
.area-ques{
	width:521px;
	padding:0px 0px 0px;
	margin:0px auto;
}

.area-ques ul{
	margin:0px 0px 0px 10px;
	padding:0px;
}

.area-ques li{
    background:url(/assets/images/pc/faq/bt_faq.jpg);
	background-repeat:no-repeat;
	padding:5px 0px 5px 0px;
	list-style:none;
	font-size:14px;
}

.area-ques li a{
    padding:20px 0px 60px 35px;
	color:#666666;

}

.q-mark{
	padding: 5px 20px 0px 35px;
	background:url(/assets/images/pc/faq/ico_q.jpg) no-repeat left top;
	line-height:180%;
	height:45px;
}
	

.a-mark{
	padding: 8px 20px 10px 35px;
	background:url(/assets/images/pc/faq/ico_a.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:140%;
}

#faq-mark{
	width:560px;
	margin:20px auto;
	font-size:12px;
	color:#1C8EC2;
	padding:10px 10px 0px 10px;
	text-align:center;
	background: #FFF8DF;
}

#faq-mark h2{
	padding:0;
	margin:0 0 8px 5px;
}

#faq-ranq{
	width:530px;
	background:url(/assets/images/pc/faq/rank_bg.gif) repeat-y;
	margin:20px auto;
	font-size:12px;
	color:#1C8EC2;
	text-align:left;
}

#faq-ranq ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
}

#faq-ranq li{
	margin:5px;
	list-style-position:outside;
}

#faq-ranq li p{
	padding:0px 0px 0px 25px;
	margin:0;
}

#faq-ranq li.rank01{
	background:url(/assets/images/pc/faq/rank01.gif) no-repeat 20px;
	padding:3px 0px 3px 30px;
	height:20px;
}

#faq-ranq li.rank02{
	background:url(/assets/images/pc/faq/rank02.gif) no-repeat 20px;
	padding:4px 0px 0px 30px;
	height:20px;
}

#faq-ranq li.rank03{
	background:url(/assets/images/pc/faq/rank03.gif) no-repeat 20px;
	padding:4px 0px 0px 30px;
	height:20px;
}

#faq-ranq li.rank04{
	background:url(/assets/images/pc/faq/rank04.gif) no-repeat 20px;
	padding:4px 0px 0px 30px;
	height:20px;
}
#faq-ranq li.rank05{
	background:url(/assets/images/pc/faq/rank05.gif) no-repeat 20px;
	padding:4px 0px 0px 30px;
}

#faq-mark h3{
	margin-bottom:10px;
}

#faq-mark ul{
	margin:0px 0px 10px 0px;
	padding:0px;
}

#faq-mark li{
	display:inline;
	padding:0px 0px 0px 5px;

}

.top_m01{
	width:265px;
	margin:0px 0px 0px 10px;
	float:left;
	text-align: left;
	padding: 0px 0px 5px;
}

.top_m02{
	width:265px;
	margin:0px 0px 0px 10px;
	float:right;
	text-align: left;
	padding: 0px 0px 5px;
}


.faq-top{
  width:521px;
  text-align:right;
  margin:20px auto;
} 

.font16px-b{
    font-size:16px;
	font-weight:bold;
}

.ico-item{
	padding: 0px 0px 0px 75px;
	background:url(/assets/images/pc/news/ico_newitem.gif) no-repeat left top;
}

.ico-news{
	padding: 0px 10px 10px 80px;
	background:url(/assets/images/pc/news/ico_news.gif) no-repeat left top;
}

.ico-pre{
	padding: 0px 10px 10px 80px;
	background:url(/assets/images/pc/news/ico_pre.gif) no-repeat left top;
}

#bknews{
	width:560px;
	padding:0px 0px 0px 0px;
}

#bknews ul{
	margin:0px;
	padding:0px;
}

#bknews li{
    background:url(/assets/images/pc/news/line_dot.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	list-style:none;
	line-height:140%;
	color:#666666;
	padding:8px 0px;
	background-position:bottom;
	
}

#bk-ques{
	padding:0px 0px 30px;
	text-align: center;
	width: 560px;
}

#contact-form{
	background:url(/assets/images/pc/contact/bg_form2.gif);
	background-repeat:repeat-y;
	width:580px;
	margin: 0px;
	padding:0px 10px 0px 10px;
	text-align:center;
}

/* ���q�l�̐� */


#voice{
    background:url(/assets/images/pc/voice/line_voice.jpg);
	background-repeat:repeat-y;
}	
	
#voice-list{
   	width:500px;
	padding:20px 10px 0px 20px;
}

#voice-list ul{
	margin:0px;
	padding:0px;
}

#voice-list li{
    background:url(/assets/images/pc/voice/ico_voice.jpg);
	background-repeat:no-repeat;
	background-position:left;
	list-style:none;
	line-height:140%;
	color:#1C8EC2;
	padding:12px 0px 0px 24px;
	font-weight:bold;
	width:430px;
}

#voice-footer{
    background:url(/assets/images/pc/voice/bg_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:300px;
}

.bt-voice{
    width:496px;
	margin:20px auto 0px auto;
}

.btn-voice{
    width:460px;
	margin:20px auto 0px auto;
}

#voice-main{
    width:460px;
	padding:10px 0px 0px 30px;
}
	
	
#voice-tab{
	margin:5px 20px;
}

#voice-tab h2{
	padding:0;
	margin:0;
}


.v-left{
	width:110px;
	float:left;
}

.v-right{
	width:380px;
	float:right;

	display:block;

}	

	
#voice-tab p{
	padding:10px 3px;
	margin:0;
	line-height:155%;
	font-size:12px;
	color:#666;
}


#v-mori{
	background:url(/assets/images/pc/voice/bg_mori.jpg) no-repeat;
	padding:10px;
	height:200px;
}

#v-mori h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#E7CD89 1px solid;
	color:#1C8EC2;
	font-size:14px;
}

#v-herb{
	background:url(/assets/images/pc/voice/bg_herb.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-herb h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#E7CD89 1px solid;
	color:#1C8EC2;
	font-size:14px;
}

#v-calo{
	background:url(/assets/images/pc/voice/bg_calo.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-calo h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#6BB6DA 1px solid;
	color:#1C8EC2;
	font-size:14px;
}


#v-calopita{
	background:url(/assets/images/pc/voice/bg_calopita.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-calopita h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#D8DC2C 1px solid;
	color:#1C8EC2;
	font-size:14px;
}


#v-ukon{
	background:url(/assets/images/pc/voice/bg_ukon.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-ukon h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#F9CBA2 1px solid;
	color:#1C8EC2;
	font-size:14px;
}


#v-lutein{
	background:url(/assets/images/pc/voice/bg_lutein.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-lutein h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#C2B4E0 1px solid;
	color:#1C8EC2;
	font-size:14px;
}

#v-mera{
	background:url(/assets/images/pc/voice/bg_mera.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-mera h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#FFBBAA 1px solid;
	color:#1C8EC2;
	font-size:14px;
}



#v-harituya{
	background:url(/assets/images/pc/voice/bg_harituya.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-harituya h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#FFBBAA 1px solid;
	color:#1C8EC2;
	font-size:14px;
}


#v-coffee{
	background:url(/assets/images/pc/voice/bg_coffee.jpg) no-repeat;
	padding:10px;
	height:169px;
}

#v-coffee h3{
	background:url(/assets/images/pc/voice/catch.jpg) no-repeat;
	padding:3px 0 3px 25px;
	margin:0;
	border-bottom:#A5D2F1 1px solid;
	color:#1C8EC2;
	font-size:14px;
}




.area-pay{
   width:540px;
   margin:0px 10px 0px 10px;
}

#pay-left{
    width:70px;
	margin:0px;
	float:left;
}	

#pay-right{
   width:455px;
   float:left;
}


.area-postage{
   width:556px;
   margin:0px 0px 0px 4px;
}

#postage-left{
    width:550px;
	margin:0px;
	float:left;
}	

#postage-right{
   width:404px;
   float:left;
}


#relief{
   width:450px;
   padding:0px;
   background:url(/assets/images/pc/guide/pay/bg_relief.jpg);
   background-repeat:repeat-y;
}

#ttl-pre{
   width:710px;
   margin:0px auto;
} 

#present{
   width:680px;
   margin:0px auto;
}

#present table{
  margin:0px auto;
}  

#pre-form{
   width:610px;
   margin:0px auto;
   background:url(/assets/images/pc/present/bg_present.gif);
   text-align:center;
} 


#guide{
   width:560px;
   background:url(/pages/pc/guide/img/bg_guide_line.jpg);
}     

#guide-left{
   width:263px;
   float:left;
   margin-right:6px;
   padding-left:14px;
} 

#guide-right{
   width:276px;
   float:right
}
#guide-left2{
   width:263px;
   float:left;
   margin-right:6px;
   padding-left:14px;
} 

#guide-right2{
   width:276px;
   float:right
}

#guide-menu{
margin:0;
padding:15px 0 0 0;
}

#guide-menu h2{
	margin:0;
	padding:0 0 25px 0;
}

.company-area{
   width:540px;
   margin:0px auto;
}   

#company-area-left{
  width:269px;
  margin-right:11px;
  float:left;
}

#company-area-right{
  width:260px;
  float:right;
}  
   
#monitor{
  width:580px;
  margin:0px auto;
  background-image:url(/assets/images/pc/present/bg_line.jpg);
  background-repeat:repeat-y;
  text-align:center;
}

#monitor-text{
  width:580px;
  margin:0px auto;
} 


#error{
	width:608px;
	background-image:url(/assets/images/pc/error/bg_notfound.jpg);
	background-repeat:no-repeat;
	margin:40px 0px 0px;
	padding: 189px 81px 0px 83px;
	height: 358px;
}

#dot-line{
	width:740px;
	margin:0px auto 30px;
	border:dotted;
	border-color:#1C8EC2;
	padding:10px;
}

#quick-link{
	width:720px;
	margin:0px auto;
}

#quick-link ul{
	margin:0px;
	padding:0px;
}

#quick-link li{
	margin:0px;
	padding:0px 30px 0px 0px;
	list-style:none;
	display:inline;

}


#quick-link a{
	background:url(/assets/images/pc/quick/ico_blue_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
}

#quick-cart{
	font-size:12px;
}	


#column-regularly{
    width:600px;
	margin:0px 100px;
	background:url(/assets/images/pc/form/regularly_bg.gif) repeat-y;
	border-bottom:1px solid #FFA6A6;
}

#column-regularly h2{
    margin:0px 0px 16px;
}

#column-regularly h3{
    margin:5px 0px 10px 0px;
}

#column-regularly p{
	margin:0px 10px 10px 10px;
	color:#666666;
	line-height:140%;
}

#contact-form{
	background:url(/assets/images/pc/contact/bg_form2.gif);
	background-repeat:repeat-y;
	width:580px;
	margin: 0px;
	padding:0px 10px 0px 10px;
	text-align:center;
}

#contact-base{
	width:717px;
	background: url(/assets/images/pc/contact/info_bg.gif) repeat-y;
	margin:0px auto;	
}
	
#contact-area{
	width:660px;
	padding:10px 28px;
	}
	
	

/* �ȉ���ҏW����ۂ́A/css�̉���style.css���C�����邱�� */
div.outer {   
    display: table;
    background-image:url(/assets/images/pc/common/bg_watchcart.png); 
    background-position:center; 
    background-repeat:no-repeat;
    width:420px; 
    height:36px;
    
    line-height:0px;
}   


div.vertical_middle {   
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    /*padding-top:7px;*/
}   
    html>/**/body div.vertical_middle {
		display: table-cell;
        vertical-align: middle;
        text-align:left;
        /*padding-top:4px\9;*/
	}


/*********************
      �J�[�g�摜
**********************/
/* FireFox, Chrome�p */
div.vertical_middle_imgcart   
{
    width:18%; 
    display: table-cell;
    /*vertical-align: middle;*/
    vertical-align:top;
    text-align:left;
    padding-top:8px;
    padding-left:7px;

    line-height:0px;
    font-size:0px;
    border:none;
}
/* IE8�p */
html>/**/body div.vertical_middle_imgcart 
{
    width:18%;
	display: table-cell;
    vertical-align: top;
    text-align:left;
    padding-top:6px\9;
    padding-left:5px\9;

    line-height:0px\9;
    font-size:0px\9;
    border:none;
}
/* IE6,7�p */
td.vertical_middle_imgcart   
{
    width:18%; 
    vertical-align: top;
    text-align:center;
    padding-top:7px;
    padding-left:3px;
    line-height:0px;
    font-size:0px;
    border:none;
}

/*********************
    �J�[�g�e�L�X�g
**********************/
/* FireFox, Chrome�p */
div.vertical_middle_textcart    
{
    width:55%;
    display: table-cell;
    /*vertical-align: middle;*/
    vertical-align: top;
    text-align:left;
    padding-top:2px;
    padding-left:12px;
    
    line-height:0px;
    border:none;
    
}   
/* IE8�p */
html>/**/body div.vertical_middle_textcart 
{
    width:55%;
	display: table-cell;
    vertical-align: top;
    text-align:left;
    padding-top:0px\9;
    padding-left:7px\9;

    line-height:0px\9;
    border:none;
}
/* IE6,7�p */
td.vertical_middle_textcart    
{
    width:55%;
    vertical-align: top;
    text-align:left;
    padding-top:10px;
    padding-left:10px;
    
    line-height:0px;
    border:none;
    
}   


/*********************
    �J�[�g�{�^��
**********************/
/* FireFox, Chrome�p */
div.vertical_middle_btncart 
{
    width:27%;
    display: table-cell;
    vertical-align: middle;
    text-align:left;
    /*padding-top:7px;*/
    padding-left:2px;

    line-height:0px;
    font-size:0px;
    border:none;
}
/* IE8�p */   
html>/**/body div.vertical_middle_btncart 
{
    width:27%;
	display: table-cell; 
    vertical-align: top\9;
    padding-top:4.5px\9;
    padding-left:2px\9;

    line-height:0px\9;
    font-size:0px\9;
    border:none;
}
/* IE6,7�p */
td.vertical_middle_btncart 
{
    width:27%;
    vertical-align: middle;
    text-align:left;
    /*padding-top:7px;*/
    padding-left:2px;

    line-height:0px;
    font-size:0px;
    border:none;
}
      
       
div.vertical_middle p.inner {   
    margin: 0px;
}   
    


#contact-faq-search{
	background-image:url(/assets/images/pc/contact/info1_2_faq.jpg);
	background-repeat:no-repeat;
	width:568px;
	height:250px;
	padding-top:50px;
	padding-left:90px;
}

#contact-faq-search #search_box{
    width: 548px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom:5px;
    background-image:url(/assets/images/pc/common/faq-bottom2.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-color:#FFFFFF;
    font-size:12px;
}

#contact-faq-search #search_box dl{
    width: 548px;
    padding:0 0 1px;
    margin:0;
    border-left: 1px solid #FF9966;
    border-right: 1px solid #FF9966;
}

#contact-faq-search #search_box dt{
	width: 533px;
	padding:0 0 0 15px;
    margin:0;
	background-image:url(/assets/images/pc/common/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FF9966;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
}

#contact-faq-search #search_box dd{
    width: 548px;
    padding:5px 0 0;
    text-indent:5px;
    margin:0;
}

#faq-search{
    width: 530px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 16px;
    padding-bottom:5px;
    background-image:url(/assets/images/pc/common/faq-bottom.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-color:#FFFFFF;
    font-size:12px;
}

#faq-search dl{
    width: 528px;
    padding:0 0 1px;
    margin:0;
    border-left: 1px solid #FF9966;
    border-right: 1px solid #FF9966;
}

#faq-search dt{
	width: 513px;
	padding:0 0 0 15px;
    margin:0;
	background-image:url(/assets/images/pc/common/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#FF9966;
	font-weight:bold;
	font-size:12px;
	color:#FFF;

}

#faq-search dd{
    width: 528px;
    padding:5px 0 0;
    text-indent:5px;
    margin:0;
}

#keywordSearchText {
    width: 380px;
}
#faq-search-submit{
    width: 110px;
}