@charset "UTF-8";


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

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

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


/*メインコンテンツエリア　トップページのみ用設定*/
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#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;
}


*.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  ;
}



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

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 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}


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;
}