@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::

				gallery設定
	
:::::::::::::::::::::::::::::::::::::::::::::::::: */



/* :::::::::: jqueryの設定ここから :::::::::: */


* {
	margin:0;
	padding:0;
	border:0;
}

div#container{
	width: 660px;
}

/*表示されるサムネイルのみ*/
div#navi{
	width: 190px;
	float: left;
	overflow: hidden;
}

div#navi ul{
	height:400px;
}

div#navi li{
	list-style-type: none;
	width: 93px;
	float: left;
	margin-bottom: 10px;
}

div#navi li img{
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}


/*全てのサムネイル*/
div.pageWrap{
	width: 570px;
}

div.page{
	width: 190px;
	float: left;
}

div#navi p{
	clear: both;
	width: 175px;/*中心を合わせるため*/
	text-align: center;
}
div#navi p img{
	cursor: pointer;
}

div#mainFlw{
	width: 420px;
	float: right;
	height: 450px;
}

div#mainFlw img{
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}



/* :::::: clearfix hack ここから :::::: */

div#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#container{
	display: inline-block;
}

/* hide macie \*/
div#container{
	height: 1%;
}

div#container{
	display: block;
}
/* end hide */
/* :::::: clearfix hack ここまで :::::: */


/* :::::::::: jqueryの設定ここまで :::::::::: */


p#wlcmGallery {
	font-size: 0.8em;
	margin-bottom: 20px;
}

p#howtoGallery {
	font-size: 0.8em;
	line-height: 1.6em;
	margin-top: 20px;
	margin-left: 20px;
}