@charset "UTF-8";

body {
	text-align: center;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#333333;
}

#shell {
	position: relative;
	margin: 0 auto;
	font-size: 13px;
	text-align: left;
	width: 960px;
	background-color: #FFF;
}

/* ---------------------------------------------
 reset
--------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
p {
	margin-bottom: 10px;
	line-height: 1.5;
}
ul {
	list-style: none;
}
li {
	line-height: 1.2;
}
img {
	vertical-align:bottom;
}
blockquote, q {
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---------------------------------------------
 common
--------------------------------------------- */
a,
a:link,
a:visited {
	text-decoration: underline;
	color: #FF6600;
}
a:hover {
	text-decoration: none;
}
a:focus {
	overflow:hidden;
	outline:none;
}

/* ---------------------------------------------
 clearfix
--------------------------------------------- */
.clearfix {zoom:1;}
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* ---------------------------------------------
 footer
--------------------------------------------- */
#footer {
	margin-bottom: 40px;
	text-align: center;
	font-size: 11px;
}
#footer .return_top {
	text-align: right;
}

/* ---------------------------------------------
 メインビジュアル
--------------------------------------------- */
#mainvis {
	text-align:center;
	margin-bottom:50px;
}

/* ---------------------------------------------
 TOPオーダー
--------------------------------------------- */
.toporder{
    width: 850px;
    height: 290px;
    margin: 0 auto 50px;
    background-image: url(../img/lp1509/main-order.jpg);
    position: relative;
}

.toporder .button{
	position:absolute;
	top:152px;
	left:212px;
}

/* ---------------------------------------------
 今のあなたはこんな感じですか
--------------------------------------------- */
#symptom{
	text-align:center;
	margin-bottom:80px;
}

/* ---------------------------------------------
 そんな方にオススメ
--------------------------------------------- */
#suitable{
	text-align:center;
	margin-bottom:80px;
}

/* ---------------------------------------------
 アミノ酸とかつおせんじ
--------------------------------------------- */
#aminosan{
	text-align:center;
	padding: 0px;
	margin-bottom: 70px;
}

/* ---------------------------------------------
 お客様の声
--------------------------------------------- */
#voice{
	text-align:center;
	margin-bottom:50px;
}

/* ---------------------------------------------
 中間オーダー
--------------------------------------------- */
.mainordertop{
    width: 859px;
    height: 643px;
    margin: 0 auto 70px;
    background-image: url(../img/lp1509/main-orderback.jpg);
    position: relative;
}

.mainordertop .otoku1{
	position:absolute;
	top:329px;
	left:316px;
}

.mainordertop .otoku2{
	position:absolute;
	top:555px;
	left:316px;
}


/* ---------------------------------------------
 下部オーダー
--------------------------------------------- */
.mainorder{
    width: 859px;
    height: 643px;
    margin: 0 auto 30px;
    background-image: url(../img/lp1509/main-orderback.jpg);
    position: relative;
}

.mainorder .otoku1{
	position:absolute;
	top:329px;
	left:316px;
}

.mainorder .otoku2{
	position:absolute;
	top:555px;
	left:316px;
}

.suborder{
    width: 850px;
    height: 205px;
    margin: 0px 50px 50px 60px;
    background-image: url(../img/lp1509/order-sub.jpg);
    position: relative;
}

.suborder .kounyu1{
	position:absolute;
	top:70px;
	left:600px;
}

.suborder .kounyu2{
	position:absolute;
	top:139px;
	left:600px;
}

/* ---------------------------------------------
 お得だとしても～ご安心ください
--------------------------------------------- */
#otokuansin{
	text-align:center;
	margin-bottom:50px;
}

.attention{
	clear: both;
	margin:0px 0px 50px;
	padding:20px 30px;
	width:900px;
	height:100%;
	background:#C0B585;
	border-radius:5px;
	box-shadow:2px 2px 2px 0 #EEEEEE;
}

.attention p {
	font-size:13px;
	line-height: 2em;
	color: #FFF;
}

/* ---------------------------------------------
 商品紹介
--------------------------------------------- */
#spec {
	margin-bottom: 30px;
	background: #FFF;
	border: 2px solid #371804;
}
#spec table {
	margin: 30px;
}
#spec table th,
#spec table td {
	padding: 20px;
}
#spec table th {
	border-right: 1px solid #371804;
	border-bottom: 1px solid #371804;
	width: 60px;
}
#spec table td {
	border-bottom: 1px solid #371804;
}
#spec table .bottom th,
#spec table .bottom td {
	border-bottom: 0;
}

/*---------------------------------
  マージン調整
---------------------------------*/
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb50{
	margin-bottom:50px;
}