/* bass */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	line-height: 25px;
	font-weight: normal;
}

a{
text-decoration:none;}


a:link {
	color: #FF6600;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
		font-weight: normal;

}
a:hover
{
	color: #FF0000;
	text-decoration: none;
}

#wrap{
	width: 100%;
	position: absolute;
}

#contents
{
	position: absolute;
	left: 200px;
	top: 200px;
}
.top_image{
	float: left;
	height: 700px;
	width: 800px;
}

.bx{
	float: left;
	height: 700px;
	width: 400px;
}
.bxslider1,.bxslider2{
	float: left;
	height: 600px;
	width: 400px;
	
}
#header
{
	height: 200px;
	width:  400px;
	position: absolute;
	z-index: 1;
	left: 200px;
	top: 0px;
}




#side_navi
{
	width: 200px;
	position: absolute;
	z-index: 2;
}


#tel
{
	height: 200px;
	width:  200px;
	position: absolute;
	z-index: 2;
	right: 50px;
}
.logo
{
	float: left;
	height: 200px;
	width: 200px;
}

.navi01
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi01.png);
}
.navi02
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi02.png);
}
.navi03
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi03.png);
}
.navi04
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi04.png);
}
.navi05
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi05.png);
}
.navi06
{
	float: left;
	height: 50px;
	width: 200px;
	overflow: hidden !important;
	background-image: url(../images/navi06.png);
}

.navi01 img
{margin-left: -200px;}
.navi02 img
{margin-left: -200px;}
.navi03 img
{margin-left: -200px;}
.navi04 img
{margin-left: -200px;}
.navi05 img
{margin-left: -200px;}
.navi06 img
{margin-left: -200px;}





.footer
{
	float: left;
	height: 200px;
	width: 400px;
}



@media all and (min-width: 320px) {
#wrap{
width: 960px;
}
.contents01{float: left;width: 510px;}
.contents02{float: left;width: 250px;}
}

@media all and (min-width: 960px) {
#wrap{
width: 100%;
}
.contents01{float: left;width: 60%;	}
.contents02{float: left;width: 40%;}
}
@media all and (min-width: 1200px) {
#wrap{
width: 1200px;
}
.contents01{float: left;width: 600px;}
.contents02{float: left;width: 400px;}
}