@charset "utf-8";
/*
 * name:contents.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* side_column
------------------------------------------------ */
#side_column {
	float: left;
	width: 280px;
}

	#page_title {
		text-align: center;
	}

	#page_copy {
		padding: 20px 20px 0;
		line-height: 1.8;
	}

		#page_copy strong { font-size: 120%; }

	#page_cat_nav {
		margin-top: 20px;
		text-align: center;
	}

		#page_cat_nav li {
			display: inline-block;
			padding: 0 6px;
			width: 50px;
			height: 50px;
		}

			#page_cat_nav li a {
				display: inline-block;
				width: 100%;
				height: 100%;
				background: url(../img/category/nav.gif) no-repeat left top;
				text-indent: -9999px;
			}
			#page_cat_nav .nav1 a { background-position: left top; }
			#page_cat_nav .nav2 a { background-position: -63px top; }
			#page_cat_nav .nav3 a { background-position: -126px top; }
			#page_cat_nav .nav4 a { background-position: -189px top; }

			#page_cat_nav .nav1 a:hover { background-position: left bottom; }
			#page_cat_nav .nav2 a:hover { background-position: -63px bottom; }
			#page_cat_nav .nav3 a:hover { background-position: -126px bottom; }
			#page_cat_nav .nav4 a:hover { background-position: -189px bottom; }

	#side_column .nav {
		margin: 20px 0 0 20px;
	}

		#side_column .nav li {
			font-size: 110%;
		}

			#side_column .nav li a { display: block; padding: 4px 0 4px 35px; }
			#side_column .nav .nav_fb a { background: url(../img/icon/fb.gif) no-repeat 7px 5px; }
			#side_column .nav .nav_access a { background: url(../img/icon/plane.gif) no-repeat left 5px; }
			#side_column .nav .nav_map a { background: url(../img/icon/place.gif) no-repeat 5px top; }

			#side_column .nav .nav_fb a:hover { background-position: 7px -58px; }
			#side_column .nav .nav_access a:hover { background-position: left -61px; }
			#side_column .nav .nav_map a:hover { background-position: 5px -60px; }

/* main_column
------------------------------------------------ */
#main_column {
	float: right;
	width: 650px;
}

/* photo_list
------------------------------------------------ */
#photo_list {
	margin-left: -2px;
}

	#photo_list li {
		float: left;
		margin: 0 0 2px 2px;
		width: 215px;
		height: 131px;
		overflow: hidden;
	}

		#photo_list li .data_answer { display: none; }

/* btn_question
------------------------------------------------ */
#btn_question {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 41px;
	height: 48px;
	background: url(../../img/share/question.png) no-repeat left top;
	text-indent: -9999px;
	z-index: 100;
}
#btn_question:hover { background-position: left bottom; }


/* question_window
------------------------------------------------ */
#question_window {
	position: absolute;
	bottom: -365px;
	right: 0;
	padding: 10px;
	width: 235px;
	height: 345px;
	background: url(../../img/share/question_bg.png) repeat left top;
	z-index: 100;
}

	#question_window .data_answer .data_title {
		padding: 20px 10px 0;
		font-size: 120%;
		font-weight: normal;
	}
	
	#question_window .data_answer .comment {
		padding: 15px 10px 13px;
	}

	#question_window .data_answer .author {
		clear: both;
		margin-left: 10px;
		padding: 2px 0 2px 25px;
		background: url(../img/icon/camera.png) no-repeat left top;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka;
		font-size: 80%;
	}
	
	#question_window .data_answer .nav {
		float: left;
		padding: 10px 0 0 10px;
		width: 120px;
	}
	
		#question_window .data_answer .nav li {
			padding-bottom: 5px;
		}
	
			#question_window .data_answer .nav li a {
				padding: 4px 0 4px 25px;
			}
			#question_window .data_answer .nav .wiki a { background: url(../img/icon/wiki.png) no-repeat left 3px; }
			#question_window .data_answer .nav .blank a { background: url(../img/icon/blank.png) no-repeat left 4px; }
			#question_window .data_answer .nav .wiki a:hover { background-position: left -62px; }
			#question_window .data_answer .nav .blank a:hover { background-position: left -61px; }
	
	#question_window .data_answer .island_logo {
		float: right;
		padding: 13px 10px 0 0;
		width: 85px;
	}

	#question_window .data_answer .sns {
		position: absolute;
		width: 100%;
		left: 10px;
		bottom: 10px;
	}
	
		#question_window .data_answer .sns li {
			float: left;
			margin-left: 5px;
		}
		#question_window .data_answer .sns .fb { width: 73px; height: 25px; }
		#question_window .data_answer .sns .tw { width: 72px; height: 24px; }
		#question_window .data_answer .sns .pin { width: 73px; height: 24px; }
	
			#question_window .data_answer .sns li a {
				float: left;
				display: block;
				width: 100%;
				height: 100%;
				background-position: left top;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}
			#question_window .data_answer .sns .fb a { background-image: url(../img/share/btn_fb.png); }
			#question_window .data_answer .sns .tw a { background-image: url(../img/share/btn_tw.png); }
			#question_window .data_answer .sns .pin a { background-image: url(../img/share/btn_pin.png); }
			#question_window .data_answer .sns li a:hover { background-position: left bottom; }
	
	#close {
		position: absolute;
		top: 5px;
		right: 5px;
		display: block;
		width: 15px;
		height: 15px;
		background: url(../img/share/question_close.png) no-repeat left top;
		text-indent: -9999px;
	}
	#close:hover { background-position: left bottom; }