@charset "utf-8";
/* CSS Document */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

p {
	line-height:2em;
}

.img100 img {
	width:100%;
	height:auto;
}

#loader {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -50px; /* heightの半分のマイナス値 */
    margin-left: -260px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}

#mail {
	position:fixed;
	right:0;
	top:50px;
}

#h1 {
	font-size:13px;
	padding-top:20px;
}
#h1_naka {
	font-size:13px;
	padding-top:20px;
}

.container {
	width:960px;
	margin:0 auto;
}

#main {
	height:607px;
	background-image:url(../images/0m20m2.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}



#top_title {
	text-align:center;
	padding-top:339px;
}

#content {
	padding-top:38px;
}

#left {
	width:248px;
	float:left;
}

#nav ul li {
	text-align:center;
	padding-top:20px;
}

.bo {
	border:2px solid #2fb16f;
	padding:20px 0;
}

.t-hi0 {
	line-height:0;
}

#right {
	width:680px;
	float:right;
	margin-right:14px;
}



#one {
	background-image:url(../images/top12.png);
	width:213px;
	height:314px;
	background-repeat:no-repeat;
}

.text {
	width:190px;
	margin:0 auto;
	padding-top:70px;
	font-size:13px;
	text-decoration:none;
	color:#000;
	line-height:normal;
}

#two {
	background-image:url(../images/top13.png);
	width:213px;
	height:314px;
	background-repeat:no-repeat;
	margin-left:20px;
}

#three {
	background-image:url(../images/top14.png);
	width:213px;
	height:314px;
	background-repeat:no-repeat;
}

.midashi {
	border-bottom:2px solid #d2d2d2;
	padding-bottom:5px;
}

.w500 {
	width:500px;
}

#table table {
	width:100%;
}

#table th {
	vertical-align:top;
	padding:20px 15px;
	border-bottom:1px dashed #CCCCCC;
}

#table td {
	vertical-align:top;
	padding:20px 15px;
	border-bottom:1px dashed #CCCCCC;
}


.w160 {
	width:160px;
}


#topix {
	border-bottom:2px solid #d2d2d2;
	padding:20px 0 30px;
}

#topix p {
	border-bottom:1px dashed #CCCCCC;
	padding:10px 40px;
	width:600px;
	font-size:13px;
}

#footer {
	background-color:#2fb16f;
	border-top:2px solid #cecece;
	padding:10px 0;
	margin-top:80px;
}

#fnav li {
	float:left;
	color:#FFF;
	padding:0 20px;
	line-height: normal;
}

#fnav {
	width:750px;
	margin:0 auto;
}

#fnav a {
	text-decoration:none;
	color:#FFF;
}

#fnav li a:hover {
	color:#06F;
}

#aa {
	width:100%;
}

#link a {
	text-decoration:none;
	color:#FFF;
	display:block;
}
#link a:hover {
	text-decoration:none;
	color:#03F;
	display:block;
}
#link {
	background-color:#2fb16f;
	line-height:3em;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	width:380px;
	margin:0 auto;
}
/**ごあいさつ**/
#main_gree {
	height:399px;
	background-image:url(../images/gree.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}


#h1_2 {
	font-size:13px;
	padding-top:20px;
	padding-left:20px;
}


#content2 {
	padding-top:283px;
}

#perma {
	background-color:#f4f4f4;
	font-size:12px;
	font-weight:bold;
	height:24px;
	overflow:hidden;
}

#perma a {
	text-decoration:none;
	color:#FFF;
}
#perma a:hover {
	color:#06F;
}
#home {
	background-image:url(../images/link.png);
	height:24px;
	background-repeat:no-repeat;
	width:71px;
	padding-left:10px;
}

#perma p {
	padding-top:4px;
	line-height:normal;
}


/**製品一覧**/
#main_items {
	height:399px;
	background-image:url(../images/item1.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

.item {
	font-size:22px;
	font-weight:bold;
	border-bottom:3px solid #2fb16f;
	padding:5px 0;
}

.w327 {
	width:327px;
}

.text_item {
	padding:10px;
}
	

.w450 {
	width:450px;
}


/**ウォーターサーバー**/
#main_server {
	height:399px;
	background-image:url(../images/server.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

#water li {
	float:left;
	padding-top:20px;
	width:330px;
	line-height:2em;
}

/**ウォーターウォッチャー**/
#main_watcher {
	height:399px;
	background-image:url(../images/watcher1.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

#list li {
	float:left;
	padding-top:10px;
	padding-left:5px;
}

#backimg {
	background-image:url(../images/watcher17.png);
	background-repeat:no-repeat;
	background-position:right top;
	margin-top:20px;
}
.color {
	color:#0f874a;
}

#fe {
	background-color:#594237;
	color:#FFF;
	padding:5px 10px;
	font-size:20px;
	font-weight:bold;
}

.w470 {
	width:470px;
}

.sekorei {
	border:2px solid #169f59;
	padding:5px 10px;
	font-size:16px;
	margin-top:20px
}

.w445 {
	width:445px;
}

/**アクセス**/
#main_access {
	height:399px;
	background-image:url(../images/access1.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

.table table {
	width:100%;
}

.table th {
	padding:20px;
	border-bottom:1px dashed #666666;
	vertical-align:top;
	width:25%;
	color:#448318;
	font-weight:bold;
}

.table td {
	padding:20px;
	border-bottom:1px dashed #666666;
	vertical-align:top;
	width:65%;
}

.access {
	font-weight:bold;
	font-size:18px;
	border-bottom:2px solid #2fb16f;
	padding:30px 0 0px;
}

a img:hover {
	opacity:0.5;
}

#one:hover {
	opacity:0.5;
}

#two:hover {
	opacity:0.5;
}

#three:hover {
	opacity:0.5;
}

/**取扱いメーカー**/
#main_me {
	height:399px;
	background-image:url(../images/0m0m0m.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

.section h2 {
	background-color:#2fb16f;
	padding:5px 14px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	margin-top:30px;
}

.table_tori table {
	width:100%;
}

.table_tori th {
	padding:10px;
	border-bottom:1px dashed #999999;
	width:70%;
}
.table_tori td {
	padding:10px;
	border-bottom:1px dashed #999999;
	width:30%;
}

.first th{
	font-size:18px;
	font-weight:bold;
	color:#2fb16f;
}
.first td{
	font-size:18px;
	font-weight:bold;
	color:#2fb16f;
}

#thanks {
	padding-top:200px;
	text-align:center;
	font-weight:bold;
	font-size:28px;
}


/**お知らせ**/
#main_news {
	height:399px;
	background-image:url(../images/0news.png);
	background-repeat:no-repeat;
	background-position:50% 0;
}

#mailform th {
	color:#000;
}

.bg_midashi {
	background-color:#2fb16f;
	color:#FFF;
	text-align:center;
	padding:5px;
	font-size:18px;
}

.flex {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.flex li {
	width:48%;
	margin:20px 0;
}

.flex_p {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.flex_p p {
	width:48%;
}