﻿@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	display: block;
	overflow: hidden;
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
	}

/* #
--------- --------- --------- --------- --------- */
.contents {
	margin:0;
	width: 100%;
	}

.about_mareablock {
	margin:0 0 40px;
	background-color: #E9DDCF;
	}

.about_marea {
	background: url('../images/about/about_marea_image.jpg') no-repeat;
	background-position: right 25px;
	margin:0 auto;
	padding:50px 0 85px;
	width:1100px;
	}

.about_marea h2 {
	overflow: hidden;
	background: url('../images/about/about_marea_title.gif') no-repeat;
	margin: 0 0 60px;
	padding: 30px 0 0;
	width: 220px;
	height: 0!important;
	}

.about_marea ul {
	margin:0 0 0 210px;
	}

.about_marea ul li {
	margin:0 0 20px;
	font-size:2.0em;
	line-height:1.1;
	}

.about_marea ul li a {
	display: inline-block;
	background: url('../images/about/about_marea_icon1.gif') no-repeat;
	background-position: 0 center;
	margin:0;
	padding:0 0 0 23px;
	height:20px;
	color:#723D25;
	}

.about_marea ul li a:hover {
	background: url('../images/about/about_marea_icon2.gif') no-repeat;
	background-position: 0 center;
	}

.about_body {
	margin:0 auto;
	width:1100px;
	}

#about_area1 {
	margin:0 auto 55px;
	padding:0 0 0 270px;
	width:720px;
	min-height:165px;
	height:auto!important;
	height:165px;
	position: relative;
	}

#about_area1 h3 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/about/about_area1title.gif') no-repeat;
	margin: 0;
	padding: 165px 0 0;
	width: 230px;
	height: 0!important;
	}

#about_area1 ol {
	margin:0;
	font-size:1.6em;
	color:#6E3C27;
	}

#about_area1 ol li {
	margin:0 0 7px;
	padding:14px 0 0 50px;
	height:30px;
	line-height:1.1;
	}

#about_area1 ol li.point1 {
	background: url('../images/about/about_area1no1.gif') no-repeat;
	background-position: 0 center;
	}

#about_area1 ol li.point2 {
	background: url('../images/about/about_area1no2.gif') no-repeat;
	background-position: 0 center;
	}

#about_area1 ol li.point3 {
	background: url('../images/about/about_area1no3.gif') no-repeat;
	background-position: 0 center;
	}

#about_area2 {
	margin:0 auto 15px;
	padding:0 0 0 270px;
	width:720px;
	min-height:165px;
	height:auto!important;
	height:165px;
	position: relative;
	}

#about_area2 h3 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/about/about_area2title.gif') no-repeat;
	margin: 0;
	padding: 165px 0 0;
	width: 230px;
	height: 0!important;
	}

#about_area2 .area2line {
	margin:0 0 15px;
	font-size:2.0em;
	color:#33A02C;
	}

#about_area2 .area2line.last {
	margin:0;
	}

#about_area3 {
	margin:0 auto 90px;
	padding:0 0 0 270px;
	width:720px;
	min-height:175px;
	height:auto!important;
	height:175px;
	position: relative;
	}

#about_area3 h3 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/about/about_area3title.gif') no-repeat;
	margin: 0;
	padding: 175px 0 0;
	width: 230px;
	height: 0!important;
	}

#about_area3 .table_block {
	margin:0;
	border-top:1px solid #838383;
	}

#about_area3 table {
	margin:0;
	width:720px;
	font-size:1.4em;
	color:#723D25;
	}

#about_area3 table th {
	padding:15px 10px 12px;
	width:70px;
	border-bottom:1px solid #838383;
	font-weight: bold;
	vertical-align: top;
	}

#about_area3 table td {
	padding:15px 10px 12px;
	border-bottom:1px solid #838383;
	}

#about_area3 table td a {
	margin:0;
	color:#723D25;
	}

#about_area3 table td.line {
	padding:15px 10px 1px;
	}

#about_area3 table .td_line,
#about_area3 table .td_line2 {
	margin:0 0 15px;
	padding:0 0 0 120px;
	width:480px;
	line-height:1.1;
	position: relative;
}

#about_area3 table .td_line2 {
	padding:0 0 0 130px;
}

#about_area3 table .td_line:last-child,
#about_area3 table .td_line2:last-child {
	margin-bottom:0;
}

#about_area3 table .td_line b,
#about_area3 table .td_line2 b {
	position: absolute;
	top:0;
	left:0;
}

#about_area4 {
	margin:0 auto 90px;
	padding:0 0 0 270px;
	width:720px;
	min-height:175px;
	height:auto!important;
	height:175px;
	position: relative;
	}

#about_area4 h3 {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	background: url('../images/about/about_area4title.gif') no-repeat;
	margin: 0;
	padding: 175px 0 0;
	width: 230px;
	height: 0!important;
	}

.gmapbox {
	margin:0 0 15px;
	width:650px;
	background-color: #F2F2F2;
	}

.gmapbox iframe {
	width:100%;
	height:400px;
	}

.gmap_link {
	margin:0 0 25px;
	width:650px;
	font-size:1.4em;
	}

.gmap_link.b75 {
	margin:0 0 75px;
}

.gmap_link a {
	display: inline-block;
	background: url('../images/about/outlink.gif') no-repeat;
	background-position: right center;
	margin:0;
	padding:0 19px 0 0;
	line-height: 1.1;
	color:#723D25;
	float:right;
	}

.area4box {
	margin:0 0 40px;
}

.area4box.box2 {
	margin:0;
}

.area4box#map1,
.area4box#map2 {
	margin:0 0 25px;
}

.area4box h4 {
	overflow: hidden;
	background: url('../images/about/about_area4label1.gif') no-repeat;
	margin: 0 0 12px;
	padding: 50px 0 0;
	width: 253px;
	height: 0!important;
	}

.area4box.box2 h4,
.area4box#map2 h4 {
	background: url('../images/about/about_area4label2.gif') no-repeat;
	padding: 55px 0 0;
	}

.info1 {
	margin:0 0 10px;
	font-size:1.6em;
	color:#723D25;
	}

.info2 {
	background: url('../images/about/about_area4icon1.gif') no-repeat;
	background-position: 0 center;
	margin:0 0 5px;
	padding:0 0 0 25px;
	height:18px;
	font-size:1.6em;
	color:#723D25;
	line-height:1.1;
	}

.info3 {
	margin:0;
	font-size:1.6em;
	color:#723D25;
	line-height:1.3;
	}
