@charset "shift-jis";

/*====================
 details
====================*/

.list ul {
	list-style: disc inside;
}
.list ul li{
	padding-bottom: 0.5em;
}


div#info {
	background: #F9FFEE url(../img/up-logo.gif) no-repeat 2% 90%;
	border: 1px dotted blue;
	margin: 20px 0px;
	padding: 5px;
}
div#info h3 {
	border-bottom: 1px dotted blue;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
div#info p.ad {
	margin-top: 1em;
	padding-left: 80px;
}

div#monitor ul li a {
 background: url(../img/lotion-mask.gif) no-repeat;
	display: block;
	width: 200px;
	height: 60px;
	margin-bottom: 10px;
}
div#monitor ul li span {
	display: none;
}

div#what p {
	margin-bottom: 0.5em;	
}
div#what p.end {
	margin-bottom: 1.5em;	
}

div#about_hydrogen {
 	background: url(../img/top/about_bg.jpg) no-repeat right bottom;
}

div#day {
	background: #F9FFEE;
	border: 1px dotted blue;
	margin: 10px 0px;
	padding: 5px;
}

div#day p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}



div#start p {
	margin-bottom: 1em;
	line-height: 1.6em;
}

div.new-item {
	clear: both;
}

div.new-item h3 {
	float: left;
	width: 80px;
	text-align: center;
	margin-bottom: 10px;
}
div.new-item dl {
	margin: 10px 0 0 90px;
}
div.new-item dt {
	margin-top: 10px 0 0 90px;
}

.bar {
	clear: both;
	margin: 5px 0;
	padding: 2px 0 0 10px;
	border-left: 10px #c30 solid;
	color: #003399;
	font-size: 1.2em;
	font-weight: bold;
	}

.p-bar {
	clear: both;
	margin: 15px 0;
	padding: 2px 0 2px 10px;
	border-left: 10px #c30 solid;
	border-bottom: 1px #c30 solid;
	color: #003399;
	font-size: 1.2em;

}
.s-bar {
	clear: both;
	background-color: #DCEEFC;
	border: 1px dotted #0066CC;
	margin: 15px 0;
	padding: 2px 0 0 5px;
	font-weight: bold;
	}

div.goods {
	clear: both;
	width: 670px;
	height: 100%;
	margin: 10px 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
	overflow: hidden;
}
div.goods p {
	float: left;
	width: 130px;
	display: inline;
}
div.goods ul {
	float: right;
	width: 540px;
}

ol.nml-style li {
	list-style: decimal inside;
	margin-bottom: 0.5em;
}

ul.nml-style li {
	list-style: disc inside;
	margin-bottom: 0.5em;
}

ul.nml-style li.no {
	list-style: none;
	margin-bottom: 0.5em;
}


div#profile {
 background: #fff url(../img/company_bg.jpg) no-repeat top right;
}

div#profile table{
	margin: 10px 160px 10px 20px;
}

div#profile th {
	background: #F9FFEE;
}
div#shiire {
	margin-bottom: 20px;
}
div#shiire ul li {
	display: inline;
 background: url(../img/slash.gif) no-repeat center right;
	padding-right: 15px;
	zoom : 1;
}

div#gaiyou {
	margin: 10px 20px 30px; 	
}
div#gaiyou table th {
	background-color: #F9FFEE;
	font-weight: bold;
}

ul.torihiki li {
	display: inline;
 background: url(../img/slash.gif) no-repeat center right;
	padding-right: 15px;
	zoom : 1;
}

div#enkaku {
	margin: 0 20px 30px;
}

div#map p{
	text-align: center;
	margin: 10px 0;
}
div#sitemap ul li {
	background: url(../img/arrow_sitemap.gif) no-repeat center left;
	margin-left: 20px;
	padding-left: 15px;
}
div#error {
	margin: 50px auto;
	width: 500px;
}
div#error p,
div#error ul li {
	margin: 20px 0;
}
div#link-list {
	background: #F9FFEE;
	padding: 10px;
	width: 600px;
	margin: 10px auto;
}
div#link-list ul li {
	margin: 5px;
}
ul.sogo-link li{
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px #666 dotted;
}
p.riyou-list {
	margin-bottom: 5px;
}
p.riyou-list a {
 background: url(../img/slash.png) no-repeat center right;
	padding-right: 15px;
}
div#riyou p,
div#riyou table {
	margin: 5px;
}
div#riyou ol,
div#riyou ul {
	margin-left: 3em;
}
div#riyou ol li {
	list-style: decimal;
	margin-bottom: 0.5em;
}
div#riyou ul li {
	list-style: disc;
	margin-bottom: 0.5em;
}

div#riyou table th,
div#riyou table td.ttl {
	background: #F9FFEE;
}
ul li.no-style {
	list-style-type: none;
}

div#topics p {
	margin: 0 10px 10px;
}

div#searchengine {
	margin: 10px;
	text-align: center;
}
div#searchengine ul li {
	display: inline;
	padding: 10px;
	margin-bottom: 1em;
}
p#senryaku01 {
 background: url(../topics/senryaku_flow/ill_cartridge.gif) no-repeat center right;
	height: 85px;
}
p#senryaku02 {
 background: url(../topics/senryaku_flow/ill_repair.gif) no-repeat center right;
	height: 85px;
	padding-right: 120px;
}
p#senryaku03 {
 background: url(../topics/senryaku_flow/ill_shiryou.gif) no-repeat center right;
	height: 85px;
}

div.tbl table th {
	background: #F9FFEE;
	font-weight: bold;
}
div.tbl table {
	margin: 10px auto;
}
ol.list-ol,
ol.list-ol-hydrogen {
 background: url(../product/oxygen/img/wellxy-image.jpg) no-repeat center right;
}
ol.list-ol li,
ul.list-ul li {
	list-style: none outside;
	margin-bottom: 1em;
}
ol.nano-filter {
 background: url(../product/oxygen/img/nano-filter.jpg) no-repeat center right;
}

ol.nano-filter li {
	list-style: decimal inside;
	margin-bottom: 0.5em;
	padding-right: 190px;
	color: #660000;
	font-weight:bold;
}


.ttl-cnt {
	size: 1.2em;
	text-align: center;
	margin: 20px 0;
	font-weight:bold;
	
}


div#details table.tbl-cnt {
	margin: 0 auto;
}

div#details .shoppingcart {
	clear: both;
 width: 630px;
	margin : 15px auto;
	padding: 10px;
	border: 4px #DBAE71 double;
	overflow: hidden;
}

div#details .shoppingcart-no {
	clear: both;
 width: 630px;
	margin : 30px auto 10px;
	padding: 10px;
	border: 4px #FC9 double;
	background-color: #FFC;
	text-align: center;
	overflow: hidden;
}


div#details .shoppingcart h3 {
	color: #003399;
	font-size: 120%;
	line-height: 1.2em;
	margin-bottom: 5px;
}

div#details .shoppingcart img {
	margin-right: 5px;
}


div#machine {
	width: 620px;
	margin: 15px auto;
	overflow: hidden;
}
div#machine p {
	float: left;
	text-align: center;
	width: 190px;
	display: inline;
}
div#machine ul {
	float: right;
	width: 430px;
}
p#materials_end {
	clear: both;
 background: url(../img/information.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}

p.materials_way {
	clear: both;
 background: url(../img/information.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}
p.materials_way a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}


li#materials_start {
 background: url(../img/button_shiryou.gif) #333 no-repeat;
	width: 130px;
	height: 20px;
	margin: 10px 0;
	text-indent: -9999px;
}
p#materials_end a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}

p.pay_aquela {
	clear: both;
 background: url(../img/aquela-blue/pay_btn.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}
p.pay_aquela a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}


p.pay_active-bio {
	clear: both;
 background: url(../img/active-bio/pay_btn.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}
p.pay_active-bio a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}


p.pay_pearl {
	clear: both;
 background: url(../img/pearl/pay_btn.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}
p.pay_pearl a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}

p.pay_spa-h {
	clear: both;
 background: url(../img/spa-h/pay_btn.jpg) #333 no-repeat;
	width: 700px;
	height: 116px;
	margin: 5px auto 20px;
	text-indent: -9999px;
}
p.pay_spa-h  a {
	display: block;
	width: 700px;
	height: 116px;
	text-decoration: none;
	overflow:hidden;
}


li#materials_start a {
	display: block;
	width: 130px;
	height: 20px;
	text-decoration: none;
	overflow:hidden;
}


.materials {
	border: #d9d9d9 1px solid;
	padding: 15px;
	color: #333;
	font-weight: bold;
	background: #ffffff url(../img/materials_bg.gif) repeat-x left top;
	margin: 15px 0;
	font-size: 95%;
}
.materials .contact-ttl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(../img/materials_line.gif) repeat-x left bottom;
}

.contact {
	padding: 10px 0 30px 0;
	margin-bottom: 15px;
	background: url(../img/materials_line.gif) repeat-x left bottom;
}
.contact.last {
	background: none;
	margin-bottom: 10px;
}
.contact dt {
	width: 190px;
	float: left;
}
.contact dd {
	width: 310px;
	float: right;
	text-align: center;
}
.contact-nt .contact dt {
	width: 300px;
}
.contact-nt .contact dd {
	width: 310px;
}



div#details .g-txt,
div#details .o-txt {
	clear: both;
	overflow: hidden;
}
div#details .g-txt p {
	float: left;
	margin-top: 10px;
	width: 130px;
	display: inline;
}
div#details .o-txt p {
	float: left;
	margin-top: 10px;
	width: 75px;
	display: inline;
}
div#details .o-txt ul {
	float: right;
	width: 605px;
	margin-top: 10px;
}

div.simbi-lease {
	width: 660px;
	margin: 10px auto;
	text-align: center;
}
div.simbi-lease h3 {
	clear: both;
	font-size: 1.2em;
	color: blue;
	text-align: left;
	border-bottom: 1px dotted blue;
}

div.simbi-lease p {
	float: left;
	width: 220px;
	text-align: center;
	margin: 10px auto;
}

div.simbi-lease ul {
	margin: 10px 0 20px;
	text-align: left;
}


/* ↓↓↓↓↓↓ウォーターサーバー一覧用↓↓↓↓↓↓  */
div#details .list-left-server,
div#details .list-s-left-server {
 width: 330px;
	height: 200px;
	float: left;
}
div#details .list-right-server,
div#details .list-s-right-server {
 width: 330px;
	height: 200px;
	float: right;
}
div.lineup {
	clear: both;
	width: 700px;
	margin: 20px auto;
}
div.lineup img {
	margin: 10px 0;
}
div.lineup p {
 float: left;
	width: 120px;	
	text-align: center;
	display: inline;
}
div.lineup dl {
 float: right;	
	width: 550px;	
}
div.lineup dt,
div.lineup dt {
	font-weight: bold;
	margin-top: 10px;
}
/* ↑↑↑↑↑↑ウォーターサーバー一覧用↑↑↑↑↑↑  */

p.electrolysis {
	padding-right: 190px;
	height: 180px;
	background: url("../img/aquela-blue/electrolysis.jpg") no-repeat center right;
}

ol.aquax-toku li {
	margin-bottom: 0.5em;
	color: #660000;
	font-weight:bold;
}
ol.aquax-toku li.aquax-panel {
	height: 138px;
	padding-right: 210px;
	background: url(../img/suirex/panel.jpg) no-repeat top right;
}
ol.list-ol-hydrogen li {
	list-style: decimal inside;
	margin-left:2em;
	text-indent: -1.5em;
	margin-bottom: 1em;
}

div.f-box {
	width: 680px;
	margin: 10px auto;
	padding-bottom: 10px;
}
div.f-box-r {
	float: left;
	margin-right: 30px;
	width: 340px;
}

div#kensoku {
	text-align: center;
}
div#kensoku p {
	margin: 5px 0;
}
div#kensoku ul li {
	float: left;
	width: 170px;
	margin-bottom: 1em;
}

div#pack-step1 ul,
 div#pack-step2 ul{
	float:left;
 width: 200px;
	margin-bottom: 10px;
	padding: 0 15px;
}

div.dt-style dt{
	color: #990000;
}
div.dt-style dd {
	margin-bottom: 10px;	
}


ul#merit {
	border-right: 1px solid #999;
	padding-right: 10px;
	margin-right: 10px;
}	
ul#merit li {
	list-style: disc inside;
}	
ul#merit li.no-style {
	list-style-type: none;
}	

ul#condition {
	text-align: right;
	margin: 0 30px;
}	


div.ask table {
	margin: 0 auto;
	width: 695px;
}
div.ask table th {
	background: #F9FFEE;
	font-weight:bold;
}
div.ask table td {
	vertical-align: middle;
	padding-left: 5px;
}
div.ask p {
	margin-top: 10px;
}

.box2 {
	width: 345px;
	float: left;
	margin: 10px 0;
}

.box2-2 {
	width: 345px;
	float: right;
	margin: 10px 0;
}

.box3 {
	width: 230px;
	float: left;
	margin: 10px 0;
}

.box740 {
	width: 700px;
	margin: 10px auto;
	text-align: left;
}

.box700 {
	width: 700px;
	margin: 10px auto;
	text-align: left;
}

.box550 {
	width: 550px;
	margin: 10px auto;
	text-align: left;
}

.box350 {
	width: 350px;
	margin: 10px auto;
	text-align: left;
}

.com {
	border: 2px dotted #039;
	background-color: #FFC;
	margin: 20px 0;
	padding: 5px;	
}

div.exchange {
	clear: both;
	width: 695px;
	margin: 0px auto;
	padding: 20px 0px;
}
div.exchange ul li{
	float: left;
	width: 320px;
}
div.exchange ul li.arrow{
	width: 55px;
}


table#no-b {
	border-color: #fff;
}

.letter-link {
	width: 640px;
	margin: 0 auto;
}
ul.up-letter {
	clear: both;
}
ul.up-letter li {
	float: left;
	margin: 20px;
	line-height: 2em;
}







ul.top-list{
	float: left;
	margin: 5px 10px;
	width: 240px;
	font-size: 85%;
}
ul.naka{
	float: left;
	margin: 5px 15px;
	width: 240px;
	font-size: 85%;
}

#top-left {
	float: left;
	width: 362px;
	margin-bottom: 20px;
}

#cam {
	padding: 5px;
	margin-bottom: 20px;
	width: 362px;
	height: 100px;
	background-color: #FEEDDA;
	float: left;
}


#cam h2 {
	border-left: 10px #c30 solid;
	color: #003399;
	text-indent: 6px;
	margin-bottom: 8px;
}


#campaign ul.hidari {
	width: 360px;
	float: left;
	font-size: 85%;
	margin: 0 5px;
}

#campaign ul.migi {
	width: 360px;
	float: right;
	font-size: 85%;
	margin: 0 5px;
}

#campaign ul.hidari li img,
#campaign ul.migi li img {
	margin-right: 5px;
	margin-bottom: 5px;
}


#m-blue {
	width: 380px;
	padding: 5px;
	float: right;

}

.list-bottle {
	clear: both;
}


.list-bottle p {
	margin-right: 10px;
	margin-bottom: 10px;
}




.name {
	font-size: 1.3em;
	color: #003399;
	font-weight: bold;
	margin-bottom: 5px;
}
.f140 {
	font-size: 1.4em;
	font-weight: bold;
}
.f130 {
	font-size: 1.3em;
	font-weight: bold;
}
.f120 {
	font-size: 1.2em;
	font-weight: bold;
}
.f080 {
	font-size: 0.8em;
}
.f090 {
	font-size: 0.9em;
}

.n-font {
	color: black;
	font-weight: normal;
}
.wine {
	color: #990000;
}

.green {
	color: green;
}
.pink {
	color: #FF6666;
}
.orange {
	color: orange;
}
.blue {
	color: blue;
}

.st {
 font-weight: bold;
}

.cash-rule {
 color: #855065;
 font-size: 12px;	
}

.p-left10	{
	padding-left: 10px;
}

.p-right10 {
 margin-right: 10px; 	
}

div.rurudo table {
	width: 100%;
	text-align: center;
}

div.rurudo table tr td {
	border: 0px;
}

div.bio-tbl {
	margin: 20px 0;
}

div.bio-tbl table {
	width: 100%;
}

div.bio-tbl table tr td {
	border: 0px;
	font-size: 80%;
}

div.bio-tbl-b {
	background: #FFE1FE;	
}
div.bio-tbl-b2 {
	background: #DDFFE9;	
}


div#pearl-set {
	clear: both;
	background: url(../img/pearl/parts-all.jpg) no-repeat top right;
	
}

div#pearl-spot {
	background: url(../img/pearl/spot.jpg) no-repeat bottom right;
	
}
div#pearl-spot h4{
	margin: 10px 0;
	border-bottom: 2px #c30 solid;
	width: 500px;
}


div.lab-tbl {
	margin: 20px 0;
}

div.lab-tbl table {
	width: 100%;
}

div.lab-tbl table tr td {
	border: 0px;
	font-size: 90%;
}

.lab-box580 {
	width: 540px;
	margin: 0px auto;
	padding: 20px 40px 20px 10px;
	background:url(../img/labriller/pet.jpg) no-repeat top right #ffc;
	color: #330;
}

ul.ul-triple li{
	float: left;
	margin: 12px;
}


#topics {
	margin-bottom: 40px;
}

#topics dt {
	background: url(../img/arrow_sitemap.gif) no-repeat top left;
	margin-left: 30px;
	margin-top: 20px;
	text-align:left;
	text-indent: 20px;
}
#topics dd {
	margin-bottom: 15px;
	text-align:left;
	text-indent: 50px;
}


div#news-box {
	clear: both;
	width: 400px;
	margin-right: 20px;
	float: left;	
}

div#twitter-box {
	width: 380px;
	float: left;
	margin-bottom: 20px;
}

div#holiday {
	margin-bottom: 20px;
	background-color: #F5E9EA;
	padding: 10px;
}

.triple {
	margin: 10px 10px 20px 0px;
	width: 250px;
	float: left;
	text-align: center; 
}


table.history {
	margin: 10px auto;
	width: 750px;
	font-size: 90%;
	border: none;
}

table.history th {
	font-weight: bold;
	color: #990000;
	border: none;
}
table.history td {
	border: none;
	padding-bottom: 15px;
}


.measure-list p {
	float: left;
	margin: 10px 15px 60px 20px;
	width: 160px;
}



#b-bottle {
	height: 60px;
	padding-top: 50px; 
	text-align: center;
	color: #930;
	font-weight: bold;
	background:url(../img/active-bio/b-bottle.jpg) no-repeat 42%;
}



#bio-suisen {
	background:url(../img/active-bio/setting1.jpg) no-repeat;
	margin: 0 auto;
	width: 580px;
	height: 180px;
	text-indent: -9999px;
}
#bio-suisen p.s4 a {
	display: block;
	width: 93px;
	height: 133px;
	margin-left: 254px;
	overflow:hidden;
	float: left;
}
#bio-suisen p.s15 a {
	display: block;
	width: 204px;
	height: 133px;
	margin-left: 347px;
	overflow:hidden;
}


#drink {
	background:url(../img/pocket/drink.jpg) no-repeat;
	height: 130px;
	margin: 30px;
}
#drink h3,
#drink p {
	margin-left: 260px;
	margin-top: 10px;
}

.s-k li{
	margin-bottom: 1em;
	list-style: inside;
	text-indent: 20px;
}

.s-k2 {
	padding-top: 30px;
	padding-bottom: 30px;
	background:url(../img/topics/machine-bg.jpg) no-repeat right;
}

.s-k2 li{
	margin-bottom: 1em;
	list-style: inside;
	text-indent: 20px;
}

.bg-girl {
	height: 170px;
	background:url(../img/topics/bg-girl.jpg) no-repeat right;
}

.fl4 p {
	float: left;
	width: 184px;
	margin: 10px 8px 20px 8px;
	text-align: center;
	font-size: 90%;
}