@charset "utf-8";
/* CSS Document */



/* ===================================================================

CSS information
 file name  :  style.css
 style info :  all styles
 date       :  太陽のモリンガ茶LP 2016.01
 
=================================================================== */




/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
～以下、画面の横幅が768pxまでの場合のスタイル記入～
}




/* all style
--------------------------------------------------------------------*/
html { overflow-y: scroll; }
html,body {	height:100%;}
* html { height: 100%; }

html, body, div, blockquote, form, table, th, td, h1, h2, h3, h4, h5, h6, a, p, dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}



img,a img {
	border: none;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

a { 
	overflow: hidden;
	outline: none; 
}

a:link, a:visited {
	color: #101010;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #3c3b3a;
}

a.widelink { display: block; width: 100%; }

ul li { list-style-type:none; }

address { 
	font-style:normal;
	text-align:center;
}

.text_c { text-align: center;}
.text_l { text-align: left;}
.text_r { text-align: right;}
.font11 { font-size: 1.1em; }
.font9 { font-size:0.9em; }
.fontb { font-weight: bold; }
.fontc_fff {color:#FFF; }

a.fontc1 {color:#0000cc; }
.fontc2 {color:#ff0000; }
.lfloat { float:left; }
.rfloat { float:right; }
.clear { clear: both; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }

.reset { 
	margin:0;
	padding:0; 
}


.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* body
--------------------------------------------------------------------*/
body {
	font-size: 90%;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,Helvetica;
	line-height: 1.5;
	_text-align: center;
	color: #3c3b3a;
}



/* wrapper
--------------------------------------------------------------------*/
div#wrapper {
	background-color:#FFF;
	width: 960px;
	margin:auto;
	padding-bottom:10px;
}



/* wrapper2
--------------------------------------------------------------------*/
div#wrapper2 {
	background-color:#FFF;
	width: 960px;
	margin:auto;
}



/* logo
--------------------------------------------------------------------*/
div#logo {
	position:relative;
}

div#logo a img {
	position:absolute;
	top:50px;
	right:5px;
}

div#logo a:hover {
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}




/* comtents
--------------------------------------------------------------------*/
div.teiki1 {
	position:relative;
}

p.teiki1_link a {
	position:absolute;
	bottom:22px;
	right:25px;
}

div.teiki1-1 {
	position:relative;
}

p.teiki1-1_link a {
	position:absolute;
	top:80px;
	right:65px;
}

div.teiki2 {
	position:relative;
}

p.teiki2_link a {
	position:absolute;
	bottom:30px;
	right:25px;
}



div.teiki2-1 {
	position:relative;
}

p.teiki2-1_link a {
	position:absolute;
	bottom:63px;
	right:63px;
}

p#tokutei {
	margin-top:5px;
}

div#kousei_box {
	position:relative;
	margin:0 0 40px 0;
}

p#kousei {
	position:absolute;
	font-size:1.4em;
	bottom:10%;
	left:8%;
}

p#kousei a{
	color:#00f;
}

div#shiharai1_box {
	display: block;
	overflow: hidden;
	width:1000px;
	height: 0 !important;
	height /**/: 1207px;
	padding-top: 1207px;
	background:url(../images201608/lp_b_end1.jpg) no-repeat;
	position:relative;
	margin-bottom:10px;
}

p#np1 {
	position:absolute;
	top:300px;
	left:30px;
}

p#np2 {
	position:absolute;
	width:440px;
	top:390px;
	left:30px;
	font-size:13px;
}

p#np3 {
	position:absolute;
	width:440px;
	top:490px;
	left:30px;
	font-size:13px;
}







/* 特定商取引-style
--------------------------------------------------------------------*/
p#tokutei_p {
	width:680px;
	margin:0 auto;
}

table#ftable {
	border:1px #e5e4e0 solid;
	font-size:1em;
	width:680px;
	margin:50px auto;
}

table td {
	border-right:1px #ccc solid;
}

tr.table_s2 {
	background:url(../images/dot_l.png) repeat-x center bottom;
}

p.table_s2 {
	background:url(../images/dot_l.png) repeat-x center bottom;
}


table.introduct2 {
	width:680px;
	border-collapse: collapse;
}

table.introduct2 th {
	padding:15px 0px 15px 15px;
	letter-spacing:2px;
	font-weight:normal;
}

table.introduct2 td {
	padding:15px 20px 15px 20px;
}

td.kakunin button {
	background-color:#3c3b3a;
	color:#FFF;
	padding:10px;
	width:300px;
	margin:5px auto;
	border:2px #3c3b3a solid;
  cursor: pointer;
}

td.kakunin button:hover {
	background-color:#fff;
	color:#3c3b3a;
	padding:10px;
	border:2px #3c3b3a solid;
}

.cred { color:red; }
.dot_s2 { border-left:dotted 1px #969085; }



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

.mb30{
	margin:0 0 30px 0;
}

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



