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

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 80%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  Verdana, Helvetica, "ＭＳ Ｐ明朝", "MS P Mincho", serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
	line-height: 1.6;
	color: #000;
}
ul,ol { list-style: none; }
img { border: none; vertical-align: top; }
a:link { color: #36942A; text-decoration: none; }
a:visited { color: #36942A; text-decoration: none; }
a:hover { color: #F29600; text-decoration: underline; }

.hide { display: none; }
.fRed { color: #f00; }
.space { margin-top: 10px; }
.exSpace { margin-top: 30px; }
.spaceL { margin-left: 10px; }
.spaceR { margin-right: 10px; }
.center { text-align: center; }

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	clear: both;
	*zoom: 1;
}

/* wrap
------------------------------------------------ */
.wrap {
	position: relative;
	margin: 0 auto;
	width: 950px;
}

/* header
------------------------------------------------ */
#header {
	margin-bottom: 10px;
	padding-top: 10px;
}

	#logo {
		float: left;
		width: 190px;
	}

	#header .right_block {
		position: relative;
		float: right;
 		margin-bottom: 5px;
		width: 735px;
	}

		#head_limit {
			position: relative;
			float: left;
			width: 294px;
			height: 100px;
			background: url(../img/share/head_limit.gif) no-repeat left top;
		}

			#head_limit span { display: block; text-indent: -9999px; }
			#head_limit strong {
				position: absolute;
				top: 12px;
				left: 152px;
				width: 55px;
				text-align: center;
			}

				#head_limit strong img { padding: 0 1px; }

		#head_copy {
			position: relative;
			float: left;
			margin-top: 30px;
			width: 350px;
			height: 35px;
			background: url(../img/share/head_copy.gif) no-repeat left top;
			text-indent: -9999px;
		}


		#head_open {
			position: relative;
			float: left;
			width: 294px;
			height: 100px;
			background: url(../img/share/head_open.gif) no-repeat left 28px;
			text-indent: -9999px;
		}

		#head_sns {
			float: right;
			height: 26px;
		}

			#head_sns li {
				float: left;
			}
			#head_sns .fb { width: 110px; }
			#head_sns .tw { width: 100px; }
			#head_sns .g1 { width: 70px; }
			#head_sns .pin { width: 40px; }

		#cat_nav {
			float: right;
			margin-right: 5px;
			padding-top: 5px;
			width: 340px;
		}

			#cat_nav dt {
				height: 15px;
			}

			#cat_nav dd {
				padding-top: 5px;
			}

				#cat_nav dd p {
					float: left;
					padding-top: 12px;
					width: 75px;
				}

				#cat_nav dd ul {
					float: right;
					width: 264px;
				}

					#cat_nav dd ul li {
						float: left;
						padding-left: 12px;
						width: 54px;
						height: 54px;
					}

						#cat_nav dd ul li a {
							display: block;
							width: 100%;
							height: 100%;
							background: url(../img/share/cat_nav.gif) no-repeat left top;
							text-indent: -9999px;
						}
						#cat_nav dd ul .nav1 a { background-position: left top; }
						#cat_nav dd ul .nav2 a { background-position: -66px top; }
						#cat_nav dd ul .nav3 a { background-position: -132px top; }
						#cat_nav dd ul .nav4 a { background-position: -198px top; }
		
						#cat_nav dd ul .nav1 a.on,#cat_nav dd ul .nav1 a:hover { background-position: left bottom; }
						#cat_nav dd ul .nav2 a.on,#cat_nav dd ul .nav2 a:hover { background-position: -66px bottom; }
						#cat_nav dd ul .nav3 a.on,#cat_nav dd ul .nav3 a:hover { background-position: -132px bottom; }
						#cat_nav dd ul .nav4 a.on,#cat_nav dd ul .nav4 a:hover { background-position: -198px bottom; }

	#island_nav {
		margin-left: -11px;
	}

		#island_nav li {
			float: left;
			padding-left: 11px;
			width: 76px;
			height: 76px;
		}

			#island_nav li a {
				display: block;
				width: 100%;
				height: 100%;
				background: url(../img/share/island_nav.gif) no-repeat left top;
				text-indent: -9999px;
			}
			#island_nav .nav1 a { background-position: left top; }
			#island_nav .nav2 a { background-position: -88px top; }
			#island_nav .nav3 a { background-position: -176px top; }
			#island_nav .nav4 a { background-position: -262px top; }
			#island_nav .nav5 a { background-position: -349px top; }
			#island_nav .nav6 a { background-position: -437px top; }
			#island_nav .nav7 a { background-position: -523px top; }
			#island_nav .nav8 a { background-position: -612px top; }
			#island_nav .nav9 a { background-position: -699px top; }
			#island_nav .nav10 a { background-position: -787px top; }
			#island_nav .nav11 a { background-position: -875px top; }

			#island_nav .nav1 a.on,#island_nav .nav1 a:hover { background-position: left bottom; }
			#island_nav .nav2 a.on,#island_nav .nav2 a:hover { background-position: -88px bottom; }
			#island_nav .nav3 a.on,#island_nav .nav3 a:hover { background-position: -176px bottom; }
			#island_nav .nav4 a.on,#island_nav .nav4 a:hover { background-position: -262px bottom; }
			#island_nav .nav5 a.on,#island_nav .nav5 a:hover { background-position: -349px bottom; }
			#island_nav .nav6 a.on,#island_nav .nav6 a:hover { background-position: -437px bottom; }
			#island_nav .nav7 a.on,#island_nav .nav7 a:hover { background-position: -523px bottom; }
			#island_nav .nav8 a.on,#island_nav .nav8 a:hover { background-position: -612px bottom; }
			#island_nav .nav9 a.on,#island_nav .nav9 a:hover { background-position: -699px bottom; }
			#island_nav .nav10 a.on,#island_nav .nav10 a:hover { background-position: -787px bottom; }
			#island_nav .nav11 a.on,#island_nav .nav11 a:hover { background-position: -875px bottom; }

	#head_nav {
		margin-top: 10px;
	}

		#head_nav dt {
			float: left;
			padding-top: 3px;
			width: 131px;
			height: 13px;
		}

		#head_nav dd {
			float: right;
			width: 815px;
		}

			#head_nav dd ul {
			}

				#head_nav dd ul li {
					float: left;
					padding-left: 35px;
					height: 21px;
				}
				#head_nav dd ul .nav1 { width: 63px; }
				#head_nav dd ul .nav2 { width: 76px; }
				#head_nav dd ul .nav3 { width: 75px; }
				#head_nav dd ul .nav4 { width: 87px; }
				#head_nav dd ul .nav5 { width: 83px; }
				#head_nav dd ul .nav6 { width: 72px; }
				#head_nav dd ul .nav7 { width: 105px; }
		
					#head_nav dd ul li a {
						display: block;
						width: 100%;
						height: 100%;
						background: url(../img/share/head_nav.gif) no-repeat left top;
						text-indent: -9999px;
					}
					#head_nav dd ul .nav1 a { background-position: left top; }
					#head_nav dd ul .nav2 a { background-position: -76px top; }
					#head_nav dd ul .nav3 a { background-position: -167px top; }
					#head_nav dd ul .nav4 a { background-position: -259px top; }
					#head_nav dd ul .nav5 a { background-position: -362px top; }
					#head_nav dd ul .nav6 a { background-position: -462px top; }
					#head_nav dd ul .nav7 a { background-position: -552px top; }
		
					#head_nav dd ul .nav1 a.on,#head_nav dd ul .nav1 a:hover { background-position: left bottom; }
					#head_nav dd ul .nav2 a.on,#head_nav dd ul .nav2 a:hover { background-position: -76px bottom; }
					#head_nav dd ul .nav3 a.on,#head_nav dd ul .nav3 a:hover { background-position: -167px bottom; }
					#head_nav dd ul .nav4 a.on,#head_nav dd ul .nav4 a:hover { background-position: -259px bottom; }
					#head_nav dd ul .nav5 a.on,#head_nav dd ul .nav5 a:hover { background-position: -362px bottom; }
					#head_nav dd ul .nav6 a.on,#head_nav dd ul .nav6 a:hover { background-position: -462px bottom; }
					#head_nav dd ul .nav7 a.on,#head_nav dd ul .nav7 a:hover { background-position: -552px bottom; }

/* contents
------------------------------------------------ */
#contents {
}

/* footer
------------------------------------------------ */
#footer {
	padding: 40px 0;
}

	#foot_logo {
		float: left;
		padding-top: 10px;
		width: 250px;
	}

		#foot_logo .comment {
			padding-top: 10px;
			font-size: 85%
		}

	#footer .right_block {
		float: right;
		width: 650px;
	}

		#footer .link_list {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: solid #595757 1px;
			font-size: 85%
		}

			#footer .link_list h3 {
				padding-top: 10px;
				font-size: 120%;
				font-weight: normal;
				color: #36942A;
			}

			#footer .link_list ul {
				line-height: 2;
			}

				#footer .link_list ul li {
					float: left;
				}

					#footer .link_list ul li a,
					#footer .link_list ul li a:hover { color: #000; }

	#copyright {
	}

/* modalwindow
------------------------------------------------ */
#overlay {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: #000;
	z-index: 500;
}
#displayContent {
	position: absolute;
	top:50%;
	left:50%;
	margin: -50px 0 0 -50px;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #fff;
	z-index: 600;
}
#getContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#getContent .modalImg {
	position: relative;
	z-index: 1;
}
#displayContent .next {
	position: absolute;
	top: 230px;
	right: -60px;
	display: block;
	width: 27px;
	height: 26px;
	background: url(../img/share/modal_next.png) no-repeat left top;
	text-indent: -9999px;
}
#displayContent .prev {
	position: absolute;
	top: 230px;
	left: -60px;
	display: block;
	width: 27px;
	height: 26px;
	background: url(../img/share/modal_prev.png) no-repeat left top;
	text-indent: -9999px;
}