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

/*-------------------------------
	共通
--------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 0.85em;
	color: #5A5A5A;
	text-align: center;
	font-family: "Meiryo UI", "メイリオ", "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust: 100%;
	background-repeat: no-repeat;
	background-position: right top;
	background-size:40%;
	background-image: url(../images/bg.jpg);
}
a:link {
	color: #544444;
}
img {
	border: none;
}
a:visited {
	color: #544444;
}
a:hover {
	color: #544444;
	text-decoration:none;
}
li {
	list-style-type: none;
}
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#topimg {
	overflow: hidden;
	background-repeat: no-repeat;
}
#topimg #topimg1 {
	background: url(../images/slide1.png) no-repeat center;
	background-position: right top;
	height:100%;
	overflow: hidden;
	width: 100%;
	z-index:-100;
	background-size:contain;
}
#topimg #topimg2 {
	background: url(../images/slide2.png) no-repeat center;
	background-position: right top;
	height:100%;
	overflow: hidden;
	width: 100%;
	z-index:-100;
	background-size:contain;
}
#topimg #topimg3 {
	background: url(../images/slide3.png) no-repeat center;
	background-position: right top;
	height:100%;
	overflow: hidden;
	width: 100%;
	z-index:-100;
	background-size:contain;
}
#topimg #topimg4 {
	background: url(../images/slide4.png) no-repeat center;
	background-position: right top;
	height:100%;
	overflow: hidden;
	width: 100%;
	z-index:-100;
	background-size:contain;
}
#topimg #topimg5 {
	background: url(../images/slide5.png) no-repeat center;
	background-position: right top;
	height:100%;
	overflow: hidden;
	width: 100%;
	z-index:-100;
	background-size:contain;
}

#side {
	position:fixed;
	width:229px;
	min-height:770px;
	padding:0 8px;
	float:left;
	background-image: url(../images/side_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #FFF;
}
#side h1 {
	margin:25px 0;
}
#side_home {
	padding-left:141px;
	padding-bottom:20px;
}
#menu li {
	margin-top:25px;
}
.menu_red {
	font-size: 11px;
	font-weight: bold;
	color: #D73A48;
	margin-top:8px;
}
#buyer_ttl {
	color: #FFF;
	background-color: #C5B4B5;
	padding: 3px;
	width: 100px;
	margin-left: 62px;
}
#buyer {
	padding-top:50px;
	font-size:85%;
}
#buyer a:link {
	color: #999;
	text-decoration:none;
}
#buyer a:visited {
	color: #999;
	text-decoration:none;
}
#buyer a:hover {
	color: #999;
	text-decoration:none;
}

#invitation {
	margin-top:25px;
}
#toplogo {
	width:468px;
	padding:15px;
	background-color:rgba(255,255,255,0);
}
#toplogo_box {
	padding-top:300px;
	margin-left:100px;
}

#main {
	width:910px;
	text-align:left;
	padding-left:245px;
}
#main_box {
	width:840px;;
	padding:50px 0 50px 60px;
}
#main h2 {
	margin-bottom:35px;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 30px;
	z-index:100;
}
.pagetop a {
	display: block;
}

.imgright {
	float: right;
	margin:0 0 25px 25px;
}
.imgleft {
	float: left;
	margin:0  25px 25px 0;
}
.fright {
	float: right;
}
.tright {
	text-align: right;
}
.tleft {
	text-align: left;
}
.tcenter {
	text-align: center;
}
table{
	border-collapse:collapse;
}
.btm10 {
	margin-bottom:10px;
}
.btm20 {
	margin-bottom:20px;
}
.btm30 {
	margin-bottom:30px;
}
.btm40 {
	margin-bottom:40px;
}
.btm50 {
	margin-bottom:50px;
}
.small {
	font-size:90%;
}

/*-------------------------------
	ABOUT
--------------------------------*/
#about {
	width:600px;
	padding:30px 0;
}
#about h3 {
	font-size:150%;
	margin-bottom:15px;
	line-height:150%;
	text-align:center;
}
#about p {
	margin-bottom:10px;
	line-height:180%;
}
#about_box {
	padding:30px 0;
}
#about_pic {
	width:330px;
	float:left;
}
#about_txt {
	width:450px;
	float:right;
}
#about_box h3 {
	font-size:110%;
	margin-bottom:10px;
	line-height:150%;
}
#about_box p {
	margin-bottom:10px;
	line-height:150%;
}

/*-------------------------------
	COLLECTIONS
--------------------------------*/
#collections {
	padding-top:15px;
}
.cbox {
	width:200px;
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
	min-height:280px;
	font-size:11px;
	line-height:110%;
}
.cbox img {
	border:solid 1px #CCC;
	margin-bottom:5px;
}

/*-------------------------------
	COLOR SWATCH
--------------------------------*/
.color {
	padding-top:50px;
	overflow:hidden;
}
.color h3 {
	margin-bottom:10px;
}
.csbox {
	width:200px;
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
	min-height:240px;
	font-size:11px;
	line-height:110%;
}
.csbox img {
	border:solid 1px #CCC;
	margin-bottom:5px;
}

/*-------------------------------
	INFORMATION
--------------------------------*/
#info h3 {
	font-size:150%;
	padding:10px 0 15px;
	font-weight: normal;
	color: #554545;
}
#info th {
	font-weight:normal;
	width:100px;
	text-align:left;
	padding-bottom:10px;
}
#info td {
	padding-bottom:10px;
}
#info table {
	margin-bottom:30px;
}