@charset 'utf-8';

@import "reset.css";

/* body
-------------------------------------------------- */

body {
	padding: 0px;
	margin: 31px 0px 25px;
	font-size: 80%;
	line-height: 1.4;
	color: #676a6f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #ffffff;
}

#bodyArea {
	width: 800px;
	margin: 0px;
}

#wrapperArea {
	width: 800px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

/* keyVisual
-------------------------------------------------- */

#keyVisual {
	width: 800px;
	height: 307px;
	padding: 0px;
	margin: 0px 0px 27px;
	position: relative;
}

#keyVisual h1 {
	width: 800px;
	height: 97px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#keyVisual p {
	width: 800px;
	height: 210px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 97px;
	left: 0px;
}

/* mainArea
-------------------------------------------------- */

#mainArea {
	width: 800px;
}

#mainArea h2.head_010 {
	width: 800px;
	height: 22px;
	margin: 0px 0px 22px;
}

#mainArea h2.head_020 {
	width: 800px;
	height: 22px;
	margin: 40px 0px 22px;
}

#mainArea h2.head_030 {
	width: 800px;
	height: 22px;
	margin: 40px 0px 19px;
}

#mainArea h3.subHead_010 {
	width: 800px;
	height: 19px;
	margin: 26px 0px 20px;
}

#mainArea h3.subHead_020 {
	width: 800px;
	height: 19px;
	margin: 30px 0px 20px;
}

/* paragraph Element
-------------------------------------------------- */

#mainArea p {
	padding: 0px;
	margin: 0px;
	/* except MacIE5.0 \*/
	text-align: justify;
	text-justify: distribute;
	/* end */
}

#mainArea span.smallText {
	color: #83878c;
	font-size: 85%;
}

/* generalTable
-------------------------------------------------- */

#mainArea div.generalTable {
	width: 798px;
	_width: 800px;
	_w\idth: 798px;
	padding: 1px;
	margin: 0px 0px 40px;
	background: #d6dadd;
}

.layout {
	width: 796px;
	_width: 798px;
	_w\idth: 796px;
	padding: 1px;
	margin: 0px;
	background: #ffffff;
}

#mainArea div.generalTable table {
	width: 796px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	line-height: 1.4;
}

#mainArea .generalTable th {
	padding: 7px 9px;
	border-top: none;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: none;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
	background: #a3a9b5;
}

#mainArea .generalTable td {
	padding: 7px 9px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #d6dadd;
	border-left: none;
	color: #676a6f;
	vertical-align: middle;
	text-align: left;
}

#mainArea .generalTable th.bottom {
	border-top: none;
	border-right: 1px solid #ffffff;
	border-bottom: none;
	border-left: none;
}

#mainArea .generalTable td.bottom {
	border: none;
}

#mainArea div.generalTable .right{
	text-align: right !important;
}

#mainArea div.generalTable .left{
	text-align: left !important;
}

#mainArea div.generalTable .center{
	text-align: center !important;
}

/* section
-------------------------------------------------- */

#mainArea .section {
	width: 800px;
	height: 670px;
	position: relative;
	background: url(/recruit/seminar_001/images/section_bg.gif) left top no-repeat;
}

#mainArea .section .tokyoHead_010 {
	width: 152px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#mainArea .section .tokyoNumber_010 {
	width: 55px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 42px;
	left: 15px;
}

#mainArea .section .tokyoNumber_020 {
	width: 55px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 211px;
	left: 15px;
}

#mainArea .section .tokyoText_010 {
	width: 179px;
	height: 47px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 79px;
	left: 15px;
}

#mainArea .section .tokyoText_020 {
	width: 264px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 146px;
	left: 15px;
}

#mainArea .section .tokyoText_030 {
	width: 179px;
	height: 47px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 248px;
	left: 15px;
}

#mainArea .section .tokyoText_040 {
	width: 264px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 315px;
	left: 15px;
}

#mainArea .section .tokyoMap_010 {
	width: 365px;
	height: 270px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 380px;
	left: 15px;
}

#mainArea .section .osakaHead_010 {
	width: 152px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 405px;
}

#mainArea .section .osakaNumber_010 {
	width: 55px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 42px;
	left: 420px;
}

#mainArea .section .osakaNumber_020 {
	width: 55px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 211px;
	left: 420px;
}

#mainArea .section .osakaText_010 {
	width: 178px;
	height: 47px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 79px;
	left: 420px;
}

#mainArea .section .osakaText_020 {
	width: 257px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 146px;
	left: 420px;
}

#mainArea .section .osakaText_030 {
	width: 179px;
	height: 47px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 248px;
	left: 420px;
}

#mainArea .section .osakaText_040 {
	width: 267px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 315px;
	left: 420px;
}

#mainArea .section .osakaMap_010 {
	width: 365px;
	height: 270px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 380px;
	left: 420px;
}

/* applyBtn
-------------------------------------------------- */

#mainArea .applyBtn {
	width: 800px;
	height: 60px;
	margin: 18px 0px 0px;
}

#mainArea .applyBtn .leftColumn {
	width: 395px;
	height: 60px;
	float: left;
}

#mainArea .applyBtn .rightColumn {
	width: 395px;
	height: 60px;
	float: right;
}

#mainArea .applyBtn a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#mainArea .applyBtn .applyBtnTokyo {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_tokyo_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnOsaka {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_osaka_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnTokyo a:hover,
#mainArea .applyBtn .applyBtnOsaka a:hover {
	width: 395px;
	height: 60px;
	background-color: transparent;
}

#mainArea .applyBtn .applyBtnTokyo a:hover img,
#mainArea .applyBtn .applyBtnOsaka a:hover img {
	visibility:hidden;
}

/* applyBtn
-------------------------------------------------- */

#mainArea .applyBtn {
	width: 800px;
	height: 60px;
	margin: 18px 0px 0px;
}

#mainArea .applyBtn .leftColumn {
	width: 395px;
	height: 60px;
	float: left;
}

#mainArea .applyBtn .rightColumn {
	width: 395px;
	height: 60px;
	float: right;
}

#mainArea .applyBtn a {
	padding: 0px;
	margin: 0px;
	display:block;
}

#mainArea .applyBtn .applyBtnTokyo_010 {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_tokyo_010_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnTokyo_020 {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_tokyo_020_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnOsaka_010 {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_osaka_010_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnOsaka_020 {
	width: 395px;
	height: 60px;
	background: url(/recruit/seminar_001/images/applybtn_osaka_020_on.gif) left top no-repeat;
}

#mainArea .applyBtn .applyBtnTokyo_010 a:hover,
#mainArea .applyBtn .applyBtnTokyo_020 a:hover,
#mainArea .applyBtn .applyBtnOsaka_010 a:hover,
#mainArea .applyBtn .applyBtnOsaka_020 a:hover {
	width: 395px;
	height: 60px;
	background-color: transparent;
}

#mainArea .applyBtn .applyBtnTokyo_010 a:hover img,
#mainArea .applyBtn .applyBtnTokyo_020 a:hover img,
#mainArea .applyBtn .applyBtnOsaka_010 a:hover img,
#mainArea .applyBtn .applyBtnOsaka_020 a:hover img {
	visibility:hidden;
}

/* footer
-------------------------------------------------- */

#footer {
	width: 800px;
	height: 27px;
	padding: 0px;
	margin: 46px 0px 0px;
	position: relative;
}

#footer .logoOtsuka {
	width: 120px;
	height: 27px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#footer .copyright {
	width: 271px;
	height: 11px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 16px;
	right: 0px;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

/* Change Margin
-------------------------------------------------- */

body .changeMargin0 {
	margin: 0px !important;
}

body .changeMarginTop0 {
	margin-top: 0px !important;
}

body .changeMarginBottom0 {
	margin-bottom: 0px !important;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}