body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
margin : 0;
padding : 0;
}
body{
width:  100%; 				/* IEで横スクロールバーが出たときの保険 */
text-align: center;
font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
overflow:scroll;
}
img {
border : none;
}
span{
display: none;
}

#container-top {
width:  800px;
margin-left : auto;
margin-right : auto;
text-align: center;
}

#container {
width:  799px;
margin-left : auto;
margin-right : auto;
text-align: left;
background-image:url("./img/back.png");
background-repeat: repeat-y;
}

#container-in {
width:  736px;
margin-left : 63px;
margin-right : 0px;
text-align: left;
}


#header{
width:  736px;
height: 438px;
margin : 0;
display:block;
background-image:url("./img/bokashi_bar_down.png");
background-repeat: none;
background-size: 736px 40px;
background-position: left bottom;
}

#header-works{
display:block;
width:  736px;
height: 398px;
margin : 0;
background-image:url("./img/head_page01.jpg");
background-repeat: no-repeat;
}

#header-aboutus{
display:block;
width:  736px;
height: 398px;
margin : 0;
background-image:url("./img/head_page02.jpg");
background-repeat: no-repeat;
}

ul {
list-style-type : none;
}
#header li {
float:left;
display:inline;
width:   244px;
height:  40px;
}

#button01 {
margin-right: 2px;
width:   244px;
height:  40px;
display:block;
background-image:url("./img/menubottun_01.png");
}

#button02 {
margin-left: 2px;
width:   244px;
height:  40px;
display:block;
background-image:url("./img/menubottun_02.png");
}
div#button02{
background-image:url("./img/menubottun_02_now.png");
}

#button03 {
margin-left: 4px;
width:   244px;
height:  40px;
display:block;
background-image:url("./img/menubottun_03.png");
}
div#button03{
background-image:url("./img/menubottun_03_now.png");
}

#header #menubuttons a{
background-position:0px 0px;
}
#header #menubuttons a:hover{
background-position:0px -40px;
}

#main{
margin: 0;
padding: 20px 0 0 0;
background-image:url("./img/bokashi_bar_up.png");
background-repeat: no-repeat;
display:block;
}
h2 {
margin: 20px 0;
height: 0;
display:block;
width:	736px;
height: 70px;
background-repeat: no-repeat;
}
p {
margin: 5px 0;
}
#footer{
padding: 0;
margin:  0;
width:  736px;
height:  78px;
clear:  both;
text-align: center;
background:url("./img/footer.png") no-repeat;
}

/* index.html */
#top_main {
width:  799px;
height:1070px;
background-image: url("./img/TOP.jpg");
background-repeat: none;
}

#top_enter a{
position: absolute;
margin : 440px 0 0 0;
display: block;
width: 799px;
height: 140px;
border: none;
}

#top_enter a:hover{
background-image: url("./img/TOP_enter_on.jpg");
background-repeat: none;
}

#top_entermobile a{
position: absolute;
margin : 830px 0 0 0;
display: block;
width: 799px;
height: 120px;
border: none;
}

#top_entermobile a:hover{
background-image: url("./img/TOP_keitai_on.jpg");
background-repeat: none;
}


/* works.html  */
#repair-repaint{
background:url("./img/item_01.png") no-repeat;
}
#insurance{
background:url("./img/item_02.png") no-repeat;
}
#worksimg{
float:	right;
width:  345px;
height: 520px;
margin: 0 20px 30px;
}
div.indent {
margin: 10px 20px 0 10px;
}
#jump01{
clear:  both;
display: block;
width:   607px;
height:  75px;
margin:	 20px 60px;
background:url("./img/jumpbottum_01.png") no-repeat;
}
#jump02{
clear:  both;
display: block;
width:   607px;
height:  75px;
margin:	 20px 60px;
background:url("./img/jumpbottum_02.png") no-repeat;
}
#main a{
background-position:0px 0px;
}
#main a:hover{
background-position:0px -75px;
}

hr{
border: 0;
height: 0;
border-top: 	1px solid rgba(0,0,0,0.1);
border-bottom:1px solid rgba(255,255,255,0.3);
margin: 20px 0 10px 0;
}

/* aboutus.html */
font-weight: normal;

#about{
}

#company-profile{
background:url("./img/item_03.png") no-repeat;
}
#greeting{
float:	right;
width:340px;
}
.box{
float:	left;
width:	303px;
padding:10px;
margin:	0px 0px 10px 0px;
border: 1px solid #ccc;
text-align: left;
background-color: rgb(239,238,220);
box-shadow: 5px 5px 10px #000;
}
.box h2, .box h3{
padding: 15px 0;
font-size: 18pt;
font-weight:normal;
}
.box dl {
padding: 15px 0;
width:300px;
}
.box dt {
width:100px;
float:left;
}
.box dd {
}
#yanagawa{
padding:0 0 20px 0;
margin:0;
width:335px;
}
.googlemap{
clear:both;
padding:0;
height: 600px;
width:706px;
margin:	0px 0px 30px 0px;
border: 1px solid #ccc;
text-align: left;
background-color: rgb(239,238,220);
box-shadow: 5px 5px 10px #000;
}

.policy h2 {
margin: 0;
padding: 25px 0 5px 0;
font-size: 18pt;
font-weight:bold;
height: auto;
}

.policy ul {
list-style-type : disc;
padding: 0 0 0 50px;
}