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

.StyleDetailTop{
	width:100%;
	height:70px;
	
}

.StyleDetailArea{
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #fafafa;

}

.StyleDetailArea:after{
	display: block;
	clear: both;
	content: "";
}

.StyleDetailArea_Left{
	position: relative;
	width:50%;
	height:100%
	text-align:center;
	float: left;
	
}

.StyleDetailArea_Left ul{
	font-size:0;
}

.StyleDetailArea_Left li{
	display:inline-block;
	width:100%;
	text-align:center;
	margin: 0 auto 3px;
}

.StyleDetailArea_Left li img{
	width:100%;	
	height:auto;
	vertical-align:bottom;
}

.StyleDetailArea_Right{
	float: right;
	width: 50%;
	box-sizing:border-box;

}

.StyleDetail{
	position: fixed;
	text-align: center;
	top: 30%;
	transform: translateY(-30%);
	width: 50%;

}

.StyleDetail h1{
	width:85%;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	margin:0 auto 5%;
	letter-spacing:0.1em;
	height: 50px;
	color: #555;
	
}

.StyleDetail h2{
	width:85%;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	letter-spacing:0.1em;
	margin: 0 auto;
	line-height:2;

}

.StyleDetail h3{
	width:85%;
	text-align:center;
	font-size:13px;
	letter-spacing:0.1em;
	margin:2% auto;
	
}

.StyleListLinkArea{
	width: 100%;
	margin: 10% auto 0;
}
.StyleListLinkArea a{
	padding: 6.5px 30px;
	width:50%;
	background:#55bcdd;
	color:#fff;

}
.StyleListLinkArea a:hover{
	opacity:0.5;
	color:#fff;

}

#PrevStyleLinkArea{
	top: 95%;
	left:7.5%;
	font-size:15px;
	position:absolute;
	
}

#PrevStyleLinkArea a{
	color:#55bcdd;
	transition:all 0.5s ease 0s;
	
}

#PrevStyleLinkArea a:hover{
	color:#55bcdd;
	
}

#NextStyleLinkArea{
	top: 95%;
	right:7.5%;
	font-size:15px;
	position:absolute;
	
}

#NextStyleLinkArea a{
	color:#55bcdd;
	transition:all 0.5s ease 0s;
	
}

#NextStyleLinkArea a:hover{
	text-decoration: underline;
	
}