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

body { 
    background-color:#EAEAEA;
	width:100%;
	height:100%; margin:0; padding:0;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:10px;
	text-align:center;
	margin:0 auto;
}

img { border-style:none; text-decoration:none;}
a:active { color:#343535;}
ol,ul {list-style:none;}
/*#wrapper {
	margin:0 auto;
	width: 800px;
	height:auto;
}*/

/*#wrapper {position:absolute;left: 50%;top: 50%;margin-left: -400px;margin-top: -300px;width:800px;height:600px;}*/
#wrapper {position:absolute;left: 50%;top: 50%;margin-left: -400px;margin-top: -350px;width:800px;height:700px;}

#line {
	width:800px;
	height:8px;
	background:url("../images/line.png") repeat-x;
	margin:0 auto;
	padding:0px;
}

#header { 
    width:800px;
	height:52px;
	margin:0 auto;
}

#content-wrapper { 
    width:800px;
	height:auto;
	min-height:580px;
	margin:0 auto;
	overflow:hidden;
}

#footer { 
    clear:left;
    width:800px;
	height:60px;
	background:url("../images/line.png") repeat-x;
	margin:0 auto;
}


/*----interface----*/

#interface {
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	
}

#interface ul {margin:0; padding:0; }
#interface ul li{ float:left;list-style:none; margin:20px 60px 0px 0px; }

#interface #about {background:url(../images/about.png) no-repeat;width:39px;height:11px;display:block;text-indent:-9999px;overflow:hidden;}
#interface #about:hover {background-position:0 -11px;}

#interface #collection {background:url(../images/collection.png) no-repeat;width:57px;height:11px;display:block;text-indent:-9999px;overflow:hidden;}
#interface #collection:hover {background-position:0 -11px;}

#interface #archive {background:url(../images/archive.png) no-repeat;width:49px;height:11px;display:block;text-indent:-9999px;overflow:hidden;}
#interface #archive:hover {background-position:0 -10px;}

#interface #shops {background:url(../images/shops.png) no-repeat;width:30px;height:13px;display:block;text-indent:-9999px;overflow:hidden;}
#interface #shops:hover {background-position:0 -13px;}

#interface #contact {background:url(../images/contact.png) no-repeat;width:49px;height:11px;display:block;text-indent:-9999px;overflow:hidden;}
#interface #contact:hover {background-position:0 -11px;}

#copyright {

width:auto;
padding-top:20px;
color:#999;
link:#999;
font-size:10px;
text-align:right;

}

/*----top----*/
/*#container {display:block;width:250px;height:auto;margin:0 auto;}*/
#container {position:absolute;left: 50%;top: 50%;margin-left: -120px;margin-top: -80px;width:250px;height:240px;}
#toplogo {margin-top:0px;width:auto;height:auto;}
#toplogo #logo {background:url(../images/toplogo.png) no-repeat;width:250px;height:100px;display:block;text-indent:-9999px;overflow:hidden;}

#enter {margin-top:60px;width:auto;height:auto;}
#enter #btnenter {background:url(../images/launch.png) no-repeat;	width:250px;	height:19px;display:block;text-indent:-9999px;overflow:hidden;margin: 0 auto;}
#enter #btnenter:hover {background-position:0 -19px;}

#toplogo2 {margin:230px 0 0 270px; width:auto;height:auto;}
#toplogo2 #logo {background:url(../images/toplogo2.png) no-repeat;width:250px;height:80px;display:block;text-indent:-9999px;overflow:hidden;}

#shop {margin:230px 0 0 270px; width:auto;height:auto;}
#shop #logo {background:url(../images/shop.png) no-repeat;width:250px;height:80px;display:block;text-indent:-9999px;overflow:hidden;}

#topphoto {display:block;width:750px;height:auto;margin:130px auto;}




/* Listen */

ul#portfolio li img{
	border: none;
	padding: 0;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}





/*----contents-list----*/

#content-list {
	width:550px;
	height:auto;
	float:left;
	list-style: none;
	padding:0;
	margin:30px 25px;
	border-style:none;
}
#content-list ul {padding:0;}
#content-list ul li{list-style: none; float:left;margin-right:5px; padding:0;line-height: 18px; }
#content-list img { border-style:none; text-decoration:none;}
#content-list img:active { color:#343535;}
#collectiontitle {margin:0;float:left;}
#collectiontitle #title10aw{
	background:url(../images/title10aw.png) no-repeat;
	width:200px;
	height:91px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:50px 0;
}

#collectiontitle #title11ss{
	background:url(../images/title11ss.png) no-repeat;
	width:200px;
	height:91px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-top:50px;
}

#collectiontitle #title09aw{
	background:url(../images/title09aw.png) no-repeat;
	width:200px;
	height:91px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:50px 0;
}


#collectionnavi #btn09aw{
	background:url(../images/btn_09aw.png) no-repeat;
	width:200px;
	height:19px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	clear:left;
	
}
#collectionnavi #btn09aw:hover {background-position:0 -20px;}

#collectionnavi #btn10aw{
	background:url(../images/btn_10aw.png) no-repeat;
	width:200px;
	height:19px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	clear:left;
	
}
#collectionnavi #btn10aw:hover {background-position:0 -21px;}


/*----about----*/
.aboutlist {margin-top:150px; }
.aboutlist li{list-style:none; }
#content-wrapper #office{background:url(../images/office.png) no-repeat;	width:219px;height:24px;display:block;text-indent:-9999px;overflow:hidden;margin:0px;}
#content-wrapper #address{background:url(../images/address.png) no-repeat;	width:219px;height:187px;display:block;text-indent:-9999px;overflow:hidden;margin:0px;}
#content-wrapper #url{background:url(../images/url.png) no-repeat;	width:219px;height:12px;display:block;text-indent:-9999px;overflow:hidden;clear:left;margin-top:0px;}
#content-wrapper #mail{background:url(../images/mail.png) no-repeat;	width:219px;height:12px;display:block;text-indent:-9999px;overflow:hidden;clear:left;margin-bottom:10px;}
#content-wrapper #mail:hover{background-position:0 -12px;}