@charset "shift_jis";

/* AQUAPLUS [Routes 公式サイト] 用
---------------------------------------
	0.common読込
	1.要素への定義
	2.クラスの定義
	3.ベースデザイン
	4.内部デザイン
---------------------------------------
(c)AQUAPLUS All Rights Reserved.
	http://aquaplus.jp/
*/

/* ==========================================================================
 0.common読込
========================================================================== */
@import url("../css/common/element.css");			/* 要素への定義 */
@import url("../css/common/gen_class.css");			/* 汎用クラス */
@import url("../css/common/list1.css");			/* リストデザイン */


/* ==========================================================================
 1.要素への定義
========================================================================== */
body {
	margin : 0;
	background : #fff url(images/bg.gif) repeat-x;
	padding : 0;
	font-family :ＭＳ Ｐゴシック;
	font-size : 9pt;
	color : #666;
	text-align : center;	/* IE:センタリング*/
	overflow-y : scroll;	/* Mozilla 縦スクバー常時表示 */
}

a {			text-decoration : none; }
a:link {	color : #f66; }
a:visited {	color : #ffa0a0; }
a:active {	color : #777; }
a:hover	{	color : #a68860;
			text-decoration : none;
			background : #e6ddff;
}
a:hover img	{	color : #a68860;
			text-decoration : none;
			background : #f8e8ed;
}

hr {
	color : #cef5ce;		/* [s2] */
}

h1 {
	margin : 0 auto 15;
	background : url(images/bg_h1.gif) no-repeat;
	padding-top : 3px;
	width : 690;
	height : 30;
	text-align : left;
	text-indent : 5px;
}

div .dh2 {
	margin : 20px auto 10px;
	border-top:1px solid #e68aae;
	border-bottom:1px solid #e68aae;
	background:#edadc6;
	padding:0;
	width : 690px;
	height:23px;
	color:#fff;
}

h2 {
	float : left;
	margin : 2px auto auto 0;
	padding : 0;
	text-align : left;
	text-indent : 14px;
	line-height : 15pt;
	font-weight : bold;
	font-size : 12pt;
}

.dh2 .sub {
	float : right;
	margin : 4px 10px auto auto;
	padding : 0;
	text-align : right;
	font-weight : normal;
	font-size : 9pt;
}

h3 {
	margin:15px auto 5px;
	border-left:5px solid #e68aae;
	background:#f8e8ed;
	text-indent:5px;
	line-height:20px;
	font-size:10pt;
	font-weight:bold;
	color:#e68aae;
}


ol li {
	margin-bottom : 2px!important;
}

ol {
	margin-bottom : 8px!important;
}

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

/* ==========================================================================
 2.クラスの定義
========================================================================== */



/*=======================================================================
 3.ベースデザイン
========================================================================== */

/* --------------------------------------------------------------------------
 背面部 */

/* エリア-背景1（非スクロール時・下余白用）*/
#areaBg1 {
	margin : 0 auto;	/* 自センタリング・Gekko対策 */
	background : #fff url(images/bg_main.gif) repeat-y;
	width : 740px;
	height : 100%;
}

/* エリア-背景2（Gekko対策・スクロール時に背景が１画面分なのを回避）*/
#areaBg2 {
	background : #fff url(images/bg_main.gif) repeat-y;
	width : 740px;
	text-align : center;		/* エリア内センタリング・IE対策 */

}

/* --------------------------------------------------------------------------
 ヘッダ部 */

#header {
	width: 700px;
	height: 60px;
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	background: url(images/bg_header.jpg) no-repeat;
}


/* ヘッダ全体（背景）*/
#areaHead_home {
	position : relative;
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	width : 700px;
	height : 506px;
	padding : 0;
	background :#fee url(images/bg_home.gif) no-repeat;
}

#areaHead {
	position : relative;
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	width : 700px;
	height : 506px;
	padding : 0;
}

#areaHead-Text {
	width : 300px;
	position : absolute;
	top : 100px;
	left : 350px;
	text-align : left;
	color : #633;
}

#areaHead-prd {
	width : 335px;
	position : absolute;
	top : 0px;
	left : 365px;
	text-align : left;
	color : #633;
}


#areaHead-diary {
	width : 473px;
	height : 506px;
	position : absolute;
	top : 0px;
	left : 227px;
	margin:0;
	padding:0;
	border:none;
/*	overflow-y:scroll;*/
}

#whatsnew {
	position : absolute;
	left : 7px;
	top : 263px;
	width: 218px;
	height: 240px;
	overflow-y:scroll;
	text-align:left;
}

#whatsnew div {
	float:left;
	width:52px;
}
#whatsnew span {
	display:block;
	float:left;
}
#whatsnew br {
	clear:both;
}



/* --------------------------------------------------------------------------
 グローバルナビゲーション */
#globalNavi {
	margin: 0 20px;
	width: 700px;
	height: 60px;
	border-bottom : 1px solid #e68eae;
}
#globalNavi.nb {border-bottom:none;}

#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#globalNavi li a {
	display: block;
	width: 100px;
	height: 60px;
	text-indent: -9999px;
	overflow-x: hidden;
	text-decoration: none;
}

#hom a { background: url(images/globalNavi.gif)    0px 0px no-repeat; }
#int a { background: url(images/globalNavi.gif) -100px 0px no-repeat; }
#sta a { background: url(images/globalNavi.gif) -200px 0px no-repeat; }
#pro a { background: url(images/globalNavi.gif) -300px 0px no-repeat; }
#dia a { background: url(images/globalNavi.gif) -400px 0px no-repeat; }
#dow a { background: url(images/globalNavi.gif) -500px 0px no-repeat; }
#spe a { background: url(images/globalNavi.gif) -600px 0px no-repeat; }

#hom a:hover, #hom .on { background-position:    0px -60px; }
#int a:hover, #int .on { background-position: -100px -60px; }
#sta a:hover, #sta .on { background-position: -200px -60px; }
#pro a:hover, #pro .on { background-position: -300px -60px; }
#dia a:hover, #dia .on { background-position: -400px -60px; }
#dow a:hover, #dow .on { background-position: -500px -60px; }
#spe a:hover, #spe .on { background-position: -600px -60px; }


/* --------------------------------------------------------------------------
 フッタ部 */

/* フッタ全体（最下段文字列含む） */
#footer {
	margin : 0;
	padding : 16px 0 10px;
	width : 100%;
	text-align : center;
	color : #999;
}

/* Copyright表記（イメージ使用）*/
#copyright-img {
	margin : 0px;
	height : 16px;
	text-align:left;			/* テキスト非表示 */
	text-indent:-9999px;
	text-decoration:none;
}

#copyright-img { background: url(images/copyright.gif) no-repeat; }




/* ==========================================================================
 4.内部デザイン
========================================================================== */

/* エリア-幅1 */
.areaWidth1 {
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	width : 700px;
	padding : 0;
}

/* エリア-幅2 */
.areaWidth2 {
	margin : 0 auto;			/* 自センタリング・Gekko対策 */
	width : 690px;
	padding : 0;
	text-align : center;		/* IE:センタリング */
}

/* エリア-幅3 */
.areaWidth3 {
	margin : 0 auto 30px;			/* 自センタリング・Gekko対策 */
	width : 660px;
	padding : 0;
	text-align : left;		/* IE:左寄せ */
}

/* 色-底ボーダー */
.cBb-s {
	border-bottom : 1px solid #e68eae;
}

/* 色-ハイライト表現 */
.cHi-s {	color : #05274f;
			background : #F5F4FB; }

/* 登場人物＆イメージ - メインエリア */
#interface {
	position : relative;
	background : url(images/base.gif) no-repeat;
	width : 690px;
	height : 340px;
}

#interface img {
	position : absolute;
}

#interface a img {
	text-decoration : none;
	background : #555;
}

#interface a:hover img	{
	background : #d4215c;
}

/* テーブル縦罫線 */
.table_line_v {
	border-left : 1px solid #eee
}


/* --------------------------------------------------------------------------
 テーブルを使ったリスト */

/* 形状定義 */
table.table_list {
	margin : 3px 0 20px;
	width : 100%;
}

table.table_list th ,
table.table_list td {
	padding : 3px 2px 2px;
}

/* ヘッダ行・ボーダー（実線）・背景 */
table.table_list th {
	background : #f9e8ee;
	color : #e66d9d;
}

/* データ行ボーダー */
table.table_list th ,
table.table_list td {
	border-bottom : 1px solid #ebb;
}

table.table_list th {
	text-align: left;
}


/* 最下行ボーダー(要クラス指定) */
.table_list .table_listBtm {
	border-bottom : 1px solid #aaa;
}

/* 最下行ボーダー無し(要クラス指定) */
.table_list .table_listBtmNb {
	border-bottom : none;
}



/* --------------------------------------------------------------------------
 『ムービーダウンロード』ボタン */
.dl_movie {
	position:relative;
	display:block;
	width:200px;
	height:50px;
	margin:0 auto;
	background:transparent url(../images/dl_movie.gif) no-repeat;
}

.dl_movie span {
	display:block;
	position:relative;
	right:6px;
	top:31px;
	margin:0;
	text-align:right;
	color:#fff;
}

.dl_movie:hover {
	background:transparent url(../images/dl_movie.gif) no-repeat;
}



/* [EOF] */