@charset 'UTF-8';

body {
background: url(../img/bg.gif) repeat-y #000000;
margin: 0;
padding: 0;
font-size: 78%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','Osaka',sans-serif;
font-weight: normal;
line-height: 1.2;
}

span.disNon {
display: none;
}
p.rightTxtS {
font-size: 78%;
text-align: right;
}
br.clear {
clear: both;
}
img.iconWo {
border: none;
}

/* =========================
TOPPAGE
============================ */
#topPage {
text-align: center;
}
#topPagePage {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#topPage h1{
text-indent: -10000px;
margin: 20px 0px 0px 0px;
padding: 0;
background: url(../img/top_img.jpg) no-repeat;
width: 800px;
height: 470px;
}
#topPage h2{
margin: 0;
padding: 0;
background: url(../img/top_catch.jpg) no-repeat;
width: 800px;
height: 50px;
}
#topPage h2 a{
display:block;
width: 800px;
height: 50px;
background: url(../img/top_catch.jpg) no-repeat;
}
#topPage h2 a:hover{
background: url(../img/top_catch02.jpg) no-repeat;
}
#topPagePage dl{
text-align: left;
border-top: 1px dotted #333333;
margin: 0;
padding: 20px 0px 20px 0px;
}
#topPagePage dt{
font-family: Arial, Helvetica;
color:#333333;
font-weight: bold;
margin: 0;
padding: 0;
}
#topPagePage dd{
margin: 0px 10px 0px 0px;
padding: 0;
display: inline;
}
#topPagePage dd img{
border: none;
}
#topPagePage dd a:hover{
text-decoration: none;
}
#topPagePage dd a:link {
color: #ffffff;
}
#topPagePage dd a:visited {
color: #666666;
}
#topPagePage dd a:active {
color: #666666;
}


/* =========================
CONT
============================ */
#cont {
background: url(../img/menu_bg.gif) repeat-x;
background-position: 0 110px;
}


/* =========================
LEFT
============================ */
#left {
width: 570px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/* -------------------------
header
---------------------------- */
#header {
}
#header h1{
margin: 20px 0px 0px 20px;
padding: 0;
background: url(../img/logo_g.jpg) no-repeat;
width: 400px;
height: 90px;
}
#header h1 a{
display: block;
width: 400px;
height: 90px;
}
#header h1 a:hover{
background: url(../img/logo.jpg) no-repeat;
}

/* -------------------------
menu
---------------------------- */
#menu {
}
#menu ul{
margin: 0px 0px 0px 20px;
padding: 0;
list-style: none;
background: url(../img/menu_btn_g.gif) no-repeat;
height: 55px;
}
#menu li{
float: left;
}
#menu li.gallery {
width: 130px;
}
#menu li.prof {
width: 125px;
}
#menu li.guide {
width: 110px;
}
#menu li.info {
width: 145px;
}
#menu li.gallery a{
display: block;
height: 55px;
width: 130px;
}
#menu li.prof a{
display: block;
height: 55px;
width: 125px;
}
#menu li.guide a{
display: block;
height: 55px;
width: 110px;
}
#menu li.info a{
display: block;
height: 55px;
width: 145px;
}
#menu li.gallery a:hover{
background: url(../img/menu_btn.gif) no-repeat;
background-position: 0 0;
}
#menu li.prof a:hover{
background: url(../img/menu_btn.gif) no-repeat;
background-position: -130px 0;
}
#menu li.guide a:hover{
background: url(../img/menu_btn.gif) no-repeat;
background-position: -255px 0;
}
#menu li.info a:hover{
background: url(../img/menu_btn.gif) no-repeat;
background-position: -365px 0;
}

/* -------------------------
contsBody
---------------------------- */
#contsBody {
margin: 0;
padding: 10px 25px 50px 30px;
color: #ffffff;
}
#contsBody a:hover{
text-decoration: none;
}
#contsBody a:link {
color: #ffffff;
}
#contsBody a:visited {
color: #666666;
}
#contsBody a:active {
color: #666666;
}


/* =========================
RIGHT
============================ */
#right {
width: 200px;
height: 450px;
margin: 0px 0px 0px 570px;
padding: 0px;
color: #ffffff;
background: url(../img/topics_bg.gif) no-repeat;
background-position: 0px 0px;
font-size: 95%;

}
#right p.mailBtn {
margin: 0;
padding: 0;
width: 200px;
height: 40px;
background: url(../img/mail_btn.gif) no-repeat;
}
#right p.mailBtn a{
display: block;
width: 200px;
height: 40px;
background: url(../img/mail_btn.gif) no-repeat;
}
#right p.mailBtn a:hover{
display: block;
width: 200px;
height: 40px;
background: url(../img/mail_btn02.gif) no-repeat;
}

#right p.mailFormBtn {
margin: 0px 0px 0px 10px;
padding: 0;
width: 180px;
height: 60px;
background: url(../img/mailform_btn.gif) no-repeat;
}
#right p.mailFormBtn a {
display: block;
width: 180px;
height: 60px;
background: url(../img/mailform_btn.gif) no-repeat;
}
#right p.mailFormBtn a:hover {
display: block;
width: 180px;
height: 60px;
background: url(../img/mailform_btn02.gif) no-repeat;
}

#right ul{
margin: 0;
padding: 10px;
list-style: none;
}
#right ul li{
margin: 0;
padding: 0px 0px 15px 15px;
background: url(../img/point02.gif) no-repeat top left;
}
#right dl{
margin: 0;
padding: 10px 10px 0px 10px;
}
#right dt{
margin: 0;
padding: 3px;
background: #333300;
}
#right dd{
margin: 5px 0px 0px 0px;
padding: 0px 0px 15px 10px;
background: url(../img/point02.gif) no-repeat top left;
}

#right a:hover{
text-decoration: none;
}
#right a:link {
color: #ffffcc;
}
#right a:visited {
color: #ffffcc;
}
#right a:active {
color: #ffffff;
}


/* =========================
FOOTER
============================ */
#footer {
clear: both;
margin: 0px 0px 30px 30px;
padding: 0;
color: #666666;
}
#footer a:hover{
text-decoration: none;
}
#footer a:link {
color: #999999;
}
#footer a:visited {
color: #666666;
}
#footer a:active {
color: #666666;
}
#footer ul.footerMenu{
margin: 0;
padding: 0;
list-style: none;
}
#footer ul.footerMenu li{
margin: 0;
padding: 0;
display: inline;
}
#footer p.copyright{
font-size: 78%;
margin: 30px 0px 0px 0px;
padding: 0;
}

.gAd {
margin: 50px 0px 0px 0px;
}