@charset "shift_jis";

/* 	-----  青森トヨペット トップページ用 CSS  ----- */



/* 	division index
---------------------------------------------------
	* index.html
--------------------------------------------------- */




/* 	division
--------------------------------------------------- */
div#display{
	width:766px;
	height:307px;
	background:url('../img/common/display_bg.gif') no-repeat;
}
div#details{
	width:766px;
	margin:0px 0px 0px 6px;
}

div#topics{
	width:480px;
	height:166px;
	background:url('../img/common/topics_bg.gif') no-repeat;
	float:left;
}
div#banner{
	width:275;
	height:166;
	background:url('../img/common/banner_bg.gif') no-repeat;
	float:left;
}

.footer_hr{
	clear:both;
}
.footer_hr hr{
	display:none;
}

/* 	lower layer
--------------------------------------------------- */
div#display p{
	height:290px;
	margin:0px 4px 4px 4px;
	padding:10px 0px 0px 0px;
}




/* Scroll Table
--------------------------------------------------- */

div#topics_title{
	text-align:right;
	margin:7px 5px 3px 7px;
	background:url('../img/common/topics_title.gif') no-repeat 5px 2px;}
div#topics_title span{
	height:13px;}

div#scroll_body{
	margin:0px 0px 0px 5px;}

.class{
	width:19;
	height:57px;
	float:left;
}
.picture{
	width:80px;
	height:57px;
	float:left;
}
.content{
	width:372px;
	height:57px;
	float:left;
}
.content p{
	padding:0px;
	margin:2px 0px 0px 4px;
	line-height:120%;
}
.dotted_hr{
	clear:left;
}
.dotted_hr hr{
	display:none;
}
a.arrow{
	padding:0px 0px 0px 20px;
	background:url('../img/icon/double_arrow.gif') no-repeat 5px 3px;}

/* banner
--------------------------------------------------- */
div#banner ul{
	margin:8px 0px 0px 8px;
	padding:0px;}
div#banner li{
	margin:0px;
	padding:0px;
	list-style:none;}
div#banner div#banner_left{
	margin:0px;
	padding:0px;
	width:130px;
	float:left;}
div#banner div#banner_right{
	width:130px;
	float:left;}



/* FlashPlayer
----------------------------------------- */

div#flashplayer_download{
	width:760px;}

p.flash_ico{
	font-size:11px;
	line-height:150%;
	font-family:Tahoma;
	padding: 5px 0px 5px 20px;
	margin: 10px 0px 0px 5px;
	border-bottom: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	background: url('../img/common/logo_flash.gif') no-repeat 0px 7px;}


/* fonts
----------------------------------------- */

	.title_red      {line-height:140%;font-size:14px;color:#CC3333;}
	.title_orange   {line-height:140%;font-size:14px;color:#FF6600;}
	.title_mosgreen {line-height:140%;font-size:14px;color:#01403A;}
	.title_green    {line-height:140%;font-size:14px;color:#339933;}
	.title_emerald  {line-height:140%;font-size:14px;color:#00CC66;}
	.title_blue     {line-height:140%;font-size:14px;color:#006699;}
	.title_navy     {line-height:140%;font-size:14px;color:#0099CC;}
	.title_gray     {line-height:140%;font-size:14px;color:#666666;}

/* submenu
--------------------------------------------------- */
#submenu1{
  position: absolute;
  top: 116px;left: 30px;
  margin: 0px;
  padding: 0px;
  }

#submenu1 ul{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    width: 100px;
    text-align: center;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    border-color: #ffffff;
  }

#submenu1 li{
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100px;
  background-color: #00af00;
  border-bottom: solid 1px #ffffff;
}

#submenu1 a{
  display: block;
  color: #ffffff;
  text-decoration: none;
  width: 100px;
}

#submenu1 a:hover{
  display: block;
  background-color: #ffaa00;
}

/* 	navigation top
--------------------------------------------------- */
#carlineup a{
	background-image:url('../img/navigation/products.gif');}
#estimate a{
	background-image:url('../img/navigation/estimate.gif');}
#event a{
	background-image:url('../img/navigation/event.gif');}
#exhibits a{
	background-image:url('../img/navigation/exhibits.gif');}
#service a{
	background-image:url('../img/navigation/service.gif');}
#shop a{
	background-image:url('../img/navigation/shop.gif');}
#ecology a{
	background-image:url('../img/navigation/ecology.gif');}
#ucar a{
	background-image:url('../img/navigation/u_car.gif');}
#toppage a{
	background-image:url('../img/navigation/top.gif');}

#carlineup a:hover,#carlineup a.on{
	background-image:url('../img/navigation/products_.gif');}
#estimate a:hover,#estimate a.on{
	background-image:url('../img/navigation/estimate_.gif');}
#event a:hover,#event a.on{
	background-image:url('../img/navigation/event_.gif');}
#exhibits a:hover,#exhibits a.on{
	background-image:url('../img/navigation/exhibits_.gif');}
#service a:hover,#service a.on{
	background-image:url('../img/navigation/service_.gif');}
#shop a:hover,#shop a.on{
	background-image:url('../img/navigation/shop_.gif');}
#ecology a:hover,#ecology a.on{
	background-image:url('../img/navigation/ecology_.gif');}
#ucar a:hover,#ucar a.on{
	background-image:url('../img/navigation/u_car_.gif');}
#toppage a:hover,#toppage a.on{
	background-image:url('../img/navigation/top_.gif');}

div#navigation_home{
	clear:both;
	width:766px;
	height:43px;
	background:url('../img/common/navigation_home_bg.gif') no-repeat 0px 0px;}

div#navigation_home ul{
	margin:0px 5px 0px 5px;
	padding:0px;}

div#navigation_home a{
	margin:17px 0px 0px 0px;}

div#navigation_home li{
	list-style:none;
	display:inline;}

div#navigation_home a{
	display:block;
	width:100;
	height:25;
	float:left;}
div#navigation_home a.toplink{
	display:block;
	width:56;
	height:25;
	float:left;}

div#navigation_home span{
	display:none;}

div#showroom{
	display:block;
	clear:both;
	width:766px;
	height:210px;
	background:#FFFFFF url('../img/common/showroom_bg.gif') repeat-y 0px 0px;}
div#showroom #flash_box{
	margin-left:5px;}
div#showroom_foot{
	display:block;
	clear:both;
	width:766px;
	height:10px;
	background:#FFFFFF url('../img/common/showroom_foot_bg.gif') no-repeat 0px 0px;}
div#showroom_foot hr{
	display:none;}
div#information_banner{
	clear:both;
	width:766px;
	height:110px;
	background: url('../img/common/information_banner_bg.gif') repeat-y 0px 0px;}
div#information_banner .title{
	display:block;
	clear:both;
	width:766px;
	height:20px;
	background:#FFFFFF url('../img/common/information_banner_title.gif') no-repeat 0px 0px;}
div#information_banner .title span{
	display:none;}

div#information_banner ul{
	margin:0 0 0 4;
	padding:0}
div#information_banner ul li{
	float:left;
	margin-right:1px;
	list-style:none;
	font-size:0%;
	line-height:0%;}


div#topics_area{
	width:508px;
	float:left;
	display:block;
/*	height:209px;*/
/*	height:450px;    7明細ver*/
	height:631px; /*10明細ver*/
	background:#FFFFFF url('../img/common/topics_area_bg.gif') repeat-y 0px 0px;}
div#topics_area .title{
	display:block;
	clear:both;
	width:508px;
	height:20px;
	background:#FFFFFF url('../img/common/topics_area_title.gif') no-repeat 0px 0px;}
div#topics_area .title span{
	display:none;}

#topics_box{
	width:502px;
/*	height:178px;*/
/*  height:419px; 7明細ver */
    height:600px; /*10明細ver */
	overflow:auto;
} 
#topics_box table{
	margin:0px 0px 0px 4px;
	padding:0px;
	border:none;
}
#topics_box table td,th{
	margin:0px;
	padding:0px;
	border:none;
}
div#topics_area .foot{
	display:block;
	clear:both;
	width:508px;
	height:11px;
	background:#FFFFFF url('../img/common/topics_area_foot.gif') no-repeat 0px 0px;}
div#topics_area .foot hr{
	display:none;}



div#information_banner_foot{
	display:block;
	clear:both;
	width:766px;
	height:5px;
	background:#FFFFFF url('../img/common/information_banner_foot.gif') no-repeat 0px 0px;}
div#information_banner_foot hr{
	display:none;}




#shop_banner_area{
	float:left;
	display:block;
/*	height:209px;*/
/*	height:450px;*/
	height:620px;
	width:258px;
	float:left;
	background:#FFFFFF url('../img/common/shop_area_bg.gif') repeat-y 0px 0px;}

div#banner_area .title{
	display:block;
	clear:both;
	width:258px;
	height:20px;
	background:#FFFFFF url('../img/common/banner_area_title.gif') no-repeat 0px 0px;}
div#banner_area .title span{
	display:none;}

div#banner_area #banner_box{
	margin:0 0 0 2px;
/*	height:210px;} */
	height:218px;}
#banner_box img {
        display: block;
        float: left;
        margin: 2px 1px 0 0;}
div#banner_area .foot{
	display:block;
	clear:both;
	width:258px;
	height:11px;
	background:#FFFFFF url('../img/common/shop_area_foot.gif') no-repeat 0px 0px;}

div#shop_area .title{
	display:block;
	clear:both;
	width:258px;
	height:20px;
	background:#FFFFFF url('../img/common/shop_area_title.gif') no-repeat 0px 0px;}
div#shop_area .title span{
	display:none;}

/* 『青森の社長.tv』対応 ----------------------------------------- */
div#shop_area .title2{
	display:block;
	clear:both;
	width:258px;
	height:7px;
	background:#FFFFFF url('../img/common/shacou_area_header.gif') no-repeat 0px 0px;}
div#shop_area .title2 span{
	display:none;}

div#shop_area #shachou_box{
	margin-left:3px;
	height:144px;}

div#shop_area .foot2{
	display:block;
	clear:both;
	width:258px;
	height:7px;
	background:#FFFFFF url('../img/common/shacou_area_footer.gif') no-repeat 0px 0px;}
/* --------------------------------------------------------------- */

div#shop_area #shop_box{
	margin-left:3px;
	height:193px;}

div#shop_area .foot{
	display:block;
	clear:both;
	width:258px;
	height:11px;
	background:#FFFFFF url('../img/common/shop_area_foot.gif') no-repeat 0px 0px;}
div#information_banner_foot hr{
	display:none;}

#for-float	{
	width: 780px;
	}