/*---base---*/
body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal; 
font-style:normal; 
font-size:75%; 
line-height:160%; 
text-align:center; 
color:#666666;}

#top {
background-color:#666666;
}

#mao {
background-color:#3B6A5B;
}

#cap {
background-color:#3C6275;
}

*{
margin:0px; 
padding:0px}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

#wrapper{
margin:0px auto; 
width:800px; 
text-align:left}

#base {
width:800px; 
float:left;
background-repeat:repeat-y;
}

#top #base {
background-image:url(../img/base-top.jpg);
}

#mao #base {
background-image:url(../img/base-mao.jpg);
}

#cap #base {
background-image:url(../img/base-cap.jpg);
}

#header{
width:800px; 
float:left;
background-repeat:no-repeat;
position:relative;
}

#top #header{
background-image:url(../img/head-top.jpg);
}

#mao #header{
background-image:url(../img/head-mao.jpg);
}

#cap #header{
background-image:url(../img/head-cap.jpg);
}

#top #header h1{
height:60px;
margin:70px 0 0 650px;
float:left;
display:inline;
}

#top #header dl {
width:800px;
height:260px;
text-align:center;
float:left;
}

#top #header dt{
margin:0 0 30px 0;
}

#mao #header h1,
#cap #header h1{
height:60px;
margin:70px 0 0 40px;
float:left;
display:inline;
}

#header ul{
margin:70px 40px 0 0;
float:right;
list-style-type:none;
display:inline;
}

#header ul li{
width:290px;
height:80px;
float:left;
}

#header ul li a{
width:290px;
height:80px;
float:left;
display:block;
background-repeat:no-repeat;
text-indent:-9999px;
}

#head-mao a:link,
#head-mao a:visited{
background-image:url(../img/head-btn-mao.jpg);
}

#head-mao a:hover,
#head-mao a:active{
background-image:url(../img/head-btn-mao-ov.jpg);
}

#head-mao-c a:link,
#head-mao-c a:visited,
#head-mao-c a:hover,
#head-mao-c a:active{
background-image:url(../img/head-btn-mao-ov.jpg);
}

#head-cap a:link,
#head-cap a:visited{
background-image:url(../img/head-btn-cap.jpg);
}

#head-cap a:hover,
#head-cap a:active{
background-image:url(../img/head-btn-cap-ov.jpg);
}

#head-cap-c a:link,
#head-cap-c a:visited,
#head-cap-c a:hover,
#head-cap-c a:active{
background-image:url(../img/head-btn-cap-ov.jpg);
}

#head-desc {
position:absolute;
top:10px;
left:10px;
font-size:85%;
color:#FFFFFF;
}

#head-info {
position:absolute;
top:118px;
left:40px;
}

#locator {
width:800px;
float:left;
line-height:30px;
}

#locator ul {
margin:0 40px 0 0;
display:inline;
float:right;
list-style-type:none;
}

#locator ul li{
font-size:85%;
float:left;
color:#bbbbbb;
margin:0 3px 0 0;
display:inline;
}

#main{
width:800px; 
float:left;
}

a:link, a:visited{
color:#999999; 
text-decoration:none}

a:active, a:hover{
color:#333333; 
text-decoration:none}

a:hover img{
filter:Alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main-image {
width:580px;
float:left;
padding-bottom:30px;
}

#contents {
width:580px;
float:right;
display:inline;
margin:0 50px 0 0;
}

.article {
width:580px;
float:left;
padding-bottom:50px;
}

.article .image01{
float:right;
margin:0 0 20px 20px;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav {
width:200px;
margin:-10px 0 0 -60px;
position:relative;
float:left;
padding-bottom:30px;
clear:left;
display:inline;
}

.nav ul{
width:200px;
float:left;
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:20px;
list-style-type:none;
}

#mao .nav ul{
background-image:url(../img/nav-btm-mao.jpg);
}

#cap .nav ul{
background-image:url(../img/nav-btm-cap.jpg);
}

.nav ul li{
width:200px;
float:left;
background-image:url(../img/nav-mao.jpg);
padding-bottom:5px;
}

#mao .nav ul li{
background-image:url(../img/nav-mao.jpg);
}

#cap .nav ul li{
background-image:url(../img/nav-cap.jpg);
}

.nav ul li a{
width:200px;
display:block;
float:left;
background-repeat:no-repeat;
background-position:25px 18px;
}

.nav ul li a:link,
.nav ul li a:visited{
background-image:url(../img/nav-icon.gif);
}

.nav ul li a:hover,
.nav ul li a:active{
background-image:url(../img/nav-icon-ov.gif);
}

.nav ul li.current a:link,
.nav ul li.current a:visited,
.nav ul li.current a:hover,
.nav ul li.current a:active{
background-image:url(../img/nav-icon.gif);
}

.nav ul li a em{
margin:12px 20px 0 40px;
font-style:normal;
float:left;
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#top #footer{
width:640px;
float:left;
margin:0 80px 30px;
display:inline;
}

#mao #footer{
width:720px;
float:left;
margin:0 40px 30px;
display:inline;
}

#cap #footer{
width:720px;
float:left;
margin:0 40px 30px;
display:inline;
}

#footer h2{
width:180px;
height:30px;
float:left;
}

#footer h2 a{
width:180px;
height:30px;
float:left;
display:block;
background-repeat:no-repeat;
text-indent:-9999px;
}

#footer h2 a:link,
#footer h2 a:visited{
background-image:url(../img/top-footer01.jpg);
}

#footer h2 a:hover,
#footer h2 a:active{
background-image:url(../img/top-footer01-ov.jpg);
}

#footer-link{
height:30px;
background-color:#999999;
float:right;
}

#top #footer-link{
width:460px;
}

#mao #footer-link{
width:540px;
}

#cap #footer-link{
width:540px;
}

#footer-link ul{
margin:10px 20px 0 0;
float:right;
list-style-type:none;
display:inline;
}

#footer-link li{
float:left;
display:inline;
margin:0 0 0 20px;
}

#common-banner {
width:640px;
float:left;
margin:0 80px 0;
padding-bottom:30px;
display:inline;
}

#common-banner li{
float:left;
display:inline;
margin:0 0 0 28px;
}

address {
width:800px;
padding:20px 0;
background-repeat:no-repeat;
text-align:center;
font-size:75%;
font-style:normal;
float:left;
}

#top address {
background-image:url(../img/copyright-top.jpg);
}

#mao address {
background-image:url(../img/copyright-mao.jpg);
}

#cap address {
background-image:url(../img/copyright-cap.jpg);
}

address a:link,
address a:visited,
address a:hover,
address a:active{
color:#FFFFFF;
}

/*--common---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.common-title {
width:720px;
float:left;
margin:0 40px 0;
padding-bottom:30px;
display:inline;
}

.headline3 {
width:580px;
line-height:185%;
float:left;
font-size:185%;
font-weight:bold;
color:#AAAAAA;
border-bottom:1px solid #cccccc;
margin:0 0 20px 0;
}

/*---top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.top-box01 {
padding:0 40px 40px 80px;
list-style-type:none;
float:left;
}

.top-box01 li{
width:300px;
float:left;
margin:0 40px 0 0;
}

.top-box01 li dl dt{
width:300px;
float:left;
margin:0 0 10px 0;
text-align:center;
}

.top-box01 li dl dd{
width:300px;
float:left;
padding:0 0 10px 0;
}

.top-box01 li dl dl dt{
margin:0 0 0 0;
text-align:left;
font-family:Arial;
font-size:135%;
font-weight:bold;
color:#aaaaaa;
}

/*---cap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#jdsgShowcase
{width:580px; 
height:320px; 
overflow:hidden;
margin-bottom:30px;}

.jdGallery
{overflow:hidden; 
position:relative}

.jdGallery .slideElement
{width:100%; 
height:100%}