/* basic.css */

body {
	font-size: 10px;
	color: #4f4f4f;
	line-height:1.2em;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{ font-size:100%; line-height: 1.2em;}
ul, li, dl, dt, dd { list-style: none;}

img { border: none; margin: 0; padding: 0; line-height: 0;}

hr { display:none;}

a:link { color: #222;}
a:visited { color:#3c3c3c;}
a:hover { text-decoration: underline;color: #a2a2a2;}

img { border: none;}
.clear {clear: both;}


/*---strong/em----*/
strong, b { font-weight: bold;}

em { font-style:normal;}


/*----form----*/
input,
textarea{
	font-size:100%;
	line-height:1.5;
}

input{ vertical-align:middle;}



/* layout.css */

#all { 
	width: auto;
	font-size: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header {
	background: url(../img/headline.gif) no-repeat top center;
	width: auto;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

h1#logo { float:left; padding: 25px 0 0 0; _padding: 25px 0 0 35px;} 
h2#concept { padding: 0 0 0 35px;}

#search {
	display: none;
}


p#headNav {
	display: none;
}

ul#glovalNav {
	display: none;
}


#title {
	width: auto;
	margin: 50px 0 0 0;
	padding: 0 0 25px 0;
}

#title h2 {
	float: left;
	margin: 0 auto 0 25px;
	padding: 0;
}
#title h3 {
	float: left;
	margin: 0 auto 0 25px;
	padding: 0;
}

#title p.pankuzu {
	display: none;
}

#contents {
	width: auto;
	margin: 0 auto 0 25px;
}

#recruit {
	padding: 15px 35px 0 0;
}

#recruit .mainvisual {
	display: none;
}
#recruit .noflash {
	display: block;
	width: 650px;
	height: 350px;
	text-align: center;
	background: url(../../recruit/img/noflash.jpg) no-repeat;
}
#recruit .noflash IMG {
	width: 650px;
	height: 350px;
}


/* -----Top Message----- */

#recruit #topMessage {
	width: 566px;
	font: 80%/120% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	padding: 0;
}

#recruit #topMessage P.border {
	width: auto;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 0;
}

#recruit #topMessage h3 {
	line-height: 1.0em;
}

#recruit #topMessage h5 {
	background: url(../img/icon1_br.gif) no-repeat 0 2px;
	margin: 30px 0 0 0;
	padding: 0 0 0 20px;
	color: #915900;
}

#recruit #topMessage p.visual {
	display: block;
	float: left;
	width: 144px;
	margin: 0 0 0 0;
	text-align: center;
	line-height: 1.5;
}

#recruit #topMessage p.textR {
	display: block;
	float: right;
	width: 400px;
}

#recruit #topMessage h5.titleR {
	display: block;
	float: right;
	width: 380px;
	background: url(../img/icon1_br.gif) no-repeat 0 2px;
	margin: 0 0 10px 20px;
	padding: 0 0 0 20px;
	color: #915900;
}

#recruit #topMessage P.entryBtn {
	margin-top: 10px;
}


/* mutter */
#recruit #mutter {
	width: 605px;
	font: 80%/120% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	padding: 0;
}

UL.mutterList {
	margin: 0 0 0 30px;
	padding: 0;
}

UL.mutterList LI {
	display: inline;
	margin: 0;
	padding: 0;
}

/* add 20080418 hosokawa */
/* IE6 ²èÁü¤Î·ä´ÖÂÐ±þ */
UL.mutterList LI img {
	border: none;
	vertical-align: top;
}
/**/

#mutter DIV.photo {
	width: 175px;
	float: left;
}
#mutter DIV.text {
	width: 400px;
	float: right;
	text-align: left;
	background: url(../../recruit/mutter/img/fukidasi_top.gif) no-repeat left top;
	margin-right: 15px;	
}
* html #mutter DIV.text {
	margin-right: 8px;	
}
#mutter P.fukidasi {
	width: auto;
	font: 12px/140% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	background: url(../../recruit/mutter/img/fukidasi_bottom.gif) no-repeat right bottom;
	padding: 15px 15px 15px 55px;
	
}

#mutter H2.detailTitle {
	background: url(../img/bg_subtitle1_br.gif) no-repeat 0;
	width: 380px;
	height: 30px;
	margin: 30px 0 15px 0;
	padding: 0 0 0 15px;
}

#mutter H2.detailTitleL {
	background: url(../img/bg_subtitle1_br_large.gif) no-repeat 0;
	width: 380px;
	height: 50px;
	margin: 30px 0 15px 0;
	padding: 0 0 0 15px;
}
#mutter P.detailText {
	padding: 0 15px;
}

#mutter UL.bottomNavi {
	display: none;
}


/* Management message */

#recruit #managementMessage {
	width: 600px;
	font: 80%/120% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	padding: 0;
}

#managementMessage .visual {
	width: 590px;
	margin: 0 0 20px 0;
}

#managementMessage p.read {
	width: 590px;
	line-height: 1.7;
	margin: 0 0 15px 0;	
}

#managementMessage .QAArea {
	margin-bottom: 20px;
}

#managementMessage .QAArea dl.QAList {
	clear: both;
	display: block;
	width: 590px;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#managementMessage .QAArea dl.QAList dt {
	display: block;
	float: left;
	width: 61px;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}

#managementMessage .QAArea dl.QAList dd {
	float: right;
	width: 525px;
	margin: 0;
	padding: 0;
}

#managementMessage .QAArea dl.QAList dd h6 {
	margin: 0 0 3px 0;
}


#recruit #MMdetail {
	font-size: 10px;
}

#recruit #MMdetail .DMArea {
	width: 592px;
	font-size: 10px;
	padding: 0;	
}

#MMdetail .DMArea dl.DMList {
	clear: both;
	display: block;
	width: 592px;
	line-height: 1.5;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#MMdetail .DMArea dl.DMList dt {
	display: block;
	float: left;
	width: 92px;
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}

#MMdetail .DMArea dl.DMList dd {
	display: block;
	float: right;
	width: 494px;
	margin: 0;
	padding: 0;
}

#MMdetail .DMArea dl.DMList dd img.selection {
	float: right;
	padding: 12px 25px 0 0;
}

#recruit #MMdetail .DMArea dl.DMList dd h6 {
	margin: 0 0 0 0;
	color: #915900;
	font-size: 20px;
}

#recruit #MMdetail .DMArea dl.DMList dd p.DName {
	margin: 0 0 3px 0;
}

#recruit #MMdetail .DMArea dl.DMList dd p.text_image {
	width: 320px !important;
}

/* -- Midway -- */
#recruit #midway {
	width: 558px;
	font: 80%/120% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	padding: 0;
}

#main #midway table {
	width: 561px;
}


#midway table th {
	color: #6a6a6a;
	font-weight: 300;
}
#midway table th,
#midway table td {
	padding: 12px 10px;
}

#midway table th.first {
	border-top: 0;
}
#midway table th {
	width: 120px;
	color: #915900;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	vertical-align: middle;
	background: #fee3b9;
}

#midway table td.first {
	border-top: 0;
}

#midway table td {
	border-top: 1px solid #ccc;
}

#midway P.entryBtn {
	margin-top: 10px;
}

#midway TABLE.otherText {
	margin-top: 50px;
}

/* Entry Form */

#recruit #entryForm {
	width: 558px;
	font: 70%/120% "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	padding: 0;
}

#main #entryForm table {
	width: 561px;
}


#entryForm table th {
	color: #6a6a6a;
	font-weight: 300;
}
#entryForm table th,
#entryForm table td {
	padding: 12px 10px;
}

#entryForm table th.first {
	border-top: 0;
}
#entryForm table th {
	width: 140px;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	vertical-align: middle;
	background: #efefef;
}

#entryForm table td.first {
	border-top: 0;
}

#entryForm table td {
	border-top: 1px solid #ccc;
}

#entryForm P.entryBtn {
	margin-top: 10px;
}

#entryForm TABLE.otherText {
	margin-top: 50px;
}
#entryForm table SPAN {
	font-size: 10px;
	color: #555;
}


#entryForm p.day {
	float: right;
	font-size: 10px;
}

#entryForm h3.Name {
	clear: both;
	float: right;
	font-size: normal;
	font-weight: normal;
	text-align: right;
	margin: 10px 0 20px 0;
	padding: 0;
	line-height: 1.4;
}

#entryForm h6 {
	margin: 15px 0 0 0;
}

#entryForm p.text {
	display: block;
	padding: 10px 0 0 0;
	line-height: 1.5;
}

#entryForm dl {
	display: block;
	padding: 10px 0 0 0;
	line-height: 1.5;
}

#entryForm dl dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#entryForm dl dd {
	margin: 15px 0 15px 0;
}

#entryForm p.additional {
	float: right;
	margin: 0 0 10px 0;
	text-align: right;
}

#entryForm p.text SPAN IMG {
	width: 140px;
}

#entryForm DIV.image {
	margin-top: 25px;
	padding-left: 2px;
}
#entryForm DIV.image SPAN {
	width: 140px;
	float: left;
	margin: 0 23px;
}
#entryForm DIV.image SPAN IMG {
	width: 140px;
}

#entryForm INPUT.radio {
	vertical-align: text-bottom;
	margin: 0 3px 0 0;
	padding: 0;
}

#entryForm INPUT.name {
	font-size: 12px;
	line-height: 1.2em;
	width: 200px;
	height: 16px;
	margin-right: 5px;
	padding: 3px 0 0 3px;
}
#entryForm INPUT.age {
	font-size: 12px;
	line-height: 1.2em;
	width: 40px;
	height: 16px;
	margin-right: 5px;
	padding: 3px 0 0 3px;
}
#entryForm INPUT.station {
	font-size: 12px;
	line-height: 1.2em;
	width: 100px;
	height: 16px;
	margin-right: 5px;
	padding: 3px 0 0 3px;
}
#entryForm INPUT.question {
	font-size: 12px;
	line-height: 1.2em;
	width: 370px;
	height: 60px;
	margin-top: 5px;
	padding: 3px 0 0 3px;
}
#entryForm INPUT.question2 {
	font-size: 12px;
	line-height: 1.2em;
	width: 240px;
	height: 75px;
	margin-top: 5px;
	padding: 3px 0 0 3px;
}
#entryForm TEXTAREA.detailText {
	font-size: 12px;
	line-height: 1.2em;
	width: 370px;
	height: 200px;
	padding: 3px 0 0 3px;
}

/* -- add 20080324 hosokawa -- */
#entryForm TEXTAREA.detailText2 {
	font-size: 12px;
	line-height: 1.2em;
	width: 370px;
	height: 60px;
	margin-top: 5px;
	padding: 3px 0 0 3px;
}
#entryForm TEXTAREA.detailText3 {
	font-size: 12px;
	line-height: 1.2em;
	width: 240px;
	height: 75px;
	margin-top: 5px;
	padding: 3px 0 0 3px;
}
#entryForm div.q5_l {
	float: left;
}
#entryForm div.q5_r {
	float: left;
	width: 240px;
	margin-left: 4px;
}
/*-----------------------------*/

#entryForm P.submit {
	text-align: center;
	margin: 20px 0;
}
#entryForm P.submit INPUT.submitbtn {
	width: 120px;
	height: 30px;
}


#rightArea {
	display: none;
}

DIV.back {
	display: none;
}

#footer {
	background: url(../img/footer_line.gif) no-repeat top center;
	width: auto;
	margin: 20px auto;	
}

#footer p.logo {
	float: left;
	width: 139px;
	padding: 25px 0 0 20px;
}

#footer p#footerNav {
	float: right;
	width: 274px;
	margin: 0;
	padding: 25px 0 0 0;
}

#footer p.copyright {
	float: right;
	padding: 0 0 0 0;	
}

/* add 20080523 hosokawa */
/* -- Privacy policy -- */
#privacypolicy {
	padding: 0 0 0 0;
}
#privacypolicy table {
	width: 500px;
	border: 1px solid #ccc;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:hide;
	text-align:left;
}
#privacypolicy table th {
	text-align:center;
	background: #f0f0f0;
	border: 1px solid #ccc;
}
#privacypolicy table td.b-top {
	border-top: 1px solid #ccc;
}
#privacypolicy table td.b {
	border: 1px solid #ccc;
}
#privacypolicy table td.b-none {
	border:none;
}
