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

/*sub*/

#sub{
	margin:30px auto;
	height:auto;
}
#subtit{
	position:fixed;
	left:19.3%;
	width:100%;
	height:auto;
	margin-bottom:30px;
}
#subtit>h1{
	width:10%; height:60px;
	padding-left:20px;
	float:left;
	font-size:1.5em;
	font-weight: lighter;
	letter-spacing:0.15em;
}
#subtit>p{
	width:80%;
	font-size:0.8em;
	padding:5px 0;
}
#subtit>p>span{
	display:block;
	padding:5px 0;
	color:#ccc;
}

#gallery{
	width:90%;
	margin:0 auto;
}

#gallery .cycle-slideshow{
	position:fixed;
	top:130px;
	float:left;
	width:55%;
	height:75%;
	margin-bottom:80px;
	background-color:#FFF;
}
#gallery .cycle-slideshow>a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	overflow-y:scroll;
	overflow-x:hidden;
}
#gallery .cycle-slideshow>a>img{
	max-width:97%;
	padding:1.5%;
}
#gallery .cycle-slideshow>a>span{
	display:none;
	position:fixed;
	top:130px;
	float:left;
	width:55%;
	margin-bottom:80px;
	height:30px;
	background-color:rgba(0,0,0,0.7);
	font:0.7em /30px Arial,sans-serif;
	text-align:center;
	color:#eee;
}
#gallery .cycle-slideshow>a:hover>span{
	display:block;
}
#gallery .cycle-slideshow>a:hover>span:hover{
	background-color:#000;
	color:#f00;
}

#gallery .cycle-pager{
	position:absolute;
	top:130px; right:4%;
	width:20%;
}
#gallery .cycle-pager>a{
	display:block;
	float:left;
	width:46%;
	margin-right:4%;
	margin-bottom:4%;
	cursor:pointer;
	overflow:hidden;
	background-color:#FFF;
	border:1px solid #999;
}
#gallery .cycle-pager>a:hover{
	border:1px solid #f00;
}
#gallery .cycle-pager>a:nth-child(even){
	margin-right:0;
}
#gallery .cycle-pager>a:last-child{
	margin-bottom:80px;
}



/*pro*/

#pro{
	position:fixed;
	top:130px; left:18%;
	height:73%;
	width:79%;
	overflow-y:scroll;
	background-color:#FFF;
}
#pro>h1{
	display:none;
	position:fixed;
	top:0;
	width:80%;
	color:#999;
	font:0.8em Arial,sans-serif;
	font-weight:bold;
	letter-spacing:0.3em;
	padding:1% 2.5% 0.5%;
	background-color:#000;
}
#pro>dl{
	width:95%;
	margin:0 auto;
	height:auto;
	padding:4% 2%;
	color:#000;
}
#pro>dl>dt{
	font-size:1.2em;
	vertical-align:bottom;
}
#pro>dl>dt>em{
	font-size:0.8em;
	line-height:2em;
	padding-left:10px;
}
#pro>dl>dd{
	border-bottom:1px solid #ddd;
	margin:-0.5% 0 3%;
}
#pro>dl>dd>h2{
	font-size:0.8em;
	font-weight:normal;
	line-height:2em;
}
#pro>dl>dd>p{
	max-width:800px;
	font-size:0.8em;
	line-height:1.5em;
	color:#666;
	margin:0.5% 0 3%;
}