@charset "UTF-8";

*,body,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd, p,img {
	margin:0px;
	padding:0px;
}
img {top:0;}

li { margin: 0px 0px 0px 20px;
	text-indent: 0px;
}

body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	/*background:#ffffff url(../images/img_background.jpg) top center no-repeat;*/
}

hr{ margin:0; padding:0; background:url(../images/hr_bar.png) center no-repeat; width:870px; height: 7px; border: 0;}

.fc_sky { color: #007de8; }
.fc_pink {color: #fd3f96; }
.fsize_18 { font-size: 18px; }
.fsize_20 { font-size: 20px; }
.fbold {font-weight: bold; }

area:active{outline:none;}

#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 15px;
	top: 0;
	background: url(../images/img_bg.png) center repeat-y;
	text-align:center;
}
#end{ background:url(../images/img_bg_footer.png) center no-repeat; margin:0 auto 30px; padding:0; width:900px; height: 50px;}

#contents {
	width: 870px;
	margin: 0 auto;
	top: 0;
}


#head{
	/*text-indent: -99999;
	margin: 0;
	padding: 0;
	margin-left: -12px;*/
	margin: 0;
	padding: 0 10px 10px 10px;
	background:url(../images/fv_bg.png) no-repeat;
	margin-left: -12px;
}

h1{
	font-size:16px;	
	color:#206818;
	text-align:left;
	margin-left:33px;
	position: relative;
}

.fv_ttl {
	margin: -32px -10px 0 -10px;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }


.m30 { margin: 0px 50px 40px 80px; 
	line-height: 1.3em;
	font-size:14px;
	color: #222;
	text-align: left;

}



/* お申込みボタン */
.btn_order01 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 800px;
    background-image: url(../images/btn_order01.gif);
    padding-top: 80px;
    text-align: center;
    margin: 10px 35px;
}

.btn_order01 a:hover {
    background-image: url(../images/btn_order01_on.gif);
}

.btn_order02 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 800px;
    background-image: url(../images/btn_order02.gif);
    padding-top: 80px;
    text-align: center;
    margin: 10px 35px;
}

.btn_order02 a:hover {
    background-image: url(../images/btn_order02_on.gif);
}




/* ヘッダ */

.h_price {
	/*background: url(../images/img_02.jpg) no-repeat;*/
	height: 260px;
	width:870px;
}

.h_card {
	/*background:url(../images/img_price01.png) no-repeat;*/
	width:625px;
	height: 265px;	
	margin-left: -87px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

}



/* トリプル配合 */

.triple {
	background: url(../images/img_triple_base.png) no-repeat;
	display:block;
	width:766px;
	height: 397px;
	margin: 0 auto 60px;
	padding: 14px 16px 5px 15px;
}
.triple_plate {
	width: 571px;
	height:92px;
	padding: 15px 10px 15px 185px;
	margin-bottom: 11px;
	font-size:16px;
	line-height: 1.4em;
	text-align:left;

}
.triple_01 { background:url(../images/img_triple_01.png) no-repeat; }
.triple_02 { background:url(../images/img_triple_02.png) no-repeat; }
.triple_03 { background:url(../images/img_triple_03.png) no-repeat; }

/* MSM + グルコサミン */
.msm {
	display:block;
	background:url(../images/img_19.png) no-repeat;
	width:644px;
	height: 109px;
	margin: 0 auto 40px;
	padding: 24px;
	font-size:18px;
	line-height: 1.5em;
	text-align:left;
}

/* 定期コース */

.teiki {
	display:block;
	background:url(../images/img_teiki_base.png) no-repeat;
	width: 749px;
	height: 328px;
	margin: -33px auto 20px;
	padding: 25px;
}
.teiki_plate {
	width: 338px;
	height: 62px;
	padding: 32px 32px 15px 380px;
	margin-bottom: 4px;
	font-size:16px;
	line-height: 1.4em;
	text-align:left;

}
.teiki_01 { background:url(../images/img_teiki_01.png) no-repeat; }
.teiki_02 { background:url(../images/img_teiki_02.png) no-repeat; }
.teiki_03 { background:url(../images/img_teiki_03.png) no-repeat; }
	
/* 表 */

.yakuji table {
	width: 700px;
	border: 1px #444 solid;
	margin: 0 auto;
	border:0;
	border-collapse: collapse;
	}


.yakuji td.left {
	width: 205px;
	background: #f0e5c8;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	padding:15px;
	border: 1px #444 solid;
	border-right: 0;
}
	
.yakuji td.right {
	text-align:left;
	padding: 5px;
	line-height: 1.3em;
	font-size:14px;
	color: #222;
	border: 1px #444 solid;
	border-left: 0;
}

/* 右下固定ボタン */

.fixed_order {
	 position:fixed;
	 bottom:0px;
	 right:5px;
	 width:260px;
	 height:140px;
}

.fixed_order a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 260px;
    background-image: url(../images/btn_order03.png);
    padding-top: 140px;
}

.fixed_order a:hover {
    background-image: url(../images/btn_order03_on.png);
}


/*20170113追加 h1タイトル追加*/

/*h1 {
	font-size: 16px;
    font-weight: 800;
    float: left;
    margin-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #034c81;
}*/

.ttl_logo {
	float: left;
	margin-left: 15px;
}

/*お客様の声*/
.voice_01 {
	background: url(../images/img_27.jpg) no-repeat;
    background-position: center bottom;
    height: 265px;
}
.voice_01 p {
	text-align: left;
    font-size: 19px;
    padding: 30px 0 0 50px;
    line-height: 220%;
}

.voice_02 {
	background: url(../images/img_28.jpg) no-repeat;
    background-position: center bottom;
    height: 219px;
}
.voice_02 .voice02_comment {
	text-align: left;
    font-size: 19px;
    padding: 30px 0 0 300px;
    line-height: 220%;
}
.voice_02 .name_right {
	text-align:right;
	font-size: 19px;
	margin-right: 30px;
	margin-top: 10px;
}

.voice_03 {
	background: url(../images/img_29.jpg) no-repeat;
    background-position: center bottom;
    height: 290px;
}
.voice_03 .voice03_comment {
	text-align: left;
    font-size: 19px;
    padding: 32px 0 0 50px;
    line-height: 220%;
}

.voice_03 .voice_notice {
	text-align: right;
    margin: 35px 5px 0 0;
    font-size: 13px;
    line-height: 150%;
}


.btn_order04 a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 790px;
    background-image: url(../images/btn_order04.gif);
    padding-top: 307px;
    text-align: center;
    margin: 10px 65px;
}

.btn_order04 a:hover {
    background-image: url(../images/btn_order04_on.gif);
}