@charset "UTF-8";
/* CSS Document */

 html {
	 height: 100%;
 }
 
body {
	background-color:#f6f6f6;
	background-image:url(../images/back.gif);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 180%;
	color: #333333;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	min-width: 966px;  /*中央配置するボックスの横幅*/
	min-height: 600px;  /*中央配置するボックス縦幅*/
}

#container {
	margin: -300px 0 0 -483px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 966px;  /*横幅*/
	height: 300px;  /*縦幅*/
	background-color: #fff;
}

.page {
	position: relative;
	height:600px;
}

.cg {
	display: block;
	margin: 0 auto;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.logo {
	position:absolute;
	left:30px;
	top:30px;
}

p {
	margin:0;
	padding:0 0 10px 0 ;
	line-height:180%;
}

/*アイテムナンバー
-------------------*/
.page .num {
	display: block;
	position: absolute;
	left: 241px;
	top: 65px;
}

.page .num_r {
	display: block;
	position: absolute;
	left: 616px;
	top: 72px;
}

/*背景画像
-------------------*/
#p1-1 ,#p2-1 ,#p3-1 ,#p4-1 ,#p5-1,#p6-1,#p7-1,#p8-1,#credit {
	background-color: #fff;
	background-image: url(../images/index_back.gif);
	background-size: 966px 600px;
}

#credit {
	background-color: #fff;
	background-image: url(../images/index_back2.gif);
	background-size: 966px 600px;
}

/*コメント
-------------------*/
#p1-3 .comment {
	padding:170px 0 0 400px ;
}

#p2-3 .comment {
	color:#FFF;
	padding:170px 0 0 400px ;
}

#p3-3 .comment {
	color: #FFF;
	padding: 100px 0 0 360px ;
}

#p4-3 .comment {
	padding:170px 0 0 380px ;
}

#p5-3 .comment {
	color:#FFF;
	padding:170px 0 0 400px ;
}

#p6-3 .comment {
	color:#FFF;
	padding:70px 0 0 300px ;
}

#p7-3 .comment {
	padding:70px 0 0 300px ;
}
	
#p8-3 .comment {
	padding:100px 0 0 390px ;
}




/*top
-------------------*/
#top.page {
	background-image: url(../images/bx_loader.gif);
	background-size: 32px 32px;
	background-position: center center;
	background-color: #fff;
	background-repeat: no-repeat;
}

/*p1 ミナモ
-------------------*/
#p1-1 .name1 {
	position: absolute;
	left: 573px;
	top: 198px;
}

#p1-2 {
	background-color:#000;
}

#p1-3 {
	background-color:#EAEFF5;
	background-image: url(../images/01_detail.jpg);
	background-size:400px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}

#p1-3 .hira1 {
	position: absolute;
	right: 28px;
	top: 69px;
}



/*p2 ハゴロモ
-------------------*/
#p2-1 .name1 {
	position: absolute;
	right: 49px;
	top: 60px;
}

#p2-2 {
}

#p2-3 {
	background-color:#000;
	background-image: url(../images/02_detail.jpg);
	background-size:412px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}

#p2-3 .hira {
	position: absolute;
	right: 32px;
	top: 108px;
}




/*p3 ソルティベスト
-------------------*/
#p3-1 .name1 {
	position: absolute;
	left: 530px;
	top: 105px;
}

#p3-1 .name2 {
	position: absolute;
	left: 80px;
	top: 265px;
}

#p3-2 {
}

#p3-3 {
	background-color:#000;
	background-image: url(../images/03_detail.jpg);
	background-size:341px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}

#p3-3 .hira1 {
	position: absolute;
	right: 47px;
	top: 89px;
}

#p3-3 .hira2 {
	position: absolute;
	right: 35px;
	top: 345px;
}



/*p4
-------------------*/
#p4-1 .name1 {
	position: absolute;
	left: 48px;
	top: 201px;
}

#p4-2 {
}

#p4-3 {
	background-color:#E5EEF5;
	background-image: url(../images/04_detail.jpg);
	background-size:389px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}

#p4-3 .hira1 {
	position: absolute;
	right: 41px;
	top: 55px;
	width: 324px;
	height: 463px;
}



/*p5 トリニティワンピ
-------------------*/
#p5-1 .name1 {
	position: absolute;
	left: 512px;
	top: 27px;
}

#p5-2 {
}

#p5-3 {
	background-color:#000;
	background-image: url(../images/05_detail.jpg);
	background-size:413px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}

#p5-3 .hira1 {
	position: absolute;
	right: 35px;
	top: 99px;
}



/*p6 タイルスカート
-------------------*/
#p6-1 .name1 {
	position: absolute;
	left: 154px;
	top: 75px;
}

#p6-1 .name2 {
	position: absolute;
	left: 137px;
	top: 226px;
}

#p6-2 {
}

#p6-3 {
	background-color:#000;
	background-image: url(../images/06_detail.jpg);
	background-size:399px 600px;
	background-position:left top;
	background-repeat:no-repeat;
}


#p6-3 .hira1 {
	position: absolute;
	right: 44px;
	top: 48px;
}

#p6-3 .hira2 {
	position: absolute;
	right: 163px;
	top: 315px;
}





/*p7 ビクトリア
-------------------*/
#p7-1 .name1 {
	position: absolute;
	left: 528px;
	top: 246px;
}

#p7-2 {
	background-color:#000;
}

#p7-3 {
	background-color: #D4DAE6;
	background-image: url(../images/07_detail.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 400px 600px;
}

#p7-3 .hira1 {
	position: absolute;
	left: 79px;
	top: 274px;
}



/*p8 カケラジャケット
-------------------*/
#p8-1 .name1 {
	position: absolute;
	left: 536px;
	top: 157px;
}

#p8-1 .name2 {
	position: absolute;
	left: 85px;
	top: 310px;
}

#p8-2 {
}

#p8-3 {
	background-color: #E8EBF0;
	background-image: url(../images/08_detail.jpg);
	background-size: 400px 600px;
	background-position: left top;
	background-repeat: no-repeat;
}

#p8-3 .hira1 {
	position: absolute;
	right: 44px;
	top: 65px;
}

#p8-3 .hira2 {
	position: absolute;
	right: 43px;
	top: 296px;
}


/*p10 クレジット
-------------------*/

#credit {
	position:relative;
	font-family:Century Gothic, sans-serif;
	background-color: #FFF;
	line-height: 250%;
	letter-spacing:0.1em;
	font-size:14px;
	height:600px;
}

#credit .credit_logo {
	margin-bottom:10px;
}

#credit p {
	display:block;
	padding:200px 0 0 60px;
}

#credit a {
	text-decoration: none;
	color: #000000;
}

#credit a:hover {
	color: #000000;
	border-bottom:#000000 dotted 1px;
}

#credit video {
	position: absolute;
	left: 371px;
	top: 53px;
	width: 548px;
	height: 309px;
}