@charset "utf-8";

/* standard */
body, html {
	width: 100%;
	height: 100%;
}

body {
	font-size: 12px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fc {
	clear: both;
}

a:link { color: #0066cc; text-decoration: none; cursor: pointer; }
a:visited { color: #0066cc; text-decoration: none; cursor: pointer; }
a:hover { color: #0066cc; text-decoration: underline; cursor: pointer; }
a:active { color: #0066cc; text-decoration: underline; cursor: pointer; }

/* この要素を指定する場合は、個別にline-heightを設定して下さい */
.text_area {
	letter-spacing: 1px;
}



/* visibility */
#wrapper {
	width: 100%;
}
#floor_contents {
	width: 1080px;
	position: relative;
}
	#floor_contents .flow_space {
		width: 1080px;
		margin-bottom: 30px;
	}
		#floor_contents .flow_space img {
			margin-right: 25px;
		}



/* material */
.column_desc {
	line-height: 16px;
	font-size: 12px;
}



/* information */
.popup_information {
	width: 400px;
	height: 300px;
	border-radius: 5px;
	padding: 5px 20px;
	border: 1px solid #aaaaaa;
	box-shadow: 0px 0px 15px #000000;
	background-color: #ffffff;
	margin-left: -200px;
	margin-top: -150px;
	top: 40%;
	left: 50%;
	position: fixed;
	display: none;
}
	.popup_information .title {
		width: 400px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		font-size: 12px;
		margin-bottom: 20px;
		border-bottom: 1px solid #aaaaaa;
	}
	.popup_information .icon {
		width: 100px;
		margin-top: 60px;
		float: left;
	}
	.popup_information .description {
		width: 300px;
		float: left;
	}
		.popup_information .description ul li {
			letter-spacing: 1px;
			margin-bottom: 5px;
		}
	.popup_information .close_space {
		width: 400px;
		height: 37px;
		line-height: 40px;
		text-align: center;
		padding-top: 3px;
		border-top: 1px solid #aaaaaa;
		bottom: 0px;
		position: absolute;
	}
	.popup_information .close_space img {
		cursor: pointer;
	}



/* header */
.header_space {
	width: 100%;
	height: 122px;
	background-color: #ffffff transparent;
	border-bottom: 2px solid #dddddd;
}
	.header_space .header_wrapper {
		width: 1100px;
		height: 124px;
		margin: 0px auto;
	}
		.header_space .header_wrapper .standard {
			width: 910px;
			height: 124px;
			margin-right: 2px;
			float: left;
		}
			.header_space .header_wrapper .standard .top {
				width: 910px;
				height: 30px;
				margin-bottom: 2px;
				background-color: #eeeeee;
			}
				.header_space .header_wrapper .standard .top .logo {
					width: 200px;
					height: 30px;
					margin-right: 2px;
					float: left;
				}
				.header_space .header_wrapper .standard .top h1 {
					width: 406px;
					height: 30px;
					line-height: 30px;
					margin-right: 2px;
					font-size: 10px;
					float: left;
				}
				.header_space .header_wrapper .standard .top .login_space {
					width: 300px;
					height: 30px;
					float: left;
				}
					.header_space .header_wrapper .standard .top .login_space .mypage {
						width: 200px;
						font-size: 11px;
						text-align: center;
						padding-top: 4px;
						float: left;
					}
			.header_space .header_wrapper .standard .middle {
				width: 910px;
				height: 60px;
				margin-bottom: 2px;
			}
				.header_space .header_wrapper .standard .middle .advertise {
					width: 226px;
					height: 60px;
					margin-right: 2px;
					float: left;
					background-color: #000000;
				}
				.header_space .header_wrapper .standard .middle .advertise_last {
					width: 226px;
					height: 60px;
					float: left;
					background-color: #000000;
				}
			.header_space .header_wrapper .standard .bottom {
				width: 910px;
				height: 30px;
			}
				.header_space .header_wrapper .standard .bottom .elevator {
					width: 74px;
					height: 30px;
					margin-right: 2px;
					float: left;
					background-color: #000000;
				}
				.header_space .header_wrapper .standard .bottom .elevator_last {
					width: 74px;
					height: 30px;
					float: left;
					background-color: #000000;
				}
		.header_space .header_wrapper .tv {
			width: 188px;
			height: 114px;
			margin-top: 5px;
			float: left;
			background-color: #000000;
		}



/* footer */
.footer_space {
	width: 100%;
	border-top: 1px solid #cccccc;
}
	.footer_space .footer {
		width: 1080px;
		margin: 0px auto;
	}
		.footer_space .footer .left_side {
			width: 400px;
			height: 150px;
			padding-right: 20px;
			border-right: 1px dashed #cccccc;
			float: left;
		}
			.footer_space .footer .left_side .site_logo {
				width: 300px;
				margin-top: 30px;
			}
				.footer_space .footer .left_side .site_logo .info {
					font-size: 10px;
				}
		.footer_space .footer .right_side {
			width: 600px;
			padding-left: 20px;
			float: left;
		}
			.footer_space .footer .right_side .links {
				margin-top: 30px;
			}
				.footer_space .footer .right_side ul {
					line-height: 24px;
				}
					.footer_space .footer .right_side ul li {
						font-size: 11px;
					}