@charset "utf-8";
/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: March 21, 2015

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

body {
	color: #3e3a3a;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "游明朝", YuMincho, "メイリオ", Meiryo, serif;
    font-size: 14px;
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-attachment:fixed;
}
a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	font-size: 0;
	vertical-align: bottom;
}
/* ============================================================
body#index
============================================================ */

#index {
	position:relative;
	margin:0 auto;
	max-width:400px;

}

#index > div > header {
	
	padding:40px 0 25px;
	max-width:400px;
	margin:5px;
}

#header {
	top:0;
	position:fixed;
	Z-index:200;
	background: #FFFFFF;
	width:100%;
}

#index > div > header > h1 {
	max-width:400px;
	
}

#index > div > header > h1 > a >img {
	width:150px;
	
}

#footer{
	width: 100%;
    z-index: 200;
    background: #FFFFFF;
    bottom: 0;
    position: fixed;
    margin: 0 auto;
}

#index > div > footer {	
	width: 100%;
	margin: 0 auto;
	

}

#index > footer .inquiry {
	margin-bottom:25px;
	font-family: "ヒラギノ丸ゴ ProN", Hiragino Maru Gothic ProN, Meiryo, "メイリオ", "游ゴシック", YuGothic, sans-serif;
}

#index > div > footer p {
	height:100px;
	max-width:400px;
	padding: 15px 0 5px;
}

#index > div > footer p small {
	width:100%;
	display:inline-block;
	text-align:right;
	top:10px
}



/* ============================================================
#list
============================================================ */
#list > Ul > li {
  width: 900px;
  margin:10px 0px;
  float: left;
  position: relative;
}

#list > Ul > li img{
  width: 900px;

}

#list {
	position:relative;
	max-width: 900px;
	margin:0 auto;
	overflow:visible;
	Z-index:-1

}
#list h1 {
	position:relative;
	z-index:200;
	line-height:1.6;
	color:#FFFFFF;
	font-size: 90px;
	font-weight:normal;
	font-family: "Lucida Console", "Lucida Sans Typewriter", monaco, "Bitstream Vera Sans Mono", monospace;
}



/*
#list:hover #title {
	display:none;
	cursor:pointer;
}

#list #title img {
	width:100%;
	height:auto;
}
*/


#list ul {
	position:relative;
	width:911px;
}

/*
#list ul:before {
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999;
	background-image:url(../images/index/title.png);
}

#list ul:hover:before {
	background-image:url(../images/index/title.png);
	z-index:-1;
}
*/









/* ------------------------------
Elements are created by home.js
------------------------------ */
#coverPrev, #coverNext {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#coverPrev, #coverNext {
	cursor: pointer;
}
#coverPrev, #coverNext {
	width: 28px;
	height: 33px;
	position: absolute;
	top: 124px;
}
#coverPrev {
	left: 10px;
	background: url(../images/index/slide-arrow-left.png) 0 0 no-repeat;
}
#coverNext {
	right: 10px;
	background: url(../images/index/slide-arrow-right.png) 0 0 no-repeat;
}
/* ============================================================
#detail
============================================================ */

#detail article {
	width: 965px;
	margin: 0 auto;
	position: relative;
}
#detail #fixed {
	width: 270px;
	padding-left: 696px;
	position: fixed;
	top: 85px;
}
#detail header {
	margin-bottom:78px;
}
#detail header h1 {
	margin-bottom: 20px;
}
#detail header .inquiry a {
	font-family: Meiryo, "メイリオ", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, sans-serif;
	font-size: 12px;
}
#detail nav ul {
	margin-bottom: 68px;
}
#detail nav ul li {
	margin-bottom: 18px;
}
#detail section {
	width:638px;
	padding: 94px 0 58px;
	color:#090909;
}
#detail section .logo {
	margin-bottom:70px;
}
#detail section h2 {
	position: relative;
	left: 10px;
	z-index: 10;
}
#detail section ul {
	margin-top: -80px;
}
#detail section ul li {
	margin-top: 70px;
}
#detail section ul li p {
	margin-top: 30px;
	margin-bottom: -16px;
	padding: 0 20px;
	font-size: 14px;
	line-height:1.8;
}

#detail section ul li img {
	width:638px;
}


#detail .data {
	
}
#detail .data dl {
	padding-bottom:10px;
}
#detail .data dt {
	margin-bottom:15px;
	padding: 13px 8px 10px;
	border-top: #767574 1px solid;
	border-bottom: #767574 1px solid;
	font-size:16px;
}
#detail .data dt span {
	margin:0 15px 0 20px;
	letter-spacing: 0.9em;
}
#detail .data dd {
	padding: 0 0 0 8px;
	font-size:18px;
	line-height:1.4;
}
#detail .data dd span {
	display:block;
	margin-bottom:10px;
	font-size:14px;
}

#detail .data .price {
	padding:14px 8px;
	border-top: #666 1px dashed;
	border-bottom: #666 1px dashed;
}



#detail .data .color {
	padding:17px 0 5px 4px;
	border-bottom: #666 1px dashed;
}

#detail .data li {
	margin-bottom:8px;
	display:table;
}



#detail .data li a{
	text-decoration: none;
}

#detail .data .color li.current, #detail .data .color li:hover a, #detail .data .color li:hover a{
	color: #fff;
}

#detail .data .color li:before {
	display:table-cell;
	width:17px;
	vertical-align:middle;
	content:"●";
	color: #d0cece;
	font-size:10px;
}
#detail .data .color li.current:before, #detail .data .color li:hover:before{
	content:url(../images/detail/dot.png);
	margin-right:7px;
	vertical-align:middle;
}

#detail .data .color li.no_page:before{
	content:"";
	margin-right:7px;
	vertical-align:middle;
}

#detail .data .material {
	padding:15px 0 5px 21px;
	border-bottom: #666 1px dashed;
}

#detail .data li span {
	display:table-cell;
	word-break: break-all;
	vertical-align:middle;
	padding-right:5px;
}

#detail .data .color li span:nth-of-type(1) { width: 4em; }
#detail .data .color li span:nth-of-type(2) { width: 7.5em; }
#detail .data .color li span:nth-of-type(3) { width: 5.5em; }

#detail .data .material li span:nth-of-type(1) { width: 6em; }
#detail .data .material li span:nth-of-type(2) { width: 5.5em; }
#detail .data .material li span:nth-of-type(3) { width: 5.5em; }



#detail footer {
	margin-bottom:75px;
	text-align:center;
}

/* field
------------------------- */
#field1, #field2, #field3, #field4, #field5, #field6 {
	padding: 20px 0;
	width: 100%;
	height: 300px;
	text-align: center;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	overflow: hidden;
}
#field1 {
	background: #fff;
}
#field2 {
	background: #eee;
}
#field3 {
	background: #ddd;
}
#field4 {
	background: #ccc;
}
#field5 {
	background: #bbb;
}
#field6 {
	background: #aaa;
}
section li:nth-of-type(odd) img {
	left: -100px;
	margin: 0 auto;
	display: none;
	position: relative;
}
section li:nth-of-type(even) img {
	right: -100px;
	margin: 0 auto;
	display: none;
	position: relative;
}
/* ============================================================
#inquiry
============================================================ */
#inquiry {
	font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", Meiryo, "メイリオ", "游ゴシック", YuGothic, sans-serif;
	padding-top: 230px;

}
#inquiry header {
	display: none;
}
#inquiry section {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}
#inquiry h3, #inquiry p {
	font-size: 16px;
	font-weight: normal;
	line-height: 2.25;
	margin-bottom: 2.25em;
}
#inquiry .back {
	text-align: right;
	margin-top: 80px;
}
.aColor {
	color: #147e9c;
}

/* ============================================================
#test
============================================================ */

#ss{
	float:right;
	vertical-align:bottom;
	text-align: right;
	font-family:Meiryo, serif,"ヒラギノ明朝 ProN W3";
	font-style:normal;
	font-weight:normal;
	font-size:16px;
	color:#BDF2A0
}