/* 全体 */

body,
div,object,
h1,h2,h3,h4,h5,h6,
u,i,a,p,strong,sub,sup,
dl,dt,dd,ol,ul,li,
form,table,th,tr,td,select,input,textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
	font-style: normal;
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

img {
	vertical-align: bottom;
	float: left;
	margin: 5px;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 3px 0px 3px 10px;
	clear:both;
}

strong {
	font-weight: bold;
	color: #006;
}


/* 基本構造 */

body {
	background-color: #FFF;
}

#box {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;	
}

#header {
	float: left;
	width: 100%;
	background-color: #FFF;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

* html #header {
	float: left;
	width: 940px;
	background-color: #FFF;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#footer {
	clear: both;
	float: left;
	width: 940px;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#main {
	float: left;
	clear: both;
	width: 100%;
	background-color: #FFF;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#contents {
	float: left;
	background: #FFF;
	width: 900px;
	margin: 5px 5px 5px 10px;
	padding: 5px;
}

* html #contents {
	float: left;
	background: #FFF;
	width: 900px;
	margin: 0;
	padding: 5px 10px 5px 5px;
}

#info {
	float: right;
	background: #FFF;
	width: 220px;
	font-size: small;
	color: #333;
	padding: 5px;
	margin: 15px 10px 5px 5px;
	border: 1px solid #999;
}

/* メニュー関連 */
#main-menu {
	clear: both;
	float: left;
	width: 930px;
	margin-top: 6px;
	margin-bottom:5px;
	margin-left:3px;
	background-image: url(./images/navi.gif);
}

#main-menu li { float: left; height: 38px;}
#main-menu li a {
	background-image: url(./images/navi.gif);
	float: left;
	height: 38px;
	text-indent: -9999px;
	display:block;
	overflow: hidden;
}

/* ボタン */
#main-menu li.top { width: 103px; background-position: 0 0; }
#main-menu li.wnew { width: 103px; background-position: -103px 0; }
#main-menu li.item { width: 103px; background-position: -206px 0; }
#main-menu li.profile { width: 103px; background-position: -309px 0; }
#main-menu li.shop { width: 103px; background-position: -412px 0; }
#main-menu li.net { width: 103px; background-position: -515px 0; }
#main-menu li.eanna { width: 103px; background-position: -618px 0; }
#main-menu li.inquiry { width: 103px; background-position: -721px 0; }
#main-menu li.eng { width: 106px; background-position: -824px 0; }

#main-menu li.top a { width: 103px; background-position: 0 0; }
#main-menu li.wnew a { width: 103px; background-position: -103px 0; }
#main-menu li.item a { width: 103px; background-position: -206px 0; }
#main-menu li.profile a { width: 103px; background-position: -309px 0; }
#main-menu li.shop a { width: 103px; background-position: -412px 0; }
#main-menu li.net a { width: 103px; background-position: -515px 0; }
#main-menu li.eanna a { width: 103px; background-position: -618px 0; }
#main-menu li.inquiry a { width: 103px; background-position: -721px 0; }
#main-menu li.eng a { width: 106px; background-position: -824px 0; }

/* マウスオーバー時 */
#main-menu li.top a:hover { width: 103px; background-position: 0 -38px; }
#main-menu li.wnew a:hover { width: 103px; background-position: -103px -38px; }
#main-menu li.item a:hover { width: 103px; background-position: -206px -38px; }
#main-menu li.profile a:hover { width: 103px; background-position: -309px -38px; }
#main-menu li.shop a:hover { width: 103px; background-position: -412px -38px; }
#main-menu li.net a:hover { width: 103px; background-position: -515px -38px; }
#main-menu li.eanna a:hover { width: 103px; background-position: -618px -38px; }
#main-menu li.inquiry a:hover { width: 103px; background-position: -721px -38px; }
#main-menu li.eng a:hover { width: 106px; background-position: -824px -38px; }

/* 押した時 */
#main-menu li.top a:active { width: 103px; background-position: 0 -76px; }
#main-menu li.wnew a:active { width: 103px; background-position: -103px -76px; }
#main-menu li.item a:active { width: 103px; background-position: -206px -76px; }
#main-menu li.profile a:active { width: 103px; background-position: -309px -76px; }
#main-menu li.shop a:active { width: 103px; background-position: -412px -76px; }
#main-menu li.net a:active { width: 103px; background-position: -515px -76px; }
#main-menu li.eanna a:active { width: 103px; background-position: -618px -76px; }
#main-menu li.inquiry a:active { width: 103px; background-position: -721px -76px; }
#main-menu li.eng a:active { width: 106px; background-position: -824px -76px; }

/*共通設定*/

.caution {
	font-size: small;
	color: #C00;
	padding: 5px;
}

.teisei{
	color:#C00;
	font-weight:bold;
}

.midori{
	border-top: 1px dotted #393;
	width:60%;
	padding:5px;
}

dt { 
	font-weight:bold;
	padding-top:6px;
	padding-bottom:2px;
}

/*ヘッダ設定*/

#header h1 {
	background-image: url(./images/head-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	width: 940px;
	height: 100px;
	font-size: medium;
	color: #666;
}

/*フッタ設定*/

#footer h3 {
	font-size: small;
	text-align: left;
	border-bottom: 1px dotted #666;
	padding: 2px 5px 2px 10px;
	margin: 0;
}

#footer #site-info {
	clear: both;
	float: left;
	width: 430px;
	margin-top: 10px;
	margin-left: 10px;
	border-left: 10px solid #CCC;
}

#footer #site-info li {
	margin: 3px 2px 10px 10px;
	font-size: small;
}

#footer #links {
	float: right;
	border-left: 10px solid #CCC;
	width:420px;
	margin: 10px;
}

#footer #links img { margin: 5px 0px 2px 5px;} 

#footer address {
	font-size: 12px;
	padding-bottom:10px;
}

/*本文設定*/

#contents h2 {
	font-size: medium;
	background: url(images/h1.jpg) no-repeat;
	height:34px;
	margin-top: 10px;
	color: #333;
	margin-bottom: 5px;
	padding: 8px 0px 5px 20px;
	clear: both;
}

#contents h3 {
	font-size: medium;
	background: url(images/h1.jpg) no-repeat;
	height:34px;
	margin-top: 10px;
	color: #333;
	margin-bottom: 5px;
	padding: 8px 0px 5px 20px;
	clear: both;
}

#contents .photo img {
	margin: 2px 4px;
	padding: 0;
}

#contents .photo td {
	margin: 0;
	padding: 0;
	vertical-align:top;
}

#contents .reader {
	font-size: small;
	border-top: 1px dotted #333;
	padding: 5px;
}

#contents p {
	clear: both;
	margin: 10px 5px;
}

#fla{
	clear: both;
	margin: 0px 0px 12px 0px;
}

/*トップページ*/
#contents #left-box{
	float:left;
	clear: both;
}
#contents #right-box{
	float:right;
}

#contents #center-box{
	float:left;
}

#contents .left-cnt{
	float: left;
	clear: both;
	width: 170px;
	margin: 1px;
	padding: 1px;
	border: 1px #CCC solid;
}

#contents .left-cnt h4 {
	background: url(images/h4.jpg) no-repeat;
	font-weight:bold;
	color: #333;
	height:34px;
	margin: 0px;
	padding: 6px 1px 1px 20px;
}

#contents .center-cnt{
	float:left;
	clear: both;
	width: 520px;
	margin: 1px;
	padding: 1px;
	border: 1px #CCC solid;
}

#contents .center-cnt h4 {
	background: url(images/h4.jpg) no-repeat;
	color: #333;
	font-weight:bold;
	height:34px;
	margin: 0px;
	padding: 6px 1px 1px 20px;
}

#contents .right-cnt{
	float: left;
	clear: both;
	width: 190px;
	margin: 1px;
	padding: 1px;
	border: 1px #CCC solid;
}

#contents .right-cnt h4 {
	background: url(images/h4.jpg) no-repeat;
	color: #333;
	font-weight:bold;
	height:34px;
	margin: 0px;
	padding: 6px 1px 1px 20px;
}


#contents ul{
	list-style: disc inside;
	margin:1px;
	padding-left:10px;
}



.com-left {
	clear:both;
	float:left;
	width:310px;
	margin:5px 0px 0px 0px;
	padding:0px;
}
.com-right {
	float:right;
	width:580px;
	margin:5px 0px 0px 0px;
	padding:0px;
}

.com-left img{
	margin:0px;
	padding:0px;
}
.com-right img{
	margin:0px;
	padding:0px;
}

.com-box{
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;
}
#midori{
	clear: both;
	float:left;
	margin: 10px 0px 10px 0px;
}

#midori img{
	margin:0px;
	padding:0px;
}
/*店舗紹介関連*/

#shop-info {
	float: left;
	clear: both;
	background: #FFF;
	width: 400px;
	color: #333;
	padding: 5px;
	margin: 5px;
}

#shop-image{
	float: right;
	background: #FFF;
	width: 450px;
	color: #333;
	padding: 5px;
	margin: 5px;
}

#contents #map_canvas{
	clear:both;
	margin:10px 10px 10px 40px;
}

#contents .shop-btn img {
	margin: 10px 5px;
}

/*商品紹介*/
#contents .aquafoam td {
	width: 200px;
	font-size: small;
	padding: 3px 3px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}

/*会社概要関連*/
#contents .profile th {
	width: 6em;
	font-weight: normal;
	padding: 5px 5px;
	border-left: 5px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}

#contents .profile td {
	padding: 5px 5px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}

#contents .history th {
	width: 9em;
	font-weight: normal;
	font-size: small;
	padding: 3px 3px;
	border-left: 5px solid #666;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
}
#contents .history td {
	font-size: small;
	padding: 3px 3px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
}

/*フォーム*/
#contents .form-table th {
	width: 14em;
	text-align: left;
	vertical-align: top;
	padding: 5px 5px;
	border-left: 5px solid #666;
	border-bottom: 1px solid #333;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}

#contents .form-table td {
	padding: 5px 5px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #333;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
}

#contents .form-style {
	border: none;
	border: 1px dotted #333;
	background-color: #FFF;
	padding: 3px 2px;
}
#contents .form-style:focus {
	color: #000;
	border-bottom: 1px solid #333;
	background-color: #fff;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(./images/mark01.gif);
}

#contents .form-btn {
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #333;
	background-color: #CCC;
	padding: 5px;
}


/*新アクア紹介*/
#contents #new-aqua h2 {
	background:none;
	color:#333;
	font-size:large;
	font-weight:bold;
	border-bottom:2px dotted #333;
}

#contents #new-aqua h3 {
	background:none;
	color:#090;
	font-weight:bold;
	border-left:5px solid #090;
	border-bottom:1px solid #090;
}

#contents #new-aqua #aqua-head {
	background:#84C0E9;
	text-align:center;
}

#contents #new-aqua #aqua-head p{
	background:#84C0E9;
	color:#0058AC;
	padding-bottom:20px;
	font-size:large;
}

#contents #new-aqua .aqua-box{
	clear: both;
	background: #FFF;
	width: 100%;
	color: #333;
	padding: px;
	margin: 0px;
}

#contents #new-aqua .i-left{
	float: left;
	clear: both;
	background: #FFF;
	width: 420px;
	color: #333;
	padding: 5px;
	margin: 5px;
}

#contents #new-aqua .i-right{
	float: right;
	background: #FFF;
	width: 420px;
	color: #333;
	padding: 5px;
	margin: 5px;
}

#contents #new-aqua .i-line{
	clear:both;
	width:98%;
	border-bottom:1px solid #333;
}

/*リンク設定*/
#info A,
#footer A,
#contents A {
	color: #FF4500;
	text-decoration: none;
	background: none;
}

#info A:link,
#footer A:link,
#contents A:link {
	color: #FF4500;
	text-decoration: none;
	background: none;
}

#info A:link:hover,
#footer A:link:hover,
#contents A:link:hover {
	color: #F00;
	font-weight:bold;
	text-decoration: none;
	background: none;
}

#info A:link:active,
#footer A:link:active,
#contentsA:link:active {
	color: #D00;
	text-decoration: none;
	background: none;
}

#info A:visited,
#footer A:visited,
#contents A:visited {
	color: #FF4500;
	text-decoration: none;
	background: none;
}

#info A:visited:hover,
#footer A:visited:hover,
#contents A:visited:hover {
	color: #F00;
	font-weight:bold;
	text-decoration: none;
	background: none;
}

#info A:visited:active,
#footer A:visited:active,
#contents A:visited:active {
	color: #D00;
	text-decoration: none;
	background: none;
}

/*サイト情報枠　設定*/
#info h3 {
	clear: both;
	background: #999;
	font-size: medium;
	color: #FFF;
	margin-bottom: 5px;
	padding: 2px 10px;
	border-bottom: 2px solid #CCC;
}