@charset "utf-8";
/* ---------------------------------------------------------------------------------
Copyright c 有限会社しゃんぷー All Rights Reserved.

HTML CSS Selectors hairstyle 

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

#contents-wrapper h2.brandon {
	padding-bottom: 24px;
}
#contents-wrapper h2.brandon .sub {
	display: inline-block;
	padding-top: 15px;
}

#contents-wrapper nav {
	width: 875px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 45px;
}
#contents-wrapper nav li {
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 27px;
	float: left;
	width: 175px;
}
#contents-wrapper nav li.current {
	background-image: url(../img/style/icon_current.png);
}
#contents-wrapper nav li a {
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	text-align: center;
	display: block;
}

/*---------------------------------------------------------------------------------
一覧
--------------------------------------------------------------------------------- */
#list:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
#list h3 {
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 60px;
}

#list li {
	float: left;
	width: 220px;
	padding-right: 26px;
	padding-bottom: 28px;
}
#list li:nth-of-type(4n) {
	padding-right: 0px;
}
#list li:nth-of-type(4n+1) {
	clear:left;
}
#list li a {
	display: block;
	border: 5px solid #EEEEEE;
}

#list .new {
	float: left;
	width: 246px;
}
#list .new:nth-of-type(4n) {
	width: 220px;
}
#list .new li {
	float: none;
	padding-right: 0px;
}


/*---------------------------------------------------------------------------------
詳細
--------------------------------------------------------------------------------- */
#detail {
}

div#grid-content {
	width: 990px;
	position: relative;
}

div#grid-content .item {
	float: left;
	padding-right: 28px;
	padding-bottom: 25px;
}
div#grid-content .item:first-child {
	padding: 0px;
	height: 1px;
	width: 1px;
}

div#grid-content .item img {
	border-width: 7px;
	border-style: solid;
}
div#grid-content .spacer{
	width:303px;
	height:1px;
}

.description {
	padding-bottom: 10px;
}
.description p {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 28px;
	line-height: 28px;
	font-weight: 400;
	text-align: right;
}

.style-info {
	padding-bottom: 60px;
	padding-top: 230px;
	position: relative;
}
.style-info h3 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	padding-bottom: 20px;
}
.style-info p {
	font-size: 16px;
	line-height: 1.75em;
}
.style-info ul {
	position: absolute;
	left: 0px;
	top: 0px;
}
.style-info ul:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.style-info li {
	width: 200px;
	float: left;
	padding-right: 45px;
}
.style-info li:nth-of-type(2) {
	padding-right: 70px;
}
.style-info li:nth-last-of-type(1) {
	padding-right: 0px;
}
.style-info li img {
	height: 194px;
	width: 194px;
	border: 3px solid #BFBFBF;
	border-radius: 97px;
}

.style-info.wide {
	clear: both;
 }
.style-info.left {
	float: left;
	width: 465px;
}
.style-info.left li:nth-of-type(2) {
	padding-right: 0px;
}
.style-info.right {
	float: right;
	width: 465px;
}
.style-info.right:nth-of-type(1) {
	padding-left: 20px;
}