@charset "utf-8";

/*==============================
  Top
------------------------------*/

body{
	background: #F7F7F8;
}


.maker{background-color: #ff9;
    font-weight: bold;
}


.lf {text-align: left;}
.ct {text-align: center;}
.rg {text-align: right;}

#wrapper {
    width: 880px;
    margin: 0 auto;
}


#bg-wrapper{
	width:880px;
	border:1px solid #ddd;
	margin:0 auto;	
	background: #fff;
	margin-bottom: 30px;
	margin-top: 20px;
}

#top{
	width:800px;
	margin:0 auto;	
	padding:0;
	color:#000000;

}

#top p{
	font-size: 14px;
	margin: 0;
}

#top h2 span{
	width:100%;
	/*display: inline-block;*/
}


#top h2 .title1 {
    color: #fff;
    font-size: 22px;
    background: #df4544;
    padding: 7px 10px;
    letter-spacing: -0.04em;
    text-align: left;
    font-weight: normal;
}

#top h2 .title2 {
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: bold;
}

#top .sec01 h2 {
	margin-bottom: 30px;
}

#head {
	width: 100%;
	margin:20px auto;
}

#head p{
	display: block;
	margin:0;
	padding:0 0 20px 0;
    text-align: left;
	font-size:100%;
	color:#666;
	font-size:15px !important;
}

#head p.left{
	width:50% !important;
	float:left;
}
#head p.right{
	width:50%;
	float:right;
	text-align:right;
}


#head h1 span{
	background:#F90;
	padding:4px 5px;
	color:#FFF;
	margin-right:5px;
}


.symbol {
	position: relative;
	font-size: 8px;
}



.sec01{
	width:800px;
	margin:0 auto;
	padding: 40px 0;
}

.sec01 p{
	line-height: 1.5em;
}
.sec01 img{
	margin:0 0 20px 0;
}

.sec01 p.catch{
	font-size: 18px;
	font-weight: bold;
}


.sec01 p.voicenavi{
	font-size: 14px;
	color:#1e2382;
	text-align: left;
	float:right;
}

.headtit {
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 10px 10px;
    margin: 0px;
}

.sec02 {
    text-align: center;
    padding: 15px 0 15px 0;
    margin: 0px 0px 50px 0px;
    line-height: 2.5em;
}

#top .sec02 p {
	font-size: 16px;
	margin-bottom: 10px;
}

.sec02 .sec02_txt {
	font-size: 18px;
	font-weight: bold;
}

.sec02_btn {
	text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding: 20px 40px;
    width: 100%;
    color: #fff;
    display: inline-block;
    background: linear-gradient(to bottom,#87e86d 0,#008a00 74%,#005700 100%);
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4), inset 1px 1px 2px rgba(255,255,255,.3);
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
    margin-bottom: 5px;
}

.buy01 {
    text-align: center;
    font-size: 40px;
    line-height: 130%;
    font-weight: bold;
    padding: 15px 0 15px 0;
    margin-bottom: 30px;
    margin-top: 30px;
}
 
.blue{
	color: #2c7ca6;
	text-decoration:underline;
}

.blue2{
	color: #2c7ca6;	
}

.blue a{
	text-decoration: underline;

}

.red {
	color: #bf0000;
}

.sec03{
	clear:both;
	width:800px;
	margin:20px auto;
	padding:10px;
   background:#EBEBEB;
}

.sec03 .sec-wrapper {
	overflow:hidden;
	margin:0px 0 10px 0;
}

.sec03 #nutrient {
	float: left;
	width: 380px;
	height:260px;
	background:#FFF;
}

.sec03 #nutrient.right{
	float: right;
}


.sec03 dl{
	padding:0;
	margin:0;
	width:380px;
	overflow:hidden;
}
.sec03 dl dt{
	padding:6px 0 8px 45px;
	margin:0;
	color:#fff;
	font-weight:600;
	font-size:22px;
	float:left;
	width:380px;
	background:url(../img/sec03_dt_bg.png) no-repeat;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}
.sec03 dl dd{
	padding:0;
	margin:0;
}

.sec03 dl dd.dd-txt{
	padding:20px 0px 0 20px;
	margin:0;
	float:left;
	width:180px;
	line-height:160%;
	font-size:14px;
}
.sec03 dl dd.dd-img{
	float:right;
	width:160px;
	margin:20px 20px 0px 0px;
}
.sec03 dl dd.dd-img img{
	border:1px solid #CCC;
	padding:3px;
	width:164px;
}

.matome{
	padding:15px 0 30px 0;
	
}

.eiyoshi{
   padding: 0px 0px 0px 0px;
   display: inline-block;
   margin-bottom: 40px;
   background:#fff;
   overflow:hidden;
}


img.photo-left{
	float: left;
	margin-right:10px;
}



.voice{
   padding: 3px 20px 20px 20px;
   display: inline-block;
   margin-bottom: 40px;
   background:#FFF3E0;
   overflow:hidden;
}


h2 {
    font-size: 26px;
    font-weight: 600 !important;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-left: 10px solid #FF9900;
	line-height:150%!important;
}

.eiyoshi h2 {
    font-size: 34px!important;
    font-weight: 600 !important;
    padding: 5px 0px;
    margin-bottom: 10px;
	line-height:150%!important;
    border-left:none;
	border-bottom:4px solid #F90;
}

.voicenavi {
    font-size: 18px !important;
    color: #cc0000;;
    font-weight: bold;
    text-align: left;
    margin: 20px 0 60px 0 !important;
}

.voice p{
	font-size: 14px !important;
    line-height: 1.5em;
	padding:1em 0;
 }
 
.eiyoshi p{
	font-size: 20px !important;
    line-height: 1.5em;
	padding:0 0 1em 0;
 }
 
 .voice .voice-wrap{
	width:75%;
	 float:right;
 }
 .eiyoshi .voice-wrap{
	width:70%;
	 float:left;
 }


.voice .photo{
	float: left;
	width:25%;
}

.eiyoshi .photo{
	float: right;
	width:30%;
}

.voice .photo img,
.eiyoshi .photo img{
	border:4px solid #fff;
	background:#fff;
}
.voice .photo p{
	padding:10px 10px 0 0;
	margin:0;
	font-size:13px!important;
	text-align:center;
}
.eiyoshi .photo p{
	padding:10px 10px 0 10px;
	margin:0;
	font-size:13px!important;
	text-align:right;
}

.floL1 {
    float: left;
   
}

.floL2 { 
float: left;
width: 75%;
margin-top: 0;
}


.t1 {
	background: #f15604;
	padding: 2px 10px;
	color: #fff;
	font-size: 10px;
	border-radius: 4px;
	vertical-align: top;
	margin-right: 5px;

}


p.liver-map{
	font-size:16px!important;
	line-height:150%;
}

/* ----- #section08 ----- */
#section08 {
	width: 800px;
	height:auto;
	overflow:hidden;
}

#section08 .sec-wrapper {
	overflow:hidden;
	margin:0px 0 40px 0;
}
#section08 .sec-wrapper-2 {
	overflow:hidden;
	margin:20px 0 40px 0;
}

#section08 #customer {
	float: left;
	width: 380px;
	height:470px;
   background:#EBEEE8;
   padding:10px;
}
#section08 #customer p{
	font-size: 14px !important;
    line-height: 1.5em;
	padding:1em 0;
}
#section08 #customer h2{
	font-weight:bold;
	font-size:16px;
	color:#006837;
	padding:5px 0 0 0;
	line-height:1.4em;
	border:none !important;
}

#section08 #customer.right{
	float: right;
}


#section08 #customer .photo{
	float: left;
	margin:10px 10px 0px 0px; 
}

#section08 #customer .photo img{
	border:4px solid #fff;
	width:90%;
	background:#fff;
}
#section08 #customer .photo p{
	margin:0;
	padding:5px 0 5px 0 ;
	font-size:13px!important;
	text-align:center!important;
}

/* ----- #section09 ----- */

 .sec09{
	 clear:both;
	 overflow:hidden;
	 padding:0px 0 0 0;
 }
 
  .sec09 p{
	 padding:0px 0 1.5em 0;
 }



.sec09 .voice-wrap{
	width:70%;
	float:right;
}

.sec09 .photo{
	float: left;
	width:30%;
}

.sec09 .comment-wrap{
	width:100%;
	padding-top:0px;
}

.sec09 .graph{
	width:100%;
	margin:20px auto;
	text-align:center;
}


/* ----- #section10 ----- */

.sec10{
	 background:url(../img/sec10_graph.png) no-repeat;
	 margin:30px 0;
	 height:600px;
 }

.sec10 .liver-map{
	width:70%;
 }


/* ----- #section11 ----- */

#sec11{
	width:800px;
	margin:0 auto;
	padding: 40px 0;
}

.balloon {
  width: 100%;
  padding: 1.5em 0;
  overflow: hidden;
  clear:both;
}

.balloon .faceicon-left {
  float: left;
  margin-right: -180px;
  width: 160px;
}

.balloon .faceicon-right {
  float: right;
  margin-left: -180px;
  width: 160px;
}


.balloon .faceicon-left img,
.balloon .faceicon-right img{
  width: 100%;
  height: auto;
}

.balloon .chatting {
  width: 100%;
}

.says-blue {
  display: inline-block;
  position: relative; 
  margin: 0px 0 0 180px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #CBF4F9;
}

.says-blue:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #CBF4F9;
}

.says-pink {
  display: inline-block;
  position: relative; 
  margin: 0px 180px 0 0 ;
  padding: 17px 13px;
  border-radius: 12px;
  background: #FEE7F5;
}

.says-pink:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #FEE7F5;
}

.says-yellow {
  display: inline-block;
  position: relative; 
  margin: 0px 0 0 180px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #FBFAC7;
}

.says-yellow:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #FBFAC7;
}

.says-green {
  display: inline-block;
  position: relative; 
  margin: 0px 180px 0 0 ;
  padding: 17px 13px;
  border-radius: 12px;
  background: #E1F1CD;
}

.says-green:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #E1F1CD;
}
.says-orange {
  display: inline-block;
  position: relative; 
  margin: 0px 0 0 180px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #FAF1D4;
}

.says-orange:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #FAF1D4;
}

.says-purple {
  display: inline-block;
  position: relative; 
  margin: 0px 180px 0 0 ;
  padding: 17px 13px;
  border-radius: 12px;
  background: #E9DBEA;
}

.says-purple:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  right: -24px;
  border: 12px solid transparent;
  border-left: 12px solid #E9DBEA;
}

.says-emerald {
  display: inline-block;
  position: relative; 
  margin: 0px 0 0 180px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #D6F1EF;
}

.says-emerald:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #D6F1EF;
}


#sec11 p{
  margin: 0 !important;
  padding: 0 !important;
  font-size:1.1em !important;
}

p.name {
	text-align:right!important;
	padding-top:1em !important;
}





span.red{
	font-weight:bold;
	color:#DF0615;
}

span.notice{
	font-size:80%;
}



.footer{
	margin-bottom: 0px;
	background: #000;
	padding: 3px 20px;
}



.footer p{

}

.t2{
	font-size: 13px;
	color: #fff;
	text-align: center;

}

.t3{
	font-size: 13px;
	color: #fff;
	text-align: center;
	text-decoration: underline;

}




.table {
	margin:30px 0px;
}

/* contents table */


.table table {
    border: 1px solid #d8d8d8;
    width: 100%;
    margin-top:20px;
}

.table th {
    background: #eee;
    color: #000;
    border-right:1px solid #d8d8d8;
}

.table td {
  background: #fff;
}

.table th, .table td {
    border-top: 1px solid #d8d8d8;
    vertical-align: middle;
    padding: 16px 20px;
    text-align: left;
    font-size: 93.8%;
}

.table th {
    padding-left: 20px;
    font-weight: bold;
    width: 220px;
}


.subtit {
    font-size: 15px;
    font-weight: bold;
    margin-top: 40px;
}
.last p{
	margin-top: -12px!important;
}

.subtit2 {
    font-size: 13px!important;
}

.subtit3 a {
	font-size: 13px;
 	color: #D2401E;
 	text-decoration: underline;

}


.bbm {
    border-bottom: solid 2px #EEE;
}


.bbm span {
    display: inline-block;
    border-bottom: solid 2px #202020;
    padding-bottom: 5px;
    margin-bottom: -2px;
}



.viewpc {
	display: block;

}


.viewsp {
	display: none;

}