@charset "utf-8";

/*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*

 imgzoom.css 拡大画面用スタイル

*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*/
/* iframeの外のdivに対して上書き */
body#detail #fancybox-wrap{
	padding:0!important;
	width: 100%!important;
	height: 100%!important;
	position:fixed!important;
	left:0!important;
	top:0px!important;
}
body#detail #fancybox-outer {
	background: #000;
}
body#detail #fancybox-content {
	border: 0px solid #000000 !important;
	margin: 0 auto !important;
	height:100%!important;
	width:100%!important;
}


/* iframeの中に対して上書き */
body#zoom_viewer {
	height:100%;
	color: #eeeeee;
	background: none #000 !important;
	overflow:hidden;
}

body#zoom_viewer a {
	text-decoration: none;
	cursor: pointer;
}
body#zoom_viewer a:link {
	color: #cc6666;
}
body#zoom_viewer a:visited {
	color: #993333;
}
body#zoom_viewer a:active {
	color: #660000;
}
body#zoom_viewer a:hover {
	color: #993333;
	text-decoration: underline;
}
body#zoom_viewer a:hover * {
	text-decoration: underline;
}


body#zoom_viewer #header {
	margin: 10px auto!important;
	padding: 0 15px;
	text-align: center;
	height: 35px;
	background:none !important;
}
body#zoom_viewer #header .inner {
	margin: 0;
	text-align: left;
	padding: 0;
	width: 100%;
}
body#zoom_viewer #header .inner #site_name {
	float: left;
}

body#zoom_viewer #contents {
	width: 100%;
}

body#zoom_viewer .main {
	position: relative;
	float: none;
	margin-top:10px;
	width: 100%;
}

/* 前へ・次へ */
body#zoom_viewer .nav_detail_zoom {
	margin: 0 auto;
	width: 200px;
	position: relative;
	top: 10px;
}
body#zoom_viewer .nav_detail_zoom .prev {
	background: url(/img/btn_prev.png) no-repeat left center;
	padding: 4px 0 4px 32px;
	float: left;
	color:#666;
}
body#zoom_viewer .nav_detail_zoom .next {
	background: url(/img/btn_next.png) no-repeat right center;
	padding: 4px 32px 4px 0;
	float:right;
	color:#666;
}
body#zoom_viewer .nav_detail_zoom a.prev,
body#zoom_viewer .nav_detail_zoom a.next {
	color: #ffffff;
}


/* いいにゃ */
body#zoom_viewer .wrap_center a.lover:hover,
body#zoom_viewer .wrap_center a.lover:hover span {
	text-decoration: none;
}
body#zoom_viewer .wrap_center .lover span.left {
	color: #462211;
	font-weight: bold;
	background: url(/img/bg_widet.png) no-repeat left center;
	padding: 4px 0 4px 10px;
	margin: 0 0 0 2px;
	line-height: 100%;

}
body#zoom_viewer .wrap_center .lover span.left span {
	background: url(/img/bg_widet.png) no-repeat right center;
	padding: 4px 6px 4px 0;
}

body#zoom_viewer .wrap_center {
	padding: 4px 0 0;
}
body#zoom_viewer .wrap_center .user_action {
	float:left;
}
body#zoom_viewer .wrap_center .user_action li {
	float: left;
	margin: 0 8px 0 0
}
body#zoom_viewer .wrap_center .user_action li img {
	vertical-align: middle;
}

body#zoom_viewer .wrap_center .user_action li.btn_comment a {
	color: #ffffff;
}/* 写真メイン枠 */
body#zoom_viewer .photo_wrap {
	padding: 6px;
	margin: 0 auto;
	text-align: center;
	background: #000000 !important;
}


/* 写真メインサイズ */
body#zoom_viewer .photo_wrap .flames {
	display: table;
	background: url(/img/bg_photo_zoom.png) left top;
	width: 100%;
}

body#zoom_viewer .photo_wrap .flames img#zoom{
	zoom:1;
	display:block;
/*	width: 90%;*/
	
	margin:0 auto;
	
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
}
/* for Modern Browser */
html > body .photo_wrap .flames img#zoom {
/*	max-width: 800px !important;*/
/*	width: auto !important;*/
/*	max-height: 600px !important;*/
/*	height: auto !important;*/
}

/* for ie */
* html .photo_wrap .flames img#zoom {
/*	width: expression(this.height>600 ? Math.floor(this.width*600/this.height) : (this.width > 800 ? 800: true ));
	height: expression(this.height > 600 ? 600: true);*/
}

body#zoom_viewer .photo_wrap .flames .vm {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}

body#zoom_viewer .main_photo_detail {
	margin: 4px auto !important;
	text-align: center;
}

body#zoom_viewer .main_photo_detail .wrap_left {
	float: none !important;
	width: auto !important;
	text-align: left !important;
}
body#zoom_viewer .main_photo_detail .wrap_left .user_icon {
	float: left;
	margin: 0 6px 0 0;
}
body#zoom_viewer .main_photo_detail .wrap_left .title {
	font-size: 108%;
	font-weight: bold;
	margin: 0 0 5px 0;
}
body#zoom_viewer .main_photo_detail .wrap_left .data {
}
body#zoom_viewer .main_photo_detail .wrap_left .day {
	font-size: 77%;
}

/* CLoseボタン */
a#fancybox-close.imgzoom-close{
	background: none;
	border: none;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	border-color: #111111 #020202 #000000 #111111;
	position: absolute;
	right: 15px;
	top: 15px;

	z-index: 1103;
	color:#F7F7F7;
	font-size:12px;
	line-height:18px;
	text-decoration: none;
	padding:0px 15px;
}
a#fancybox-close.imgzoom-close .close-button-text{
	width: 50px;
	line-height:23px;
	color: #DDDDDD;
	text-shadow: 1px 1px 0 #161616;
	white-space:nowrap;
}
a#fancybox-close.imgzoom-close .close-button-x{
	font-size: 14px;
	line-height: 14px;
	vertical-align:middle;
}