@charset "Shift_JIS";

/* --------------------------------------------------------------------
	フリーページ　共通
--------------------------------------------------------------------- */
div.freepage_ {
	color:#222;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	font-size:14px;
	line-height:1.6em;
}
div.freepage_ .box_border {
	border:solid 1px #ccc;
}
div.freepage_ .border-l {
	border-left:solid 1px #ccc;
}
div.freepage_ .bg-gray{
	background-color:#eee;
}
div.freepage_ h1 {
	background-color: #317a40;
	color: #fff;
	font-size: 180%;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

/* -------------------------------
　共通　余白調整
---------------------------------*/	
.mt0{ margin-top:0;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}

.mb0{ margin-bottom:0;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
/* padding*/
.padding5{padding:5px;}
.padding8{padding:8px;}
.padding10{padding:10px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}


/* --------------------------------------------------------------------
	サイトマップ
--------------------------------------------------------------------- */
#sitemap {
}

#sitemap .sitemap-box{
	width:360px;
}
#sitemap .sitemap-box ul{
	margin-left:20px;
	margin-top:4px;
}
#sitemap .sitemap-box ul li{
	background-image: url(../img/sys/blue_yazi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:3px;
	padding-left:12px;
}


/* --------------------------------------------------------------------
	会社概要
--------------------------------------------------------------------- */
#company {
}
#company table {
	border:solid 1px #ccc;
	width: 100%;
}
#company table th {
	background-color:#eef9cf;
	border:solid 1px #ccc;
	font-weight:bold;
	padding:10px;
	text-align:center;
	vertical-align: middle;
	width: 8em;
}
#company table td {
	vertical-align: middle;
	border:solid 1px #ccc;
	padding:10px;
}


/* --------------------------------------------------------------------
	プライバシーポリシー
--------------------------------------------------------------------- */
#privacy {
}

/* --------------------------------------------------------------------
	初めての方へ
--------------------------------------------------------------------- */
#beginner .select{
	border:solid 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:bold;
	width:778px;
	height:148px;
}
#beginner .select .border {
	border-top:solid 1px #ccc;
}
#beginner .select ul li {
	float:left;
	width:33%;
}
#beginner .select ul li img {
	vertical-align:-14px;
	padding-right:5px;
}
#beginner .select ul li a {
	display:block;
	padding-top:6px;
	padding-left:2px;
	padding-bottom:4px;
}
#beginner h2 {
	color: #232323;
	border-bottom: 2px solid #008046;
	padding-bottom: 2px;
	font-size: 150%;
	letter-spacing:0.6px;
}
#beginner h2 img {
	vertical-align:-8px;
	padding-right:4px;
}
#beginner .q-a{
	margin-left:22px;
	width:730px;
}
#beginner .q-a li{
	padding:8px;
}
#beginner .question{
	background-color:#eef9cf;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	letter-spacing:0.4px;
	margin-bottom:2px;
	font-size:110%;
	font-weight:bold;
	padding:10px;
}

/* --------------------------------------------------------------------
	よくあるご質問
--------------------------------------------------------------------- */
#deliver .select{
	background-color:#eee;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}
#deliver .select ul li {
	float:left;
}
#deliver .select ul li a {
	display:block;
	padding:10px 10px 6px 20px;
}
#deliver .q-a{
	border:solid 1px #ccc;
}
#deliver .q-a li{
	padding:8px;
}
#deliver li.question{
	background-color:#eef9cf;
	border-bottom:solid 1px #ccc;
	font-size:110%;
	font-weight:bold;
	padding:10px;
	letter-spacing:0.4px;
}

/* --------------------------------------------------------------------
	レシピ・健康
--------------------------------------------------------------------- */

#recipe-kenko{
}

#recipe-kenko .backto {
	text-align: right;
	font-size: small;
	padding: 3px 0px;
	width: 760px;
	border-top: solid 1px #D1E1D1;
	border-bottom: solid 1px #D1E1D1;
	margin: 3px 0px;
}

#recipe-kenko .backto2 {
	width:760px;
	font-size: 14px;
	line-height : 1.6em;
	margin-left:auto;
	margin-right:auto;
}
#recipe-kenko .backto2 p{
	border-top: solid 2px #a30;
	border-bottom: solid 2px #a30;
	color: #a30;
	font-weight:bold;
	line-height: 140%;
	letter-spacing: 1px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}

#recipe-kenko .backto2 h3{
	border-top: solid 2px #a30;
	border-bottom: solid 2px #a30;
	color: #a30;
	font-weight:bold;
	line-height: 140%;
	letter-spacing: 1px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}


#recipe-kenko .maintx {
	margin-top: 10px;
}

#recipe-kenko .maintxmain {
	color : #666;
	font-size : 14px;
	line-height : 18px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#recipe-kenko .imgflR {
	float: right;

}

#recipe-kenko .imgflL {
	float: left;

}

/* --------------------------------------------------------------------
	はなまるな野菜LP
--------------------------------------------------------------------- */
#hanamaru{
	width:760px;
	text-align:center;
	margin:0 auto 20px auto;
}

#hanamaru img {
	vertical-align:bottom;
	border:0;
}

#hanamaru p {
	margin:0;
	padding:0;
	font-size:100%;
	letter-spacing:normal;
}

#hanamaru .bold {
	font-weight:bold;
}

#hanamaru .big120 {
	font-size:120%;
}

#hanamaru .small {
	font-size:80%;
}

#hanamaru .color {
	color:#e60;
}

#hanamaru .red {
	color:#f00;
}

#hanamaru .parent {
	display:block;
	position:relative;
}

#hanamaru .left {
	float:left;
}

/* btn*/
#hanamaru .btn-bookmark{
	position:absolute;
	top:0px;
	right:10px;
}

#hanamaru .btn-bookmark:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

#hanamaru .btn-order{
	margin:5px auto 20px auto;
	text-align:center;
}
/* a:hover */
#hanamaru a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

/*--------------------------------------
 はなまるな野菜.feature 特徴
--------------------------------------*/
 
#hanamaru .feature{
	background-image: url(../lp/images/hana2_03.gif);
	background-repeat: repeat-y;
	
}
#hanamaru .feature-txt{
	width:630px;
	margin:0 auto;
}
#hanamaru .feature-txt p{
	font-size:120%;
	line-height:1.4em;
	padding-bottom:5px;
	text-align:left;
}
#hanamaru .feature-bg{
	background-image: url(../lp/images/hana2_18.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0 auto;
	width:650px;
	
}

#hanamaru .feature-txt2{
	line-height:1.4em;
	padding-top:774px;
	padding-left:15px;
	text-align:left;
	width:500px;
	height:auto;
	}

#hanamaru .feature-txt3{
	position:absolute;
	left:65px;
	top:125px;
	font-size:120%;
	line-height:1.4em;
	text-align:left;
	width:340px;
}
/* 注釈*/
#hanamaru .annotation{
	display:block;
	font-size:90%;
	line-height:1.4em;
	margin:0 auto;
	text-align:left;
}

/*--------------------------------------
 はなまるな野菜.detail 栄養成分
--------------------------------------*/
 
#hanamaru .detail{
	margin:0 auto 20px auto;
	text-align:left;
	width:700px;
}

#hanamaru .detail li{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #e60;
	padding:5px;
}


/*--------------------------------------
　はなまるな野菜table 送料、お支払い
--------------------------------------*/

#hanamaru table {
	background-color: #fff;
	border-collapse:collapse;
	border: 2px solid #e60;
	margin:0 auto;
	width:700px;
}

#hanamaru table th {
	background-color: #e60;
	color:#fff;
	font-size:140%;
	font-weight: bold;
	padding:2px;
	text-align: center;
	vertical-align: middle;
	white-space:nowrap;
}

#hanamaru table tr {
	text-align: left;
}



#hanamaru table td {
	line-height:1.4em;
	padding:6px 6px 6px 20px;
}

#hanamaru table .table-txt {
	margin:10px auto;
	text-indent:-14px;
}

/*--------------------------------------------------------------------------
 * 水素水の飲み方 #how-to-suiso
 *------------------------------------------------------------------------*/
 #how-to-suiso h1 {
	border-top: 1px solid #E6E6E6;
	color: #043288;
	font-size: 30px;
	margin-bottom: 30px;
	position: relative;
}

#how-to-suiso h1 span {
	background-image: url(../images/freepage/suiso/h1_bg.jpg);
	background-repeat: no-repeat;
	color: #333333;
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
}

#how-to-suiso h1.suisosui1 {
	padding: 30px 0 0 50px;
}

#how-to-suiso h1.suisosui1 span {
	padding-left: 30px;
	right: 65px;
	top: 20px;
}

#how-to-suiso h1.suisosui2 {
	padding: 30px 0 0 0;
}

#how-to-suiso h1.suisosui2 span {
	padding-left: 20px;
	right: 0px;
	top: 20px;
}

#how-to-suiso .index_list {
	border: 5px solid #F5F5F5;
	margin: 20px 0;
	padding: 15px 40px;
}

#how-to-suiso .index_list dt {
	font-weight: bold;
}

#how-to-suiso h2 {
	border-bottom: 1px solid #8C8C8C;
	color: #003795;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}

#how-to-suiso .suisosui_txt {
	margin-bottom: 40px;
}

#how-to-suiso .f_left {
	float: left;
	width: 228px;
}

#how-to-suiso .f_right {
	float: right;
	width: 552px;
}

#how-to-suiso h3 {
	color: #003795;
	margin-top: 20px;
}

#how-to-suiso span.answer {
	color: #F25AA7;
	font-weight: bold;
}

#how-to-suiso div#pager {
	margin-bottom: 50px;
   position:relative;
   overflow:hidden;
}

#how-to-suiso div#pager ul {
   position:relative;
   left:50%;
   float:left;
}

#how-to-suiso div#pager li {
   position:relative;
   left:-50%;
   float:left;
}

#how-to-suiso div#pager li a {
	border: 2px solid #E8E8E8;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	text-align: center;
	text-decoration: underline;
	width: 25px;
}

#how-to-suiso div#pager li.now a {
	border: 2px solid #069D4E;
	text-decoration: none;
}

#how-to-suiso .pager_left {
	position: absolute;
	left: 170px;
	top: 10px;
}

#how-to-suiso .pager_right {
	position: absolute;
	right: 120px;
	top: 10px;
}

/*--------------------------------------------------------------------------
 * 水素水の飲み方 #what-suiso
 *------------------------------------------------------------------------*/
#what-suiso img{
	display:block;
}
#what-suiso .title{
	border-top: 1px solid #E6E6E6;
	padding: 30px 0 0 50px;
}
#what-suiso .title h1 {
	border-right:4px dotted #043288;
	color: #043288;
	font-size: 30px;
	margin-bottom: 30px;
	padding-right:15px;	
}
#what-suiso .title .lead {
	font-size:14px;

}


#what-suiso .index_list {
	border: 5px solid #F5F5F5;
	margin: 40px 0;
	padding: 15px 40px;
}

#what-suiso .index_list dt {
	font-weight: bold;
}

#what-suiso h2 {
	border-bottom: 1px solid #003795;
	color: #003795;
	font-size: 150%;
	letter-spacing:1px;
	line-height:1.4em;
	margin-bottom: 15px;
	padding-bottom:10px;
}

#what-suiso .section {
	margin:0 auto 50px auto;
	width:700px;
}

#what-suiso .f-left {
	float: left;
	margin-right:10px;
}

#what-suiso .f-right {
	float: right;
}

#what-suiso h3 {
	color: #003795;
	font-size:124%;
	letter-spacing:1px;
	margin-bottom:5px;
}

.clearboth{
	clear:both;
}