@import url("./base.css") ;

/* =========================
CONTS
============================ */
#conts {
width: 805px;
background: url(../img/conts_top_bg03.jpg) no-repeat;
background-position: 0 165px;
}

/* =========================
LEFT
============================ */
/* -------------------------
header
---------------------------- */
#header {
}
#header h1{
margin: 20px 0px 0px 20px;
padding: 0;
background: url(../img/logo.jpg) no-repeat;
width: 400px;
height: 90px;
}
#header h1 a{
display: block;
width: 400px;
height: 90px;
}
#header h1 a:hover{
background: url(../img/logo_g.jpg) no-repeat;
}
/* -------------------------
contsBody
---------------------------- */
h2.topCatch {
margin: 0;
padding: 0;
background: url(../img/top_h2_catch.gif) no-repeat top left;
width: 515px;
height: 100px;
text-indent: -10000px;
}
/* -------------------------
contsBody -- topInfoBox
---------------------------- */
.topInfoBox h2 {
margin: 30px 0px 0px 0px;
padding: 0;
background: url(../img/title_top_info.gif) no-repeat top left;
width: 250px;
height: 70px;
text-indent: -10000px;
}
.topInfoBox dl {
margin: 10px 0px 0px 0px;
padding: 0;
}
.topInfoBox dt {
margin: 10px 0px 0px 0px;
padding: 0px 0px 5px 20px;
background: url(../img/point01.gif) no-repeat top left;
font-weight: bold;
color: #ffcc33;
}
.topInfoBox dd {
margin: 0px;
padding: 0px 0px 0px 20px;
}
.topInfoBox dd.more {
margin: 0px;
padding: 10px 0px 3px 0px;
text-align: right;
border-bottom: 1px dotted #333333;
color: #999966;
}

/* -------------------------
contsBody -- topGalleryBox
---------------------------- */
.topGalleryBox h2 {
margin: 0;
padding: 0;
background: url(../img/title_top_gallery.gif) no-repeat top left;
width: 250px;
height: 70px;
text-indent: -10000px;
}
.topGalleryBox dl {
margin: 30px 5px 0px 0px;
padding: 0;
}
.topGalleryBox dt {
margin: 0px;
padding: 0;
font-weight: bold;
color: #cc9966;
font-size: 105%;
letter-spacing: 0.3em;
}
.topGalleryBox dt.new {
color: #ffcc33;
}
.topGalleryBox dt img{
border: none;
}
.topGalleryBox dt a{
display: block;
width: 500px;
height: 60px;
border: 1px dotted #666666;
}
.topGalleryBox dt a:hover{
border: 1px dotted #cccccc;
}

.topGalleryBox dd {
margin: 10px 0px 0px 0px;
padding: 0;
}