/* CSS Document */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, caption,  address, 
form, fieldset, legend, object { margin: 0; padding: 0; }
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select { font-size: 100%; }
ins { text-decoration: none; }
address, em, cite, dfn, var { font-style: normal; }
input, textarea {  font-weight: normal; }
img { vertical-align: baseline; }
img { border: none; }

/* Setting */

html { overflow-y: scroll; height: 100%;}
body { background: #FFF;  color: #666; height: 100%;}
* html body { /* for IE6 */ font-size: small; }
*:first-child+html body { /* for IE7 */ font-size: small; }
ul { list-style-position: outside; list-style-type: none; }
ol { list-style-position: outside; }
/* table { border-collapse: collapse; } */
legend { color: #333; }




body {
	background: #FFFFFF url(img/background.gif) repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

#hpLogo {
	text-align: left;
	margin: 0; padding: 0;
}

#allarea {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 760px;
    position: relative;
}

#subarea {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 600px;
    position: relative;
	background: #FFFFFF;
}

/* text */
.globalnavi{
	font-size: 12px;
	color:#4d4db3;
}
.topindex{
	font-size: 10px;
	color: #999999;
}
.seminarmonth{
	font-size: 14px;
	line-height: 160%;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.seminarkaijyo{
	font-size: 12px;
	line-height: 160%;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.seminarredtxtb{
	font-size: 12px;
	line-height: 160%;
	color: #bc0024;
	font-weight: bold;
	text-align: left;
}
.seminarredtxt{
	font-size: 12px;
	line-height: 160%;
	color: #bc0024;
	text-align: left;
}
.kaijyo{
	font-size: 12px;
	line-height: 160%;
	color: #ff5800;
	text-align: left;
}
.txtnormal{
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	text-align: left;
}
.txtnormal2{
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	text-align: left;
}
.txtnormal2 a{
	font-size: 12px;
	line-height: 160%;
	color: #FFF;
	text-align: left;
}
.txtsmall{
	font-size: 10px;
	line-height: 120%;
	color: #333333;
	text-align: left;
}
.txtssmall{
	font-size: 9px;
	line-height: 120%;
	color: #333333;
	text-align: left;
}
/* link */
.sitmap{
	font-size: 10px;
	color:#000092;
	text-decoration:none;
	text-align: left;
}
.sitmap:hover{
	font-size: 10px;
	text-decoration:underline;
	color:#000092;
}
.gnavi{
	font-size: 10px;
	color:#ffffff;
	text-decoration:none;
}
.gnavi:hover{
	font-size: 10px;
	text-decoration:underline;
	color:#ffffff;
}
.kaijyolink{
	font-size: 12px;
	color:#ff5800;
	text-decoration:none;
}
.kaijyolink:hover{
	font-size: 12px;
	text-decoration:underline;
	color:#ff5800;
}

.orangebig{
	font-size: 16px;
	line-height: 160%;
	color:#ff5800;
}
.orangenormal{
	font-size: 12px;
	line-height: 140%;
	color:#ff5800;
}


/* other */
address {
	margin: 0px;
	height:20px;
	width:auto;
	font-size: 10px;
	color:#99ccff;
	line-height: normal;
	text-align: right;
	font-style: normal;
	background-color: #0b419b;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	clear: both;
}

/* clearfix */

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/ }


#header_main {
	width: 760px; height: 55px;
	margin: 0 auto; padding: 0;
	background-image: url(img/matsumoto_rec.gif);
	background-repeat: no-repeat;
	background-color: #FFF;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
}
#header_main a {
	width: 148px; height: 38px;
	background-image: url(img/header_btn.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
}
#header_main a.header_setsumei { background-position: -298px 0; right: 302px; }
#header_main a.header_entry { background-position: 0 0; right: 154px; }
#header_main a.header_mypage { background-position: -149px 0; right:   5px; }
#header_main a:hover.header_setsumei { background-position: -298px -38px; }
#header_main a:hover.header_entry { background-position: 0 -38px; }
#header_main a:hover.header_mypage { background-position: -149px -38px; }


#mainContents {
	width: 760px; height: auto;
	margin: 0 auto; padding: 0;
	background-color: #FFF;
	text-align: left;
}

/* TOP PAGE */
#top_menu {
	width: 760px; height: auto;
	margin: 0 auto; padding: 0 0 10px 0;
	background-image: url(img/top_menu_back.jpg);
	background-repeat: repeat-x;
	background-color: #f2f0ea;
}
#top_menu h3{
	display: none;
}
#top_menu ul {
	margin: 0 0 0 20px; padding: 0;
}
#top_menu li {
	float: left; display: inline;
	margin: 0; padding: 0;
	font-size: 10px; text-align: left;
}
#top_menu p {
	margin: 0; padding: 0;
}
#top_menu a {
	display: block;
	width: 97px;
	margin: 0 7px 0 0; padding: 132px 0 5px 5px;
	background-image: url(img/top_menu.jpg);
	background-repeat: no-repeat;
	color: #666; text-decoration: none;
	voice-family: "\"}\""; voice-family: inherit; /* Box Model Hack */
	width: 92px; }
html>body #top_menu a {
	width: 92px;
}
#top_menu a:hover {
	color: #fe6a00;
}
#top_menu a.top_message		{ background-position:    0   0; } #top_menu a:hover.top_message	{ background-position:  -721px 0; }
#top_menu a.top_staff		{ background-position: -104px 0; } #top_menu a:hover.top_staff		{ background-position:  -825px 0; }
#top_menu a.top_vision		{ background-position: -208px 0; } #top_menu a:hover.top_vision		{ background-position:  -929px 0; }
#top_menu a.top_style		{ background-position: -312px 0; } #top_menu a:hover.top_style		{ background-position: -1033px 0; }
#top_menu a.top_career		{ background-position: -416px 0; } #top_menu a:hover.top_career		{ background-position: -1137px 0; }
#top_menu a.top_education	{ background-position: -520px 0; } #top_menu a:hover.top_education	{ background-position: -1241px 0; }
#top_menu a.top_interview	{ background-position: -623px 0; } #top_menu a:hover.top_interview	{ background-position: -1344px 0; }


/* STYLE */

#styleMenu {
	width: 556px;
	margin: 0 0 0 1px; padding: 0;
}

#styleMenu ul {
	margin: 0; padding: 0;
	border-bottom: 1px dotted #999;
	border-right: 1px dotted #999;
}
#styleMenu li {
	float: left;
	margin: 0; padding: 1px 1px 5px;
	border-top: 1px dotted #999;
	border-left: 1px dotted #999;
	font-size: 11px; text-align: right;
}
#styleMenu a {
	display: block;
	margin: 0; padding: 160px 7px 0 0;
	background-repeat: no-repeat;
	width: 182px;
	voice-family: "\"}\""; voice-family: inherit; /* Box Model Hack */
	width: 175px;
}
html>body #styleMenu a {
	width: 175px;
}
#styleMenu a:hover {
	color: #fe6a00;
}
#styleMenu a.tenpo01,#styleMenu a.tenpo02,#styleMenu a.tenpo03 {
	background-image: url(style/img/styleMenu01.jpg);
}
#styleMenu a.tenpo04,#styleMenu a.tenpo05,#styleMenu a.tenpo06 {
	background-image: url(style/img/styleMenu02.jpg);
}

#styleMenu a.tenpo01 { background-position:    0   0; } #styleMenu a:hover.tenpo01 { background-position:    -182px   0; }
#styleMenu a.tenpo02 { background-position: -364px 0; } #styleMenu a:hover.tenpo02 { background-position:    -546px   0; } 
#styleMenu a.tenpo03 { background-position: -728px 0; } #styleMenu a:hover.tenpo03 { background-position:    -910px   0; } 
#styleMenu a.tenpo04 { background-position:    0   0; } #styleMenu a:hover.tenpo04 { background-position:    -182px   0; } 
#styleMenu a.tenpo05 { background-position: -364px 0; } #styleMenu a:hover.tenpo05 { background-position:    -546px   0; } 
#styleMenu a.tenpo06 { background-position: -728px 0; } #styleMenu a:hover.tenpo06 { background-position:    -910px   0; } 

#styleFtMenu {
	width: 560px; height: auto;
	margin: 0 auto; padding: 0;
}
#styleFtMenu ul{
	width: 560px; height: auto;
	margin: 0 auto; padding: 0;
}
#styleFtMenu li{
	float: left;
}
#styleFtMenu a{
	display: block;
	height: 39px;
	margin: 0; padding: 0;
	background-repeat: no-repeat;
	background-image: url(style/img/styleFtMenu.gif);
	text-indent: -9999px;
}
#styleFtMenu a.styleFt01 { width: 91px; background-position:    0   -39px; } #styleFtMenu a:hover.styleFt01 { background-position:    0   0; }
#styleFtMenu a.styleFt02 { width: 90px; background-position:  -91px -39px; } #styleFtMenu a:hover.styleFt02 { background-position:  -91px 0; } 
#styleFtMenu a.styleFt03 { width: 90px; background-position: -181px -39px; } #styleFtMenu a:hover.styleFt03 { background-position: -181px 0; } 
#styleFtMenu a.styleFt04 { width: 77px; background-position: -271px -39px; } #styleFtMenu a:hover.styleFt04 { background-position: -271px 0; } 
#styleFtMenu a.styleFt05 { width:112px; background-position: -348px -39px; } #styleFtMenu a:hover.styleFt05 { background-position: -348px 0; } 
#styleFtMenu a.styleFt06 { width:100px; background-position: -460px -39px; } #styleFtMenu a:hover.styleFt06 { background-position: -460px 0; } 

#styleFtMenu .styleFtOn01,#styleFtMenu .styleFtOn02,#styleFtMenu .styleFtOn03,
#styleFtMenu .styleFtOn04,#styleFtMenu .styleFtOn05,#styleFtMenu .styleFtOn06{
	display: block;
	height: 39px;
	margin: 0; padding: 0;
	background-repeat: no-repeat;
	background-image: url(style/img/styleFtMenu.gif);
	text-indent: -9999px;
}
#styleFtMenu .styleFtOn01 { width: 91px; background-position:    0   0; }
#styleFtMenu .styleFtOn02 { width: 90px; background-position:  -91px 0; }
#styleFtMenu .styleFtOn03 { width: 90px; background-position: -181px 0; }
#styleFtMenu .styleFtOn04 { width: 77px; background-position: -271px 0; }
#styleFtMenu .styleFtOn05 { width:112px; background-position: -348px 0; }
#styleFtMenu .styleFtOn06 { width:100px; background-position: -460px 0; }

.hAndB {
	font-size: 1.25em;
	font-family: "Courier New", Courier, monospace;
}




/* Career */

#tenpoSt {
	float: left;
	width: 300px; height: 353px;
	margin: 0; padding: 0;
}
#tenpoSt h3 {
	width: 300px; height: 21px;
	margin: 0; padding: 0;
	background-image: url(career/img/careerMenu01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#tenpoSt ul {
	width: 300px; height: auto;
	margin: 0; padding: 0;
}
#tenpoSt li {
	float: left;
}
#tenpoSt a {
	display: block;
	width: 150px;
	background-image: url(career/img/careerMenu01.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
}
#tenpoSt a.tenpoSt01 { height: 110px; background-position:    0    -21px; } #tenpoSt a:hover.tenpoSt01 { background-position: -300px  -21px; }
#tenpoSt a.tenpoSt02 { height: 110px; background-position: -150px  -21px; } #tenpoSt a:hover.tenpoSt02 { background-position: -450px  -21px; }
#tenpoSt a.tenpoSt03 { height: 110px; background-position:    0   -131px; } #tenpoSt a:hover.tenpoSt03 { background-position: -300px -131px; }
#tenpoSt a.tenpoSt04 { height: 110px; background-position: -150px -131px; } #tenpoSt a:hover.tenpoSt04 { background-position: -450px -131px; }
#tenpoSt a.tenpoSt05 { height: 112px; background-position:    0   -241px; } #tenpoSt a:hover.tenpoSt05 { background-position: -300px -241px; }
#tenpoSt a.tenpoSt06 { height: 112px; background-position: -150px -241px; } #tenpoSt a:hover.tenpoSt06 { background-position: -450px -241px; }


#honbuSt {
	float: right;
	width: 246px; height: 353px;
	margin: 0; padding: 0;
}
#honbuSt h3 {
	width: 246px; height: 21px;
	margin: 0; padding: 0;
	background-image: url(career/img/careerMenu02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#honbuSt ul {
	width: 246px; height: auto;
	margin: 0; padding: 0;
}
#honbuSt li {
	float: left;
}
#honbuSt a {
	display: block;
	height: 83px;
	background-image: url(career/img/careerMenu02.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
}
#honbuSt a.honbuSt01 { width: 121px; background-position:    0    -21px; } #honbuSt a:hover.honbuSt01 { background-position: -246px  -21px; }
#honbuSt a.honbuSt02 { width: 125px; background-position: -121px  -21px; } #honbuSt a:hover.honbuSt02 { background-position: -367px  -21px; }
#honbuSt a.honbuSt03 { width: 121px; background-position:    0   -104px; } #honbuSt a:hover.honbuSt03 { background-position: -246px -104px; }
#honbuSt a.honbuSt04 { width: 125px; background-position: -121px -104px; } #honbuSt a:hover.honbuSt04 { background-position: -367px -104px; }
#honbuSt a.honbuSt05 { width: 121px; background-position:    0   -187px; } #honbuSt a:hover.honbuSt05 { background-position: -246px -187px; }
#honbuSt a.honbuSt06 { width: 125px; background-position: -121px -187px; } #honbuSt a:hover.honbuSt06 { background-position: -367px -187px; }
#honbuSt a.honbuSt07 { width: 121px; background-position:    0   -270px; } #honbuSt a:hover.honbuSt07 { background-position: -246px -270px; }
#honbuSt a.honbuSt08 { width: 125px; background-position: -121px -270px; } #honbuSt a:hover.honbuSt08 { background-position: -367px -270px; }

/* Entry */

#entry00 {
	width: 560px; height: auto;
	margin: 0; padding: 0;
}
#entry00 h2 {
	width: 550px; height: 34px;
	margin: 0 5px 20px; padding: 0;
	background-image: url(entry/img/recH01.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#entry00 h3 {
	width: 560px; height: 46px;
	margin: 0; padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#entry00 h3.entryH01 { background-image: url(entry/img/recH02.gif); }
#entry00 h3.entryH02 { background-image: url(entry/img/recH03.gif); }
#entry00 h3.entryH03 { background-image: url(entry/img/recH04.gif); }

#entry00 ul {
	width: 560px; height: auto;
	margin: 0 0 20px 0; padding: 0;
}
#entry00 li {
	margin: 0; padding: 0;
}
#entry00 a {
	display: block;
	width: 514px; height: 25px;
	margin: 0 0 0 42px; padding: 0;
	background-image: url(entry/img/recMenu.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#entry00 a.entry01 { background-position: -514px    0  ; } #entry00 a:hover.entry01 { background-position: 0    0  ; }
#entry00 a.entry02 { background-position: -514px  -25px; } #entry00 a:hover.entry02 { background-position: 0  -25px; }
#entry00 a.entry03 { background-position: -514px  -51px; } #entry00 a:hover.entry03 { background-position: 0  -51px; }
#entry00 a.entry04 { background-position: -514px  -78px; } #entry00 a:hover.entry04 { background-position: 0  -78px; }
#entry00 a.entry05 { background-position: -514px -103px; } #entry00 a:hover.entry05 { background-position: 0 -103px; }
#entry00 a.entry06 { background-position: -514px -131px; } #entry00 a:hover.entry06 { background-position: 0 -131px; }
#entry00 a.entry07 { height: 24px; background-position: -514px -156px; } #entry00 a:hover.entry07 { background-position: 0 -156px; }
#entry00 a.entry08 { background-position: -514px -183px; } #entry00 a:hover.entry08 { background-position: 0 -183px; }



#top_image {
	width: 760px; height: 408px;
	margin: 0 auto; padding: 0;
	background-color: #FFF;
	background-image: url(img/topBack.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}
#top_image .displayNone {
	display: none;
}
#box01 img,#box02 img,#box03 img,#box04 img,#box05 img{
	margin: 8px 0 0 6px; padding: 0;
}
#box01,#box02,#box03,#box04,#box05 {
	width: 161px; height: 346px;
	margin: 0; padding: 0;
	background-image: url(img/topImageBack.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
}
#box01 { top: -346px; left: 11px; z-index: 1;}
#box02 { top: -346px; left: 158px; z-index: 2;}
#box03 { top: -346px; left: 304px; z-index: 5;}
#box04 { top: -346px; left: 449px; z-index: 3;}
#box05 { top: -346px; left: 592px; z-index: 4;}
#box06 { position: absolute; top: 0; left: 0; z-index: 6;}



#interview a.interview01,
#interview a.interview02 {
	width: 165px; height: 22px; display: block;
	margin: 20px auto; padding: 0;
	background: url(interview/img/index_btn.gif) no-repeat;
	text-align: left; text-indent: -9999px;
}
#interview a.interview01 { background-position:    0   0; }
#interview a.interview02 { background-position: -165px 0; }
#interview a:hover.interview01 { background-position:    0   -22px; }
#interview a:hover.interview02 { background-position: -165px -22px; }

#interview a.interviewI01,
#interview a.interviewI02 {
	width: 165px; height: 22px; display: block;
	margin: -10px 0 0 0; padding: 0; position:relative;
	background: url(interview/img/i_btn.gif) no-repeat;
	text-align: left; text-indent: -9999px;
}
#interview a.interviewI01 { background-position:    0   0; }
#interview a.interviewI02 { background-position: -165px 0; }
#interview a:hover.interviewI01 { background-position:    0   -22px; }
#interview a:hover.interviewI02 { background-position: -165px -22px; }


#interview .interviewImg {
	float: left; position:relative;
	margin: 10px 10px 20px -10px; padding: 0;
}