@charset "utf-8";

body {
	behavior:url("/common/css/csshover.htc");
}

/* スナップ詳細 */

#contentsInner {
	width:100%;
	height:100%;
}

#snap {
	position:relative;
	margin:0 auto;
	text-align:left;
	max-width:815px;
	min-width:650px;
	width:expression(document.body.clientWidth < 651? "650px" : document.body.clientWidth > 816? "815px" : "auto");
}

#snap_l {
	position:relative;
	text-align:left;
	padding:6px 0 0 6px;
	float:left;
	overflow:hidden;
}

#snap_right {
	background-image:none;
	background-color:#FFF;
	overflow:hidden;
	width:295px;
	_width:318px;
	float:right;
	padding:0 0 0 23px;
}

.select-photo-inner {
	position:relative;
	width:85px;
	height:85px;
	z-index:1;
}

.select-photo-inner a {
	display:block;
	color:#FFF;
	width:85px;
	height:85px;
}

.select-photo-inner a:hover {
	background: url(/common/img/snap/snapthumb_on.png) no-repeat 0 0;
}

.select-photo-inner img {
	display:block;
	width:85px;
	height:85px;
	position:absolute;
	vertical-align:bottom;
	z-index:-1;
	left:0;
	top:0;
}

.snapTxtTitle {
	font-size:200%;
	margin:35px 0 0 10px;
}

#snapData dl {
	width:285px;
}

#snapData dt {
	float:left;
	width:75px;
	padding:3px 0 3px 10px;
	clear:both;
	color:#888;
	font-size:134%;
}

#snapData dt span {
	display:block;
	padding:20px 0 0 0;
	color:#F00;
}

#snapData dd {
	margin-left:75px;
	padding:5px 5px 3px 10px;
}

#snapData dd p {
	padding:20px 0 0 0;
	color:#888;
}

#snapData dd span {
	font-family:"ヒラギノ角ゴ ProN W6","HiraKakuProN-W6","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#000;
}

#snapDataFreeFormat,
#snapStoryTxt {
	margin:20px 0 0 10px;
}

#snapDataFreeFormat a,
#snapStoryTxt a {
	color:#F00;
}

#snapDataFreeFormat a:hover,
#snapStoryTxt a:hover {
	color:#333;
}

.select-photo {
	width:85px;
	height:85px;
	padding:6px 0 0 10px;
	float:left;
}

/* スナップリスト */

#snapList {
	padding:0;
	clear:both;
	text-align:left;
}

.snap {
	width:156px;
	height:250px;
	float:left;
}

.snapListInner {
	background:url(/common/img/bg_dot_grey_1px.png) repeat scroll 0 0;
	width:156px;
	height:211px;
}

.snapListInner:hover {
	background-image:none;
	background-color:#000;
	width:156px;
	height:211px;
}

.snapDate {
	color:#888;
	font-size:84%;
}

.snapImg {
	width:148px;
	height:185px;
	_width:152px;
	_height:189px;
	margin:0 auto;
	padding:4px 0 0 0;
	_padding:4px 0 0 4px;
	text-align:center;
	overflow:hidden;
}

.snapImg a {
	display:block;
	width:148px;
	height:185px;
	color:#000;
}

.snapTitle {
	font-size:92%;
	width:148px;
	text-align:left;
	margin:1px 0 0 8px;
}

.snapTitle a:hover,
.snapListInner:hover .snapTitle a {
	color:#FFF;
}

/* スナップヘッダー */

#snapHeaderTitle {
	position:relative;
}

.categoryTitle a {
	background: url(/common/img/bg_title_dot.png) no-repeat 15px 17px;
	display:block;
	height:58px;
	font-size:159%;
	padding:0 0 0 34px;
	line-height:2.0em;
}

.categoryTitle a:hover,
.categoryCurrent a {
	color:#000;
	background: url(/common/img/blog/bloggerlist_tab.png) no-repeat 0 0;
	overflow:hidden;
}

#snapHeaderTitle ul {
	padding:0 0 0 40px;
}

#snapHeaderTitle ul li {
	float:left;
	width:110px;
}

#seasonList a {
	cursor:default;
}

#snapHeaderTitle .tooltipHeader {
	display:block;
	background: url(/common/img/blog/bg_tooltip_header.png) no-repeat 0 0;
	width:154px;
	height:22px;
	overflow:hidden;
}

#snapHeaderTitle .tooltip p {
	display:block;
	background: url(/common/img/blog/bg_tooltip_body.png) repeat-y scroll 0 0;
	font-size:76%;
	text-indent:20px;
	width:154px;
	overflow:hidden;
	padding:0 0 0 10px;
}

#snapHeaderTitle .tooltip #seasonListTop {
	padding:10px 0 0 10px;
}

#snapHeaderTitle .tooltip p a:hover {
	color:#F00;
}

#snapHeaderTitle .tooltipFooter { 
	display:block;
	background: url(/common/img/blog/bg_tooltip_footer.png) no-repeat 0 0;
	width:154px;
	height:31px;
	overflow:hidden;
}

.EntryNextPrev .tooltip p {
	background-color:#000;
	width:121px;
	height:156px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
}

.EntryNextPrev {
	margin:40px 0 0 0;
}

.EntryNextPrev .tooltipHeader {
	display:block;
	background: url(/common/img/snap/bg_tooltip_header.png) no-repeat 0 0;
	width:121px;
	height:8px;
	overflow:hidden;
}

.EntryNextPrev .tooltipFooter { 
	display:block;
	background: url(/common/img/snap/bg_tooltip_footer.png) no-repeat 0 0;
	width:121px;
	height:19px;
	overflow:hidden;
}