@charset "utf-8";
@import url("../../common/css/elements.css");
@import url("../../common/css/format.css");
@import url("../../common/css/style.css");
@import url("../../common/css/seo.css");


body { background-color: #dfe7eb; }

div#GLOBAL_MENU { background-image: url(../images/about_img_gnav-bg.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/about_gnav_01.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/about_gnav_02.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/about_gnav_03.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/about_gnav_04.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/about_gnav_05.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/about_gnav_06.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a:hover { background-image: url(../images/about_gnav_01_over.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a:hover { background-image: url(../images/about_gnav_02_over.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a:hover { background-image: url(../images/about_gnav_03_over.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a:hover { background-image: url(../images/about_gnav_04_over.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a:hover { background-image: url(../images/about_gnav_05_over.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a:hover { background-image: url(../images/about_gnav_06_over.gif); }

body.entry   div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/about_gnav_01_on.gif); }
body.job     div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/about_gnav_02_on.gif); }
body.about   div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/about_gnav_03_on.gif); }
body.feature div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/about_gnav_04_on.gif); }
body.guides  div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/about_gnav_05_on.gif); }
body.temp  div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/about_gnav_06_on.gif); }

div.lead {
	position: relative;
	width: 940px;
	height: 170px;
	margin-top: 5px;
}

.leftImage {
	position: absolute;
	left: 0;
	top: 0;
	width: 470px;
	height: 170px;
}

.rightImage {
	position: absolute;
	right: 0;
	top: 0;
	width: 470px;
	height: 170px;
}

.primaryTitle {
	width: 940px;
	height: 84px;
}

.primaryTitle img {
	margin-top: 27px;
}

div.columnBox {
	width: 940px;
	background: url(../images/about_img_left-bg.gif) left top repeat-y;
}

div.leftColumn {
	width: 205px;
	float: left;
}

div.rightColumn {
	width: 724px;
	float: right;
}

div.leftColumn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.meritContent {
	padding-top: 19px;
	text-align: center;
	background: url(../images/about_img_box-bg.gif) left top no-repeat;
}

div.meritDetail {
	width: 684px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-align: left;
	background-color:  #eaeaeb;
}

div.meritDetail h3 {
	padding-bottom: 10px;
}

div.meritDetail p {
	margin: 0 10px;
	padding-left: 17px;
	line-height: 1.6;
	border-left: 3px solid #e1d6a3;
}

div.appeal {
	position: relative;
	width: 725px;
	height: 347px;
	margin-top: 20px;
	background: url(../images/about_fig_02.gif) left top no-repeat;
}

div.appeal p {
	position: absolute;
	font-size: 80%;
}

p.txt1 {
	left: 303px;
	top: 45px;
	width: 400px;
	height: 35px;
}

p.txt2 {
	left: 303px;
	top: 113px;
	width: 400px;
	height: 35px;
}

p.txt3 {
	left: 303px;
	top: 165px;
	width: 400px;
	height: 25px;
}

div.shikumi {
	position: relative;
	width: 684px;
	height: 341px;
	background: url(../images/about_fig_01.gif) left top no-repeat;
}

div.shikumi p {
	position: absolute;
	left: 455px;
	top: 20px;
	width: 205px;
	height: 310px;
	margin: 0;
	padding: 0;
	border: none;
}

div.touroku {
	position: absolute;
	left: 30px;
	top: 260px;
	width: 210px;
	height: 63px;
}

div.jobEntry {
	position: absolute;
	left: 260px;
	top: 260px;
	width: 210px;
	height: 63px;
}

div.otameshi {
	position: absolute;
	left: 490px;
	top: 260px;
	width: 210px;
	height: 63px;
}

