/* base
-------------------------------------------------- */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
}

body {
font-size: 75%;
font-family: sans-serif;
line-height: 1.5;
}

img {
vertical-align: top;
border: none;
}

p {
color: #333;
padding-bottom: 7px;
}

a {
color: #09c;
text-decoration: none;
}

a:hover {
color: #f60;
}


/* layout
-------------------------------------------------- */
body {
background: url(../image/bg.gif);
}

#wrapper {
width: 830px;
margin: 0 auto;
background: #fff;
}

#content {
clear: both;
padding-top: 20px;
width: 830px;
}

#primary {
float: right;
padding-right: 20px;
width: 538px;
}

#secondary {
float: left;
width: 252px;
padding-left: 20px;
}


/* header
-------------------------------------------------- */
#header {
position: relative;
overflow: hidden;
width: 830px;
height: 124px;
padding-top: 7px;
background: url(../image/header.jpg) left top repeat;
}

#header1 {
position: relative;
overflow: hidden;
width: 830px;
height: 134px;
padding-top: 7px;
background: url(../image/header1.jpg) left top repeat;
}


/* utilitynavi
-------------------------------------------------- */
#utilitynavi {
width: 300px;
position: absolute;
top: 77px;
left: 520px;
}

#utilitynavi li {
float: left;
}

#utilitynavi li a {
font-size: 90%;
color: #333;
}

#utilitynavi li a:hover {
color: #f60;
}

#utilitynavi li#toppage a {
color: #f60;
}



#utilitynavi1 {
width: 300px;
position: absolute;
top: 87px;
left: 520px;
}

#utilitynavi1 li {
float: left;
}

#utilitynavi1 li a {
font-size: 90%;
color: #333;
}

#utilitynavi1 li a:hover {
color: #f60;
}

#utilitynavi1 li#toppage a {
color: #f60;
}


/* globalnavi
-------------------------------------------------- */
#globalnavi {
clear: both;
position: absolute;
width: 100%;
top: 97px;
left: 0;
background: url(../image/header_bg_a.jpg) left top repeat-x;
}

#globalnavi ul {
height: 33px;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
}

#globalnavi ul li {
float: left;
font-size: 120%;
width: 164px;
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
overflow: hidden;
text-align: center;
}

#globalnavi ul li a {
display: block;
color: #666;
padding: 7px;
}

#globalnavi ul li a:hover {
color: #f60;
background: url(../image/header_bg_b.jpg) left top repeat-x;
}




#globalnavi1 {
clear: both;
position: absolute;
width: 100%;
top: 107px;
left: 0;
background: url(../image/header_bg_a.jpg) left top repeat-x;
}

#globalnavi1 ul {
height: 33px;
overflow: hidden;
border-bottom: 1px solid #e5e5e5;
}

#globalnavi1 ul li {
float: left;
font-size: 120%;
width: 164px;
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
overflow: hidden;
text-align: center;
}

#globalnavi1 ul li a {
display: block;
color: #666;
padding: 7px;
}

#globalnavi1 ul li a:hover {
color: #f60;
background: url(../image/header_bg_b.jpg) left top repeat-x;
}



/* footer
-------------------------------------------------- */
#footer {
clear: both;
width: 830px;
font-size: 120%;
text-align: center;
padding: 10px 0;
border-top: 1px dotted #666;
}

#copyright {
color: #333;
text-align: center;
padding: 10px 0;
background: url(../image/footer_bg.jpg);
}


/* text color
-------------------------------------------------- */
.text_black {
color: #000;
}

/* font-size
-------------------------------------------------- */
.fontsize80 {
font-size: 90%;
line-height: 2;
}

/* 
-------------------------------------------------- */
#logo {
padding: 10px 0 0 20px;
}

.lead {
padding: 0 0 0 20px;
color: #666;
}

.bana {
padding-bottom: 7px;
}

.route-area {
width: 538px;
padding-top: 30px;
}

.route-left {
float: left;
width: 257px;
}

.route-right {
float: right;
width: 257px;
}

.pagetop {
text-align: right;
color: #000;
font-size: 100%;
}

.clear {
clear: both;
}

.imgleft {
float: left;
}

.imgleft1 {
float: left;
padding-right: 10px;
}

.imgright {
float: right;
}

.line {
border-bottom: 1px dotted #ccc;
}