@charset "EUC-JP";

/*-------------------------------------------------
sunwater
-------------------------------------------------*/
/*hover時のちらつき防止*/

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

br{
	letter-spacing:0em;
}

html,body,div, 
form,fieldset,input,textarea, 
h1,h2,h3,h4,h5,h6,pre,code,blockquote,hr, 
th,td{
    margin:0;
    padding:0;
}

fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}


a img,:link img,:visited img {
    border:none;
}



.right{
	text-align:right;
}

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

/*-------------------------------------------------
マージン
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}

.mrg-t-30{margin-top:-30px;}


.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}

.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}

.mrg-center{margin-right:auto; margin-left:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.pad-t0{padding-top:0px;}
.pad-t5{padding-top:5px;}
.pad-t10{padding-top:10px;}
.pad-t15{padding-top:15px;}
.pad-t20{padding-top:20px;}
.pad-t25{padding-top:25px;}
.pad-t30{padding-top:30px;}
.pad-t50{padding-top:50px;}

.pad-b0{padding-bottom:0px;}
.pad-b5{padding-bottom:5px;}
.pad-b10{padding-bottom:10px;}
.pad-b15{padding-bottom:15px;}
.pad-b20{padding-bottom:20px;}
.pad-b25{padding-bottom:25px;}
.pad-b30{padding-bottom:30px;}
.pad-b50{padding-bottom:50px;}

.pad-l0{padding-left:0px;}
.pad-l5{padding-left:5px;}
.pad-l10{padding-left:10px;}
.pad-l15{padding-left:15px;}
.pad-l20{padding-left:20px;}
.pad-l25{padding-left:25px;}
.pad-l30{padding-left:30px;}
.pad-l50{padding-left:50px;}
.pad-l100{padding-left:100px;}

.pad-r0{padding-right:0px;}
.pad-r5{padding-right:5px;}
.pad-r10{padding-right:10px;}
.pad-r15{padding-right:15px;}
.pad-r20{padding-right:20px;}
.pad-r25{padding-right:25px;}
.pad-r30{padding-right:30px;}


.pad-5{padding:5px;}

/* -----------------------------------------------
 *テキスト
 * ----------------------------------------------- */
.txt-align-r{text-align:right;}
.txt-align-l{text-align:left;}
.txt-align-c{text-align:center;}

.x-large{ font-size:160%; }
.large{ font-size:130%;}
.middle{font-size: 16px; line-height: 1.2em;} 
.normal{font-size:14px; line-height:1.3em;}
.normal-b{font-size:14px; line-height:1.3em; font-weight:bold;}
.small{font-size:11px; line-height:1.2em;}
.small-b{font-size:12px; line-height:1.3em; font-weight:bold;}
.x-small{font-size:11px; line-height:1.1em; font-weight: normal;}

.f24{ font-size:24px;}
.f18{ font-size:18px;}
.f17{ font-size:17px;}
.f16{ font-size:16px;}
.f15{ font-size:15px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.f11{ font-size:11px;}
.f10{ font-size:10px;}
.fbold{ font-weight: bold;}


/*-------------------------------------------------
Clear Fix
-------------------------------------------------*/

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 ?*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*for IE 5.5-7*/
.clearfix{
    zoom:1;
}

/*ドリームウィバーで確認用　後で消しましょう*/
.clearfix + *{
    clear: both;
}

/*-------------------------------------------------
共通
-------------------------------------------------*/
a:link{ color: #5F5E5E; text-decoration:none;}
a:active{ color: #5F5E5E; text-decoration:none;}
a:visited{ color: #5F5E5E; text-decoration:none;}
a:hover{ color: #FE746F; text-decoration:none;}

body{
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	text-align:center;
	font-size: 12px;
	color: #555;
	line-height: 1.6em;
	background: url(../img/bg.jpg) center top no-repeat;
}

h1{
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

/*-------------------------------------------------
Top
-------------------------------------------------*/
#container{
	text-align: left;
	width:925px;
	margin: 0 auto;
	padding: 30px 0 0;
}

#header{
}

.header-menu{
	background: url(../img/frame_top.gif) left top no-repeat;
	height: 28px;
	width: 920px;
	text-align: right;
	padding: 0 5px 0 0;
}

.header-menu ul li, 
.header-menu ul, 
.main-img ul li, 
.menu ul, 
.menu ul li{ 
	list-style: none;
	padding: 0;
	margin: 0;
}

#wrapper{
	background-color: #FFF;
	padding: 15px;
}

.menu ul li{
	float: left;
	vertical-align: bottom;
}

.menu img{
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	
}


.header-menu ul li{
	float: right;
	border-left: 1px solid #BEC8C8;
	padding: 5px 5px 0 5px;
}

.header-inner{
	border-left: 1px solid #BEC8C8;
	border-right: 1px solid #BEC8C8;
	background-color: #FFF;
}

.logo{
	float: left;
	width: 255px;
	padding: 15px 0 0 15px;
}

.txt-color{
	color: #009EE7;
	font-size: 19px;
	font-weight: bold;
}

.txt-point{	
	line-height: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#home h3{
	font-size: 13px;
}


.news-box{
	width: 190px;
	margin: 30px auto;
}

.news-list-box{
	width: 770px;
	margin: 20px auto;
}


.news-content{
	margin: 10px 0 0;
}



.tel{
	float: right;
	width: 196px;
	padding-bottom: 3px;
	padding-right: 3px;
}

.menu{
	margin: 0 0 25px;
}

.main-img{
	background: url(../img/main_img.jpg) left top no-repeat;
	width: 925px;
	margin: 30px 0 0;
}

.main-img ul li{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	font-size: 0;
	background-color:#CC9900;
	line-height: 0;
	
}



.main-img ul li a{
	display: block;
	float: left;
	width: 190px;
	height: 200px;
	text-indent: -9000px;
	margin: 0 2px 0;
	vertical-align: top;
}

.main-img ul li.server a{
	display: block;
	background: url(../img/server.jpg) left top no-repeat;
}

.main-img ul li.kirameki a{
	display: block;
	background: url(../img/urara.jpg) left top no-repeat;
}

.main-img ul li.housui a{
	display: block;
	background: url(../img/housui.jpg) left top no-repeat;
}

.main-img ul{
	padding: 200px 0 0 28px;
	margin: 0;
}



#home #content{
}

#content{
	background-color: #FFF;
}

#home .content-left{
	float: left;
	width: 645px;
	margin: 15px 0 0;
	padding: 0 0 0 30px;
}

.content-left{
	float: left;
	width: 660px;
}

#home .content-right{
	float: right;
	width: 215px;
	margin: -30px 0 0;
}


.content-right{
	float: right;
	width: 215px;
}


.point-tab{
	border-bottom: 1px solid #BEC8C8;
	padding: 5px 0;
}

.line-top{
	border-top: 1px solid #BEC8C8;
}

#footer{
	margin: 30px  0 0;
}

.footer-logo{
	float: left;
	width: 135px:
}

.footer-menu{
	text-align: right;
	float: right;
	width: 700px;
}

.choice-box{
	width: 607px;
	background: url(../img/choice_bg.gif) left top;
	padding: 0 19px 15px 19px;
	margin: 0 auto;
}

.choice-frame{
	background: url(../img/frame_choice_bottom.gif) left bottom no-repeat;
	padding-bottom: 15px;
	width: 295px;
	float: left;
	margin-bottom: 15px;
}

.choice-frame-top{
	background: url(../img/frame_choice_top.gif) left top no-repeat;
	padding-top: 15px;
}
.choice-frame-inner{
	background: url(../img/frame_choice_inner.html) left top repeat-y;
	padding: 0 10px;
	background-color: #FFF;
}

.safety-bnr{
	background: url(../img/bnr_safety.gif) left top no-repeat;
	width: 193px;
	height: 63px;
	margin: 20px 0 0;
	padding: 100px 10px 0 10px;
	letter-spacing: 0.01em;
	line-height: 2.0em;
	
	
}
	
/*-------------------------------------------------
Secound Common
-------------------------------------------------*/
.subbox{
	padding-left: 90px;
	margin:  0 0 30px;
}

.subbox dt{
	margin: 0 0 10px;
	background: url(../img/line.gif) left bottom repeat-x;
	padding: 0 0 8px;
}

.subbox dd{
	margin-left: 0;
	margin-right: 0; 
	padding: 0;
}
/*-------------------------------------------------
5色のサーバー
-------------------------------------------------*/
.oneway-box{
	background: url(../common/img_server/oneway_bg.jpg) left top no-repeat;
	height: 436px;
	width: 264px;
	padding: 0 0 0 306px;
}

.oneway-box2{
	background: url(../common/img_server/oneway_bg2.jpg) left top no-repeat;
	height: 436px;
	width: 264px;
	padding: 0 0 0 306px;
}

.subbox .oneway-box dl, 
.subbox .oneway-box2 dl{
	margin: 0 0 5px 0;
}

.subbox .oneway-box dt, 
.subbox .oneway-box2 dl{
	margin: 5px 0;
}




.oneway-box dl, 
.oneway-box dt, 
.oneway-box dd, 
.oneway-box2 dl, 
.oneway-box2 dt, 
.oneway-box2 dd{ 
	margin: 0;
	padding: 0;
	background-image: none;
}

.oneway-tab th{
	color: #1F286F;
	border-top: 1px solid #1F286F;
	border-bottom: 1px solid #1F286F;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
}

.oneway-tab td{
	padding: 3px 0;
	color: #1F286F;
}

.txt-subcap{
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5em;
}

/*-------------------------------------------------
宅配システム
-------------------------------------------------*/
.delivery-box{
	border-bottom: 1px solid #BEC8C8;
	padding: 10px 0;
}

.merit-img03{
	background: url(../common/img_delivery/merit03_img.gif) right -5px no-repeat;
	width: 570px;
	height: 231px;
	z-index: 100;
	margin: 0;
	text-indent: -9000px;
}


/*-------------------------------------------------
日田の宝水
-------------------------------------------------*/
.line-td{
	border-right: 1px dashed #BEC8C8;
	padding: 5px;
}

.apri-tab{
	border-collapse: collapse;
	border: 1px solid #BEC8C8;
	margin: 0 0 20px;
}

/*-------------------------------------------------
富士のきらめき
-------------------------------------------------*/
.koudo{
	text-align: right;
	margin: -120px 0 0;
}


/*-------------------------------------------------
選べる天然水
-------------------------------------------------*/
.btn-twe-box{
	padding: 0 0 0 100px;
	margin: -145px 0 0;
}
/*-------------------------------------------------
お問い合わせ
-------------------------------------------------*/
.contact-tab{
	border-collapse: collapse;
	border-top: 1px solid #8A8A8A;
	border-bottom: 1px solid #8A8A8A;
}



.contact-tab th{
	background-color: #E6E6E6;
	padding: 5px;
	border-bottom: 1px solid #8A8A8A;
	border-right: 1px solid #8A8A8A;
}

.contact-tab td{
	padding: 5px;
	border-bottom: 1px solid #8A8A8A;
}

.contact-tab table td{
	padding: 3px;
	border: none;
}

.contact-box{
	padding-left: 90px;
	margin:  0 0 30px;
}

.contact-box dt{
	margin: 0 0 10px;
	background: url(../order/img/arrow.html) left center no-repeat;
	padding: 8px 0 8px 25px;
	border-bottom: 1px solid #8A8A8A;
	font-size: 16px;
}

.contact-box dd{
	margin-left: 0;
	margin-right: 0; 
	padding: 0;
}

.input-tab01{
	width: 100px;
}

.input-tab02{
	width: 260px;
}

.step-box dl dd.apri-txt{
	margin: -20px 0 0;
	padding: 0 0 0 100px;
}

.att-box{
	width: 630px;
	padding-left: 30px;
	margin: 10px 0 0;
}

.step-inner-box{
	border-bottom: 1px solid #BEC8C8;
	padding: 0 0 10px;
}

.step-box{
	padding-left: 90px;
	margin:  0 0 20px;
}

#btn-send{
	display: block;
	background: url(../order/img/btn_apri.html) left top no-repeat;
	width: 362px;
	height: 52px;
	cursor: pointer;
	border: 0;
	text-indent: -9000px;
	margin: 0 auto;
}

#btn-send2{
	display: block;
	background: url(../order/img/btn_apri2.html) left top no-repeat;
	width: 362px;
	height: 52px;
	cursor: pointer;
	border: 0;
	text-indent: -9000px;
	margin: 0 auto;
}

.kiyaku{
    width: 570px;
    height: 200px;
    overflow:auto;
    font-size: 12px;
    color: #333333;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
}

.error-tab{
	width: 630px;
	margin: 0 0 0 30px;
	padding: 0;
}

.form-box dl, 
.form-box dt, 
.form-box dd{
	margin: 0;
	padding: 0;
}

.copy{
	text-align: right;
}

.side-waku dl{
	margin:0;
	padding: 0;
}
.side-waku dd{
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;

}
.side-waku dt{
	background: url(../img/side_logo.gif) left center no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 0 0 0 14px;
}





.side-waku{
	background: url(../img/side_waku_bottom.gif) left bottom no-repeat;
	width: 215px;
	padding: 0 0 10px;
}
.side-waku-top{
	background: url(../img/side_waku_top.gif) left top no-repeat;
	width: 215px;
	padding: 10px 0;
}

.side-waku-inner{
	background: url(../img/side_waku_inner.gif) left bottom no-repeat;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 10px;
}






#mineral #mineral_detail{
	background:url(../img/back_mineral.jpg) top left no-repeat;
	width:645px;
	height:340px;
	margin-bottom:20px;
}
#mineral #mineral_detail #mineral_detail_inner{
	width:585px;
	margin:0 auto;
	padding-top:10px;
	line-height:1.3em;
}
#mineral #mineral_detail #mineral_detail_inner img{
	float:left;
}
#mineral #mineral_detail #mineral_detail_inner p{
	margin:0;
	margin-bottom:13px;
}