@charset "utf-8";
/* すべてのページ共通 CSS
----------------------------------------- */


body {
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	scrollbar-arrow-color: #666666;
	scrollbar-3dlight-color: #C8C8C8; 
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #C8C8C8; 
	scrollbar-darkshadow-color: #C8C8C8;
	scrollbar-track-color: #C8C8C8;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../2008_img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

img {
	border: 0;
	}

/*link*/

a:link { color: #1940a7; text-decoration:none; }

a:visited { color: #5C86F6; text-decoration:none; }

a:hover { text-decoration:underline; }

a.active {
	border-bottom: #2D5BAF solid 2px;
	padding: 5px 0 0 0;
	}
	
#container {
	width: 772px;
	margin:0 auto;
	}

#TopLink {
	text-align: right;
	height: 36px;
	}

#TopLink form {
	margin: 0;
	padding: 8px 10px 0 0;
	}

#SubNavi {
	height: 25px;
	}

#OnlineServices {
	margin: 10px 0 10px 0;
	}
	
#SideMenu {
	width: 181px;
	float: left;
	margin: 0;
	}

#MainBox {
	width: 566px;
	float: right;
	margin: 0;
	}

/* 最新ニュースなどオンライン予約エリアの下左側 CSS
----------------------------------------- */

#info_L {
	width: 280px;
	float: left;
	text-align: left;
	margin: 0 6px 0 0;
	}

#info_L h2,h3,h4{
	margin: 14px 0 8px 0;
	padding: 0;
	}
	
#info_L dl{
	font-size: 0.8em;
	margin: 0 5px 0 0;
	padding: 0;
	}

#info_L dt{
	font-weight: bold;
	}

#info_L dt.new{
	font-weight: bold;
	color: #FF6600;
	}
	
#info_L dd{
	margin: 0 0 5px 10px;
	line-height: 1.4em;
	}

#info_L ul{
	font-size: 0.8em;
	margin: 0 5px 0 5px;
	padding: 0;
	list-style-type: none;
	}

#info_L li{	
	background: #fff url(../2008_img/list_top.gif) no-repeat top left;
	padding: 0 0 0 18px;
	margin: 0 0 3px 0;
	}

#info_L p{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 5px 8px 5px;
	padding: 0;
	}

#info_L h3{
	margin: 5px 0 8px 0;
	padding: 0;
	font-size: 0.9em;
	border-bottom: #A3A3A3 solid 1px;
	color: #A3A3A3;
	}
	

/* お知らせなどオンライン予約エリアの下右側 CSS
----------------------------------------- */

#info_R {
	width: 280px;
	float: left;
	text-align: left;
	margin: 0;
	}

#info_R h2{
	margin: 10px 0 8px 0;
	padding: 0;
	}

#info_R h2.topspace{
	margin: 20px 0 8px 0;
	padding: 0;
	}
	
#info_R h3{
	margin: 5px 0 8px 0;
	padding: 0;
	font-size: 0.9em;
	border-bottom: #A3A3A3 solid 1px;
	color: #A3A3A3;
	}
	
#info_R dl{
	font-size: 0.8em;
	margin: 0 5px 0 0;
	padding: 0;
	}

#info_R dt{
	font-weight: bold;
	}

#info_R dt.new{
	font-weight: bold;
	color: #FF6600;
	}
	
#info_R dd{
	margin: 0 0 5px 10px;
	line-height: 1.4em;
	}

#info_R p{
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 5px 8px 5px;
	padding: 0;
	}

#info_R ul{
	font-size: 0.8em;
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
	}

#info_R li{	
	background: #fff url(../2008_img/list_top.gif) no-repeat top left;
	padding: 0 0 0 18px;
	margin: 0 0 3px 0;
	}
	
#fuel {
	margin: 3px 0 0 0;
	}

#memberArea {
	margin: 20px 0 10px 0;
	}
	
.mem {
	font-size: 0.6em;
	}

#login {
	margin: 3px 0 0 0 ;
	}
	
#footer {
	background-color:#E9E9E9;
	height: 40px;
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	clear: both;
	}
	
#footer p.FooterNavi {
	font-size: 0.65em;
	color: #4C4C4C;
	text-align: left;
	margin: 0 0 3px 15px;
	}

#footer p.FooterNavi a:link {
	color: #4C4C4C;
	text-decoration: none;
	}

#footer p.FooterNavi a:hover {
	color: #4C4C4C;
	text-decoration: underline;
	}

#m1 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m1 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}
	
#m2 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m2 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}
	
#m3 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m3 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}

#m4 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m4 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}

#m5 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m5 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}

#m6 a:link {
	color:#1940A7;
	text-decoration: none;
	}

#m6 a:hover {
	color:#1940A7;
	text-decoration: underline;
	}

/* トップページ台風情報スペース
-----------------------------------------------*/

#InfoBox {
	width: 280px;
	}

#InfoBox h2 {
	font-size:14px;
	background-color: #FF8A00;
	padding: 5px 3px 3px 10px;
	}

#InfoBox p {
	border: 1px #FF3600 solid;
	padding: 10px;
	background-color: #FFCC66;
	}

#adjust {
	height: 50px;
	}

/* member_area_deep
-----------------------------------------------*/

#memberArea p {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
	}

/* トップページ左バナーエリア
-----------------------------------------------*/

#BannerArea img {
	margin: 0 0 5px 0;
	}
	

#fontsize {
	width: 150px;
	text-align: left;
	font-size: 0.8em;
	margin: 10px 0 0 0;
	background-color: #ECECEC;
	padding: 5px;
	}

/* 50周年記念ロゴ
-----------------------------------------------*/

#Logo50Area {
	margin: 0 -140px 0 0;
	padding: 0;
	float: left;
	width: 120px;
	}

#Logo50 {
	width: 1030px;
	margin: 0 auto;
	}