﻿@charset "UTF-8";

body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object { 
margin:0; 
padding:0; 
vertical-align:baseline; 
} 

html {
background:#f6f0de;
overflow-x:hidden;
}

body {
margin:0px;
padding:0px;
height:100%;
color:#4d4d4d;
font-size:12px;
line-height:160%;
text-align:center;
background:#FFFFFF;
}

h1,h2,h3 {
font-size:10px;
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
text-indent:-9999px;
}

h4,h5,h6,h7,h8 {
font-size:12px;
}

ul,li {
list-style-type:none;
}

img {
border:0;
vertical-align: top;
}
a {outline:0;}
a:link {color:#95806B; text-decoration:none;}
a:visited {color:#95806B; text-decoration:none;}
a:active {color:#655749; text-decoration:underline;}
a:hover {color:#655749; text-decoration:underline;}

.fllf {float:left;}
.flri {float:right;}
.mr20 {margin-right:20px;}
.mr15 {margin-right:15px;}

.cl {clear:both;}

strong,em {
font-style:normal;
font-weight:normal;
}

.backtotop{
background:url(../images/btt.gif) no-repeat 0% 65%;
padding-left:11px;
font-size:10px;
float:right;
}

.texcen{text-align:center;}
.texlef{text-align:left;}
.texrig{text-align:right;}

.bold{font-weight:bold;}
.tel{
font-weight:bold;
font-size:18px;
}

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../images/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* --------- /2:clearfix --------- */

/* ------------------------------------------------------------ */

#wrapper{
text-align:left;
}

/* ------------------------------------------------------------ */

#topswf_bg {
width:100%;
height:500px;
background:#FFF url(../images/topswf_bg.gif) repeat-x;
}



/* ------------------------------------------------------------ */

#navibox {
width:100%;
background:url(../images/bg_navi.jpg) repeat-x;
}

#navi {
width:900px;
margin:0 auto;
background:#FFFFFF;
}

ul#naviul {
width:900px;
height:65px;
background-image:url(../images/navi.jpg);
background-repeat: no-repeat;
margin:0 auto;
}

ul#naviul a {
text-decoration:none;
text-indent:-100000px;
display:block;
height:65px;
background-image:url(../images/navi.jpg);
}

#navi ul {
width:900px;
margin:0 auto;
}

#navi li {
list-style:none;
float:left;
}

a.navi1 {
width:248px;
}

a.navi1:hover,a.active1 {
background-position:0 -65px;
}

a.navi2 {
width:163px;
background-position:-248px 0;
}

a.navi2:hover,a.active2 {
background-position:-248px -65px;
}

a.navi3 {
width:163px;
background-position:-411px 0px;
}

a.navi3:hover,a.active3 {
background-position:-411px -65px;
}

a.navi4 {
width:163px;
background-position:-574px 0px;
}

a.navi4:hover,a.active4 {
background-position:-574px -65px;
}

a.navi5 {
width:163px;
background-position:-737px 0px;
}

a.navi5:hover,a.active5 {
background-position:-737px -65px;
}


/* ------------------------------------------------------------ */

#contentsbox {
width:100%;
background:#FFFFFF;
}

#contents {
width:900px;
background:#FFFFFF;
margin:0 auto;
padding:30px 0 0 0;
}

#container {
width:900px;
margin:0 auto;
}

#leftbox {
width:440px;
float:left;
}

#leftbox h4 {
margin:0 0 10px 0;
padding:0;
}

#rightbox {
width:420px;
float:right;
text-align:right;
}

#rightbox_left {
width:200px;
float:left;
}

#rightbox_left img{
margin:0 0 20px 0;
}

#rightbox_right {
width:200px;
float:right;
}

#contact {
width:900px;
margin:20px auto 0 auto;
padding:0 0 20px 0;
text-align:center;
clear:both;
}

/* ------------------------------------------------------------ */

#infobox{padding-top: 15px;}

ul#info li{
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 1px dotted #ccc;
}

/* ------------------------------------------------------------ */

#footer {
padding:20px 0 0 0;
width:100%;
background:#95806B url(../images/bg_footer.jpg) repeat-x;
}

#footer-inner {
width:900px;
margin:0 auto;
text-align:right;
color:#fff;
}

#footer-menu li {
display:inline;
}

address {
font-style:normal;
padding-bottom:20px;
color:#fff;
}

#footer a:link,#footer a:visited {color:#633600; text-decoration:none;}
#footer a:active,#footer a:hover {color:#fff; text-decoration:underline;}