@charset "utf-8";
@import url("../shared/css/base.css");

/*------------------------------
 Overwrite
------------------------------ */

.toPageTop{
	margin-top:2em;
}

.toPageTop a{
	margin-left:580px;
}

.rightBorderBottom{
	clear:both;
}

/*------------------------------
 About
------------------------------ */

#aboutMenu li{
	background:url(../shared/images/icon_menu.gif) no-repeat 0 0.5em;
	padding-left:1em;
	border-bottom:1px dotted #d6d6d6;
}

#aboutMenu a{
	display:block;
	text-decoration:none;
}

#aboutNavi{
	height:45px;
	margin:12px auto 12px auto;
	width:682px;
}

#aboutNavi #prevAbout{
	height:45px;
	float:left;
}

#aboutNavi #prevAbout a{
	display:block;
	width:164px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

#aboutNavi #nextAbout{
	height:45px;
	float:right;

}

#aboutNavi #nextAbout a{
	display:block;
	width:164px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
}

/*------------------------------
 About > concept
------------------------------ */

#concept h2{
	width:942px;
	height:75px;
	background:url(images/about_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}

#concept h3{
	width:683px;
	height:88px;
	background:url(images/about_h_concept.gif) no-repeat;
	text-indent:-9999px;
}

#concept h4{
	width:682px;
	height:344px;
	background:url(images/concept_img_visual.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:12px;;
}

#concept #conceptTxt{
	margin:12px 0 12px 18px;
}
#concept #conceptTxt p{
	margin-bottom:1em;
}

#concept #nextAbout{
	margin:12px auto 12px auto;
	width:682px;
	height:45px;
}

#concept #nextAbout a{
	margin-left:518px;
	display:block;
	width:164px;
	height:45px;
	background:url(images/about_btn_profile.gif);
	text-indent:-9999px;
	overflow:hidden;
}
/*------------------------------
 About > profile
------------------------------ */

#profile h2{
	width:942px;
	height:75px;
	background:url(images/about_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}

#profile h3{
	width:684px;
	height:88px;
	background:url(images/about_h_profile.gif) no-repeat;
	text-indent:-9999px;
}

#profile .rightBorder{
	margin:12px 0;
}

#profileData dt{
	width:8em;
	line-height:1.8em;
	padding:2px 2px 2px 24px;
}

#profileData dd{
	padding:2px 2px 2px 10.5em;
	margin-top: -2em;
	margin-left:0;
	line-height:1.8em;
	border-bottom:1px dotted #d6d6d6;
}


#profile #prevAbout a{
	background:url(images/about_btn_conceptbk.gif);
}

#profile #nextAbout a{
	background:url(images/about_btn_history.gif);
}

#profile #bnrImg{
	float:right;
	height:31px;
	margin-right:12px;
}

#profile #bnrTxt{
	float:right;
}

/*------------------------------
 About > history
------------------------------ */

#history h2{
	width:942px;
	height:75px;
	background:url(images/about_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}

#history h3{
	width:684px;
	height:88px;
	background:url(images/about_h_history.gif) no-repeat;
	text-indent:-9999px;
}

#history .rightBorder{
	margin:12px 0;
}

#historyData{
	line-height:3em;
}

#historyData dt{
	width:100px;
	text-indent:24px;
	position:relative;
	z-index:1;
}

#historyData dd{
	padding-left:100px;
	margin-top: -3em;
	height:100%;
}

#historyData .line01{
	background-color:#f4f4f4;
}

#historyData .line02{
	background-color:#e0e0e0;
}

#historyData dt.line01{
	background:url(images/mark_circle_g01.gif) #f4f4f4 no-repeat 7px;
}

#historyData dt.line02{
	background:url(images/mark_circle_g02.gif) #e0e0e0 no-repeat 7px;
}

#historyData .data{
	vertical-align:middle;
}

#history #prevAbout a{
	background:url(images/about_btn_profilebk.gif);
}

#history #nextAbout a{
	background:url(images/about_btn_recruit.gif);
}

/*------------------------------
 About > recruit
------------------------------ */

#recruit h2{
	width:942px;
	height:75px;
	background:url(images/about_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}

#recruit h3{
	width:684px;
	height:88px;
	background:url(images/about_h_recruit.gif) no-repeat;
	text-indent:-9999px;
}

#recruitTxt{
	margin:12px 0 12px 22px;
	line-height:1.8em;
}

#recruit .rightBorder{
	margin:12px 0;
}

.recruitData dt{
	width:8em;
	line-height:1.8em;
	padding:2px 2px 2px 24px;
	font-weight:bold;
}

.recruitData dd{
	padding:2px 2px 2px 10.5em;
	margin-top: -2em;
	margin-left:0;
	line-height:1.8em;
	border-bottom:1px dotted #d6d6d6;
}

#recruit #prevAbout a{
	background:url(images/about_btn_historybk.gif);
}

#recruit #nextAbout a{
	background:url(images/about_btn_access.gif);
}

#recruit .notice{
	color:#ff0000;
}

/*------------------------------
 About > access
------------------------------ */

#access h2{
	width:942px;
	height:75px;
	background:url(images/about_h_title.gif) no-repeat;
	margin-bottom:9px;
	text-indent:-9999px;
}

#access h3{
	width:684px;
	height:88px;
	background:url(images/about_h_access.gif) no-repeat;
	text-indent:-9999px;
}

#access .rightBorder{
	margin:12px 0;
}

#accessMap{
	width:638px;
	margin:0 auto;
}

#access #prevAbout{
	margin:12px auto 12px auto;
	width:682px;
	height:45px;
}

#access #prevAbout a{
	display:block;
	width:164px;
	height:45px;
	background:url(images/about_btn_recruitbk.gif);
	text-indent:-9999px;
	overflow:hidden;
}