@charset "utf-8";


/* contents
---------------------------------------------------- */
#contents{
background-image:url("../img/bg_contents.gif");
background-repeat:repeat-y;
padding:5px 10px 30px 10px;
}


/* メインビジュアル
---------------------------------------------------- */

#mainVisual{
position: relative;
margin-top:0px;width: 748px;
height:277px;
margin-bottom:10px;
text-align:left;
margin-right:auto;
margin-left:auto;
}

#mainVisual:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainVisual{
min-height:1%;
}

*html #mainVisual{
height:1%;
overflow:visible;
}

#mainVisual #main {
position: relative;
width: 748px;
height: 277px;
overflow: hidden;
}

#mainVisual #noxml {
width: 748px;
height: 277px;
display:none;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:100;
}

#mainVisual #nojs {
width: 748px;
height: 277px;
margin-bottom:20px;
position: absolute;
top:0;
left:0;
z-index:200;
}

#mainVisual #loading {
text-align: center;
display: none;
}

#mainVisual #loading img {
margin-top: 130px;
}

#mainVisual #intro {
position: absolute;
width: 748px;
height: 277px;
text-align: center;
}

#mainVisual #intro img {
margin-top: 80px;
}

#mainVisual .wait {
position: absolute;
width: 748px;
padding: 0;
margin: 0;
display: none;
}

#mainVisual #spacer {
position: absolute;
width: 748px;
padding: 0;
margin: 0;
z-index:5000;
display: none;
}

#mainVisual #mainVisualnav{
float:right;
margin-top:5px;
position: relative;
height: 8px; /* 6px(ボタン高さ) + 2px(ボーダー上下) */
}

#mainVisualnav:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #mainVisualnav{
min-height:1%;
}

*html #mainVisualnav{
height:1%;
overflow:visible;
}

#mainVisual #mainVisualnav span{
display:block;
float:left;
font-size:0;
line-height:0;
margin-left:5px;
position: relative;
width: 21px;
height: 5px;
}

#mainVisual #mainVisualnav span img{
font-size:0;
line-height:0;
position: absolute;
}

#mainVisual #mainVisualnav span img.btnImgOn {
z-index: 10;
}

#mainVisual #mainVisualnav span img.btnImgOff {
z-index: 20;
}

#mainVisual #mainVisualnav a,
#mainVisual #mainVisualnav a img {
outline: none
}

#contents01{
float:left;
width:349px;
}

#contents01 #contents01Tl{
background-image:url("../img/top_line_01.gif");
background-repeat:no-repeat;
background-position:bottom;
margin-left:10px;
padding-bottom:2px;
}

#contents01 #contents01Tl:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #contents01 #contents01Tl{
min-height:1%;
}

*html #contents01 #contents01Tl{
height:1%;
overflow:visible;
}

#contents01 h2{
float:left;
}

#contents01 ul{
float:right;
}

#contents01 ul li{
float:left;
margin-right:5px;
}

#contents01 .section{
background-image:url("../img/top_line_02.gif");
background-repeat:no-repeat;
background-position:bottom;
margin-top:10px;
margin-left:10px;
padding-bottom:10px;
}

#contents01 .section:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #contents01 .section{
min-height:1%;
}

*html #contents01 .section{
height:1%;
overflow:visible;
}

#contents01 .section img{
float:left;
padding-right:10px;
}

#contents01 .section dl{
}

#contents01 .section dl dt,
#contents01 .section dl dd{
font-size:70%;
line-height:150%;
color:#666666;
}

#contents01 p{
float:right;
font-size:70%;
line-height:150%;
background-image:url("../img/arrow.gif");
background-position:0 0.2em;
background-repeat:no-repeat;
margin-top:10px;
padding-left:10px;
}

#contents02{
float:right;
width:378px;
background-image:url("../img/top_bg_gallery.gif");
background-repeat:no-repeat;
background-position:bottom;
}

#contents:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #contents{
min-height:1%;
}

*html #contents{
height:1%;
overflow:visible;
}

#contents02 ul{
margin:10px 0 0 9px;
}

#contents02 ul li{
float:left;
margin-right:5px;
}

#contents02 ul:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html #contents02 ul{
min-height:1%;
}

*html #contents02 ul{
height:1%;
overflow:visible;
}

#contents02 dl{
margin:15px 0 10px 15px;
}

#contents02 dl dt{
float:left;
font-size:70%;
background-image:url("../img/top_arrow.gif");
background-position:0 0.2em;
background-repeat:no-repeat;
padding-left:10px;
}

#contents02 dl dd{
font-size:70%;
color:#666666;
margin-left:6em;
}