@charset 'utf-8';

/* =======================================
  INDEX styles.css
 -----------------------------------------
  1.main			ページ全体
  2.header			ヘッダー
  3.left_box		左部分
  4.contents_box	右コンテンツ
  5.footer			フッター
  6.index			メインページ
  	6-1.main_image		メインイメージ
	6-2.news_box		新着情報リスト
  7.sub				配下ページ
  	7-1.base			配下ページ基本部分
	7-2.entry-box		エントリー
	7-3.comment			コメント関連
	7-4.trackbacks		トラックバック
	7-5.comments		コメント
	7-6.sitemap			サイトマップ
	7-7.contact_form	お問い合わせフォーム
  8.other
    8-1.line
    8-2.color
    8-3.background
    8-4.position
 ===================================== */

* {
	margin		: 0;
	padding		: 0;
	font-size	: 12px;
	font-style	: normal;
	font-family	: Verdana,sans-serif;
	}
	
html{
	overflow-y	: scroll;
	}

body{
	margin		: 0 auto;
	text-align	: center;
	color		: #333;
	letter-spacing	: 0.1em;
	background	:#FFF;
	}

h1,h2,h3,h4,h5,
address,
div,img{
	margin		: 0;
	padding		: 0;
	font-weight	: normal;
	}

ol,ul,li,
dl,dd{
	margin		: 0;
	padding		: 0;
	}

ul{
	list-style	: none;
	}

* html table,
* html th,
* html td{
	font-size	: 12px;
	}

p{
	margin		: 5px 0;
	line-height	: 140%;
	}

img{
	border		: none;
	}

a{
	color		:#333;
	text-decoration:none;
	}
	
a:visited{
	color		:#333;
	text-decoration	:none;
	}
	
a:hover{
	color		: #D92437;
	text-decoration:underline;
	}

a:active{
	color		:#333;
	text-decoration:none;
	}
	
/* 0.imove	レンタカーinfoロゴ
=====================================*/
#imove{
	width		: 800px;
	text-align	: center;
	margin		: 0 auto;
	}
	
#imove p{
	text-align	:right;
	}
	
#imove img{
	margin		:5px 0;
	}

/* 1.main	ページ全体
=====================================*/
#main{
	width		: 760px;
	margin		: 0 auto;
	padding		: 0 20px;
	text-align	: left;
	letter-spacing	: 0.1em;
	line-height		: 140%;
	background	: #FFF url("images/bg.gif") repeat-y;
	}
	
* html #main{
	width		: 800px;
	}

.pagetop{
	margin		: 20px;
	text-align	: right;
	clear		: both;
	}


/* 2.header	ヘッダー
=====================================*/
#header{
	width		: 760px;
	margin		: 0 auto;
	padding		: 20px 20px 0 20px;
	text-align	: left;
	background	: url("images/header_bg.gif") no-repeat left top;
	overflow	: hidden;
	}
	
* html #header{
	width		: 800px;
	}

#logo{
	margin		: 20px 0 0 0;
	float		: left;
	}

#logo a{
	font-weight : bold;
	font-size	: 1.5em;
	color		: #333;
	}

h1{
	
	font-size	: 12px;
	text-align	: left;
	margin-bottom:5px;
	}
	
h2{
	float		: right;
	position	: relative;
	top			: 9px;
	right		: 300px;
	color		: #333;
	font-size	: 12px;
	}

h2 a,
h2 a:hover,
h2 a:visited{
	color		: #333;
	text-decoration	: none;
	}

#header_menu{
	margin		: 0 0 0 0;
	padding		: 0 0 0 0;
	float		: right;
	clear		: right;
	}

#header_menu li{
	margin		: 0 0 0 5px;
	float		: left;
	text-align	: right;
	}

/* 3.left_box	左部分
=====================================*/
#left_box{
	width		: 200px;
	margin		: 0;
	padding		: 0;
	float		: left;
	}

	/* 3-1.main_menu	メインメニュー
	-------------------------------------*/
	#main_menu{
		margin		: 0;
		padding		: 0;
		}
		
	#main_menu h4 img{
		vertical-align:bottom;
		}
		
	#main_menu ul{
		background	: #FFF;
		padding		: 0 20px 10px 20px;
		}
		
	#main_menu li{
		margin		: 0;
		padding		: 3px 0;
		}
	
	#main_menu li a{
		padding		: 0 10px 0;
		display		: block;
		background	: #FFF url("images/li_round.gif") no-repeat left center;
		}
		
	/* 3-2.sub_cat	サブカテゴリー表示
	-------------------------------------*/
	#main_menu li ul.sub_cat{
		margin		: 0;
		padding		: 0;
		display		: block;
		}
	
	#main_menu li ul.sub_cat li{
		margin		: 0 0 0 20px;
		}
	
	#main_menu li ul.sub_cat li a{
		padding		: 0 0 0 20px;
		display		: block;
		background	: url("images/list_eda.gif") no-repeat left center;
		}
	
	/* 3-2.sub_cat	月別アーカイブ表示
	-------------------------------------*/
	.ttl_month{
		width		: 200px;
		margin		: 10px 0 0 0;
		padding		: 0;
		}
		
	.sub_month{
		padding		:0 0 10px 0;
		background	: #FFF;
		}
		
	.sub_month li{
		margin		: 0 0 0 8px;
		padding		: 0 0 0 15px;
		background	: url("images/list_arrow.gif") no-repeat left center;
		}
		
	/* 3-3.mobile	モバイル関連表示
	-------------------------------------*/
	#mobile{
		width		: 200px;
		margin		: 10px 0 10px 0;
		text-align	: center;
		background	: #FFF;
		}
	
	#mobile p{
		margin		: 5px 2px;
		font-size	: 80%;
		line-height	: 150%;
		color		: #666;
		text-align	: left;
		}
		
	#mobile p img{
		margin-left	: 5px;
		float		: right;
		}
		
	
	#mobile img{
		margin		: 0 auto;
		text-align	: center;
		clear		: right;
		}

/* 4.contents_box	右コンテンツ
=====================================*/
#contents_box{
	width		: 540px;
	padding		: 0;
	float		: right;
	}

/* 5.footer	フッター
=====================================*/
#footer{
	width		: 800px;
	margin		: 0 auto;
	padding		: 63px 0 5px 0;
	clear		: both;
	text-align	: center;
	font-size	: 90%;
	background	: #FFF url("images/footer_bg.jpg") no-repeat left top;
	}


/* 6.index	メインページ
=====================================*/
	/* 6-1.main_image	メインイメージ
	-------------------------------------*/
	#main_image{
		width		: 760px;
		height		: 361px;
		margin		: 0 auto 10px auto;
		text-indent	: -9999px;
		background	: url("images/main_image.jpg") no-repeat top left;
		}
	
	/* 6-2.news_box	新着情報リスト
	-------------------------------------*/
	#news_box{
		padding		: 0 0 34px 0;
		background	: #FFF url("images/box_footer.gif") no-repeat left bottom;
		}
		
	#news_box dl{
		margin		: 20px;
		}
		
	#news_box dt{
		color		: #7EC2B7;
		font-weight	: bold;
		}
		
	#news_box dd{
		margin		: 3px 0 10px 0;
		}


/* 7.sub	配下ページ
=====================================*/
	/* 7-1.base　配下ページ基本部分
	-------------------------------------*/
	.topic_path{
		width		: 540px;
		margin		: 0 0 10px 0;
		padding		: 2px 0 2px 5px;
		}
	
	.ttl_cat{
		width		: 540px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		font-size	: 12px;
		text-align	: center;
		font-weight	: bold;
		background	: url("images/bg_ttl.gif") no-repeat left;
		}
		
	.cate_ttl{
		margin		:0 0 10px 0;
		}
	
	/* 7-2.entry-box	エントリー
	-------------------------------------*/
	.entry_box{
		width		: 540px;
		margin		: 0 0 20px 0;
		background	: #FFF;
		}

	
	.entry_box p{
		margin		: 5px 10px 15px 10px;
		}
		
	.entry_body{
		padding		:0 10px;
		}
		
	.entry_footer{
		padding		: 8px 5px 8px 0;
		text-align	: right;
		background	: #FFF url("images/box_footer.gif") no-repeat left bottom;
		}

	/* 7-3.comment	コメント関連
	-------------------------------------*/
	.comments-open label {
    	display: block;
		}

	.comment{
		border-bottom: dotted 1px #FFF;
		}
	
	.ttl_comment{
		width		: 540px;
		margin		: 0 0 10px 0;
		padding		: 5px 0;
		font-size	: 12px;
		text-indent	: 1em;
		font-weight	: bold;
		border-bottom	: double 3px #FFF;
		}
	
	.comment_footer{
		padding		: 0 0 5px 0;
		text-align	: right;
		}
		
	.comment_form{
		width		: 530px;
		margin		: 0 0 0 10px;
		}
	
	#comment-preview,
	#comment-submit,
	#comment-cancel{
		width		: 80px;
		padding		: 2px;
		}

	/* 7-4.trackbacks	トラックバック
	-------------------------------------*/
	.trackbacks-info input{
		margin	: 0;
		padding	: 2px;
		font-size	: 12px;
		}

	/* 7-5.comments	コメント
	-------------------------------------*/
	.comments input#comment-author,
	.comments input#comment-email,
	.comments input#comment-url{
		width		: 350px;
		padding		: 2px;
		font-size	: 12px;
		}
	
	textarea{
		padding		: 2px;
		font-size	: 12px;
		}
		
	/* 7-6.sitemap	サイトマップ
	-------------------------------------*/
	ul.li_sitemap{
		margin		: 20px;
		line-height	: 200%;
		}
	
	ul.li_sitemap li{
		text-indent	: 2em;
		background	: url("images/li_sitemap.gif") no-repeat left center;
		}
		
	/* 7-7.contact_form	お問い合わせフォーム
	-------------------------------------*/
	table.contact_form{
		width		: 500px;
		margin		: 0 5px;
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-top	: solid 1px #CCC;
		border-left	: solid 1px #CCC;
		}
		
	table.contact_form th{
		width		: 150px;
		padding		: 6px 0;
		letter-spacing	: 0em;
		text-align	: center;
		background	: #EEEEEE;
		}
		
	table.contact_form th,
	table.contact_form td{
		font-size	: 12px;
		empty-cells	: show;
		border-collapse	: collapse;
		border-right	: solid 1px #CCC;
		border-bottom	: solid 1px #CCC;
		}
		
	table.contact_form td{
		width		: 300px;
		padding		: 6px 5px;
		}
		
	table.contact_form input{
		width		: 250px;
		padding		: 2px;
		}
		
	table.contact_form textarea{
		width		: 280px;
		padding		: 2px;
		}
		
	/* 7-8.content_nav	月別アーカイブ
	-------------------------------------*/
	.content-nav{
		margin		: 0 0 10px 0;
		text-align	: center;
		font-weight	: bold;
		}

/* 8.other	その他
=====================================*/
.b{
	font-weight	: bold;
	}

.normal{
	font-weight	: normal;
	}

.none{
	text-decoration	: none;
	border			: none;
	}

.thin{
	letter-spacing	: 0em;
	}

.short{
	line-height	: 120%;
	}

.size10{
	font-size		: 10px;
	}

.size14{
	font-size		: 14px;
	}

.size16{
	font-size		: 16px;
	}

	/* 8-1.line
	--------------------------------------*/
	hr {
		display		: none;
		}
	
	.clr {
		height		: 0;
		clear		: both;
		}
	
	.line01,
	.line02{
		margin		: 10px 0;
		clear		: both;
		}
	
	.line01{
		height		: 8px;
		background	: url(images/line01.gif) repeat-x;
		}

	.line02{
		height		: 9px;
		background	: url(images/line02.gif) repeat-x;
		}	

	/* 8-2.color
	--------------------------------------*/
	.lightblue{
		color		: #09F;
		}
	
	.blue{
		color		: #06C;
		}
	
	.red{
		color		: #F00;
		}
	
	.pink{
		color		: #C06;
		}
	
	.orange{
		color		: #F90;
		}
		
	.lightgreen{
		color		: #690;
		}

	.green{
		color		: #093;
		}
	
	.darkgreen{
		color		: #099;
		}

	/* 8-3.background
	--------------------------------------*/
	.bg_gray{
		background-color	: #EEE;
		}
	
	.bg_white{
		background-color	: #FFF;
		}
			
	/* 8-4.position
	--------------------------------------*/
	.textC{
		text-align	: center;
		}
	
	.textR{
		text-align	: right;
		}
	
	.textL{
		text-align	: left;
		}
	
	.imgR{
		float		: right;
		margin		: 0 0 10px 10px;
		}

	.imgL{
		margin		: 0 10px 10px 0;
		float		: left;
		}
		
		
	#linkArea{
		margin		: 20px 0;
		}
	#linkArea .ttl{
		 border-top: solid 4px #EFD6AD;
		 padding: 2px;
		 line-height: 130%;
		}
	#footerLink{
		margin-top	: 20px;
		}
	#footerLink ul{
		margin		: 0 auto;
		padding		: 0px;
		}
	#footerLink li{
		float		: left;
		padding		: 0px 10px 0px 5px;
		list-style-type	: none;
		}
	#footerLink,#footerLink a{
		color		: #002E6E;
		text-decoration	: none;
		}
	#footerLink a:hover{
		text-decoration	: underline;
		}