@charset "utf-8";

body{
	color: #5f5039;
	background-color: #fcf7f7;
}

body,h1,h2,h3,p,ul,li{
	margin:0;
	padiing:0;
}

header,nav,#toppage,#breadcrumb,#contents,footer{
	width:840px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}


nav ul{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	overflow: hidden;
}
nav ul li{
	width: 210px;
	float: left;
}
nav ul li a{
	display: block;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
}
nav ul li#nav_concept a{
	background-image: url(images/concept.png);
}
nav ul li#nav_nail a{
	background-image: url(images/nail.png);
}
nav ul li#nav_eyelash a{
	background-image: url(images/eyelash.png);
}
nav ul li#nav_infomation a{
	background-image: url(images/infomation.png);
}
#main{
	width: 600px;
	float: left;
	background-color:#ffffff;
}
#sub{
	width:230x;
	float: right;
	background-color:#ffffff;
}
footer{
	clear:both;
}
#concept #nav_concept a,#nail #nav_nail a,#eyelash #nav_eyelash a,#infomation #nav_infomation a,
nav ul li a:hover{
	background-position: 0 -45px;
}

img{
	margin-top:10px;
}



table{
	border: 1px solid #333333;
	margin-right: auto;
	margin-left: auto;
	margin-botoom: 10px;
	border-collapse: collapse;
}

th{
	background-color: #f4eded;
	border: 1px solid #333333;
	padding: 10px;
	width: 40%
}
td{
	border: 1px solid #333333;
	padding: 10px;
	text-align: right;
}
.aset1{
	position:absolute;
	top: 500px;
	left: 300px;
}
.aset2{
	position:absolute;
	top: 750px;
	left: 410px;
}

#breadcrumb ul li{
	display:inline;
}

footer #info_field {
	min-height: 42px;
	padding: 15px 0 7px 0;
	clear: right;
	background-color: #f4eded;
 	margin-bottom: 20px;
}
address {
	font-style: normal;
	text-align: center;

}
#copyright {
	text-align: center;
	margin-bottom: 0;
}
#copyright small {
	font-size: 80%;
}

#pagetop {
	margin-bottom: 0;
	float: right;
}



.nail-table{
	margin-top: 50px;
	margin-right:10px;

}

.nail-table img{
	float:left;
	margin-right: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
	}

#gallery{
	font-size:70%;
	text-align: center;
	}

#contents{
	position:relative;
	background-color:#ffffff;
	overflow:hidden;
}
#yoyaku{
	background-color: #f4eded;
	text-align: center;
	font-family:sans-serif;
}

.eye-table img{
	float:left;
	margin-right: 50px;
	margin-left: 10px;
	margin-bottom: 10px;
	clear:left;
}

#shop h1{
	padding-left: 10px;
}
.eye-table table{
	margin-top: 100px;
	float:right;
	}
.eye-table{
	overflow:hidden;
 	padding-right:20px;
	}
#shop{
	background-color:#ffffff;
}

aside{  
	float:right;
}

.white-box{
	width: 960px;
	background-color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	border:1px solid #ffffff;
}

#main{
	margin-top: 20px;
}


/* 959px以下の場合*/
@media(max-width:959px){
.white-box{
	width:auto;
}
#yoyaku{
	width:auto;
	text-align: left;
}
.eye-table table{
	float:none;
	}
header,nav,#toppage,#breadcrumb,#contents,footer{
	width:auto;
}
.nail-table table{
	clear:both;
	margin-left: 0;
}
#toppage img{
	width:100%;
}
#aipicture img{
	width:100%;
}
.aset1{
	position:absolute;
	top: 260px;
	left: 160px;
}
.aset2{
	position:absolute;
	top: 400px;
	left: 180px;
}
}