bg_@charset "UTF-8";

/*--------------------------------------------------

COMMON.CSS
2012-07-26T12:10:12+09:00

- YUI CSS
- common
- header
- contents_head
- location
- contents
  - quality-inspection
  - request-inquiry
  - pickup-link
  - page-anchor
- contents > nav
- footer
- hタグのスタイル
- テーブルのスタイル
- テキストのスタイル
- 汎用クラス

--------------------------------------------------*/

/*--------------------------------------------------
    YUI CSS
--------------------------------------------------*/

/* reset */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}table{
	/* [disabled]border-collapse:collapse; */
	border-spacing:0
}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* font */

body{font: 14px/1.4 "Noto Sans Japanese","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}
table{
	font-size:inherit;
	font:100%;
	margin-top: 10px;
}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}

/*--------------------------------------------------
    common
--------------------------------------------------*/

html {
	overflow-y: scroll;
}

body {
	color: #000;
}

img {
	vertical-align: bottom;
}

img.external {
	vertical-align: 0;
}

img.pdf {
	vertical-align: -3px;
}

strong {
	font-weight: bold;
}

a {
	color: #55bfe6;
	text-decoration: none;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------
    header
-------------------------------------------------- */
div#header {
/*	background: url(/img_common/header_bg_nav_01.png) 0 100% repeat-x;*/
	border-top: 3px solid #e64354;
}


div#header div.inbox {
	margin: 0 auto;
	position: relative;
	width: 950px;
}


div#header p.business {
	position: absolute;
	right: 0;
	top: 0;
}
div#header p.business a img{
	margin: 0;
	padding: 0;
}




/* 会員さま専用ページ・ボタン　20150914追加 */
div#header p.member {
	position: absolute;
	right: 0;
	top: 0;
}
div#header p.member a img{
	margin: 0;
	padding: 0;
}
/* /end */


div#header p.add-change a:first-child {
	margin-right: 5px;
}
div#header p.add-change a:last-child {
	margin-left: 5px;
}

div#header div.logo {
	position: absolute;
	top: 30px;
	left: 10px;
}
div#header div.logo h1{
	text-align: center;
	font-size: 12px;
	color: #154d95;

}
div#header div.logo div{
	text-align: center;
	font-size: 12px;
	color: #154d95;

}

div#header ul.action {
	clear: both;
	font-size: 0;
	margin-bottom: 20px;
	padding-top:31px;
	text-align: right;
}

div#header ul.action li {
	display: inline;
}

div#header ul.action li:first-child {
	margin-right: 30px;
}

div#header ul.action li:last-child {
	margin-top: 8px;
}

div#header ul.nav{
	background: url(/img_common/header_bg_nav_02.png) 0 0 repeat-x;
	height: 56px;
	padding-top: 6px;
	zoom:1;
}
div#header ul.nav li{
	display: inline;
	float: left;
	margin-left: 11px;
	width: 147px;
	position: relative;
}
div#header ul.nav li.product{ margin-left: 6px;}
div#header ul.nav li.fee{ width: 148px; }
div#header ul.nav li.about a{ background: url(/img_common/header_btn_nav_01_off.png) 0 0 no-repeat; }
div#header ul.nav li.about a:hover{ background: url(/img_common/header_btn_nav_01_on.png) 0 0 no-repeat; }
div#header ul.nav li.product a{ background: url(/img_common/header_btn_nav_02_off.png) 0 0 no-repeat; margin-left: 6px; }
div#header ul.nav li.product a:hover{ background: url(/img_common/header_btn_nav_02_on.png) 0 0 no-repeat; }
div#header ul.nav li.fee a{ background: url(/img_common/header_btn_nav_03_off.png) 0 0 no-repeat; width: 148px; }
div#header ul.nav li.fee a:hover{ background: url(/img_common/header_btn_nav_03_on.png) 0 0 no-repeat; }
div#header ul.nav li.how-to-order a{ background: url(/img_common/header_btn_nav_04_off.png) 0 0 no-repeat; }
div#header ul.nav li.how-to-order a:hover{ background: url(/img_common/header_btn_nav_04_on.png) 0 0 no-repeat; }
div#header ul.nav li.delivery-system a{ background: url(/img_common/header_btn_nav_05_off.png) 0 0 no-repeat; }
div#header ul.nav li.delivery-system a:hover{ background: url(/img_common/header_btn_nav_05_on.png) 0 0 no-repeat; }
div#header ul.nav li.fun a{ background: url(/img_common/header_btn_nav_06_off.png) 0 0 no-repeat; }
div#header ul.nav li.fun a:hover{ background: url(/img_common/header_btn_nav_06_on.png) 0 0 no-repeat; }
div#header ul.nav li.faq a{ background: url(/img_common/header_btn_nav_07_off.png) 0 0 no-repeat; /* -- 追加・川西 20150518 -- */ }
div#header ul.nav li.faq a:hover{ background: url(/img_common/header_btn_nav_07_on.png) 0 0 no-repeat; /* -- 追加・川西 20150518 -- */ }
div#header ul.nav li a{
	display: block;
	height: 56px;
}
ul.nav li a:hover ul{
	display: block;
}
ul.nav li ul{
	display: none;
	margin: -5px 0 0 -5px;
	border: 1px solid #67c4d3;
	background: #fff;
	height: auto;
	position: absolute;
	top: 100%;
	width: 157px;
	z-index: 9999;
}
div#header ul.nav li ul li{
	background: none;
	font-size: 12px;
	width: 135px;
	border-bottom: 1px solid #d4e6f3;
	text-align: center;
	padding: 9px 0;
	height: 12px;
}
div#header ul.nav li ul li.double{ height: 24px; }
div#header ul.nav li ul li:last-child{
	border-bottom: none;
}
div#header ul.nav li ul li a{
	background: none !important;
	display: block;
	padding-top: 0;
	color: #444;
	text-decoration: none;
}
div#header ul.nav li ul li a:hover{
	background: none !important;
	color: #06c;
	text-decoration: underline;
}



/* --------------------------------------------------
    contents_head
-------------------------------------------------- */

/* ----- title ----- */

div#contents_head div.title {
	background: #eff7fb;
	border-bottom: 1px solid #d4e6f3;
}

div#contents_head div.title h2 {
	background: url(/img_common/common_bg_contents_head_01.png) 100% 0 no-repeat;
	color: #1e3d93;
	font-size: 250%; /* だいたい32pxくらい */
	margin: 0 auto;
	padding: 55px 0;
	width: 950px;
}

div#contents_head div.title h1 {
	background: url(/img_common/common_bg_contents_head_01.png) 100% 0 no-repeat;
	color: #1e3d93;
	font-size: 250%; /* だいたい32pxくらい */
	margin: 0 auto;
	padding: 55px 0;
	width: 950px;
}

/* ----- vi ----- */

div#contents_head div.nav {
	margin: 0 auto 20px;
	width: 950px;
}

div#contents_head div.nav ul {
	overflow: hidden;
	zoom:1;
}

div#contents_head div.nav ul li:first-child {
	display: inline;
	float: left;
}

div#contents_head div.nav ul li:last-child {
	background: url(/img_common/common_icon_arrow_01.png) 0 0.25em no-repeat;
	display: inline;
	float: right;
	padding-left: 20px;
}

div#contents_head div.vi {
	background: url(/img_common/contents-head_bg_vi_01.png) 0 0 repeat;
	padding: 20px 0;
}

div#contents_head div.vi div.img {
	margin: 0 auto;
	width: 950px;
}

/* --------------------------------------------------
    location
-------------------------------------------------- */

div.location {
	background: url(/img_common/common_icon_location_01.png) 0 50% no-repeat;
	margin: 20px auto 0;
	padding-left: 23px;
	width: 927px;
}

div.location2 {
	background: url(/img_common/common_icon_location_01.png) 0 50% no-repeat;
	margin: 20px auto 0;
	margin-bottom:20px;
	padding-left: 23px;
	width: 927px;
}

div.location2 {
	background: url(/img_common/common_icon_location_01.png) 0 50% no-repeat;
	margin: 20px auto 0;
	margin-bottom:20px;
	padding-left: 23px;
	width: 927px;
	}

/* --------------------------------------------------
    contents
-------------------------------------------------- */

div#contents {
	margin: 20px auto 0;
	width: 950px;
}

div#contents.clearfix div#main {
	display: inline;
	float: left;
	width: 690px;
}

div#contents.clearfix div#main_02 {
	display: inline;
	float: left;
	width: 950px;
}

div#contents.clearfix div#nav {
	display: inline;
	float: right;
	width: 230px;
	margin-top: 0px;
}

/* ----- quality-inspection ----- */

div.quality-inspection {
	background: #fefee1;
	border: 2px solid #eeeed9;
	color: #333;
	padding: 13px 20px;
}

div.quality-inspection dl {
	overflow: hidden;
	zoom:1;
}

div.quality-inspection dl p {
	font-size: 93%;
	line-height: 1.5;
}

div.quality-inspection dl dt,
div.quality-inspection dl dd {
	display: inline;
	float: left;
	padding: 8px 0;
}

div.quality-inspection dl dt p.date,
div.quality-inspection dl dd p.more {
	margin-top: 10px;
}

div.quality-inspection dl dt {
	border-right: 1px solid #e3e3c0;
	margin-right: 22px;
	padding-right: 33px;
}

div.quality-inspection dl dt h3 {
	font-size: 108%;
	font-weight: bold;
}

div.quality-inspection dl dt p {
	color: #666;
}

/* ----- request-inquiry ----- */

div.request-inquiry {
	background: #eff7fb;
	border: 1px solid #d4e6f3;
	padding: 23px 0;
}

div.request-inquiry_02 {
	background: #eff7fb;
	border: 1px solid #d4e6f3;
}

div.request-inquiry ul {
	width: 614px;
	overflow: hidden;
	margin: 0 auto;
	zoom:1;
}

div.request-inquiry ul li {
	display: inline;
	float: right;
}

div.request-inquiry ul li:first-child {
	float: left;
	padding-top: 20px;
}

div#main div.request-inquiry ul li a img{
	background: url(/img_common/common_btn_action_01_off.png) 0 0 no-repeat;
}

div#main div.request-inquiry ul li a img:hover{
	background: url(/img_common/common_btn_action_01_on.png) 0 0 no-repeat;
}

/* ----- plemium-inquiry ----- */

div.plemium-inquiry {
	background: #eff7fb;
	border: 1px solid #d4e6f3;
	padding: 23px 0;
}

div.plemium-inquiry ul {
	width: 614px;
	overflow: hidden;
	margin: 0 auto;
	zoom:1;
}

div.plemium-inquiry ul li {
	display: inline;
	float: right;
}

div.plemium-inquiry ul li:first-child {
	float: left;
	/*padding-top: 20px;*/
}

div#main div.plemium-inquiry ul li a.fifteen img{
	background: url(/img_common/common_btn_ple_01_off.png) 0 0 no-repeat;
}

div#main div.plemium-inquiry ul li a.fifteen img:hover{
	background: url(/img_common/common_btn_ple_01_on.png) 0 0 no-repeat;
}

div#main div.plemium-inquiry ul li a.twenty img{
	background: url(/img_common/common_btn_ple_02_off.png) 0 0 no-repeat;
}

div#main div.plemium-inquiry ul li a.twenty img:hover{
	background: url(/img_common/common_btn_ple_02_on.png) 0 0 no-repeat;
}


/* ----- pickup-link ----- */

div.pickup-link,
div.pickup-link ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.pickup-link {
	background: #e5f0f8;
	padding: 4px 0 4px 4px;
	width: 488px;
}

div.pickup-link.single {
	width: 244px;
}

div.pickup-link ul {
	overflow: hidden;
	zoom:1;
}

div.pickup-link ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 4px;
	width: 240px;
}

div.pickup-link ul li:last-child {
	margin-right: 0;
}

div.pickup-link ul li a {
	display: block;
	padding: 5px;
}

/* ----- page-anchor ----- */

div.page-anchor {
	border: 1px solid #e5f0f8;
	overflow: hidden;
	padding: 12px;
	zoom:1;
}

div.page-anchor ul,
div.page-anchor ul li {
	display: inline;
	float: left;
}

div.page-anchor ul {
	font-size: 108%;
	overflow: hidden;
	zoom:1;
}

div.page-anchor ul li {
	background: url(/img_common/common_icon_arrow_02.png) 0 50% no-repeat;
	margin-right: 25px;
	padding-left: 18px;
}

div.page-anchor p {
	background: url(/img_common/common_icon_arrow_03.png) 0 50% no-repeat;
	display: inline;
	float: right;
	font-size: 93%;
	margin-top: 2px;
	padding-left: 12px;
}

/* ----- payment ----- */

div#main div.payment div.section {
	border: 2px solid #e5f0f8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-top: 20px;
	padding: 20px;
}


/* --------------------------------------------------
  /product/ 以下
-------------------------------------------------- */

/* ----- product0-list ※4種バージョン　----- */

div.product0-list,
div.product0-list ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product0-list {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px;
}

div.product0-list ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product0-list ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 4px;
	width: 232px;
}

div.product0-list ul li:last-child {
	margin-right: 0;
}

div.product0-list ul li a {
	display: block;
	padding: 7px 0 7px 7px;
}

div#contents.clearfix div#main div.product0-list {
	width: auto;
}

div#contents.clearfix div#main div.product0-list ul li {
	width: 167px;
}

/* ----- product0-list3 ※3種バージョン ----- */

div.product0-list3,
div.product0-list3 ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product0-list3 {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px;
}

div.product0-list3 ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product0-list3 ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 5px;
	width: 310px;
}

div.product0-list3 ul li:last-child {
	margin-right: 0;
}

div.product0-list3 ul li a {
	display: block;
	padding: 7px 0 7px 43px;
}

div#contents.clearfix div#main div.product0-list3 {
	width: auto;
}

div#contents.clearfix div#main div.product0-list3 ul li {
	width: 167px;
}

/* ----- product-list ----- */

div.product-list,
div.product-list ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product-list {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px; /* --- 元は950 --- */
}

div.product-list ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product-list ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 5px; /* --- 元は 4px --- */
	width: 310px; /* --- 元は232 --- */
}

div.product-list ul li:last-child {
	margin-right: 0;
}

div.product-list ul li a {
	display: block;
	padding: 7px 0 7px 46px; /* --- 元は7px 0 7px 7px --- */
}

div#contents.clearfix div#main div.product-list {
	width: auto;
}

div#contents.clearfix div#main div.product-list ul li {
	width: 167px;
}

/* ----- product2-list ※4つバージョン　----- */

div.product2-list,
div.product2-list ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product2-list {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px;
}

div.product2-list ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product2-list ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 4px;
	width: 185px;
}

div.product2-list ul li:last-child {
	margin-right: 0;
}

div.product2-list ul li a {
	display: block;
	padding: 7px 0 7px 7px;
}

div#contents.clearfix div#main div.product2-list {
	width: auto;
}

div#contents.clearfix div#main div.product2-list ul li {
	width: 167px;
}

/* ----- product-list2 ----- */

div.product-list2,
div.product-list ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product-list2 {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px;
}

div.product-list2 ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product-list2 ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 4px;
	width: 150px;
}

div.product-list2 ul li:last-child {
	margin-right: 0;
}

div.product-list2 ul li a {
	display: block;
	padding: 7px 0 7px 7px;
}

div#contents.clearfix div#main div.product-list2 {
	width: auto;
}

div#contents.clearfix div#main div.product-list2 ul li {
	width: 132px;
}


/* ----- product2-list3 ※3つバージョン----- */

div.product2-list3,
div.product2-list3 ul li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.product2-list3 {
	background: #e5f0f8;
	margin: 0 auto;
	width: 950px;
}

div.product2-list3 ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	zoom:1;
}

div.product2-list3 ul li {
	background: #fff;
	display: inline;
	float: left;
	margin-right: 5px;
	width: 185x; /* -- ? -- */
}

div.product2-list3 ul li:last-child {
	margin-right: 0;
}

div.product2-list3 ul li a {
	display: block;
	padding: 7px 20px 7px 20px;
}

div#contents.clearfix div#main div.product2-list3 {
	width: auto;
}

div#contents.clearfix div#main div.product2-list3 ul li {
	width: 223px; /* -- BOXの幅 -- */
}

/* ----- did-you-seeing ----- */

div.did-you-seeing {
	border: 1px solid #e5f0f8;
	padding: 20px;
}

div.did-you-seeing h3 {
	margin-bottom: 20px;
}

div.did-you-seeing div.fLeft:first-child {
	margin-right: 20px;
}

div.did-you-seeing div.fLeft p {
	line-height: 1.6;
}

/* ----- product-guide ----- */

div.product-guide {
	overflow: hidden;
	zoom: 1;
}

div.product-guide h3 {
	margin-bottom: 30px;
}

div.product-guide div.fLeft:nth-child(2) {
	margin-right: 35px;
}

div.product-guide div.fLeft p:last-child {
	font-size: 108%;
	margin-top: 20px;
}

/* --------------------------------------------------
    contents > nav
-------------------------------------------------- */

div#contents div#nav div.radius {
	background: #e5f0f8;
	padding: 0 5px 5px;
}

div#contents div#nav div.radius div.section {
	background: #fff;
	padding: 0;
}

/* ----- examine ----- */

div#contents div#nav div.examine {
	background: url(/img_common/nav_bg_examine_01.png) 0 0 repeat-x #e5f0f8;
	border: 1px solid #e5f0f8;
	margin-bottom: 20px;
}

div#contents div#nav div.examine div.section {
	margin-bottom: 4px;
	padding: 16px 10px;
}

div#contents div#nav div.examine div.section h3 {
	border-bottom: 1px dashed #1e3d93;
	padding: 0 8px 13px;
}

div#contents div#nav div.examine div.section:last-child {
	margin-bottom: 0;
}

div#contents div#nav div.examine div.section ul {
	margin-top: 15px;
	padding-left: 25px;
}

div#contents div#nav div.examine div.section ul li {
	color: #63c6da;
	line-height: 1.5;
	list-style-type: disc;
	margin-top: 0.5em;
}

/* ----- basic ----- */

div#contents div#nav div.basic {
	margin-bottom: 20px;
}

div#contents div#nav div.basic div.action {
	text-align: center;
}

div#contents div#nav div.basic div.action ul li.inquiry {
	margin-top: 10px;
}

div#contents div#nav div.basic div.action ul li.catalog {
	font-weight: bold;
	margin-top: 15px;
}

div#contents div#nav div.basic div.action ul li.tel {
	margin-top: 20px;
}

div#contents div#nav div.basic div.campaign {
	background: url(/img_common/nav_bg_campaign_01.png) 0 0 repeat-x #ffe1ec;
	border: 1px solid #ffe1ec;
	margin-top: 25px;
}

div#contents div#nav div.basic div.campaign div.section {
	padding: 10px 0 20px;
}

div#contents div#nav div.basic div.campaign div.section div.img {
	text-align: center;
}

div#contents div#nav div.basic div.campaign div.section dl {
	font-size: 93%;
	margin: 15px 13px 0;
}

div#contents div#nav div.basic div.campaign div.section dl dt {
	color: #36c;
	font-weight: bold;
}

div#contents div#nav div.basic div.campaign div.section dl dd {
	line-height: 1.5;
	margin-top: 12px;
}

div#contents div#nav div.basic div.in-use {
	background: url(/img_common/nav_bg_in-use_01.png) 0 0 repeat-x #ffdfa8;
	border: 1px solid #ffdfa8;
	margin-top: 20px;
}

div#contents div#nav div.basic div.in-use ul {
	padding: 0 10px;
}

div#contents div#nav div.basic div.in-use ul li {
	border-bottom: 1px solid #ffdfa8;
	padding: 15px 5px;
}

div#contents div#nav div.basic div.in-use ul li:last-child {
	border-bottom: 0;
}


/* ----- はじめてのお客さま ----- */
div#contents div#nav div.basic div.in-new {
	background: url(/img_common/nav_bg_in-new_01.png) 0 0 repeat-x #F0F8AE;
	border: 1px solid #F0F8AE;
	margin-top: 0px;
}

div#contents div#nav div.basic div.in-new-comment-a {
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}

div#contents div#nav div.basic div.in-new-comment-b {
	padding-top:5px;
	float:right;
}

div#contents div#nav div.basic div.in-new ul {
	padding: 0 10px;
}

div#contents div#nav div.basic div.in-new ul li {
	padding: 5px 5px;
}

div#contents div#nav div.basic div.in-new ul li:last-child {
	border-bottom:#999 1px dashed;
}


/* ----- 事業をお考えの方 ----- */
div#contents div#nav div.basic div.business {
	background: url(/img_common/nav_bg_business_01.png) 0 0 repeat-x #EEEEEE;
	border: 1px solid #DFDFDF;
	margin-top: 20px;
}

div#contents div#nav div.basic div.business ul {
	padding: 0 10px;
}

div#contents div#nav div.basic div.business ul li {
	border-bottom: 1px solid #EEEEEE;
	padding: 15px 5px;
}

div#contents div#nav div.basic div.business ul li:last-child {
	border-bottom: 0;
}

/* ----- メディア掲載情報 ----- */
div#contents div#nav div.basic div.media {
	background: url(/img_common/nav_bg_business_01.png) 0 0 repeat-x #EEEEEE;
	border: 1px solid #DFDFDF;
	margin-top: 20px;
}

div#contents div#nav div.basic div.media ul {
	padding: 0 10px;
}

div#contents div#nav div.basic div.media ul li {
	padding-top:5px;
	padding-bottom:5px;
}

div#contents div#nav div.basic div.media ul li:last-child {
	padding-bottom:10px;
	}


/* ----- バナー ----- */
div.bannerarea {
	padding-top:15px;
	text-align:center;
}

/* ----- 右ナビバナー ----- */
div.bannerarea1 {
	text-align:center;
}

div.bannerarea2 {
	padding-top:15px;
	text-align:center;
}

div.bannerarea3 {
	padding-top:15px;
	padding-bottom:20px;
	text-align:center;
}

/* ----- tvcm ----- */

div#contents div#nav div.tvcm {
	background: url(/img_common/nav_bg_tvcm_01.png) 0 0 repeat-x #fff;
	border: 1px solid #d4e6f3;
	margin-bottom: 20px;
	padding: 0 0 15px;
}

div#contents div#nav div.tvcm h2 {
	text-align: center;
}

div#contents div#nav div.tvcm div.move,
div#contents div#nav div.tvcm p {
	width: 200px;
	margin: 0 auto;
}

div#contents div#nav div.tvcm p {
	line-height: 1.5;
	margin-top: 10px;
}

/* ----- news ----- */

div#contents div#nav div.news {
	background: #fff;
	border: 1px solid #d4e6f3;
	margin-bottom: 20px;
	padding: 0;
}

div#contents div#nav div.news h2 {
	background: #eff7fb;
	border-bottom: 1px solid #d4e6f3;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding-left: 13px;
	position: relative;
}

div#contents div#nav div.news h2 a {
	position: absolute;
	top: 9px;
	right: 13px;
}

div#contents div#nav div.news dl {
	padding: 0 15px;
}

div#contents div#nav div.news dl dt {
	font-size: 77%;
	padding: 12px 5px 5px;
}

div#contents div#nav div.news dl dd {
	border-bottom: 1px solid #d4e6f3;
	font-size: 93%;
	line-height: 1.5;
	padding: 0 5px 12px;
}

div#contents div#nav div.news dl dd:last-child {
	border-bottom: 0;
}

/* ----- list-pickup ----- */

div#contents div#nav div.list-pickup {
	padding-top: 5px;
}

div#contents div#nav div.list-pickup:nth-child(2) {
	margin-top: 5px;
}

div#contents div#nav div.list-pickup:nth-child(2) p.one {
	display: none;
}

div#contents div#nav div.list-pickup p {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}

div#contents div#nav div.list-pickup p:last-child {
	margin-bottom: 0;
}

div#contents div#nav div.list-pickup p a {
	display: block;
	padding: 7px;
}

div#contents div#nav div.list-pickup p.one a {
	padding: 10px;
}

div#contents div#nav div.list-pickup p a span {
	display: table-cell;
	font-size: 93%;
	line-height: 1.6;
	margin: 0;
	vertical-align: middle;
	zoom: 1;
}

div#contents div#nav div.list-pickup p a span:first-child {
	padding-right: 10px;
}

/* ----- nav-faq ----- */

div#contents div#nav div.nav-faq{
	padding-top:5px;
	margin-bottom:20px;
}

div#contents div#nav div.nav-faq div.section .top{
	padding:12px 0px 12px 10px;
}

div#contents div#nav div.nav-faq div.bottom{
	margin-top:5px;
	padding:0px 10px;
}

div#contents div#nav div.nav-faq div.section ul{
	background-color:#d4e6f2;
}

div#contents div#nav div.nav-faq div.section ul li{
	background-color:#FFFFFF;
	padding:10px 0;
	margin-top:1px;
}

div#contents div#nav div.nav-faq div.section ul li img{
	margin-right:20px;
}

div#contents div#nav div.nav-faq div.section ul li a{
	line-height:46px;
	font-weight:bold;
}



/* --------------------------------------------------
    footer
-------------------------------------------------- */
div#footer {
	border-top: 1px dashed #1e3d93;
	margin-top: 76px;
}

div#footArea #footer{
	margin-top:0px;
}

div#footer div.inbox {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

div#footer p.pagetop {
	position: absolute;
	right: 0;
	top: -36px;
}

/* ----- column ----- */
div#footer div.fLeft {
	width: 38%;
}

div#footer div.fLeft div.fLeft {
	width: 45%;
}

div#footer div.fLeft div.fLeft:last-child {
	width: 55%;
}

div#footer div.fRight {
	width: 45%;
}

div#footer div.fRight div.fLeft {
	width: 55%;
}

div#footer div.fRight div.fLeft:nth-child(3) {
	width: 20%;
}

div#footer div.fRight div.fLeft:last-child {
	width: 30%;
}

div#footer div.fRight2 {
	width: 15%;
}

div#footer div.fRight2 div.fLeft {
	width: 100%;
}

/* ----- nav ----- */

div#footer div.nav {
	font-size: 77%;
	margin: 25px 0 50px;
	overflow: hidden;
	zoom:1;
}

div#footer div.nav h2 {
	color: #36c;
	font-weight: bold;
	padding-bottom: 10px;
}

div#footer div.nav ul li {
	margin-top: 0.5em;
	line-height: 1.6;
}

div#footer div.nav ul li ul {
	padding-left: 1em;
}

div#footer div.nav ul li ul.tree li {
	background: url(/img_common/footer_bg_tree_01.png) 0 0 no-repeat;
	padding-left: 10px;
}

div#footer div.nav ul li ul.tree li:last-child {
	background: url(/img_common/footer_bg_tree_02.png) 0 0 no-repeat;
}

div#footer div.nav a {
	color: #333;
}


/*SSL*/

div#footer table.verisign {
	clear: both;
	font-size: 77%;
	overflow: hidden;
	zoom: 1;
}


div#footer dl.verisign {
	clear: both;
	font-size: 77%;
	overflow: hidden;
	zoom: 1;
}

div#footer dl.verisign dt {
	display: inline;
	float: left;
	width: 122px;
}

div#footer dl.verisign dd {
	line-height: 1.6;
	padding-top: 13px;
}

div#footer p.link {
	border-top: 1px solid #d4e6f3;
	color: #ccc;
	font-size: 93%;
	margin-top: 20px;
	padding-top: 15px;
}

div#footer p.copy {
	font-size: 77%;
	margin: 25px 0 15px 0;
	text-align: right;
}

/* --------------------------------------------------
    hタグのスタイル
-------------------------------------------------- */

.h3style-01 {
	background: url(/img_common/common_h3_h3style-01_01.png) 0 0 no-repeat;
	border-bottom: 1px dashed #1e3d93;
	color: #1e3d93;
	font-weight: bold;
	font-size: 140%;
	padding: 5px 0 15px 45px;
}

.h3style-column {
	border-bottom: 1px solid #d4e6f3;
	color: #1e3d93;
	font-weight: bold;
	padding-top:10px;
	font-size: 120%;
	line-height:40px;
}

.h3style-02 {
	color: #990000;
	font-weight: bold;
	font-size: 140%;
}

.h4style-01 {
	color: #1e3d93;
	font-weight: bold;
	font-size: 120%;
}

.h4style-02 {
	background: url(/img_common/common_h4_h4style-02_01.png) 0 0 no-repeat;
	border-bottom: 1px solid #d4e6f3;
	color: #1e3d93;
	font-weight: bold;
	font-size: 120%;
	padding: 0 0 10px 20px;
}

.h5style {

}

/* --------------------------------------------------
    テーブルのスタイル
-------------------------------------------------- */

.tablestyle01 {
	width: 100%;
}

.tablestyle01 {
	width: 960px;
	border: 1px solid #cde6f5;
	padding: 0px;
}


.tablestyle01 tr th,
.tablestyle01 tr td {
	border-bottom: 1px solid #cde6f5;
	border-right: 1px solid #cde6f5;
	font-size: 93%;
	line-height: 1.5;
	padding: 10px 0;
}

.tablestyle01 tr.txtC th,
.tablestyle01 tr.txtC td {
	text-align: center;
	padding-left: 0 !important;
}

.tablestyle01 tr th {
	background: #eff7fb;
	font-weight: bold;
}

.tablestyle01 tr th span {
	font-weight: normal;
}

.tablestyle01 tr td {
	text-align: center;
}

.tablestyle01 thead tr th {
	border-bottom: 2px solid #cde6f5;
	text-align: center;
}

.tablestyle01 tbody tr th {
	padding-left: 10px;
}


.tablestyle02 {
	width: 560px;
	border: 1px solid #cde6f5;
	padding: 0px;
}

.tablestyle02 tr th,
.tablestyle02 tr td {
	border-bottom: 1px solid #cde6f5;
	border-right: 1px solid #cde6f5;
	font-size: 93%;
	line-height: 1.5;
	padding: 10px 0;
}

.tablestyle02 tr.txtC th,
.tablestyle02 tr.txtC td {
	text-align: center;
	padding-left: 0 !important;
}

.tablestyle02 tr th {
	background: #eff7fb;
	font-weight: bold;
}

.tablestyle02 tr th span {
	font-weight: normal;
}

.tablestyle02 tr td {
	text-align: center;
}

.tablestyle02 thead tr th {
	border-bottom: 2px solid #cde6f5;
	text-align: center;
}

.tablestyle02 tbody tr th {
	padding-left: 10px;
}

.tablestyle03 {
	width: 100%;
	border-top: 1px solid #cde6f5;
	border-left: 1px solid #cde6f5;
}

.tablestyle03 tr th,
.tablestyle03 tr td {
	border-bottom: 1px solid #cde6f5;
	border-right: 1px solid #cde6f5;
	font-size: 93%;
	line-height: 1.5;
	padding: 10px 0;
}

.tablestyle03 tr.txtC th,
.tablestyle03 tr.txtC td {
	text-align: center;
	padding-left: 0 !important;
}

.tablestyle03 tr th {
	background: #eff7fb;
	font-weight: bold;
}

.tablestyle03 tr th span {
	font-weight: normal;
}

.tablestyle03 tr td {
	text-align: center;
}

.tablestyle03 thead tr th {
	border-bottom: 2px solid #cde6f5;
	text-align: center;
}

.tablestyle03 tbody tr th {
	padding-left: 10px;
}


.tablestyle04 {
	width: 100%;
	border-top: 1px solid #cde6f5;
	border-left: 1px solid #cde6f5;
}

.tablestyle04 tr th,
.tablestyle04 tr td {
	border-bottom: 1px solid #cde6f5;
	border-right: 1px solid #cde6f5;
	font-size: 93%;
	line-height: 1.5;
	padding: 15px 0; /* ここだけ異なる */
}

.tablestyle04 tr.txtC th,
.tablestyle04 tr.txtC td {
	text-align: center;
	padding-left: 0 !important;
}

.tablestyle04 tr th {
	background: #eff7fb;
	font-weight: bold;
}

.tablestyle04 tr th span {
	font-weight: normal;
}

.tablestyle04 tr td {
	text-align: center;
}

.tablestyle04 thead tr th {
	border-bottom: 2px solid #cde6f5;
	text-align: center;
}

.tablestyle04 tbody tr th {
	padding-left: 10px;
}

/* --------------------------------------------------
    テキストのスタイル
-------------------------------------------------- */

.txt-area {
	line-height: 2;
}

/* --------------------------------------------------
    ボックスのスタイル
-------------------------------------------------- */

.boxstyle-01 {
	overflow: hidden;
	zoom:1;
}

.boxstyle-01 p {
	background: #eff7fb;
	border: 1px solid #d4e6f3;
	display: inline;
	float: left;
	font-size: 93%;
	padding: 17px;
}

/*--------------------------------------------------
汎用クラス
--------------------------------------------------*/

.hidden { display: none !important; }
.stopScroll { overflow: hidden !important;}

.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }

.vT { vertical-align: top !important; }
.vM { vertical-align: middle !important; }
.vB { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.uppercase { text-transform: uppercase; }

.txtB { font-weight: bold; }

.txt-red { color: #e64354 !important; }
.txt-darkblue { color: #1e3d93 !important; }
.txt-green { color: #1e933c !important; }

.blueLine{ border-top:#e5f2fa solid; border-width:1px 0 0 0; overflow:hidden;}
.blueBox{ border: 1px solid #e5f0f8; padding:20px;}

.bgGlay{background-color:#eeeeee;}

.bgGlay02{background-color:#f5f5f5;}

/* --- 文字サイズ対応表 --- */

.txt10 { font-size: 77%; }
.txt11 { font-size: 85%; }
.txt12 { font-size: 93%; }
.txt13 { font-size: 100%; }
.txt14 { font-size: 108%; }
.txt15 { font-size: 116%; }
.txt16 { font-size: 123.1%; }
.txt17 { font-size: 131%; }
.txt18 { font-size: 138.5%; }
.txt19 { font-size: 146.5%; }
.txt20 { font-size: 153.9%; }
.txt21 { font-size: 161.6%; }
.txt22 { font-size: 167%; }
.txt23 { font-size: 174%; }
.txt24 { font-size: 182%; }
.txt25 { font-size: 189%; }
.txt26 { font-size: 197%; }

/* --- インデント --- */

.idt1em {
	text-indent: -1em;
	padding-left: 1em;
}
.idt15em {
	text-indent: -1.35em;
	padding-left: 1.35em;
}
.idt2em {
	text-indent: -2em;
	padding-left: 2em;
}

.mT0 { margin-top: 0 !important; }
.mT5 { margin-top: 5px !important; }
.mT10 {
	margin-top: 10px !important;
}
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }
.mT55 { margin-top: 55px !important; }
.mT60 { margin-top: 60px !important; }
.mT65 { margin-top: 65px !important; }
.mT70 { margin-top: 70px !important; }
.mT75 { margin-top: 75px !important; }
.mT80 { margin-top: 80px !important; }
.mT85 { margin-top: 85px !important; }
.mT90 { margin-top: 90px !important; }
.mT95 { margin-top: 95px !important; }
.mT100 { margin-top: 100px !important; }

.mB0 { margin-bottom: 0 !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }
.mB55 { margin-bottom: 55px !important; }
.mB60 { margin-bottom: 60px !important; }
.mB65 { margin-bottom: 65px !important; }
.mB70 { margin-bottom: 70px !important; }
.mB75 { margin-bottom: 75px !important; }
.mB80 { margin-bottom: 80px !important; }
.mB85 { margin-bottom: 85px !important; }
.mB90 { margin-bottom: 90px !important; }
.mB95 { margin-bottom: 95px !important; }
.mB100 { margin-bottom: 100px !important; }

.mL0 { margin-left: 0 !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }
.mL55 { margin-left: 55px !important; }
.mL60 { margin-left: 60px !important; }
.mL65 { margin-left: 65px !important; }
.mL70 { margin-left: 70px !important; }
.mL75 { margin-left: 75px !important; }
.mL80 { margin-left: 80px !important; }
.mL85 { margin-left: 85px !important; }
.mL90 { margin-left: 90px !important; }
.mL95 { margin-left: 95px !important; }
.mL100 { margin-left: 100px !important; }

.mR0 { margin-right: 0 !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }
.mR55 { margin-right: 55px !important; }
.mR60 { margin-right: 60px !important; }
.mR65 { margin-right: 65px !important; }
.mR70 { margin-right: 70px !important; }
.mR75 { margin-right: 75px !important; }
.mR80 { margin-right: 80px !important; }
.mR85 { margin-right: 85px !important; }
.mR90 { margin-right: 90px !important; }
.mR95 { margin-right: 95px !important; }
.mR100 { margin-right: 100px !important; }

.p10 { padding: 10px !important;}
.p20 { padding: 20px !important;}

.pL0 { padding: 0 !important;}

/* --- 要素の回り込み --- */

.clear {
	clear: both;
}

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

.fLeft {
	float: left !important;
	display: inline !important;
}

.fRight {
	float: right !important;
	display: inline !important;
}

/* --- フッター追加分 --- */
.fRight2 {
	float: right;
	display: inline;
}

/* --- 丸角 --- */

.radius {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* --- ボタンのロールオーバー--- */

img.opacity:hover,
img.opacity:active,
a.opacity:hover img,
a.opacity:active img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
}

.opacity {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

/* --- リンクアイコン--- */

.arrow-01 {
	background: url(/img_common/common_icon_arrow_01.png) 0 0.15em no-repeat;
	padding-left: 20px;
}

.arrow-03 {
	background: url(/img_common/common_icon_arrow_03.png) 0 0.35em no-repeat;
	padding-left: 12px;
}

/* --- リスト--- */

ul.list {
	padding-left: 15px;
}

ul.list li {
	line-height: 1.6;
	list-style-type: disc;
	margin-top: 0.5em;
}

/* --- 堀野追加分　---*/

.pp2 {
	height: 150px;
	width: 690px;
	margin-top: 60px;
	margin-bottom: 30px;
}
.text_pp {
	float: left;
	width: 330px;
	line-height: 20px;
	margin-right: 20px;
}
.space_20px {
	margin-bottom: 30px;
}
.youtube {
	width: 600px;
	margin-bottom: 20px;
}
.youtube_text {
	font-size: 12px;
	line-height: 180%;
}

.pp_block {
	margin-top: 20px;
}
.pp_img {
	float: right;
}

.smart_banner {
	height: 100px;
	width: 950px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: 10px;
}
.fun_box {
	width: 670px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.fun_block {
	background-image: url(../fun/img/bk.png);
	padding: 20px;
	height: 240px;
	width: 285px;
	float: left;
	margin-right: 10px;
}
.fun_img {
	width: 250px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.fun_p {
	font-size: small;
	line-height: 160%;
	margin-top: 5px;
}
.recipe_box {
	font-size: small;
	line-height: 160%;
	float: left;
	width: 280px;
	margin-right: 60px;
	margin-bottom: 50px;
}

.recipe_box2 {
	font-size: small;
	line-height: 160%;
	float: left;
	width: 280px;
	margin-bottom: 40px;
}

.mini_p {
	font-size: x-small;
	color: #999;
	margin-top: 10px;
}
.movie_p {
	width: 340px;
	margin-left: 30px;
	float: left;
	line-height: 160%;
}
.movie_img {
	float: left;
	width: 282px;
}
.movie_start {
	float: left;
	width: 340px;
	margin-top: 30px;
	margin-left: 30px;
}

.movie_box {
	width: 670px;
	margin-bottom: 30px;
	margin-top: 30px;
}
.floar_clear {
	clear: both;
}
.space30px {
	height: 30px;
}
.youtube_box {
	height: 315px;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	float: left;
}
.youtube_box02 {
	height: 315px;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	float: left;
}


.movie_midashi {
	height: 80px;
	width: 560px;
}
.monde_p {
	margin-left: 30px;
	float: right;
	margin-top: 20px;
	width: 370px;
}

.top_bnr {
	background-image: url(../img/bk_img.png);
	width: 670px;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-bottom: 30px;
}
.monde_bnr {
	margin-top: 30px;
	margin-bottom: 30px;
}
.rule_txt {
	line-height: 150%;
	width: 680px;
	margin-top: 30px;
}
.rule_txt2 {
	line-height: 150%;
	width: 820px;
	border:10px #CCCCCC solid;
	padding:30px;
	margin-left:auto;
	margin-right:auto;
}
.rule_txt3 {
	margin-top:20px;
}
.rule_txt4 {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
.rule_txt5 {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background:#FFFFFF;
	border-top:#CCC 1px solid;
	padding-top:20px;
	margin-top:10px;
	line-height:150%;
}

div#header .header-read {
    display: inline;
    font-size: 77%;
    float: left;
    margin-top: 10px;
}

.graph_box {
	float: left;
	width: 650px;
	margin-top: 30px;
}
.koto_p {
	float: left;
	width: 350px;
	margin-right: 20px;
}

.center{
 text-align: center;
}

.be_block{
	display:block;
}

.none_deco_link:hover{
	text-decoration:none;
}


/* トップへ戻る部分 追記 2015-07-22*/
#pageTop{
	position:fixed;
	bottom:70px;
	right:30px;
/*	background: url('/product/waterserver/img/smart/goToTop.png') 0 0 no-repeat;*/
	background: url('../img_common/goToTop.png') 0 0 no-repeat;
	width: 75px;
	height: 75px;
	text-indent: -9999px;
	z-index: 9999999;
	outline: none;
}
#pageTop a em{
	visibility: hidden;
}
#pageTop:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
p.pagetop{
	display: none;
	visibility: hidden;
}