@charset "shift_jis";
/*
-----------------------------------------------
カービューティープロブラッシュ top CSS
author:	カービューティープロブラッシュ
web site: 
copyright(C) CARBEAUTYPRO Brash
All rights reserved.
-----------------------------------------------*/

#header {
	background-image: url(../img/top/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#main_img {
	clear: both;
	float: left;
}


#tbunner_coating {
	float: left;
}


#tbunner_coating a {
	background-image: url(../img/top/top_coating.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 470px;
	text-indent: -9999px;
	display: block;
}

#tbunner_coating a:hover {
	background-position: -470px 0px;
}
#bbunner_box #tbunner_room                                       {
	float: right;
}



#bbunner_box #tbunner_room a {
	background-image:url(../img/top/top_room-h2.jpg);
	background-repeat: no-repeat;
	height: 170px;
	width: 470px;
	text-indent: -9999px;
	display: block;
}

#bbunner_box #tbunner_room a:hover {
	background-position: -470px 0px;
}


#sbunner_box {
	margin-top: 20px;
	width: 950px;
}

#sbunner_box p a,
#sbunner_box h3 a{
	height: 160px;
	width: 310px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	float: left;
}

#sbunner_box #tbunner_bankin a {
	background-image: url(../img/top/top_bankin-h3.jpg);
}
#sbunner_box #tbunner_bankin a:hover {
	background-position: -310px 0px;
}


#tbunner_glass a {
	background-image: url(../img/top/top_glass.jpg);
	margin-left: 10px;
}
#tbunner_glass a:hover {
	background-position: -310px 0px;
}

#tbunner_wheel a {
	background-image: url(../img/top/top_wheel.jpg);
	margin-left: 10px;
}
#tbunner_wheel a:hover {
	background-position: -310px 0px;
}



#tbunner_film a {
	background-image: url(../img/top/top_film.jpg);
	margin-top: 10px;
}
#tbunner_film a:hover {
	background-position: -310px 0px;
}

#tbunner_window a {
	background-image: url(../img/top/top_window.jpg);
	margin-left: 10px;
	margin-top: 10px;
}
#tbunner_window a:hover {
	background-position: -310px 0px;
}

#tbunner_dent a {
	background-image: url(../img/top/top_dent.jpg);
	margin-left: 10px;
	margin-top: 10px;
}
#tbunner_dent a:hover {
	background-position: -310px 0px;
}


#shop_info h5 {
	margin-bottom: 5px;
}

#shop_info p {
	font-size: 14px;
}
#info_text {
	float: left;
}

#info_map a {
	background-image: url(../img/top/top_map.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 50px;
	text-indent: -9999px;
	display: block;
	font-size: 10px;
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}
#info_map a:hover {
	background-position: -50px 0px;
}

#wrapper #info_tel {
	font-size: 16px;
	color: #d1221f;
	clear: both;
}

#info_faceb a {
	background-image: url(../img/top/top_facebook.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 310px;
	text-indent: -9999px;
	display: block;}
	
#info_faceb a:hover {
}





/* append */

#top-img img {width:100%;}
#top-img p:first-child {border-bottom:solid 1px #aaa;max-height:400px;overflow:hidden;}
#h1-top {background:url(../img/top/top-img-bg.png) repeat-x;padding:1.5em 0;}
#h1-top h1 {font-size:2.5em;margin-bottom:0.3em;}
#h1-top p {font-size:1.4em;}
#h1-top h1,
#h1-top p {
	color:#fff;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;
	line-height:1;
	text-align:center;}

#bottom_info {
	margin:3em 0 2em;
	width: 950px;
	height: auto;}

#comment{float:left;width:46%;padding:0 2%;}
#facebook-load {float:right;width:46%;padding:0 2%;}

#comment h4 {
	font-size:1.4em;
	margin:1.5em 0 0.5em 0;}
#comment p {
	font-size:0.9em;line-height:1.8;}

#bottom_info:after,
#bbunner_box:after,
#sbunner_box:after {content:" ";clear:both;display:block;}