@charset "UTF-8";

/*
  ---INDEX---

  0.基本構成
  1.ヘッダ～
  2.メインコンテンツ
  3.メニュー
  4.フッタ
  5.印刷用

*/

/**
//=========================================//
//----0.基本構成---------------------------//
//=========================================//
*/
body {

	margin     : 0;
	padding    : 0;
	text-align : center;
}

body, x:-moz-broken {

	padding : 0 1px 0 0;
}

*:first-child+html body {

	padding : 0;
}

div#wraper {

	width   : 960px;
	padding : 0;
	margin  : 0 auto;
}

/**
//=========================================//
//----1.ヘッダ-----------------------------//
//=========================================//
*/

/*----ヘッダ-------------------------------*/

#header {

	height     : 95px;
	text-align : right;
	margin     : 0 auto;
	padding    : 0;
	position   : relative;
}

div#logo {

	float : left;
}

h1 span {

	display : none;
}

ul#headerlink {

	padding : 9px 0 0 0;
}

ul#headerlink li {

	list-style : none;
	display    : inline;
	margin     : 0 2px 0 0;
}

/*----サブヘッダ-------------------------------*/

#sub-header {

	height     : 74px;
	text-align : left;
	background : url('../images/top/bg_sub-header.jpg') no-repeat;
	margin     : 2px auto 0 auto;
	padding    : 0;
	position   : relative;
}

ul#sub-headerlink {

	float  : right;
	margin : 14px 14px 0 0;
}

ul#sub-headerlink li {

	list-style : none;
	display    : inline;
	margin     : 0 2px 0 0;
}

#sub-header form {

	float  : left;
	margin : 10px 0 0 14px;
}

* html #sub-header form {

	margin : 10px 0 0 8px;
}


#sub-header form input.radio {

	margin         : -3px 2px 0 0;
	vertical-align : middle;
}

#sub-header div#search-box {
	
	background : 	url('../images/top/search-box.jpg') no-repeat;
	width      : 340px;
	height     : 33px;
	margin : 6px 0 0 0;
}

#sub-header input.search {

	float      : left;
	display    : block;
	border     : 0 none;
	margin     : 2px 0 0 4px;
	width      : 205px;
	height     : 18px;
}

* html #sub-header input.search {

	margin     : 3px 0 0 4px;
	width      : 203px;
}


#sub-header input.search-btn {

	float      : left;
	background : 	url('../images/top/search-btn.jpg') no-repeat;
	border     : none;
	margin     : 0;
	padding    : 0;
	width      : 100px;
	height     : 33px;
	cursor     : pointer;
}

/**
//=========================================//
//----2.メインコンテンツ-------------------//
//=========================================//
*/

#body {

	text-align : left;
	margin     : 12px 0 0 0;
}

#menu-col,
#main-col,
#main-contents,
#sub-contents {

	overflow : hidden;
}

#menu-col {

	background-color : #FFF;
	float            : left;
	width            : 162px;
}

#main-col {

	background-color : #FFF;
	float            : right;
	width            : 780px;
}

* html #main-col {

	height : 100%;
}

#main-contents {

	float : left;
	width : 416px;
}

#sub-contents {

	float : right;
	width : 343px;
}

/*----トピック-----------------------*/

#marquee {

	background : url('../images/top/marquee.png') no-repeat;
	height     : 36px;
	margin     : 0 0 2px 2px;	
}

#marquee marquee {

	width  : 368px;
	margin : 0 0 0 32px;
	padding-top : 12px;
}

#marquee marquee a {

	color  : #333;
}

* html #marquee marquee {

	padding-top : 10px;
}

div.topics-frame {

	width      : 414px;
	border     : #E3C38B solid 1px;
	border-top : none;
	padding    : 4px 0 12px 0;
}

* html div.topics-frame {

	width : 416px;
}

#list-photo dl {

	float  : left;
	margin : 0 8px 8px 8px;
	width  : 392px;
}

* html #list-photo dl {

	float  : left;
	margin : 0 8px 8px 4px;
	width  : 392px;
}



#list-photo dt {

	clear     : both;
	float     : left;
	font-size : 12px;
	margin    : 0;
	padding   : 5px 0 0 2px;
	width     : 52px;
}

#list-photo dd {

	border-bottom : #E3C38B solid 1px;
	margin        : 0;
	padding       : 5px 0 5px 52px;
	line-height   : 110%;
}

#photo img {

	border        : #C3C3C3 solid 1px;
	margin-bottom : 4px
}

#photo div.photo_str {
	
	color       : #333;
	line-height : 110%;
}

#list-photo #photo {

	float    : right;
	margin   : 0 8px 0 0;
	overflow : hidden;
	width    : 128px;
}

/*----ブログ-----------------------*/

ul.blog-items {

	border     : #E3C38B solid 1px;
	border-top : none;
	width      : 273px;
	margin     : 0 0 6px 0;
	padding    : 6px 0;
	list-style : none;
}

* html ul.blog-items {

	width : 275px;
}

ul.blog-items li {

	padding     : 2px 0 1px 26px;
	background  : url('../images/top/lm_blog.png') no-repeat 6px 2px;
}

#blogs-right-bannar {
	
	float : right;
	width : 134px;
}

#blogs-right-bannar img {
	
	margin : 0 0 4px 0;
}

/*----ucars-----------------------*/

ul.ucars {

	border        : #E3C38B solid 1px;
	border-top    : none;
	border-bottom : none;
	width         : 414px;
	margin        : 0;
	padding       : 0;
	list-style    : none;
}

* html ul.ucars {

	width : 416px;
}

ul.ucars li {

	float   : left;
	border  : #E3C38B solid 1px;
	margin  : 6px 0 0 6px;
	padding : 4px;
	width   : 120px;
}

* html ul.ucars li {

	margin  : 6px 1px 0 3px;
	width   : 116px;
	padding : 4px;
}

ul.ucars li.separator {

	float   : left;
	border  : none;
	margin  : 0;
	padding : 0;
	width   : 400px;
}

* html ul.ucars li.separator {

	float   : none;
	margin  : -18px 0 0 0;
}

ul.ucars img {

	border        : #C3C3C3 solid 1px;
}

ul.ucars li p {
	
	margin  : 2px 0 2px 0;
	padding : 0 0 0 0;
	line-height : 110%;
}

ul.ucars li p.name,
ul.ucars li p.name a {
	
	font-weight : bold;
	color : #026698;
}
ul.ucars li p.price {
	
	font-weight : bold;
	color : #FF0000;
}
ul.ucars li p.year {
	
	color : #333;
}
ul.ucars li p.odo {
	
	color : #333;
}

ul.ucar-recomended-banner {

	border     : #E3C38B solid 1px;
	border-top : none;
	width      : 414px;
	margin     : 0 0 6px 0;
	padding    : 0;
	list-style : none;
	height     : 64px;
}

* html ul.ucar-recomended-banner {

	width : 416px;
}

div.ucar-attention {

	border        : #E3C38B solid 1px;
	border-top    : none;
	width         : 414px;
	margin        : 0;
	padding       : 0;
}

* html div.ucar-attention {

	width         : 416px;
}

div.ucar-attention ul {

	list-style    : none;
	margin        : 0 8px 0 20px;
	padding       : 8px 0;
	line-height   : 110%;
}

div.ucar-attention ul li {

	text-indent   : -1em;
}

ul.ucar-recomended-banner li {

	float   : left;
	margin  : 6px 0 6px 6px;
	padding : 0;
	width   : 130px;
	height  : 40px;
}

#blog-n-banner,
#half-boxes {

	width : 416px;
	margin  : 2px 0;
}

#blog-n-banner #blogs{

	float : left;
}


div.half-box-left {

	width : 203px;
	float : left;
}

ul.half-box-ul {

	background : url('../images/top/uppy.png') no-repeat right top;
	border     : #E3C38B solid 1px;
	border-top : none;
	padding    : 6px 0 0 0;
	width      : 201px;
	list-style : none;
}

* html ul.half-box-ul {

	width : 203px;
}


ul.half-box-right-left li,
ul.half-box-right-right li {

	margin      : 0 0 4px 2px;
	line-height : 120%;
}
ul.half-box-ul li {

	line-height : 120%;
	margin      : 0 0 4px 6px;
}

div.half-box-right {

	width    : 200px;
	border   : #E3C38B solid 1px;
	float    : right;
	overflow : hidden;
}

div.half-box-right img {

	margin : -1px 0 0 -1px;	
}

ul.half-box-right-left,
ul.half-box-right-right {

	list-style : none;
	width      : 96px;
	margin     : 6px 0 0 0;
	padding    : 
	overflow   : hidden;
}

ul.half-box-right-left {

	float       : left;
	margin-left : 6px;
}

ul.half-box-right-right {

	float : right;
}


div.centor-bannar {

	width  : 416px;
	margin : 2px 0;
}

ul.centor-left-bannar,
ul.centor-right-bannar {

	list-style : none;
	width      : 200px;
	margin     : 2px 0;
}

ul.centor-left-bannar {

	float : left;	
}

ul.centor-right-bannar {

	float : right;
}

ul.centor-left-bannar li,
ul.centor-right-bannar li {

	margin : 6px 0;
}


/*----サブコンテンツ-----------------------*/

.sub-contents-box {

	margin : 0 0 8px 0;
}


/*----トピックスバナー-----------------------*/

ul.topics-bannar {

	list-style : none;
	margin     :  0 0 8px 0;
	overflow   : hidden;
	width      : 343px;
}

ul.topics-bannar li {

	margin  : 0 5px 0 0;
	float   : left;
}

ul.topics-bannar li.bn_r {

	margin  : 0 0 0 5px;
	float   : right;
}


/*----営業日カレンダー-----------------------*/

#this-month,
#next-month {

	text-align    : center;
	border        : #CCC solid 1px;
	margin-bottom : 4px;
}

#this-month {

	float      : left;
}

#next-month {

	float      : right;
}

table.calendar {

	font-family      : verdana;
	background-color : #e8e8e8;
	color            : #666;
	margin           : 0;
}

table.calendar caption {

	background-color : #f5f5f5;
	color            : #006666;
	font-weight      : bold;
	padding          : 2px 0;
	text-align       : center;
}

table.calendar td,
table.calendar th {

	font-weight     : normal;
	padding         : 1px;
	text-align      : center;
}

.sat {

	background-color : #e1fff5;
	border           : 1px solid #e1fff5;
}
.sun {

	background-color : #ffdfff;
	border           : 1px solid #ffdfff;
}
.ord {

	background-color : #FFFFCC;
	border           : 1px solid #FFFFCC;
}
.off {

	background-color : #E8E8E8;
	border           : 1px solid #FF0000;
	color            : #FF0000;
}

.today {

	color       : #000000;
	font-weight : bold;
}

div.cal-str {

	float       : left;
	color       : #333333;
	line-height : 120%;
	padding     : 0 10px 0 12px;
	text-indent : -1em;
}

div.cal-note {
	
	float : right;
	
}

div.cal-note img {
	
	margin-right : 2px;
}

div.cal-business {
	
	background : url('../images/top/businessdayhr.png') no-repeat right bottom;
	clear      : right;
	width      : 342px;
	height     : 26px;
	margin     : 2px 0;
	padding    : 6px 0 0 0;
	text-align : center;
	line-height: 200%;
	color      : #FFF;
	font-size  : 14px;
	font-weight: bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*----ブログパーツ-----------------------*/

#datetime {

	float : left;
}

#weathernews_blog_parts {

	float : right;
}

/*----自動車お役立ち情報-----------------------*/

#usefull-info {

	width  : 343px;
	margin : 8px 0;
}

h3.usefull-info {

	background : url('../images/top/usefull-info.png') no-repeat;
	height     : 50px;
}

h3.usefull-info span {

	display    : none;
	visibility : hidden;
}

#usefull-info ul {

	background   : url('../images/top/bg_usefull-info.png') repeat;
	border-right : #ACCDC3 solid 1px;
	border-left  : #ACCDC3 solid 1px;
	padding      : 0 0 0 8px;
}

#usefull-info ul li {

	display    : inline;
	background : url('../images/top/lm_usefull-info.png') no-repeat left bottom;
	margin     : 0;
	padding    : 0 0 0 16px;
}

#usefull-info ul.banner {

	border-bottom : #ACCDC3 solid 1px;
	padding       : 8px 0;
}

#usefull-info ul.banner li {

	display    : inline;
	background : none;
	margin     : 0;
	padding    : 0 16px 0 8px;
}


/*----RSS-----------------------*/

h3.rss {

	background : url('../images/top/title_base.png') no-repeat;
	width      : 343px;
	height     : 24px;
	color      : #006060;
	padding    : 6px 0 0 8px;
}

ul.rss-items {

	border     : #E3C38B solid 1px;
	border-top : none;
	width      : 341px;
	margin     : 0 0 6px 0;
	padding    : 6px 0;
	list-style : none;
}

* html ul.rss-items {

	width : 343px;
}

ul.rss-items li {

	padding      : 2px 0 1px 26px;
	background   : url('../images/top/lm_rss.png') no-repeat 6px 2px;
}

/**
//=========================================//
//-----------------3.メニュー--------------//
//=========================================//
*/

#menu-col div.menu-box {

	margin : 0 0 6px 0;
}

ul.side-menu,
ul.side-menu-ex {

	list-style  : none;
	padding     : 4px 0;
	line-height : 160%;
}

ul.side-menu li,
ul.side-menu-ex li {

	padding-left : 12px;
}

ul.side-menu {

	border     : #D0E3DD solid 1px;
	border-top : none;
	width      : 160px;
}

* html ul.side-menu {

	width : 162px;
}

ul.side-menu li a {

	color : #333;
}

ul.none-boeder-bottom {

	border-bottom : none;
}

ul.side-menu-ex {

	background : url('../images/top/bg_side-menu-ex.png') bottom right;
	border     : #D0E3DD solid 1px;
	border-top : #bed8cf dashed 1px;
	width      : 160px;
}

* html ul.side-menu-ex {

	width : 162px;
}

ul.side-menu-ex a {

	color       : #006666;
	font-weight : bold;
}

/**
//=========================================//
//--------4.フッタ-------------------------//
//=========================================//
*/

ul#footer-icon {

	text-align       : left;
	background-color : #FFF;
	padding          : 24px 0;
	margin           : 0;
}

ul#footer-icon li {

	list-style : none;
	display    : inline;
	margin     : 0 6px 0 0;
}

#footer {

	background-color : #006666;
	height           : 28px;
	margin           : 0 auto;
	padding          : 0;
	position         : relative;
}

ul#footer-link {

	float  : left;
	margin : 4px 8px 4px 12px;
}

* html ul#footer-link {

	float   : left;
	margin  : 4px 8px 4px 0px;
	padding : 0;
}

ul#footer-link li {

	display     : inline;
	background  : url('../images/top/lm_footer-link.png') no-repeat left bottom;
	text-indent : 1em;
	margin      : 0;
	padding     : 0 0 0 16px;
	list-style  : none;
}

ul#footer-link li a {

	color : #FFF;
}

/*----コピーライト-------------------------*/

div#copyright {

	color      : #FFF;
	margin     : 4px 8px 4px 0;
	padding    : 4px 0 0 0;
	text-align : right;
}

* html div#copyright {

	padding : 0;
}

/**
//=========================================//
//----5.印刷用-----------------------------//
//=========================================//
*/

@media print {

* html body {

	zoom : 80%;
/*WinIE6 only */
}
*:first-child+html body {

	zoom : 80%;
/*WinIE7 only */
}

body {

	font-size : 10pt;
}

}
/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/