/* CSS Document */

* { margin: 0px; padding: 0px; }

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 12px;
	color: #333333;
}

h1,h2,h3 { font-size: 12px; }

ul {
	list-style-image: none;
	list-style-type: none;
}

#wrapper { width: 950px; margin: 0px auto; }

#flash_area { clear: both; height: 260px; }

/*::::::::::::::::::::::::::::::
ヘッダー
::::::::::::::::::::::::::::::*/
#header { width: 950px; height: 57px; }

#logo1 {
	float: left;
}

#logo2 {
	background-image: url(../img/grand/logo_2.jpg);
	background-repeat: no-repeat;
	width: 130px; height: 57px;
	text-indent: -9999px; overflow: hidden;
	float: right;
}

/*::::::::::::::::::::::::::::::
グローバル
::::::::::::::::::::::::::::::*/
#menu_area { clear: both; width: 950px; }

/*::::::::::::::::::::::::::::::
中央のボタン
::::::::::::::::::::::::::::::*/
#button_area .box1 { border-bottom: 1px solid #999999; height: 24px; }

#button_area .box1 li { float :left; }

#button_area .box1 li.no1 { 
    background-image: url(../img/button/btn_index.gif);
	background-repeat: no-repeat; 
}

#button_area .box1 li.no1 a {
    width: 165px; height: 24px;
	display: inline-block;
}

#button_area .box1 li.no1 a:hover {
	background-image: url(../img/button/btn_index_o.gif);
	background-repeat: no-repeat;
}

#button_area .box2 { padding-top: 5px; clear: both; }

#button_area .box2 li { 
    /*display: table-cell;    
    *display: inline;     
　　*zoom: 1;*/ 
    float: left;
}

#button_area .box2 li.no2 { margin: 0px 5px; }

#button_area .box2 li.no4 { margin: 0px 5px; }




/*おすすめカーケア*/
#button_area .box2 li.no2b { margin: 0px 5px; }

#button_area .box2 li.no4b { margin: 0px 5px; }


/*::::::::::::::::::::::::::::::
カレンダーとお問合わせ
::::::::::::::::::::::::::::::*/
#other_area { clear: both; padding-top: 10px; }
#other_area .emergency { line-height: 160%; }
#other_area .emergency2 { padding-bottom: 5px; }
#other_area .box1,#other_area .box2 { float: left; }

#other_area .box1 { width: 632px; }

#other_area p { font-size: 11px; }

span.f_orange { color: #FF6600; }

span.f_red { color:#FF0000; }

.btn_calendar img  {
	padding-top: 10px;
}

#other_area .box2 {
	width: 300px; height: 150px;
	float: right;
	background-image: url(../img/grand/info_bg.gif);
	background-repeat: no-repeat;
}

#other_area .box2 a { display: block; }

#other_area .box2 .no1 { padding-top: 15px; padding-bottom: 10px; padding-left: 18px; }

#other_area .box2 .no2 { padding-top: 7px; padding-bottom: 7px; padding-left: 18px; }

#other_area .box2 .no3 { padding-top: 18px; padding-left: 18px; }



/*::::::::::::::::::::::::::::::
下のボタン
::::::::::::::::::::::::::::::*/
#sub_area { clear: both; }

#sub_area .box1 { height: 31px; padding-top: 25px; }

#sub_area .box1 li { 
    float: left;
	width: 186px;
}

#sub_area .box1 li.no2 { padding: 0px 4px; }

#sub_area .box1 li.no4 { padding: 0px 4px; }

#sub_area .box1b { height: 36px;  }

#sub_area .box1b li { 
    float: left;
	width: 186px;
}

#sub_area .box1b li.no7 { padding: 0px 4px; }

#sub_area .box1b li.no9 { padding: 0px 4px; }

#sub_area .box2 { 
    clear: both;
	height: 72px;
}

#sub_area .box2 li { 
     float: left;
	 width: 186px;
}

#sub_area .box2 li.no2 { padding: 0px 5px; }

#sub_area .box2 li.no4 { padding: 0px 5px; }

#sub_area .box2 li.no1 img { padding-left: 4px; }

#sub_area .box2 li.no2 img { padding-left: 4px; }

#sub_area .box2 li.no3 img { padding-left: 4px; }

#sub_area .box2 li.no4 img {  }

#sub_area .box2 li.no5 img { /*padding-left: 35px;*/ }

/*#sub_area .box2 .no3 a {
	width: 171px; height: 57px;
	background-image: url(../img/button/banner_matt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}*/

#sub_area .box2 .no4 {  }

/*::::::::::::::::::::::::::::::
フッター
::::::::::::::::::::::::::::::*/
#footer { 
    clear: both;
	padding-top: 10px;
}

#footer h3 {
	background-image: url(../img/grand/foot.gif);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9999px; overflow: hidden;
}

#copy { 
    text-align: right;
	font-size: 13px;
	padding-bottom: 10px;
	font-style: italic;
}