@charset "UTF-8";

/* ==============================================================================

ホクレアトランスポーテション ウィキウィキリムジンスタイルシート（トップのみ）
/css/index_style.css

============================================================================== */

/* ==============================================================================

目次
1.メインコンテナ
2.トップ詳細テキスト
3.メイン内サブコンテナ：新着情報
4.メイン内サブコンテナ：メニュー
5.メイン内サブコンテナ
6.メイン内サブコンテナ：エリアマップ詳細
7.メイン内サブコンテナ：すてきな特典
============================================================================== */



/* ==============================================================================
=トップ詳細テキスト
============================================================================== */
#detail-text {
	line-height: 18px;
	padding: 5px;
	width: 456px;
	margin-left: auto;
	float: left;
	margin-right: auto;
	font-size: 12px;
}
#detail-text h2 {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}
/* ==============================================================================
=メイン内サブコンテナ：新着情報
============================================================================== */
#info-box {
	width: 400px;
	float: right;
	padding-right: 20px;
}
#info-box h3 {
	background-image: url(../img/title_bg.gif);
	height: 22px;
	width: 392px;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 14px;
}
#info-box ul {
	padding-top: 10px;
	background-color: #FFFFFF;
}
#info-box li {
	background-image: url(../common_img/line.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* ==============================================================================
=メイン内サブコンテナ：メニュー
============================================================================== */
#menu-container {
	width: 900px;
	height: 150px;
	float: left;
}
ul#menu-text {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	height: 75px;
	z-index: auto;
	float: left;
	width: 900px;
}
ul#menu-text   li#menu-01 {
	width: 215px;
	padding: 5px;
}
ul#menu-text  li#menu-02 {
	width: 215px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul#menu-text   li#menu-03 {
	width: 215px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul#menu-text   li#menu-04 {
	width: 215px;
	padding: 5px;
}
ul#menu  {
	display: block;
	width: 900px;
	background-image: url(../img/button.gif);
	background-repeat: no-repeat;
	padding: 0px;
	left: 30px;
	height: 60px;
	top: 688px;
	z-index: 1;
	margin: 0px;
}
ul#menu li {
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 0px;
	padding: 0px;
}

ul#menu  a {
	display: block;
	height: 60px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

ul#menu   li#menu-01 {
	width: 225px;
}
ul#menu  li#menu-02 {
	width: 225px;
}
ul#menu   li#menu-03 {
	width: 225px;
}
ul#menu   li#menu-04 {
	width: 225px;
}

ul#menu  li a:hover {
	background-image: url(../img/button.gif);
	background-repeat:  no-repeat;
}
ul#menu   li#menu-01  a:hover {
	background-position: 0px -59px;
}
ul#menu   li#menu-02  a:hover {
	background-position: -225px -59px;
}
ul#menu   li#menu-03  a:hover {
	background-position: -450px -59px;
}
ul#menu   li#menu-04  a:hover {
	background-position: -675px -59px;
}
#menu-text li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
	padding: 5px;
	height: 65px;
}

/* ==============================================================================
=メイン内サブコンテナ
============================================================================== */
#o-container {
	padding: 5px;
	float: left;
	width: 890px;
}

/* ==============================================================================
=メイン内サブコンテナ：エリアマップ詳細
============================================================================== */
#title-right {
	float: right;
	width: 400px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* ==============================================================================
=メイン内サブコンテナ：すてきな特典
============================================================================== */
#title-left {
	float: left;
	width: 430px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#title-left p {
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
}