@charset "UTF-8";

/*****styel_defult_stylesheet*********/
*{
margin:0;
padding:0;
}

body{
padding:0;/*for_opera*/
margin:0 auto;
border:none;
font-family:"";
line-height:1.5;
text-align:center;/*for_ie5*/
font-size:100%;
width:100%;
background-color:#ffffff;
}

p,th,td,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,caption{
padding:0;
margin:0;
border:none;
color:#000;
text-align:left;
}

/**** common_setting ******/

a{
display:block;
}

a img {
border-style:none;
}

a:link{color:#ff6600;}
a:visited{color:#ff6600;} 
a:hover{color:#663300;} 
a:active{color:#ff6600;} 


.hide{
text-indent:-9999px;
display:block;
}

.clear{
clear:both;
}

hr{
display:none;
clear:both;
}

li{
list-style:none;
}

#wapper{
width:1024px;
margin:0 auto;
}
#wapper_top{
width:1120px;
margin:0 auto;
}

#side{
width:200px;
float:left;
}
.title{
width:200px;
height:50px;
margin:130px 0 0 0;
background:url(../images/m_about.gif) top left no-repeat transparent;
display:block;
}
.title_design{
width:200px;
height:50px;
margin:130px 0 0 0;
background:url(../images/m_design.gif) top left no-repeat transparent;
display:block;
}
.title_design a{
width:200px;
height:50px;
margin:130px 0 0 0;
background:url(../images/m_design.gif) top left no-repeat transparent;
display:block;
}
.title_contact{
width:200px;
height:50px;
margin:130px 0 0 0;
background:url(../images/m_contact.gif) top left no-repeat transparent;
display:block;
}

.about_fla{
width:200px;
height:90px;
}

#side_navi{
width:200px;
margin:335px 0 0 0 ;
}

#main_contents{
width:824px;
height:auto;
float:left;

}

#address{
width:200px;
height:20px;
padding:0 0 0 824px;
clear:both;
background:url(../images/address.gif) top right no-repeat transparent;
display:block;
}


/*******side_nabi******/



.btn_top a{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_top.gif) bottom left no-repeat transparent;
display:block;
}
.btn_top a:hover{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_top.gif) top left no-repeat transparent;
display:block;
}
.btn_top a.current{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_top.gif) top left no-repeat transparent;
display:block;
}

.btn_about a{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_about.gif) bottom left no-repeat transparent;
display:block;
}
.btn_about a:hover{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_about.gif) top left no-repeat transparent;
display:block;
}
.btn_about a.current{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_about.gif) top left no-repeat transparent;
display:block;
}


.btn_design a{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_design.gif) bottom left no-repeat transparent;
display:block;
}
.btn_design a:hover{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_design.gif) top left no-repeat transparent;
display:block;
}
.btn_design a.current{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_design.gif) top left no-repeat transparent;
display:block;
}


.btn_contact a{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_contact.gif) bottom left no-repeat transparent;
display:block;
}
.btn_contact a:hover{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_contact.gif) top left no-repeat transparent;
display:block;
}
.btn_contact a.current{
width:200px;
height:30px;
overflow:hidden;
background:url(../images/btn_contact.gif) top left no-repeat transparent;
display:block;
}