@charset "UTF-8";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background:url(AQUABAR_img/wave_body01a.jpg) 0 0 repeat-y fixed;			/* 背景一括指定 */

}

ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6,p{
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 5px;
	padding-left: 5px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
h1 {
	color:#0096DF;
	font-size:340%;
	padding-bottom:10px;
}
h2 {     
	float:left;
	color:#0096DF;
	font-size: 340%;
	font-weight: normal;
	padding-bottom: 10px
}
h3{
	color:#666;
	font-size:105%;
/*	letter-spacing: 70%;
	word-spacing: 10%;
*/}
h4{
	color:#0096DF;
        font-size:105%;
	padding-top:6px;
}
p{
	font-size:80%;
	color:#666666;
	
/*	letter-spacing: 40%;
	word-spacing: 10%;
*/}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#FFF;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #FFF;
	text-decoration:underline;
}
a:hover {
	color:#99CCFF;
}
a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	text-align: left;
}



#container {
	width:960px;
	/*background: #FFF; *//* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
	overflow: hidden; /*この宣言により .container は、含まれているすべてのフローティングカラムをクリアします。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0;
	height: auto !important;
	height:100%;
	min-height:100%;
	position:relative;
}
#contents {
	width: 940px;
	float: left;
	height: auto;
}
#sidebox{
	float: left;
	
	width: 300px;
	height: auto;
	
	
}
#navi{
	float:left;
	position:fixed;
        margin: 0;
	color: #FFF;
	width:300px;
	font-size: 80%;
	line-height: 108px;
	background-image: url(AQUABAR_img/menuwave01a.png);
	background-repeat: no-repeat;
	height: 1440px;
	text-indent: 90px;
}
.menutop {
	padding-top: 34px;
}
li{
	list-style-type: none;
}
#mainbox {
	float: left;
	width:640px;
        min-height:690px;
        height:auto !important;	
        padding-left: 300px;
	/*padding-bottom:20px;*/
	padding-top:20px;
	/*overflow-y: fixed;*/
	
}
.titlebox{
	float:left;
	width:640px;
	height:60px;
	/*margin-top:20px;*/
}

form#mailformpro textarea#aqua_tarea{
background-color:#fff;
border:1px solid #999;
padding:5px;
width:478px;
color:#333;
height:98px;
}