@CHARSET "UTF-8";

@import url('./default.css');
@import url('./frame.css');

/* スマートフォン用リンク ++++++++++++++++++++++++++++++++ */
#back_to_smartphone{
	background: #efefef;
	text-align: right;
}
#back_to_smartphone div{
	margin: 0 auto;
	padding: 0 30px;
	width: 810px;
}
#back_to_smartphone a{
	background: #ee6666;
	border-radius: 0 0 8px 8px;
	color: #efefef;
	display: block;
	line-height: 2;
	margin: 0 0 0 auto;
	padding: 5px 10px;
	text-align: center;
	width: 120px !important;
}

/* ヘッダー下画像エリア ++++++++++++++++++++++++++++++++++ */
#main_image{
	letter-spacing: -0.40em;
	margin: 0;
}
	#map_spot{
		background: url('../images/top/map_spot.jpg') no-repeat;
		display: inline-block;
		height: 248px;
		letter-spacing: normal;
		position: relative;
		width: 229px;
	}
		#map_spot div{
			font-weight: bold;
			height: 15px;
			position: absolute;
			text-align: center;
			width: 34px;
		}
		#num_sanctuary{
			left: 22px;
			top: 54px;
		}
		#num_satellite{
			left: 22px;
			top: 103px;
		}
		#map_link{
			display: block;
			height: 62px;
			left: 151px;
			position: absolute;
			text-indent: -9999px;
			top: 174px;
			width: 62px;
		}

	#photo_area{
		display: inline-block;
		width: 610px; 
	}
	#photo_area img {
		display: block;
		width: 100%; 
	}

	#site_caution{
		float: right; 
		background: url('../images/top/site_caution3.gif') no-repeat right;
		background-size: cover;
		height: 24px;
		width: 670px;
		text-indent: -9999px;
	}

/* トピックス ++++++++++++++++++++++++++++++++++++++++++++ */
#topics{
	border-bottom: 1px solid #999999;
	clear: both;
	margin-left: -10px;
	padding: 0 0 10px 10px;
}
	#topics h2{
		font-size: 1em;
		margin: 0;
	}
	#topics div{
		background: url('../images/frame/menu_listmark.gif') no-repeat left top;
		line-height: 20px;
		padding: 1px 0 0 16px;
	}
	#topics div a{
		color: #333333;
	}
	#topics div a:hover{
		color: #cc0000;
	}

/* メイン部分 ++++++++++++++++++++++++++++++++++++++++++++ */
#main_inner{
	overflow: auto;
}
#main_column{
	float: left;
	padding: 10px 10px 0 0;
	vertical-align: top;
	width: 442px !important;
}
	#main_column .main_box{
		clear: both;
		margin-bottom: 10px;
	}
		#main_column .main_box h2{
			height: 26px;
			margin: 0 0 5px;
			text-indent: -9999px;
		}

	#main_column .main_box hr{
		border: none;
		border-top: 1px dotted #999999;
		clear: both;
		height: 0;
		margin: 5px 0;
	}

	/* イベント / デートプラン 共通 +++++++++++++++++++++++ */
	#main_column .main_box .spot_info{
		overflow: auto;
	}
		#main_column .main_box .spot_info h3{
			font-size: 1em;
			margin: 0 0 10px;
		}
		#main_column .main_box .spot_info div{
			float: left;
			margin-right: 10px;
		}
		#main_column .main_box .spot_info h4{
			font-size: 1em;
			margin: 0 0 5px;
		}
		#main_column .main_box .spot_info p{
			font-size: 0.83em;
			margin: 0;
		}

	/* リリース / メディア 共通 ++++++++++++++++++++++++++ */
	#main_column .main_box .press_info{
			font-size: 0;
			margin: 0 0 5px 0;
			padding: 0 0 5px 0;
			border-bottom: 1px dotted #999999;
	}
		#main_column .main_box .press_info .date{
			display: inline-block;
			letter-spacing: normal;
			vertical-align: top;
			width: 80px;
			font-size: 12px;
		}
		#main_column .main_box .press_info p{
			display: inline-block;
			letter-spacing: normal;
			margin: 0;
			vertical-align: top;
			width: 360px;
			font-size: 12px;
		}
			#main_column .main_box .press_info p span{
				margin: 0 0 0 0.25em;
				color: #ff0000;
			}
	#main_column .main_box .press_more{
		font-size: 0.83em;
		margin-top: 5px;
		text-align: right;
	}

/* プロジェクトインフォメーション +++++++++++++++++++++++++ */
#main_column #project_info{}
	#main_column #project_info h2{
		background: url('../images/top/title_project_info.gif') no-repeat;
	}
	#main_column #project_info .project_info_box{}

/* イベント ++++++++++++++++++++++++++++++++++++++++++++++ */
#main_column #event{}
	#main_column #event h2{
		background: url('../images/top/title_event.gif') no-repeat;
	}

/* デートプラン ++++++++++++++++++++++++++++++++++++++++++ */
#main_column #date_plan{}
	#main_column #date_plan h2{
		background: url('../images/top/title_date_plan.gif') no-repeat;
	}

/* リリース一覧 ++++++++++++++++++++++++++++++++++++++++++ */
#main_column #release{}
	#main_column #release h2{
		background: url('../images/top/title_release.gif') no-repeat;
	}

/* メディア ++++++++++++++++++++++++++++++++++++++++++++++ */
#main_column #media{}
	#main_column #media h2{
		background: url('../images/top/title_media.gif') no-repeat;
	}

/* 右カラム ++++++++++++++++++++++++++++++++++++++++++++++ */
#right_column{
	float: right;
	border-left: 1px solid #999999;
	padding: 10px 0 10px 10px;
	vertical-align: top;
	width: 177px;
}
	#right_column a{
		display: block;
		margin: 0 auto 5px;
		text-indent: -9999px;
	}
	#right_column hr{
		border: none;
		border-top: 1px solid #999999;
		height: 0;
		margin: 10px 0;
	}

/* Recruit ++++++++++++++++++++++++++++++++++++++++++++++ */
.recruit-h1 {margin: 0 0 10px 10px; padding: 10px 15px; color: #fff; background: #E76F82; border: none; border-radius: 5px; }
.recruit-h1 span {display: block; margin: 0; padding: 0 0 0 0; font-size: 18px; font-weight: normal; border-bottom: none; }
.recruit-wrap {margin: 0 0 0 10px; padding: 0; font-size: 14px; color: #595757; border: 1px solid #ccc; background: #fff; }
.recruit-title {margin: 0; padding: 0; font-weight: bold; background: #eeeeee; border-bottom: 1px solid #cccccc; }
.recruit-row {margin: 0; padding: 0; font-size: 0; border-bottom: 1px solid #ccc; vertical-align: top; }
.recruit-row:last-child {border-bottom: none; }
.recruit-row-1 {display: inline-block; box-sizing: border-box; width: 20%; margin: 0; padding: 15px; font-size: 14px; vertical-align: top; }
.recruit-row-2 {display: inline-block; box-sizing: border-box; width: 80%; margin: 0; padding: 15px; font-size: 14px; background: #fff; border-left: 1px solid #ccc; vertical-align: top; }
.recruit-row-2 p {margin: 0.5em 0 0 0; }

#main_block #info_address {
    background: url(../images/toiawase/address.gif) no-repeat;
    height: 60px;
    text-indent: -9999px;
}
#main_block #info_tel {
    background: url(../images/toiawase/tel.gif) no-repeat;
    display: inline-block;
    height: 60px;
    text-indent: -9999px;
    width: 310px;
}
#main_block #info_fax {
    background: url(../images/toiawase/fax.gif) no-repeat;
    display: inline-block;
    height: 60px;
    text-indent: -9999px;
    width: 310px;
}
#main_block #info_mail {
    background: url(../images/toiawase/hr.gif) no-repeat top;
    margin-top: 0;
    padding-top: 25px;
}
#main_block #info_mail a {
    background: url(../images/toiawase/btn_mail.gif) no-repeat;
    display: block;
    height: 22px;
    margin-left: 26px;
    text-indent: -9999px;
    width: 280px;
}
#main_block #info_caution {
    background: url(../images/toiawase/caution.gif) no-repeat;
    height: 65px;
    text-indent: -9999px;
}