@charset "utf-8";
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
	line-height: 1.5;
	color: #333333;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
img { vertical-align: bottom; }


/* font by YUI */
body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	position: relative;/* ieでのポジションがついてこない対策 */

}
table {
    font-size:inherit;
    font:100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }




a{
	color: #333333;
	text-decoration: underline;
}
a:hover{
	color: #333333;
	text-decoration: none;
}


/* center */
/* ライトボックス使ってるからbodyには使えない */
.allWrap{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


/* header ============================================================= */
#header{
	width: 900px;
	height: 288px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	position: relative;/* for hanaBtn */
}
.head{
	text-indent: -9998px;
}

.saleHanaBtn{
	position: absolute;
	top: 23px;
	left: 752px;
}

/* main ============================================================= */
#main{
	background-image: url(../images/dvdBgBottom.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;/* for flv */
}



.flvPlayer{
	width: 382px;
	height: 343px;
	position: absolute;
	top: -77px;
	left: 518px;
	
}

/* lead */
.leadUp{
	width: 502px;
	height: 13px;
	background-image: url(../images/leadUp.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.leadBottom{
	width: 502px;
	height: 17px;
	background-image: url(../images/leadBottom.gif);
	background-repeat: no-repeat;
}
.leadMiddle{
	width: 502px;
	background-image: url(../images/leadMiddle.gif);
	background-repeat: repeat-y;
}
.leadMiddle p{
	padding-top: 3px;
	padding-left: 50px;
	padding-right: 40px;
}
.bunka{
	font-weight: bold;
	font-size:85%;
	letter-spacing: -1px;
}
.leadWrap{
	padding-top: 11px;
	padding-left: 16px;
	padding-bottom: 18px;
}


.dvdTitle{
	padding-left: 16px;
}

/* dvdCon */
.dvdCon dt{
	float: left;
}
.dvdConLeft,
.dvdConRight{
	width: 231px;
	float: left;
	padding-top: 19px;
}
.dvdConLeft{
	padding-left: 95px;
}



/* saleBtn */
.saleBtn{
	clear: left;
}
.saleBtn img{
	padding-top: 11px;
	padding-right: 15px;
	padding-left: 95px;
	float: left;
}
.saleword{
	padding-top: 39px;
	font-size:85%;
	line-height: 1.3;
}



/* staffWrap */
.staffWrap{
	clear: left;
}
/* staff */
.staffUp{
	width: 552px;
	height: 52px;
	background-image: url(../images/staffUp.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-indent: -9998px;
}
.staffBottom{
	clear: left;
	width: 552px;
	height: 11px;
	background-image: url(../images/staffBottom.gif);
	background-repeat: no-repeat;
}
.staffMiddle{
	width: 552px;
	background-image: url(../images/staffMiddle.gif);
	background-repeat: repeat-y;
}
.staffWrap{
	padding-top: 11px;
	padding-left: 16px;
	padding-bottom: 18px;
}

.staffConLeft{
	width: 231px;
	float: left;
	padding-left: 60px;
}
.staffConRight{
	width: 228px;
	float: left;
	font-size:77%;
	margin-left: 15px;
	padding-right: 10px;
}
.staffConRight p{
	line-height: 1.7;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* gallery ============================================================= */
.galleryTitle{
	padding-left: 16px;
}


#gallery{
	background-image: url(../images/galleryBgBottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 470px;
}
* html #gallery { height: 470px; }

#galleryCon{
	padding-left: 77px;
	padding-top: 7px;
}

.picA6{
	position: relative;
	top: 35px;
}
.picB1{
	position: relative;
	left: 89px;
}
.picB2{
	position: relative;
	left: 165px;
	top: -20px;
}
.picB3{
	position: relative;
	left: 400px;
	top: 40px;
}
.picC1{
	position: relative;
	left: 200px;
	top: 129px;
}
.picC2{
	position: relative;
	left: 225px;
	top: 135px;
}

#galleryCon a{
	overflow:hidden;
	outline:none;
}

/* footer ============================================================= */
.fooder{
	width: 900px;
	min-height: 23px;
	background-color: #7FCAD1;
	
}
.fooder p{
	text-align: center;
	color: #FFFFFF;
	font-size:77%;
	margin-left: auto;
	margin-right: auto;
	padding-top:3px;
}

.re{
	font-size:138.5%;}

