@charset "utf-8";
/* CSS Document */

/*このcssには基本レイアウトと共通で使うものが入っています。*/
/*
1.外郭
2.ヘッダー
3.フッター
4.メニュー
5.インデックスレイアウト
6.その他共通レイアウト
7.文字装飾関連
*/


*{margin:0; padding:0;}


a:link{color:#06c;}
a:hover{color:#3c0; text-decoration:none;}
a:visited{color:#f90;}

body{background-color:#fff;
    text-align : center;
	line-height : 1.3em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size : 80%;
	color:#333 !important;
     }

img{border:0px; vertical-align:middle;}
ul,li,dl,dt,dd{list-style:none;}

table{width:100%; margin-top:5px;}
th{vertical-align:top;}
th,td{padding:5px;}
th.th_blue{background:#06c;}
th.th_green{background:#9c0;}


#main{background-color:#fff !important;
      margin:auto; 
	  padding:auto; 
	  width:750px; 
	  height:100%;
	  text-align:left;
	  }
/*共通で使える文字色関連*/
.red_font_big{ font-size:120%; font-weight:700; color:red;}
.yellow_font{ color:#f90;}
.red_font{ color:red;}

/*共通で使える文字揃え関連*/
.text_tsuduku{text-align:right;}
.font_small{font-size:85%;}

/*共通で使える画像配置関連*/
.img_left{float:left; margin:5px;}
.img_right{float:right; margin:5px;}
p.submit_bottom{text-align:center;padding:5px;}
p.clears{clear:both;}

/*header*/
#header h1{text-align:left; font-size:90%; color:#f90;}
#header p{text-align:right; font-size:85%;}

/*index*/
#index{float:right; width:585px; background:#fff;}
#newsbox{width:585px; margin:1px 0 5px 0; overflow:hidden;}
#news{width:331px; height:240px; float:left; background:url(../img/index_back_news.png) no-repeat;}
 #news ul{margin-top:7px;}
 #news li{margin:0 5px; padding:5px; border-bottom:1px dotted #666; background:#cff;}
 #news li.Even{background:#ffc;}
 /*#news li.Odd{margin:0 5px; padding:5px; border-bottom:1px dotted #666; background:#6cf;}*/
 #news span.event{color:#FF3300; font-weight:700;}
 #news span.sun{color:#FF0000;}
 #news span.sat{color:#0066FF;}
#blog{width:250px; height:240px; float:right; background:url(../img/index_back_blog.png) no-repeat; font-size:0.8em;}
 #blog .blog_txt{height:203px; margin:8px; overflow:auto;}
 #blog .blog_photo{float:left; margin-right:3px; margin-bottom:3px;}
 #blog .blog_news_title{background: url(../img/dot.gif) no-repeat left; border-bottom:1px dotted #999;
 padding:3px 0 3px 10px; margin-bottom:1px; color:#06c; font-size:105%; font-weight:700;}
#newstock{width:585px; height:189px; margin:1px 0 5px 0; background:url(../img/index_back_newstock.png) no-repeat; font-size:90%; overflow:hidden;line-height:1.1em;}
 #newstock div.car_box{width:140px;float:left; margin-left:4px; margin-top:4px;}
 #newstock strong.stock_price{color:red;}
 #newstock li{font-size:95%;}


#group{width:585px; height:102px; margin:1px 0 5px 0; background:url(../img/index_back_group.png) no-repeat;}
#group img{margin-left:7px; margin-top:8px;}

/*contents*/
#contents{width:585px; background:#fff; float:right;}
#contents h3{margin-top:3px; margin-bottom:3px;}

/*menu-最終形-*/
#menu{margin-bottom:3px; overflow:hidden;}
#menu ul{}
#menu li {width:107px; height:45px; float:left;}
#menu li a{width:107px; height:45px; display:block; }
#menu li a:hover{background-color:transparent;}
#menu li a:hover img{visibility:hidden;}
#menu li.menu01{background:url(../img/menu1_2_2.png) no-repeat;}
#menu li.menu02{background:url(../img/menu2_2_2.png) no-repeat;}
#menu li.menu03{background:url(../img/menu3_2_2.png) no-repeat;}
#menu li.menu04{background:url(../img/menu4_2_2.png) no-repeat;}
#menu li.menu05{background:url(../img/menu5_2_2.png) no-repeat;}
#menu li.menu06{background:url(../img/menu6_2_2.png) no-repeat;}
#menu li.menu07{background:url(../img/menu7_2_2.png) no-repeat;}

/*menu_search*/
#menu_search div.search_box{margin-bottom:3px; border:1px solid #06c; padding:3px;}
#menu_search{float:left; width:155px; background:#fff;}
#menu_search ul{width:155px; height:auto;}
#menu_search li {width:155px;height:33px;}
#menu_search li a{width:155px; height:33px; display:block; }
#menu_search li a:hover{background-color:transparent;}
#menu_search li a:hover img{visibility:hidden;}
#menu_search p.cm_banner img{margin-top:3px;}
#menu_search li.s_menu01{background:url(../img/shop_menu_01_2.gif) no-repeat;}
#menu_search li.s_menu02{background:url(../img/shop_menu_02_2.gif) no-repeat;}
#menu_search li.s_menu03{background:url(../img/shop_menu_03_2.gif) no-repeat;}
#menu_search li.s_menu04{background:url(../img/shop_menu_04_2.gif) no-repeat;}
#menu_search li.s_menu05{background:url(../img/shop_menu_05_2.gif) no-repeat;}
#menu_search li.s_menu06{background:url(../img/shop_menu_06_2.gif) no-repeat;}
#menu_search li.s_menu07{background:url(../img/shop_menu_07_2.gif) no-repeat;}
#menu_search li.s_menu08{background:url(../img/shop_menu_08_2.gif) no-repeat;}
#menu_search li.s_menu09{background:url(../img/shop_menu_09_2.gif) no-repeat;}
#menu_search li.s_menu10{background:url(../img/shop_menu_10_2.gif) no-repeat;}
#menu_search li.s_menu11{background:url(../img/shop_menu_11_2.gif) no-repeat;}
#menu_search li.s_menu12{background:url(../img/shop_menu_12_2.gif) no-repeat;}
#menu_search li.s_menu13{background:url(../img/shop_menu_13_2.gif) no-repeat;}
#menu_search li.s_menu14{background:url(../img/shop_menu_14_2.gif) no-repeat;}
/*fotter*/
#fotter{clear:both;
        text-align:center;
		height:2em;
		padding-top:1em;}