@charset "utf-8";
@import url("../../common/css/elements.css");
@import url("../../common/css/format.css");
@import url("../../common/css/style.css");


body { background-color: #E7EBDF; }

div#GLOBAL_MENU { background-image: url(../images/guides_img_gnav-bg.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/guides_gnav_01.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/guides_gnav_02.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/guides_gnav_03.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/guides_gnav_04.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/guides_gnav_05.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/guides_gnav_06.gif); }

div#GLOBAL_MENU ul li#GNAV_01 a:hover { background-image: url(../images/guides_gnav_01_over.gif); }
div#GLOBAL_MENU ul li#GNAV_02 a:hover { background-image: url(../images/guides_gnav_02_over.gif); }
div#GLOBAL_MENU ul li#GNAV_03 a:hover { background-image: url(../images/guides_gnav_03_over.gif); }
div#GLOBAL_MENU ul li#GNAV_04 a:hover { background-image: url(../images/guides_gnav_04_over.gif); }
div#GLOBAL_MENU ul li#GNAV_05 a:hover { background-image: url(../images/guides_gnav_05_over.gif); }
div#GLOBAL_MENU ul li#GNAV_06 a:hover { background-image: url(../images/guides_gnav_06_over.gif); }

body.entry   div#GLOBAL_MENU ul li#GNAV_01 a { background-image: url(../images/guides_gnav_01_on.gif); }
body.job     div#GLOBAL_MENU ul li#GNAV_02 a { background-image: url(../images/guides_gnav_02_on.gif); }
body.about   div#GLOBAL_MENU ul li#GNAV_03 a { background-image: url(../images/guides_gnav_03_on.gif); }
body.feature div#GLOBAL_MENU ul li#GNAV_04 a { background-image: url(../images/guides_gnav_04_on.gif); }
body.guides  div#GLOBAL_MENU ul li#GNAV_05 a { background-image: url(../images/guides_gnav_05_on.gif); }
body.temp  div#GLOBAL_MENU ul li#GNAV_06 a { background-image: url(../images/guides_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/guidest_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;
}

.greenBar {
	margin: 10px 15px;
	padding-left: 15px;
	border-left: 3px solid #91bf2c;
}

div.appeal {
	position: relative;
	width: 725px;
	height: 347px;
	margin-top: 20px;
	background: url(../../about/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(../../about/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.webEntry {
	position: absolute;
	left: 20px;
	top: 260px;
	width: 248px;
	height: 78px;
}

table.contact {
	margin: 15px;
}

table.contact td {
	padding: 0;
	vertical-align: middle;

}

div.box{
	position: relative;
	}

p.btn1 {
	position: absolute;
	left: 470px;
	top: 170px;
	width: 217px;
	height: 40px;
}

p.btn2 {
	position: absolute;
	left: 470px;
	top: 350px;
	width: 217px;
	height: 40px;
}

p.btn3 {
	position: absolute;
	left: 470px;
	top: 484px;
	width: 217px;
	height: 40px;
}

p.entryBtn {
	position: absolute;
	left: 70px;
	top: 462px;
	width: 139px;
	height: 26px;
}

p.otameshiBtn {
	position: absolute;
	left: 398px;
	top: 605px;
	width: 139px;
	height: 26px;
}

p.notice {
	font-weight: normal;
	color: #ff4646;
}

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;
}