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

#yukata{
	background:url(../jpg/bg-9.jpg) repeat-y;
	background-size:100%;
	padding:0 0 20px;
	line-height:0;
	vertical-align:bottom;
}

#yukata_navi{
	width:100%;
	margin:0 0 20px;
}

#yukata_navi ul{
	width:98%;
	margin:0 auto;
}

#yukata_navi li{
	/* width:50%; */
	width:33%;
	float:left;
	margin:0 0 2% 0;
}

#yukata_navi li img{
	width:100%;
}

#yukata article{
	margin:0;
	padding:0;
}


.yukata_style{
	clear:both;
	margin:0 0 20px;
}

.yukata_style h3{
	text-align:center;
}

.yukata_style h3 img{
	width:60%;
}

/*.yukata_style ul{
	width:100%;
}

.yukata_style li{
	float:left;
	width:50%;
	margin:0 0 10%;
	text-align:center;
}

.yukata_style li img{
	width:90%;
}*/


.yukata_style img{
	width:90%;
	text-align:center;
}

/*#yukata.bottom{
	width:60%;
	margin:30px auto 30px;
	padding:5px;
	background:#333;
	color:#FFF;
	font-size:93%;
}*/



.gallery_title{
	clear:both;
	width:100%;
	margin:0;
}

.gallery_title ul{
}

.gallery_title li{
	margin:0px 0px 5%;
	text-align:center;
}

.gallery_title img{
	width:80%;
	margin:0 auto;
	border: solid 1px #ccc;
	box-sizing:border-box;
	box-shadow: 0px 10px 5px -5px #ccc;
}



#yukata div.bottom{
	width:80%;
	margin:30px auto 30px;
	padding:5px;
	background:#999;
	color:#FFF;
	font-size:93%;
	line-height:1.8em;
}

#yukata div.bottom_link{
	width:80%;
	margin:30px auto 30px;
	padding:5px;
	background:#333;
	color:#FFF;
	font-size:93%;
	line-height:1.8em;
}

#yukata div.bottom a,#yukata div.bottom_link a {
	display:block;
}

#yukata div.bottom a:link,#yukata div.bottom_link a:link {
	color:#FFF;
	text-decoration: none;
}
#yukata div.bottom a:visited,#yukata div.bottom_link a:visited {
	color:#FFF;
	text-decoration: none;
}