@charset "utf-8"; 

/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
2-9 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 アンカーナビ		.jump

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy

*/




/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
}
body {
	margin:0;
	padding:0;
	background-color:#000015;
	text-align: center;
	color:#F9FBFF;

}
p , ul , ol , li , dl , dt , dd , address ,h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color:#F9FBFF;
	text-decoration: underline;
}
a:hover , a:active {
	color:#F9FBFF;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}


/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}
.box {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.title {}



/*【2】画面レイアウト*/
/*2-0 inbox*/
#inbox{
	width:85%;
	background-color:#1F1F1F;
	margin:0 auto;
	text-align:center;
}

/*2-1 全体*/
#container {
	width:788px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	font-size: 62.5%;
	background:#000;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*2-2 ヘッダ*/
/*-----------------------------
	header
-----------------------------*/
#header{
	width:771px;
	height:122px;
	position:relative;
	margin:0 auto;
}
#header-inner{
	width:771px;
	height:136px;
	position:absolute;
	top: 17px;
	left: 0;
}
#logo{
	position:absolute;
	width:310px;
	height:85px;
	top:0;
	left:0;
}
#logo-mark{
	position:absolute;
	width:80px;
	height:80px;
	left:0;
	top:0;
}
#header-name{
	width:208px;
	height:40px;
	position:absolute;
	left:93px;
	bottom:0;
}

#header-inq{
	position:absolute;
	right:0;
	bottom:33px;
	text-align:left;
	height: 118px;
}
#header-inq p{
	margin: 3px 0 0 0;
}

/*2-3 本文*/
#contents {
	font-size:120%;
	text-align:left;
	width:771px;
	margin:0 auto;
	padding:5px 0 0 0;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*2-4 補助枠(3カラム)*/
.wrap {
	width:590px;
	float:left;
}

/*2-5 中央(メイン)*/
.main {}
.wrap .main {}

/*2-6 サイド*/
.side {}

/*2-7 サイド1*/
#side1 {}

/*2-8 サイド2*/
#side2 {}

/*2-9 フッタ*/
#foot {
	width:788px;
	margin:0 auto;
	background-color:#000;
	text-align: center;
	font-size:75%;
	border-top:1px solid #A7A7A7;
	padding:8px 0 5px;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
#screen {}

/*3-2 パン屑*/
#pan {	font-size: 1.2em;}
#pan ul {	display: inline;}
#pan li {
	display:inline;
	padding:0 0 0 15px;
	white-space:normal;
}
#pan li li {	margin:0 0 0 10px;}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 アンカーナビ*/
.jump {
	text-align:right;
}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top a {}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {}

/*4-2 タグライン*/
#tagline {}

/*4-3 トップメニュー*/
#tmenu {}

/*-----------------------------
	menu
-----------------------------*/
#menu{
	width:771px;
	height:54px;
	background-image:url(http://www.aqualabo.jp/com/img/menu-back.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin:0 auto;
}

#menu-inner{
	width:685px;
	height:15px;
	position:absolute;
	left:50%;
	margin-left:-342px;
	top:50%;
	margin-top:-7px;
}

#menu-inner{
	width:700px;
	height:15px;
	position:absolute;
	left:50%;
	margin-left:-342px;
	top:50%;
	margin-top:-7px;
}

/*#menu-inner ul,
#menu-inner li{
	margin:0;
	padding:0;
	height:42px;
	text-align:left;
	list-style:none;
}*/

#menu-inner img{
	padding:0 18px;
	float:left;
}


/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}

/*7-9 サイドメニュー*/
.side .smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu {
	margin:0 0 5px;

}
#fmenu li {
	display:inline;
	border-left:1px solid #B6C2CF;
	padding:0 0 0 13px;
	margin:0 0 0 13px;
	font-size:83.4%;

}
#fmenu li.first-child {
	border-left:none;
	padding-left:0;
}
#fmenu li a:link,#fmenu li a:visited {
	color:#B6C2CF;
	text-decoration:none;
}
#fmenu li a:hover,#fmenu li a:active {
	color:#ffffff;
	text-decoration:underline;

}

/*8-2 コピーライト*/
#copy {}

