@charset "utf-8";

/*
===== CONTENTS =====

	Title:visitor.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:ページデザイン
====================
*/


/* ----------------------------------------------------
 各ページデザイン
----------------------------------------------------*/
body#visitor #formSection01 {
	margin:0 auto;
	width:580px;
}
body#visitor #formSection01 div.s-section {
	margin-bottom:10px;
}
body#visitor #formSection01 div.inner {
	padding:0 10px;
}
body#visitor #formSection01 div.photo {
	width:180px;
	float:left;
	margin-right:10px;
}
body#visitor #formSection01 div.last {
	margin-right:0;
}

body#visitor #formSection01 div.photo img {
	border:1px solid #ccc;
}

/*ローカルナビ*/
body#visitor #Local_nav {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	overflow:hidden;
}
body#visitor #Local_nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
body#visitor #Local_nav ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:34px;
	width:116px;
}
body#visitor #Local_nav ul li a {
	width:116px;
	height:34px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}
body#visitor #formBtn {
	text-align:center;
	margin:10px;
}
body#visitor .sectionLine {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px solid #ccc;
}
body#visitor .sectionLine h2 {
	font-size:0;
}
body#visitor #Lnav01 {
	background:url(../imgs/visit/index/nav.gif) no-repeat;
}
body#visitor #Lnav02 {
	background:url(../imgs/visit/index/nav.gif) -116px 0 no-repeat;
}
body#visitor #Lnav03 {
	background:url(../imgs/visit/index/nav.gif) -232px 0 no-repeat;
}
body#visitor #Lnav04 {
	background:url(../imgs/visit/index/nav.gif) -348px 0 no-repeat;
}
body#visitor #Lnav05 {
	background:url(../imgs/visit/index/nav.gif) -464px 0 no-repeat;
}
body#visitor #Lnav01here {
	background:url(../imgs/visit/index/nav.gif) 0 -34px no-repeat;
}
body#visitor #Lnav02here {
	background:url(../imgs/visit/index/nav.gif) -116px -34px no-repeat;
}
body#visitor #Lnav03here {
	background:url(../imgs/visit/index/nav.gif) -232px -34px no-repeat;
}
body#visitor #Lnav04here {
	background:url(../imgs/visit/index/nav.gif) -348px -34px no-repeat;
}
body#visitor #Lnav05here {
	background:url(../imgs/visit/index/nav.gif) -464px -34px no-repeat;
}
body#visitor #Lnav01 a:hover {
	background:url(../imgs/visit/index/nav.gif) 0 -34px no-repeat;
}
body#visitor #Lnav02 a:hover {
	background:url(../imgs/visit/index/nav.gif) -116px -34px no-repeat;
}
body#visitor #Lnav03 a:hover {
	background:url(../imgs/visit/index/nav.gif) -232px -34px no-repeat;
}
body#visitor #Lnav04 a:hover {
	background:url(../imgs/visit/index/nav.gif) -348px -34px no-repeat;
}
body#visitor #Lnav05 a:hover {
	background:url(../imgs/visit/index/nav.gif) -464px -34px no-repeat;
}
body#visitor #Lnav01_oc {
	background:url(../imgs/visit/index/nav_oc.gif) no-repeat;
}
body#visitor #Lnav02_oc {
	background:url(../imgs/visit/index/nav_oc.gif) -116px 0 no-repeat;
}
body#visitor #Lnav03_oc {
	background:url(../imgs/visit/index/nav_oc_demo.gif) -232px 0 no-repeat;
}
body#visitor #Lnav01_ochere {
	background:url(../imgs/visit/index/nav_oc.gif) 0 -34px no-repeat;
}
body#visitor #Lnav02_ochere {
	background:url(../imgs/visit/index/nav_oc.gif) -116px -34px no-repeat;
}
body#visitor #Lnav03_ochere {
	background:url(../imgs/visit/index/nav_oc_demo.gif) -232px -34px no-repeat;
}
body#visitor #Lnav01_oc a:hover {
	background:url(../imgs/visit/index/nav_oc.gif) 0 -34px no-repeat;
}
body#visitor #Lnav02_oc a:hover {
	background:url(../imgs/visit/index/nav_oc.gif) -116px -34px no-repeat;
}
body#visitor #Lnav03_oc a:hover {
	background:url(../imgs/visit/index/nav_oc_demo.gif) -232px -34px no-repeat;
}
body#visitor #formBtn {
	text-align:center;
}
body#visitor #formSection02 div.inner {
	padding:0 10px;
}
body#visitor #formSection02 div.left {
	width:180px;
	height:1%;
	float:left;
}
body#visitor #formSection02 div.right {
	width:480px;
	float:right;
}
body#visitor #formSection02 .right p {
	margin-left:22px;
}
body#visitor .formArrow {
	margin-bottom:10px;
	text-align:center;
}
body#visitor .clr {
	font-size:0;
	height:0;
}
body#visitor ul.link {
	padding:0;
	margin:10px 0 0 0;
}

body#visitor ul.link li {
	margin:0;
	padding:0;
	list-style:none;
}

body#visitor ul.link li a {
	padding:6px;
	background-color:#D60000;
	border:1px solid #ccc;
	text-decoration:none;
	color:#fff;
}
body#visitor ul.link li a:hover {
	background-color:#f00;
	color:#fff;
	text-decoration:none;
}
body#visitor .box {
	padding:10px;
	border:3px solid #F4862B;
	height:1%;
}
body#visitor .box p {
	margin-bottom:10px;
}
body#visitor .box2 p {
	margin-bottom:10px;
}
body#visitor table#visit {
	width:100%;
	background-color:#bbb;
	margin-top:10px;
}
body#visitor table#visit th, 
body#visitor table#visit td {
	text-align:left;
	color:#004456;
	line-height:1.5em;
}
body#visitor table#visit th {
	background:#EBF1F2;
	white-space:nowrap;
	width:200px;
	padding:6px;
}
body#visitor table#visit td {
	background-color:#ffffff;
	padding:6px;
}
body#visitor div.center {
	width:100%;
	text-align:center;
}
body#visitor em.red {
	font-style:normal;
	color:red;
}
body#visitor em.blue {
	font-style:normal;
	color:#0099FF;
}
body#visitor span.small {
	font-size:0.8em;
}
body#visitor .input, select, textarea {
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	color: #000;
	background: #f1f1ed;
}
body#visitor .input {
}
body#visitor .input60 {
	width:60%;
}

body#visitor .input100 {
	width:100%;
}


body#visitor .input:focus,
body#visitor .input100:focus,
body#visitor .input60:focus,
body#visitor select:focus,
body#visitor textarea:focus {
	background: #ffffff;
}

body#visitor .mb {
	margin-bottom:30px;
}

body#visitor table#consultation {
	color:#333;
	background:#726821;
	width:100%;
}

body#visitor #consultation th {
	background-color:#FFFF33;
	font-weight:bold;
	color: #000;
	padding:6px;
}

body#visitor #consultation td {
	background:#fff;
	padding:6px;
}

body#visitor #consultation td.area {
	background:#EAD3DA;
	font-weight:bold;
}

body#visitor .map_center, body#visitor .map_center td {
	text-align:center;
}
body#visitor .linemap img {
	border:#CCC solid 1px;
	margin-bottom:20px;
}
body#visitor #guideBlock {
	margin:-20px 0 30px 0;
}
body#visitor div.hsection-img {
	float: left;
	width: 180px;
	margin-right: 20px;
}
body#visitor div.hsection-img img {
	display: block;
	border: 1px solid #ccc;
}
body#visitor .hsection-explain {
	float: right;
	width: 480px;
}


/*既卒者の皆様へ
---------------------------------------------------------*/
/*ローカルナビ*/	
body#visitor #Local_nav_gra {
	padding:0;
	margin:0 0 10px 0;
	clear:both;
	overflow:hidden;
}
body#visitor #Local_nav_gra ul {
	margin:0;
	padding:0;
	list-style:none;
}
body#visitor #Local_nav_gra ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:34px;
	width:116px;
}
body#visitor #Local_nav_gra ul li a {
	width:116px;
	height:34px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}
body#visitor #Local_nav_gra #Lnav01 {
	background: url(../imgs/visit/graduate/nav.gif) no-repeat;
}
body#visitor #Local_nav_gra #Lnav02 {
	background:url(../imgs/visit/graduate/nav.gif) -116px 0 no-repeat;
}
body#visitor #Local_nav_gra #Lnav03 {
	background:url(../imgs/visit/graduate/nav.gif) -232px 0 no-repeat;
}
body#visitor #Local_nav_gra Lnav04 {
	background:url(../imgs/visit/graduate/nav.gif) -348px 0 no-repeat;
}
body#visitor #Local_nav_gra #Lnav01here {
	background:url(../imgs/visit/graduate/nav.gif) 0 -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav02here {
	background:url(../imgs/visit/graduate/nav.gif) -116px -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav03here {
	background:url(../imgs/visit/graduate/nav.gif) -232px -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav04here {
	background:url(../imgs/visit/graduate/nav.gif) -348px -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav01 a:hover {
	background:url(../imgs/visit/graduate/nav.gif) 0 -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav02 a:hover {
	background:url(../imgs/visit/graduate/nav.gif) -116px -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav03 a:hover {
	background:url(../imgs/visit/graduate/nav.gif) -232px -34px no-repeat;
}
body#visitor #Local_nav_gra #Lnav04 a:hover {
	background:url(../imgs/visit/graduate/nav.gif) -348px -34px no-repeat;
}
body#visitor .section-head h3, h3.base {
	margin-bottom:10px;
}
body#visitor .section-head {
	margin-bottom: 12px;
	background: url(../imgs/visit/graduate/top.gif) no-repeat top left;
}
body#visitor .section-bottom {
	background:url(../imgs/visit/graduate/bottom.gif) no-repeat bottom left;
	padding:10px;
}
body#visitor div.g-btn {
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}
body#visitor div.g-btn a {
	background:url(../imgs/visit/graduate/graduate_btn.gif) no-repeat top left;
	height:62px;
	width:380px;
	margin:auto;
	text-align:center;
	text-indent:-9999px;
	display:block;
}
body#visitor div.g-btn a:hover {
	background:url(../imgs/visit/graduate/graduate_btnon.gif) no-repeat top left;
}


body#visitor table.Curriculum {
	background: #ccc;
	margin:0 0 12px;
	border:3px solid #ccc;
	width: 100%;
}
/* Hides from IE-mac \*/
* html table.Curriculum {
	background: #ccc;
	margin:0 0 12px;
	border:3px solid #ccc;
	font-size:0.7em;
	line-height:1.3em;
	color:#333;
	width: 100%;
}
/* End hide from IE-mac */

body#visitor table.Curriculum th {
	background: #245C7B;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding:3px;
}
body#visitor table.Curriculum td {
	background: #fff;
	padding:3px;
}
body#visitor table.Curriculum td.head {
	background: #1B94ED;
	color:#fff;
}
body#visitor table.Curriculum td.second-head {
	background: #4996BE;
	color:#fff;
}
body#visitor table.Curriculum td.dark {
	background: #F2F8FB;
}
body#visitor table.Curriculum td.light {
	background: #F0FEFF;
}


body#visitor #inteWrapper {
	background:url(../imgs/visit/graduate/inte_bg.gif) repeat-y;
	width:700px;
	text-align:center;
	margin:0 auto 0;
	padding:0;
}
body#visitor #inteContainer {
	width:680px;
	text-align:center;
	margin:0 auto 0;
	padding:0;
}
body#visitor #inteHeader {
	background:url(../imgs/visit/graduate/inte_head.gif) no-repeat;
	height:22px;
	display:block;
	width:700px;
}
body#visitor #inteClr {
	background:url(../imgs/visit/graduate/inte_foot.gif) no-repeat;
	height:22px;
	display:block;
}
body#visitor #interview {
	width:100%;
	text-align:left;
	margin:0 auto 0;
}
body#visitor #interview .col-right {
	width:480px;
	float:right;
}
body#visitor #interview .col-left {
	width:180px;
	float:left;
	margin-right:20px;
}
body#visitor #subttl {
	background:#ebebeb;
	width:180px;
	margin-top:6px;
}
body#visitor #subttl .p3 {
	font-size:0.815em;
	line-height:1.3em;
	color:#333;
	padding:3px;
	text-align:center;
}
body#visitor div.job-btn {
	text-align:center;
	margin:0 auto 30px 0;
}
body#visitor div.job-btn a {
	background:url(../imgs/visit/graduate/link_btn.gif) no-repeat top left;
	height:62px;
	width:380px;
	margin:auto;
	text-align:center;
	text-indent:-9999px;
	display:block;
}
body#visitor div.job-btn a:hover {
	background:url(../imgs/visit/graduate/link_btnon.gif) no-repeat top left;
}


/*出身学校一覧
-----------------------*/
body#visitor_glist {
	background-image:none;
	border:none;
	line-height:1.5;
	text-align:center;
}

body#visitor_glist #contents_list {
	width:720px;
	margin:0 auto;
	text-align:left;
}

body#visitor_glist #contents_list table.layout02 {
	color:#333;
	border:3px solid #eee;
	margin-bottom:24px;
	background:#ccc;
	font-size:12px;
}

body#visitor_glist table.layout02 td {
	background:#fff;
	padding:3px;
}

body#visitor_glist table.layout02 td.accent {
	background:#DAECFE;
}

body#visitor_glist #contents_list h1,
body#visitor_glist #contents_list h2{
	text-align:left;
	width:100%;
}


/*高校の先生方へ
-----------------------*/
body#visitor #Hst {
	width:700px;
	margin-top:12px;
	padding-bottom:12px;
}
body#visitor #HstWrapper {
	background: url(../imgs/visit/hst/hst_bg.gif) repeat-y;
	width:700px;
	text-align:center;
	margin:0 auto 0;
	padding:0;
}
body#visitor #HstContainer {
	width:700px;
	text-align:center;
	margin:0 auto 0;
	padding:0;
}
body#visitor .w520 {
	width:640px;
	text-align:left;
	margin:0 auto 0;
	font-family:'ＭＳ 明朝', 'ＭＳ Ｐ明朝', serif;
	font-size:1.1em;
}
body#visitor .hst_end {
	text-align:right;
	padding:10px 0 0 0;
}
body#visitor #HstHeader {
	background:url(../imgs/visit/hst/hst_head.gif) no-repeat;
	height:22px;
	display:block;
	margin-top:10px;
}
body#visitor #HstClr {
	background:url(../imgs/visit/hst/hst_foot.gif) no-repeat;
	height:22px;
	display:block;
	margin-bottom:20px;
}
body#visitor .textright {
	text-align:right;
	font-size:1em;
	line-height:1.5em;
	color:#333;
	font-family:'ＭＳ 明朝', 'ＭＳ Ｐ明朝', serif;
}
body#visitor .vb {
	vertical-align:bottom;
}



body#visitor #company {
	background:#ccc;
}
body#visitor #company td {
	background:#fff;
	color:#333;
}
/*local_nav footer*/
#Local_navf {
	padding:0;
	margin:0;
}
#Local_navf ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Local_navf ul li {
	display:block;
	margin:0;
	padding:0 0 5px 0;
	height:50px;
	width:190px;
}
#Local_navf ul li a {
	width:190px;
	height:50px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}
#Lnav_f01 {
	background:url(../imgs/visit/hst/nav01.gif) no-repeat;
}
#Lnav_f02 {
	background:url(../imgs/visit/hst/nav02.gif) no-repeat;
}
#Lnav_f03 {
	background:url(../imgs/visit/hst/nav03.gif) no-repeat;
}
#Lnav_f01 a:hover {
	background:url(../imgs/visit/hst/nav01on.gif) no-repeat;
}
#Lnav_f02 a:hover {
	background:url(../imgs/visit/hst/nav02on.gif) no-repeat;
}
#Lnav_f03 a:hover {
	background:url(../imgs/visit/hst/nav03on.gif) no-repeat;
}
#here {
	color: #fff;
	text-decoration: none;
	background-color: #D94141;
	display: block;
	padding:2px 0 2px 0;
	width: 178px;
	vertical-align: middle;
}
#here1 {
	color: #fff;
	text-decoration: none;
	background-color: #D94141;
	display: block;
	padding:2px 0 2px 0;
	width: 178px;
	vertical-align: middle;
}
body#visitor #supply_loc {
	border: 1px solid #c5cfd8;
	padding:5px;
	margin:0;
}
body#visitor #Insupply {
	background:#f0f0f0;
}
body#visitor .pad5 {
	color:#333;
	padding:0 5px 0 5px;
}
body#visitor .tl {
	background: url(../imgs/visit/info/tl.gif) left top no-repeat;
}
body#visitor .bl {
	background:url(../imgs/visit/info/bl.gif) left bottom no-repeat;
}
body#visitor .tr {
	background:url(../imgs/visit/info/tr.gif) right top no-repeat;
}
body#visitor .br {
	background:url(../imgs/visit/info/br.gif) right bottom no-repeat;
}
body#visitor .pr10 {
	text-decoration:none;
	padding:0 10px 0 0;
	vertical-align:bottom;
}
/*local_nav footer*/
#Local_navf_r {
	padding:0;
	margin:0;
}
#Local_navf_r ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Local_navf_r ul li {
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 0;
	height:50px;
	width:190px;
}
#Local_navf_r ul li a {
	width:190px;
	height:50px;
	display:block;
	margin:0;
	padding:0;
	text-indent:-9999px;
	text-decoration:none;
}
#Local_navf_r #Lnav_f01 {
	background: url(../imgs/visit/recruit/nav01.gif) no-repeat;
}
#Local_navf_r #Lnav_f02 {
	background:url(../imgs/visit/recruit//nav02.gif) no-repeat;
}
#Local_navf_r #Lnav_f03 {
	background:url(../imgs/visit/recruit//nav03.gif) no-repeat;
}
#Local_navf_r #Lnav_f01 a:hover {
	background:url(../imgs/visit/recruit//nav01on.gif) no-repeat;
}
#Local_navf_r #Lnav_f02 a:hover {
	background:url(../imgs/visit/recruit//nav02on.gif) no-repeat;
}
#Local_navf_r #Lnav_f03 a:hover {
	background:url(../imgs/visit/recruit//nav03on.gif) no-repeat;
}
table#form {
	width:100%;
	background-color:#bbb;
}
table#form th, table#form td {
	text-align:left;
	color:#004456;
	padding:6px;
}
table#form th {
	background:#EBF1F2;
	white-space:nowrap;
	width:200px;
}
table#form td {
	background-color:#ffffff;
}
body#visitor #subttl {
	background:#666;
	width:180px;
	margin-bottom:6px;
}
body#visitor #subttl .p3 {
	color:#fff;
	padding:3px;
}
body#visitor .tl2 {
	background:url(../imgs/tl2.gif) left top no-repeat;
}
body#visitor .bl2 {
	background:url(../imgs/bl2.gif) left bottom no-repeat;
}
body#visitor .tr2 {
	background:url(../imgs/tr2.gif) right top no-repeat;
}
body#visitor .br2 {
	background:url(../imgs/br2.gif) right bottom no-repeat;
}



/*卒業者の方へ*/
body#visitor ol {
	margin-top:0;
	padding-top:0;
	padding-left:6px;
	list-style:none;
}

body#visitor ul {
	margin:0;
	padding:0;
	list-style:none;
}

body#visitor h4 {
	color:#cc0202;
	margin:0;
	padding:0 0 6px 0;
}

body#visitor .pl20 {
	padding:0 0 0 20px;
	color:#333;
}

body#visitor .pl20_last {
	padding:0 0 0 20px;
	color:#333;
	margin-bottom:30px;
}

body#visitor .red {
	color:#cc0202;
}

body#visitor .Insupply_c {
	background:#666;
	width:180px;
	margin-bottom:6px;
	padding:0;
}

body#visitor .Insupply_c h5 {
	color:#fff;
	padding:3px 5px 3px 8px;
	margin:0;
	font-size:1em;
	font-weight:bold;
}

body#visitor .Insupply_c .tl {
	background: url(../imgs/visit/completion/tl.gif) left top no-repeat;
	margin:0;
	padding:0;
}

body#visitor .Insupply_c .bl {
	background:url(../imgs/visit/completion/bl.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}

body#visitor .Insupply_c .tr {
	background:url(../imgs/visit/completion/tr.gif) right top no-repeat;
	margin:0;
	padding:0;
}

body#visitor .Insupply_c .br {
	background:url(../imgs/visit/completion/br.gif) right bottom no-repeat;
	margin:0;
	padding:0;
}

body#visitor .pdfline {
	border: 1px solid #c5cfd8;
	padding:10px;
	margin:10px 0;
}

#visitor #aisatsu { margin-bottom: 40px; }


#visitor #aisatsu p {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-bottom: 15px;
}
#visitor  #rel_ttl01 { margin-bottom: 20px; }




/*在校生の方へ
------------------------------------*/
#visitor #soudan {
	margin-top: 15px;
	background: #F0ECDD;
	padding: 10px;
	border: 1px solid #BBBBBB;
}

#visitor #soudan .banner { float: right; }

#visitor #soudan span {
	font-size: 14px;
	font-weight: bold;
}

#visitor .arrow {
	background: url(../imgs/student/arrow.gif) no-repeat left center;
	padding-left: 15px;
}

#visitor .jobArea-wrap{
	text-align:center;
}

#visitor .jobArea{
	width:640px;
	background:url(../imgs/student/bg_soudan.gif) top left;
	padding:3px;
	margin:auto;
	position:relative;
}

#visitor .jobArea-Inner{
	background:#FBFAF9;
	padding:10px;
}

#visitor .job-ttl{
	position:absolute;
	top:9px;
	left:-15px;
}

#visitor .job-lead{
	padding-left:100px;
	padding-top:3px;
	margin-bottom:10px;
}