@charset "UTF-8";


/*--------------------------------
トップページ
--------------------------------*/

/*トップページ メイン画像切り替え*/


div#slide_contents_outline {
	width : 994px ;
	margin: 0 auto 0 auto;
	text-align:center;
	position:relative;
	clear:both;
}

div#slide_contents{
	display:block;
	width : 994px ;
	height:280px;
	text-align:center;
	position:relative;
	clear:both;
}


div#slide_list{
width: 994px;
overflow: hidden;
position: relative;
}

div#slide_list ul{
position: relative;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}

div#slide_list ul#tabs{ /*切り替えタブ全部*/
display:block;
position:absolute;
width: 695px;
height:65px;
top:210px;
left:276px;
padding:10px 0px 0px 31px;
z-index: 2;
background:url(../img_new/top/slide_thumbnail_bg.png) no-repeat 0px 0px; *background:url(../img_new/top/slide_thumbnail_bg_ie6.gif) no-repeat 0px 0px;/*IE6*/
}

*:first-child+html div#slide_list ul#tabs{ /*切り替えタブ全部 IE7*/
display:block;
position:absolute;
width: 695px;
height:65px;
top:210px;
left:276px;
padding:10px 0px 0px 31px;
z-index: 2;
background:url(../img_new/top/slide_thumbnail_bg.png) no-repeat 0px 0px;
}

div#slide_list ul#tabs li{ /*切り替えタブひとつ分*/
	width:147px; *width:147px;
	margin-right:15px; *margin-right:13px;
	float:left;
}

*:first-child+html div#slide_list ul#tabs li{ /*切り替えタブひとつ分*/
	width:147px;
	margin-right:15px;
	float:left;
}

div#slide_list ul#tabs li img {
	display:block;
	padding: 0px;
	width:147px;
	height: 40px;
}

*:first-child+html div#slide_list ul#tabs li img {
	display:block;
	padding: 0px;
	width:147px;
	height: 40px;
}

div#slide_list ul#tabs li a {
text-decoration: none;
display: block;
width:147px;
padding: 1px;
height: 40px;
outline: none;
cursor:pointer;
background-color:#cccccc; /*デフォルトの切り替えタブボタンの背景色*/
}

div#slide_list ul#tabs li a:hover {
text-decoration: underline;
cursor:pointer;
filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
}

div#slide_list ul#tabs li a.current {
	background-color:#3aa7df; /*アクティブな切り替えタブボタンの背景色*/
}

div#slide_list ul#tabs li a.current:hover {
text-decoration: none;
/*cursor: default;*/
cursor:pointer;
filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
}

div#slide_list ul#output { /*メイン画像の配置エリア*/
	display:block;
	width: 994px;
	height: 280px;
	text-align:left;
	
	/*background-color:#C63;*/
}

div#slide_list ul#output li { /*フェードで切り替えるメイン画像の配置エリア（positionで重ねて表示）*/
	position: absolute;
	width: 994px;
	top:0px;
	left:0px;
}


/*トップの予約・空席照会*/
*.top_reserve_area{
	display:block;
	position:absolute;
	width:234px;
	height:217px;
	top:44px;
	left:22px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	z-index:3;
}


*.top_reserve_area_body {
	display:block;
	width:234px;
	height:97px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px 0px; *background:url(../img_new/top/slide_btn_title_ie6.gif) no-repeat 0px 0px;/*IE6*/
	text-indent:-9999px;
}

*:first-child+html *.top_reserve_area_body {
	display:block;
	width:234px;
	height:97px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px 0px;
	text-indent:-9999px;
}

/*インターネット予約ボタン*/
*.top_reserve_area a.btn_yoyaku {
	display:block;
	width:234px;
	height:60px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px -97px; *background:url(../img_new/top/slide_btn_title_ie6.gif) no-repeat 0px -97px;/*IE6*/
	text-indent:-9999px;
}

*.top_reserve_area a:hover.btn_yoyaku{
	background:url(../img_new/top/slide_btn_title.png) no-repeat -234px -97px; *background:url(../img_new/top/slide_btn_title_ie6.gif) no-repeat -234px -97px;/*IE6*/
}

*:first-child+html *.top_reserve_area a.btn_yoyaku {
	display:block;
	width:234px;
	height:60px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px -97px;
	text-indent:-9999px;
}

*:first-child+html *.top_reserve_area a:hover.btn_yoyaku{
	background:url(../img_new/top/slide_btn_title.png) no-repeat -234px -97px;
}

/*空席照会ボタン*/
*.top_reserve_area a.btn_shoukai {
	display:block;
	width:234px;
	height:60px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px -157px; *background:url(../img_new/top/slide_btn_title_ie6.gif) no-repeat 0px -157px;/*IE6*/
	text-indent:-9999px;
}

*.top_reserve_area a:hover.btn_shoukai{
	background:url(../img_new/top/slide_btn_title.png) no-repeat -234px -157px; *background:url(../img_new/top/slide_btn_title_ie6.gif) no-repeat -234px -157px;/*IE6*/
}

*:first-child+html *.top_reserve_area a.btn_shoukai {
	display:block;
	width:234px;
	height:60px;
	background:url(../img_new/top/slide_btn_title.png) no-repeat 0px -157px;
	text-indent:-9999px;
}

*:first-child+html *.top_reserve_area a:hover.btn_shoukai{
	background:url(../img_new/top/slide_btn_title.png) no-repeat -234px -157px;
}







/*メインコンテンツエリア　トップページのみ用設定*/
div#contents_toponly{
	width:950px;
	margin: 0 auto 0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
	clear:both;
}

/*メインコンテンツエリア　トップページのみ用設定*/
div#contents_outline_toponly{
	width:950px;
	margin: 0 auto 0 auto;
	text-align:center;
	position:relative;
	overflow:hidden;
}





/*FLASHの下の左右のボックス*/

div#top_contents_left {
display:block;
	width:234px;
	float:left;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

div#top_contents_right {
display:block;
	width:695px;
	float:right;
	margin: 0px 0px 0px 0px;
	text-align:left;
}



/*震災メッセージを内包するDIV*/
/*div#message_topics {
	display:block;
	float:left; 
	width:384px;
	clear:both;
}*/

div#message_topics table{
	border: 1px solid #CCC;	
}

*.message_title {
	border-bottom: 1px solid #CCC;
	text-align:center;
	background:url(../img_new/top/message_title_bg.gif) repeat-x 0px 0px;
}

*.message_txt {
	padding:10px;
	background:url(../img_new/top/side_box_top_shadow.gif) repeat-x 0px -3px;
}



/*緊急インフォメーションとトピックス、両方を内包するDIV*/
div#emergency_and_topics {
	display:block;
	float:left; 
	width:384px;
	clear:both;
}


/*緊急インフォメーション*/
div#emergency_area{
	width:384px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	clear:both;
}



div#emergency_area h2{
	display:block;
	width:384px;
	height:45px;
	float:left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_emergency.gif) no-repeat 0px 0px;
	clear:both;
}



*.emergency_area_body {
	display: block;
	width:384px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
	overflow:hidden;
}


/*-----------------------------------------------
 緊急インフォメーションの設定
-----------------------------------------------*/

ul.emergencylist {
	width: 384px;
}

ul.emergencylist li {
	width: 360px; *width: 384px;
	list-style-type: none;
	margin:5px 0px 5px 0px;
	position: relative;
	padding: 0.8em 10px 0.8em 10px;
	float:left;
	border: 2px solid #CC0000;
}

*:first-child+html ul.emergencylist li {
	width: 360px;
	list-style-type: none;
	margin:5px 0px 5px 0px;
	position: relative;
	padding: 0.8em 10px 0.8em 10px;
	float:left;
	border: 2px solid #CC0000;
}

ul.emergencylist li span.topics_date {
	display:block;
	text-align: left;
	line-height:150%;
	font-size:88%;
	color:#555555;
	padding-right:5px;
	overflow:hidden;
	
}

ul.emergencylist li span.topics_new {
	text-align: left;
	line-height:150%;
	font-size:88%;
	color:#FF6A40;
}


ul.emergencylist li span.topics_text {
	display: block;
	width: 360px;
	font-size:100%;
	font-weight:bold;
	overflow:hidden;
}

ul.emergencylist li span.topics_text a{
	display:block;
	color:#CC0000;
	text-decoration:underline;	
}

ul.emergencylist li span.topics_text a:hover{
	color:#CC0000;
	text-decoration:underline;
	background-color:#FFCC66;
}

/*緊急インフォメーション一覧へのリンク*/
*.emergency_link{
	display:block;
	width: 384px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:right;
	float:left;
	color:#CC0000;
	text-decoration:underline;	
}



*.emergency_link a{
	color:#CC0000;
	font-size:86%;
	text-decoration:underline;		
}

*.emergency_link a:hover{
	color:#CC0000;
	text-decoration:underline;	
	background-color:#FFCC66;
}

*.emergency_link a:visited{
	color:#CC0000;
	text-decoration:underline;		
}






/*お客様のお知らせ*/
div#topics_area{
	width:384px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}



div#topics_area h2.important{
	display:block;
	width:384px;
	height:45px;
	float:left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_important.gif) no-repeat 0px 0px;
	clear:both;
}

div#topics_area h2.normal{
	display:block;
	width:384px;
	height:45px;
	float:left; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_topics.gif) no-repeat 0px 0px;
	clear:both;
}



*.topics_area_body {
	display: block;
	width:384px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}


/*-----------------------------------------------
 お客様のお知らせの設定
-----------------------------------------------*/

ul.topicslist {
	width: 384px;
}


/*法定検査スケジュール*/
ul.topicslist_houtei{
	width: 384px;
	list-style-type: none;
	margin:10px 0px 0px 0px;
	position: relative;
	padding: 00px 0px 0px 0px;
	float:left;
}


ul.topicslist_houtei h2{
	width: 384px;
	height:30px;
	text-indent:-9999px;
	background:url(../img_new/top/subtitle_houtei.gif) no-repeat 0px 0px;
}

/*燃料油価格変動調整金*/
ul.topicslist_nenyu{
	width: 384px;
	list-style-type: none;
	margin:10px 0px 0px 0px;
	position: relative;
	padding: 0px 0px 0px 0px;
	float:left;
}

ul.topicslist_nenyu h2{
	width: 384px;
	height:30px;
	text-indent:-9999px;
	background:url(../img_new/top/subtitle_nenyu.gif) no-repeat 0px 0px;
}



/*重要なお知らせと、お知らせのリスト*/
ul.topicslist li,
ul.topicslist_houtei li,
ul.topicslist_nenyu li {
	width: 384px;
	list-style-type: none;
	margin:3px 0px 3px 0px;
	line-height:130%;
	position: relative;
	padding: 0px 0px 12px 0px;

	background:url(../img_new/all/dotline_gray.gif) repeat-x left bottom;
	float:left;
}






ul.topicslist li span.topics_date,
ul.topicslist_houtei li span.topics_date,
ul.topicslist_nenyu li span.topics_date {
	display:block;
	float:left;
	width: 80px;
	text-align: left;
	line-height:130%;
	font-size:88%;
	color:#555555;
	padding-left:3px;
	padding-right:5px;
	overflow:hidden;
	
}

ul.topicslist li span.topics_new,
ul.topicslist_houtei li span.topics_new,
ul.topicslist_nenyu li span.topics_new {
	text-align: left;
	line-height:130%;
	font-size:88%;
	color:#FF6A40;
}


ul.topicslist li span.topics_text,
ul.topicslist_houtei li span.topics_text,
ul.topicslist_nenyu li span.topics_text {
	display: block;
	width: 295px;
	font-size:94%;
	overflow:hidden;
}


ul.topicslist a,
ul.topicslist_houtei a,
ul.topicslist_nenyu a{
	display:block;
}



/*お知らせ一覧へのリンク*/
*.topics_link {
	display:block;
	width: 384px;
	margin-top:5px;
	margin-bottom:15px;
	text-align:right;
	float:left;
}
*.topics_link2 {
	display:block;
	width: 384px;
	margin-top:5px;
	margin-bottom:3px;
	text-align:right;
	float:left;
}



*.topics_link a,
*.topics_link2 a{
	font-size:86%;
}




/*おすすめ情報・キャンペーン*/
div#campaign_area{
	display:block;
	float:right; 
	width:290px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}



div#campaign_area h2{
	display:block;
	width:290px;
	height:45px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_campaign.gif) no-repeat 0px 0px;
	clear:both;
}

div#campaign_area h3.ticket{
	display:block;
	width:290px;
	height:28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_ticket.gif) no-repeat 0px 0px;
	position:relative;
}

div#campaign_area h3.osusume{
	display:block;
	width:290px;
	height:28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_osusume.gif) no-repeat 0px 0px;
}


div#campaign_area h3.group{
	display:block;
	width:290px;
	height:28px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent:-9999px;
	background:url(../img_new/top/title_group.gif) no-repeat 0px 0px;
}



*.campaign_area_body {
	display: block;
	width:274px; *.width:290px;
	margin: 0px;
	background-color:#efefef;
	padding: 0px 7px 7px 7px;
	overflow:hidden;
	clear:both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
	background:url(../img_new/top/side_box_top_shadow.gif) repeat-x  ;
}


*:first-child+html *.campaign_area_body {
	display: block;
	width:274px;
	margin: 0px;
	background-color:#efefef;
	padding: 0px 7px 7px 7px;
	overflow:hidden;
	clear:both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
	background:url(../img_new/top/side_box_top_shadow.gif) repeat-x  ;
}



/*20101020メルマガキャンペーンバナーエリア*/

*.campaign_banner_area{
	display:block;
	width:290px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
}



/*お得な割引きっぷのリスト*/

ul.ticket_link {
	width: 276px;
	margin-top:7px;
}

ul.ticket_link li {
	float:left;
	width:276px;
	list-style-type: none;
	margin-bottom:10px;
	padding: 0px 0px 10px 0px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	overflow:hidden;
}

ul.ticket_link li img {
	display:block;
	width:64px;
	float:left;
	margin-bottom:0.2em;
	margin-right:10px;
}

p.ticket_link_midashi{
	display: block;
	width:276px; *.width:196px;
	height:auto;
	text-align: left;
	margin-top:0.2em;
	margin-bottom:0.2em;
	font-size:90%;
}

*:first-child+html p.ticket_link_midashi{
	display: block;
	width:196px;
	height:auto;
	text-align: left;
	margin-top:0.2em;
	margin-bottom:0.2em;
	font-size:86%;
}



p.ticket_link_copy {
	display: block;
	width:276px; *.width:196px;
	height:auto;
	text-align: left;
	margin-bottom:0.2em;
	font-size:82%;
}

*:first-child+html p.ticket_link_copy {
	display: block;
	width:196px;
	height:auto;
	text-align: left;
	margin-bottom:0.2em;
	font-size:79%;
}



/*お役立ちリンク*/
ul.osusume_banner{
	float:left; 
	width:276px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 10px 0px;
	text-align:left;
	border-bottom: 1px dotted #dddddd;
}


ul.osusume_banner img{
 margin-top:7px;
}

*.osusume_text{
	display:block;
 	margin-top:5px;
	font-size:86%;
	line-height:120%;
}

ul.osusume_banner li.no_line {
	display: block;
	width:276px;
	margin-top:3px;
}


ul.osusume_banner li.gray_line {
	display: block;
	width:276px;
	margin-top:10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #dddddd;
}


/*お役立ちリンク「すべてを表示」リンク欄*/
*.to_linkpage{
	display: block;
	width:276px;
	text-align:right;
	font-size:86%;
}