@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 
　02. 動画
　03. フォト


******************************************************************************* */




/* ==

　01. 

=============================================================================== */
#container{
	width:auto;
	padding:30px 0 5px;
}


/* タイトル */
#container div.title{
	width:948px;
	margin:0 auto 20px;
	background-color:#334903;
	position:relative;
	zoom:1;
	clear:both;
}
#container div.title h2{
	margin:0;
	padding:9px 10px 7px 50px;
	background-color:transparent;
	background:url(/shinrin/gallery/images/rn/ico_img01.png) 10px 10px no-repeat;
	font-size:169%;
	color:#fff;
}


#container h3{
	margin:0 0 15px;
	padding:0 0 0 15px;
	border-bottom:none;
	border-left:5px solid #333;
	font-size:183%;
	line-height:1.3;
	color:#333;
	clear:both;
}





/* リンクボタン
-------------------------------------------------------------------------------- */
#container .linkBtn{ margin:30px 0 50px; font-size:169%; text-align:center; }
#container .linkBtn a{
	width:430px;
	padding:10px 25px 8px 10px;
	background:#575757 url(/shinrin/common/images/rn/ico_arw06.png) right center no-repeat;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#container .linkBtn a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#container .linkBtn a span{
	padding-left:34px;
	background:url(/shinrin/gallery/images/rn/ico_img02.png) left 2px no-repeat;
}




/* ==

　02. 動画

=============================================================================== */
.movieBlock{
	width:950px;
	margin:0 auto 50px;
	clear:both;
}


.movieBlock .col{ margin:0 0 30px; padding-bottom:30px; border-bottom:1px dotted #ccc; zoom:1; clear:both; position:relative;}
.movieBlock .col:last-child{ padding-bottom:0; border-bottom:none; }

.movieBlock .colMovie{ width:510px; float:left; }
.movieBlock .colTxt{ width:420px; float:right; }
.movieBlock .colTxt p{ font-size:150%; color:#333; }
.movieBlock .colTxt p.colTxt-s{ font-size:100%; position:absolute; bottom:30px;}



.movieBlock .bnr a{
	zoom:1;
	display:block;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.movieBlock .bnr a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}






/* ==

　03. フォト

=============================================================================== */
.photoBlock{
	width:950px;
	margin:0 auto 50px;
	clear:both;
}


.photoBlock .thumbs{ width:950px; overflow:hidden; zoom:1; clear:both; }
.photoBlock .thumbs ul{ width:975px; margin:0 0 0 -25px; clear:both; }
.photoBlock .thumbs li{
	width:300px;
	margin:0 0 25px 25px;
	position:relative;
	display:inline;
	float:left;
}
.photoBlock .thumbs li a:after{
	width:30px;
	height:30px;
	content:"";
	background:url(/shinrin/gallery/images/rn/ico_img03.png) left top no-repeat;
	position:absolute;
	right:6px;
	bottom:6px;
}
.photoBlock .thumbs li a{
	zoom:1;
	display:block;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.photoBlock .thumbs li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}






.col_photo .img{ text-align:center; }
.col_photo .colTxt{ padding:7px 0 5px; clear:both; }
.col_photo .colTxt .txt_caption{ font-size:134%; }
/*
.col_photo .colTxt .linkTxt{ position:absolute; bottom:2px; left:240px; }
*/
.col_photo .colTxt .linkTxt{ width:100%; padding-left:0; background:none; position:absolute; bottom:2px; text-align:center; }
.col_photo .colTxt .linkTxt a{
    background: url(/common/images/rn02/ico_arw04.gif) no-repeat scroll 1px 0.55em;
    padding-left: 15px;
		display:inline-block;
}