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

.StyleDetailTop{
	width:100%;
	background:#fff;
	height:75px;
	
}

.StyleDetailArea{
	margin: 0 auto;
	width: 100%;

}

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

.StyleDetailArea_Left{
	float: none;
	width: 100%;
	box-sizing:border-box;

}

.StyleDetailArea_Left ul{
	font-size:0;
}

.StyleDetailArea_Left li{
	display:inline-block;
	width:100%;
	text-align:center;
}

.StyleDetailArea_Left li img{
	width:100%;	
}


.StyleDetailArea_Right{
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 100%;
	
}

.StyleDetail{
	margin: 10% auto 10%;
	position: static;
	text-align: center;
	top: 0;
	transform: translateY(0px);
	width: 90%;

}

.StyleDetail h1{
	width:100%;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding:5% 0 2%;
	margin:0 auto 5%;
	letter-spacing:0.1em;
	height:auto;
	
}

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

.StyleDetail h3{
	width:100%;
	text-align:center;
	font-size:15px;
	letter-spacing:0.1em;
	margin:5% auto;
	
}
.StyleDetail_logo{
	width:100%;
	margin:0 auto;
	text-align:center;

}
.StyleDetail_logo img{
	width:80px;

}

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

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

}

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

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

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

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

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

#NextStyleLinkArea a:hover{
	
}