﻿body {
font-size: 12px;
background-color: #FFFFFF;
margin: 10px auto 10px auto;
background-image: url(img/background.gif);
background-repeat: repeat-x;
color: #333333;
}

a:link {
color: #3366CC;
}
a:visited {
color: #3366CC;
}
a:hover {
color: #FF0000;
}
a:active {
color: #FFFF00;
}

h2{
font-size: 120%;
color: #FF0000;
}

h2 a:link {
color: #FF0000;
text-decoration: none;
}
h2 a:visited {
color: #FF0000;
text-decoration: none;
}
h2 a:hover {
color: #FF0000;
text-decoration: none;
}
h2 a:active {
color: #FF0000;
text-decoration: none;
}

img{
border-style:none;
}


ul{
text-align: left;
}

strong {
color : #FF0000;
}

.box {
width: 790px;
margin: 0px auto 0px auto;
text-align: left;
background-color: #FFFFFF;
border-top: 1px solid #003399;
border-bottom: 1px solid #003399;
border-right: 1px solid #003399;
border-left: 1px solid #003399;
}

#header_box{
margin: 0px auto 0px auto;
text-align: left;
width: 790px;
height: 130px;
background-image: url(img/header_bg.gif);
border-bottom: 1px solid #003399;
}

#header{
margin: 0px auto 0px auto;
width: 790px;
height: 70px;
}

#header h1{
margin:  0px 0px 0px 0px;
padding: 45px 0px 10px 480px;
font-size: 110%;
z-index: 0;
color: #FFFFFF;
}

#header h2{
margin: -144px 0px 0px 0px;
padding: 14px 0px 8px 0px;
text-align: center;
font-size: 100%;
font-weight: lighter;
text-decoration: none;
z-index: 5;
}

#header p{
color: #000000;
margin:  44px 0px 0px 0px;
padding: 2px 0px 5px 0px;
text-align: center;
font-size: 90%;
z-index: 5;
}

#header img{
float: left;
position: absolute ;
top: 35px;
margin-left: 5px;
z-index: 5;
}
 

#contents-body{
float: right;
width: 550px;
margin-top: 5px;
margin-right: 10px;
margin-left: 5px;
}

.contents{
background-color: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
width: 550px;
border-bottom: 1px dotted #006699;
}

.contents h3 {
color: #006699;
background-color: #FFFFFF;
border-top: 1px solid #003399;
border-bottom: 1px solid #003399;
border-right: 1px solid #003399;
border-left: 8px solid #003399;
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
padding: 2px 0px 0px 2px;
}

.contents h4 {
color: #006699;
background-color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
padding: 2px 0px 0px 2px;
}

.contents p{
margin: 0px;
font-size: 14px;
text-align: left;
line-height: 16px;
padding: 10px 0px 10px 0px;
}


.contents ul{
font-size: 14px;
}


.contents img{
text-align:center;
}



.contents table{
width: 550px;
border: solid 1px #003399;
border-collapse: collapse;
}

.contents tr,td{
font-size:14px;
color: #333333;
text-align: left;
border: solid 1px #003399;
}

.sub-contents h4 {
color: #006699;
background-color: #FFFFFF;
border-top: 1px solid #003399;
border-bottom: 1px solid #003399;
border-right: 1px solid #003399;
border-left: 8px solid #003399;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
margin-left: 5px;
padding: 2px 0px 0px 2px;
}

.sub-contents p{
margin-left: 5px;
font-size: 14px;
text-align: left;
line-height: 16px;
padding: 10px 0px 10px 0px;
}


.sub-photo{
margin-left: 5px;
font-size: 14px;
text-align: center;
line-height: 16px;
padding: 10px 0px 10px 0px;
}

.sub-photo table,tr{
width:500px;
border: none;
}

.sub-photo td{
border: none;
width:250px;
text-align: center;
}


.item_box{
background-color: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
width: 550px;
}

.item_box h3 {
color: #006699;
background-color: #FFFFFF;
border-top: 1px solid #003399;
border-bottom: 1px solid #003399;
border-right: 1px solid #003399;
border-left: 8px solid #003399;
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
padding: 2px 0px 0px 2px;
}

.item_box h4 {
color: #006699;
background-color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
padding: 2px 0px 0px 2px;
}

.item_box p{
margin: 0px;
font-size: 12px;
text-align: left;
line-height: 16px;
padding: 0px 0px 10px 0px;
}

.item_box img{
float:left;
padding-right: 5px;
}

.contents-box {
margin-bottom: 20px;
text-align: center;
}

#contents-left-menu{
float: left;
width: 200px;
background-color: #FFFFFF;
margin-top: 5px;
margin-left: 5px;
padding: 2px;
border-top: 1px solid #003399;
border-right: 1px solid #003399;
border-left: 1px solid #003399;
border-bottom: 1px solid #003399;
}

#contents-left-menu ul{
list-style: none;
margin: 0;
padding: 0;
}


.leftmenu-title {
font-size: 14px;
margin-bottom:2px;
color: #006699;
border-left: 4px solid #003399;
letter-spacing: 1px;
padding-left:4px;
}

.leftmenu-title a:link {
color: #006699;
text-decoration: none;
}
.leftmenu-title a:visited {
color: #006699;
text-decoration: none;
}
.leftmenu-title a:hover {
color: #FF0000;
text-decoration: none;
}
.leftmenu-title a:active {
color: #FF0000;
text-decoration: none;
}

.leftmenu-link {
font-size: 12px;
padding-left: 12px;
padding-top: 1px;
border-left: 1px solid #003399;
}

.leftmenu-link a:link {
color: #006699;
text-decoration: none;
}
.leftmenu-link a:visited {
color: #006699;
text-decoration: none;
}
.leftmenu-link a:hover {
color: #FF0000;
text-decoration: none;
}
.leftmenu-link a:active {
color: #FF0000;
text-decoration: none;
}

.leftmenu-banner {
text-align: center;
background-color: #FFFFFF;
}

.leftmenu-pick-desc {
margin-top: 10px
text-align: left;
}

#footer{
margin: 0px auto 0px auto;
clear: both;
width: 790px;
height: 35px;
background-color:#006699;
padding: 0px 0px 0px 0px;
margin-top: 0px;
border-top: 1px solid #003399;
}

#footer img{
padding: 2px 4px 2px 4px;
float: left;
}

#footer h3{
color: #FFFFFF;
font-family: Verdana, Arial, "qMmpS Pro W3", "lr oSVbN", "Osaka", sans-serif;
font-size: 90%;
font-weight: normal;
float: right;
padding-top: 9px;
padding-right: 10px;
}

#footer a, #footer a:link, #footer a:visited{
color: #FFFFFF;
text-decoration: none;
}

.red{
color: #FF0000;
}

.center{
text-align:center;
}

.red_big{
color: #FF0000;
font-size: 16px;
font-weight: bold;
}

.small{
font-size: 12px;
}

#inducement{
margin: 50px 10px 20px 10px;
padding: 0px ;
border-color: #FFCC33;
border-width: 1px 2px 3px 1px;
border-style: solid;
}

#inducement h3{
margin-top: -10px;
margin-bottom: 0px;
margin-left: -10px;
background-image: url('img/bn_ad.gif');
background-position: left middle;
background-repeat:no-repeat;
font-size:14px; padding-left:128px; padding-right:0px; padding-top:14px; padding-bottom:10px

}

#inducement p{
margin: 0px 10px 10px 10px;
font-size:12px;
line-height: 18px;
}

#inducement strong{
font-size:12px;
}

#inducement em{
font-size:12px;
font-style: normal;
font-weight: bold;
}

#inducement i{
font-size:12px;
font-style: normal;
font-weight: bold;
}

.location {
color : #000066;
}

.location a:link {
color: #000066;
text-decoration: none;
}
.location a:visited {
color: #000066;
text-decoration: none;
}
.location a:hover {
color: #FF0000;
text-decoration: none;
}
.location a:active {
color: #FF0000;
text-decoration: none;
}

.credit{
padding: 10px 5px 10px 5px;
font-size:12px;
}