sbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
	font-size: 19px;
}

ol, ul{
    list-style:none;
}
fieldset, img{
  border: 0;
}
a:link {
	color: #0000cc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000cc;
}
a:hover {
	text-decoration: underline;
	color: #ff9900;
}
a:active {
	text-decoration: none;
	color: #ff9900;
}

.fontstyle12-black {
	font-size: 12px;
	line-height: 16px;
}
.fontstyle24-green {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

/*--------------------------
レイアウト
--------------------------*/
html { overflow: auto; }
body { overflow: hidden; }
html { overflow-y: scroll; }

body {
	font: normal 19px/1.5em 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: url(../image/wrap.jpg) repeat-y scroll center top #fff;
}
.wrapper {	
	background: url(../image/bg.jpg) no-repeat center top;
}

#contents {
	margin: 0px auto;
	width: 640px;
	background: none;
}




#header {
	width: 640px;
	height: 1319px;
    margin: 0 auto;
    padding: 0;
	text-align: left;
}


#contents-inner {
	width: 640px;
	padding: 0px 0 0;
	margin: 0px auto;
	color: #3D3C3D;
	font-weight: bold;
}



#innerimg {
	width: 640px; 
	height: auto;
	margin: 0px 0px; 
	padding: 0px;
    position: relative;
    z-index: 0;
}


#contents-box {
	width: 598px;
	height: auto;
	margin: 10px;
	padding: 10px;
	border: #D5D1D1 solid 1px;
}

#contents-box-p {
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 10px;
	border: #af6538 solid 10px;
}

.w-img {
	margin-left: -30px;
}







/*--------------------------
ボックス
--------------------------*/

.box {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}
.box-top {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
tr .box-top img {
}
tr .box-top img {
}
.box-bottom {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
.box-inner {
	margin: 10px 0px;
	padding: 0px 20px;
	height: auto;
	width: 600px;
	font-size:19px;
}

.box-inner2 {
	margin: 10px 0px;
	padding: 0px 40px;
	height: auto;
	width: 560px;
	font-size:19px;
}
div.box {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}

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


/*--------------------------
ボタン
--------------------------*/

.btn p {
	width: 640px;
	height:175px;
	position: absolute;
	margin: 0px auto;
	padding: 30px 0px;
	top:700px;
}
.btn p a {
	width: 640px;
	height: 175px;
	position: relative;
	background: url(../image/btn40.gif) no-repeat scroll center top transparent;
	text-indent: -99999px;
	overflow: hidden;
	font-weight: bold;
	font-family: "メイリオ",Verdana,"Times New Roman";
	display: block;	
}

.btn p a:hover {
	background-position: 0px -175px;    
}

.btn2 p {
	width: 232px;
	height:57px;
	position: absolute;
	margin: 0px auto;
	padding: 30px 0px;
	top:52px;
	left:396px;
}
.btn2 p a {
	width: 232px;
	height: 57px;
	position: relative;
	background: url(../image/btn2.png) no-repeat scroll center top transparent;
	text-indent: -99999px;
	overflow: hidden;
	font-weight: bold;
	font-family: "メイリオ",Verdana,"Times New Roman";
	display: block;	
}

.btn2 p a:hover {
	background-position: 0px -57px;    
}

.btn3 p {
	width: 640px;
	height:175px;
	position: absolute;
	margin: 0px auto;
	padding: 30px 0px;
	top:650px;
}
.btn3 p a {
	width: 640px;
	height: 175px;
	position: relative;
	background: url(../image/btn340.gif) no-repeat scroll center top transparent;
	text-indent: -99999px;
	overflow: hidden;
	font-weight: bold;
	font-family: "メイリオ",Verdana,"Times New Roman";
	display: block;	
}

.btn3 p a:hover {
	background-position: 0px -175px;    
}
/*---------------------*/








/*--------------------------
tokutei 表ボーダー
--------------------------*/

td {
	padding: 12px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 14px;
}
table {
	width: 640px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.box table {
	width: 640px;
	border-top: 0px solid #999999;
	border-right: 0px solid #999999;
}

.box td {
	
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
	
}







/*--------------------------
common専用
--------------------------*/


/*--------------------------
レビュー用
--------------------------*/
.ifrm-container {
      width:630px;
      height:600px;
      overflow:auto;
      -webkit-overflow-scrolling:touch;
      display: inline-block;      
    }
.ifrm {
      width:100%;
      height:100%;
      border:none;
	    display:block;
    }
#voice_bgimg {
	width: 700px; 
	height: auto;
	margin-left: -30px;
	padding: 0px;
    position: relative;
    z-index: 0;
}
#voice_bgimg div.voicebox {
   width: 700px; 
   margin: 0px 0px; 
   position: relative; 
   text-align: left;
}
.iframe {
	width: 630px;
	height: 600px;
	margin:20px auto;
	position: absolute; 
    left: 35px; 
    top: 245px;
}

/*--------------------------
定期購入box用
--------------------------*/


.box_teiki {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}
.box_teiki-top {
	text-align: left;
	vertical-align: top;
	margin: 0px 0 0 0;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
.box_teiki-bottom {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
.box_teiki-inner {
	margin: 10px 0px;
	padding: 0px 20px;
	height: auto;
	width: 500px;
	font-size:19px;
}

.box_teiki-inner2 {
	margin: 10px 0px;
	padding: 0px 40px;
	height: auto;
	width: 560px;
	font-size:19px;
}
div.box_teiki {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}


.box_teiki td {
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
}
.box_teiki table {
	width: 640px;
	border-top: 0px solid #999999;
	border-right: 0px solid #999999;
}

/*--------------------------
定期購入box用
--------------------------*/


.box_henkin {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}
.box_henkin-top {
	text-align: left;
	vertical-align: top;
	margin: 0px 0 0 0;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
.box_henkin-bottom {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: auto;
	width: 640px;
}
.box_henkin-inner {
	margin: 10px 0px;
	padding: 0px 20px;
	height: auto;
	width: 500px;
	font-size:19px;
}

.box_henkin-inner2 {
	margin: 10px 0px;
	padding: 0px 40px;
	height: auto;
	width: 560px;
	font-size:19px;
}
div.box_henkin {
	margin: 0px 0px;
	padding: 0px;
	height: auto;
	width: 640px;
}


.box_henkin td {
	border-bottom: 0px solid #999999;
	border-left: 0px solid #999999;
}
.box_henkin table {
	width: 640px;
	border-top: 0px solid #999999;
	border-right: 0px solid #999999;
}

/*--------------------------
よくある質問用
--------------------------*/

label {
    background: #f7a443;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
    border: px solid #fff;
	margin-top: 10px;
	font-weight:bold;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu .arrow {
	text-align:center;
	color:#B22123;
	font-style:oblique;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}


input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: auto;
}


.vo-tittle {
    background: #f7a443;
    color: #fff;
    padding: 5px 5px 5px 10px;
   
    margin: 5px 0;
	margin-top: 10px;
	font-weight:bold;
}

.vo-tittle-b {
    background: #8fc31f;
    color: #fff;
    padding: 5px 5px 5px 10px;
   
    margin: 5px 0;
	margin-top: 10px;
	font-weight:bold;
	font-size:24px;
}

/*--------------------------
ガイド用
--------------------------*/

#contents-box-l {
	width: 300px;
	height: auto;
	margin: 0px;
	padding: 10px;

	float:left;
	font-size:14px;
}
#contents-box-r {
	width: 300px;
	height: auto;
	margin: 0px;
	padding: 10px;
	
	float: right;
		font-size:14px;
}
#contents-box-r p{
	font-size:14px;
	line-height:16px;
}

.conlr-ti {
    background: #fe7c8a;
    color: #fff;
    padding: 2px 10px;
    display: block;
    margin: 0;
  
	margin-top: 10px;
}
#contents-box-l p{
font-size:14px;
	line-height:16px;
}
/*-----------------------------*/

/*--------------------------
フッター
--------------------------*/
#footerarea {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 640px;
	border-top: #666 solid 0px;
}
div.copyright {
	margin: 0px 0 0 0;
	padding-top: px;
	height: 250px;
	font-size: 12px;
	color: #fff;
	text-align: center;	
	background: #ccc;
	
}
div.footermenu {
	clear:both;
	margin: 0px 0px 10px 0;
	padding: 0px 10px;
	height: auto;

	text-align: center;
}
div.footermenu li {
		font-size: 12px;
	list-style: none;
	display: inline;
	margin: 0px;
}
div.footermenu a{
		color: #fff;
}

/*--------------------------
フィックスボタン
--------------------------*/

#fixbtn {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
background: rgba(255, 255, 255, 0.9);
-moz-box-shadow: 0 0 5px #c1b2b9;
-webkit-box-shadow: 0 0 5px #c1b2b9;
box-shadow: 0 0 10px #c1b2b9;
text-align: center;
z-index: 200;
	
}

#fixbtn img { vertical-align: bottom; max-width: 100%; border: none; }
#fixbtn img .pc641 {
	max-height: 184px;
}

@media only screen and (max-width: 695px) {
  #fixbtn .pc641 {
    display: none; } }
@media only screen and (min-width: 696px) {
  #fixbtn .smp640 {
    display: none; } }
/*-----------------------------*/

/*end*/