@charset "UTF-8";

/*/////////////////////////////////////////////////////////////////////////
Photo gallery_CSS
/////////////////////////////////////////////////////////////////////////*/
#unitR #textarea { padding:10px 10px 27px;}
#unitR #main p { font-size:1.2em; padding-bottom:20px;}
#unitR h2 { background:url(../img/title_photo.jpg) no-repeat;}
.photo #main a:hover img { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}

/*title*/
.photo #main #title { height:40px; background:url(../img/photo_piece.png) no-repeat 0 0; position:relative; margin-bottom:50px;}
	.photo #main #title h3 { width:525px; font-size:16px; color:#fff; position:absolute; top:12px; left:160px;}
	.photo #main #title #date { width:130px; font-size:14px; font-weight:bold; color:#252525; text-align:center; position:absolute; top:12px; left:16px;}
/*photo*/
.photo #main #photo1 { height:360px; background:url(../img/bg_photo01.png) no-repeat top center; position:relative; padding-left:90px;}
	.photo #main #photo1 a, .photo #main #photo1 div { display:block; width:520px; position:absolute; top:20px; left:110px;}
	.photo #main #photo1 .cover { width:520px; height:360px;}
	.photo #main #photo1 a:hover { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
.photo #main #photo2 { height:460px; background:url(../img/bg_photo02.png) no-repeat top center; position:relative; padding-left:170px;}
	.photo #main #photo2 a, .photo #main #photo2 div { display:block; width:360px; position:absolute; top:20px; left:190px;}
	.photo #main #photo2 .cover { width:360px; height:460px;}
	.photo #main #photo2 a:hover { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
/*pageLink*/
.photo #main #pageLink {height:20px; text-align:center; position:absolute; top:70px; left:125px;}
	.photo #main #pageLink p { width:100px; font-weight:bold; font-size:120%; letter-spacing:0.1em; position:absolute; top:0; left:210px;}
	/*btn*/
	.photo #main #pageLink .btnPrev { position:absolute; top:0; left:150px;}
	.photo #main #pageLink .btnNext { position:absolute; top:0; left:310px;}
	.photo #main #pageLink .btnPrev a,
	.photo #main #pageLink .btnNext a { display:block; width:60px; height:20px; background:url(../img/photo_piece.png) no-repeat;}
	.photo #main #pageLink .btnPrev a { background-position:-700px 0;}
	.photo #main #pageLink .btnNext a { background-position:-760px 0;}
	.photo #main #pageLink .btnPrev a:hover { background-position:-700px -20px;}
	.photo #main #pageLink .btnNext a:hover { background-position:-760px -20px;}
/*thumbnail*/
.photo #main #thumb {height:60px; overflow:hidden; position:relative;}
.photo #main #thumb a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	/*btn*/
	.photo #main #thumb .btnPrev { position:absolute; top:0; left:0;}
	.photo #main #thumb .btnNext { position:absolute; top:0; right:-1px;}
	.photo #main #thumb .btnPrev a,
	.photo #main #thumb .btnNext a { display:block; width:18px; height:60px; background:url(../img/photo_piece.png) no-repeat;}
	.photo #main #thumb .btnPrev a { background-position:-820px 0;}
	.photo #main #thumb .btnNext a { background-position:-840px 0;}
	.photo #main #thumb .btnPrev a:hover,
	.photo #main #thumb .btnNext a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/*caption*/
.photo #main #caption { font-size:1.2em; text-align:center; padding:10px 90px 30px;}
/*bknm*/
.photo #main #bknm { padding:30px 21px 20px; position:relative;}
	.photo #main #bknm h3 { height:40px; background:url(../img/photo_piece.png) no-repeat -860px bottom;}
	.photo #main #bknm ul { padding:15px 0;}
	.photo #main #bknm ul li { width:110px; font-size:1.2em; line-height:1.2em; background:url(../img/photo_piece.png) no-repeat -2200px 0; padding-left:10px; margin-right:10px; margin-bottom:20px; float:left;}
	* html .photo #main #bknm ul li { margin-right:17px; background-position:-2200px -1px;}
	.photo #main #bknm ul li a strong { display:block; color:#252525; padding-bottom:3px;}
	/*btn*/
	.photo #main #bknm .btnBknm { position:relative; margin-top:30px; padding-bottom:10px;}
	.photo #main #bknm .btnBknm .posi { width:125px; height:20px; position:absolute; top:0; left:530px;}
	.photo #main #bknm .btnBknm a { display:block; width:125px; height:20px; background:url(../img/photo_piece.png) no-repeat 0 -40px;}
	.photo #main #bknm .btnBknm a:hover { background-position:-125px -40px}
/*noscript*/
.photo #main p.jsoff { height:300px; background:url(../img/noscript.png) no-repeat center center;}
/*bknm_all*/
.photo #textarea #bknmlist { width:658px; position:relative; left:24px; top:10px;}
	.photo #textarea #bknmlist h3 { height:40px; background:url(../img/photo_piece.png) no-repeat -1520px 0;}
	.photo #textarea #bknmlist #monthlink { width:400px; font-size:120%; text-align:right; letter-spacing:0.05em; position:absolute; top:7px; right:20px;}
	.photo #textarea #bknmlist ul { padding:20px 20px 10px 0;}
	.photo #textarea #bknmlist li { width:288px; float:left; font-size:120%; line-height:1.3em; border-bottom:1px dotted #555; background:url(../img/photo_piece.png) no-repeat -2200px 0; padding:0 0 5px 10px; margin:0 0 10px 20px; min-height:50px; height:auto !important; height:50px;}
	* html .photo #textarea #bknmlist li { margin:0 10px 10px 10px;}
	.photo #textarea #bknmlist li .pic { display:block; width:55px; height:55px; border:2px solid #000; float:left; margin-right:5px;}
	.photo #textarea #bknmlist li a:hover .pic { border:2px solid #d00;}
	.photo #textarea #bknmlist li a strong { display:block; color:#333; padding-bottom:5px;}
	.photo #textarea #bknmlist li .cover { width:55px; height:55px;}
	/*btn*/
	.photo #textarea #bknmlist .btnBack { width:120px; height:15px; position:absolute; top:13px; right:15px;}
	.photo #textarea #bknmlist .btnBack a { display:block; width:120px; height:15px; background:url(../img/photo_piece.png) no-repeat -250px -40px;}
	.photo #textarea #bknmlist .btnBack a:hover { background-position:-370px -40px;}



/*eof*/