@charset "UTF-8";

/* basic */
html{
	text-align:center;
	}
body{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
	margin:0 auto;
	border-bottom:5px solid #8BC32F;
	}

.clear{clear:both;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

/* next */
div.next{
	width:960px;
	margin:60px auto 10px;
	}
div.next_00{
	width:960px;
	margin:20px auto 10px;
}


/* header */
header{
	height:90px;
	width:960px;
	margin:0 auto;
	background:url(../img/logo_header.png) 0 -2px no-repeat;
	position:relative;
	}
h1{
	font-size:12px;
	text-align:left;
	position:absolute;
	bottom:41px;
	left:100px;
	}

/* top-main */
section#main{
	width:100%;
	margin:0 auto;
	background:url(../img/main_bg.png) repeat-x;
	}
section#main h2{
	height:500px;
	padding:0;
	}
section#main div{
	width:1037px;
	height:630px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img/main_contents.png) left top no-repeat;
	}


/* example */
section#example{
	width:960px;
	margin:0 auto;
	}
section#example h2{
	height:180px;
	}
section#example div{
	width:960px;
	height:568px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img/example_contents.png) left top no-repeat;
	}
section#example p{
	margin:20px auto;
	}
section#example p span{
	padding:2px 6px;
	color:#FFFFFF;
	background:#333333;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}

/* reason */
div#reason{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background:#8ec31e;
	}
div#reason h3{
	width:960px;
	height:295px;
	margin:-73px auto 0 auto;
	}


/* entry_area */
div.entry_area{
	width:735px;
	margin:10px auto;
	}
div.entry_area p{
	font-size:14px;
	text-align:left;
	padding:15px;
	}

div.entry_area span.bt_entry,
div.entry_area span.bt_entry a{
	display:block;
	width:730px;
	height:100px;
	margin:0 auto;
	text-indent:-99999px;
	}
div.entry_area span.bt_entry.entry01,
div.entry_area span.bt_entry.entry01 a{
	background:url(../img/bt_entry01.png) left top no-repeat;
	}
div.entry_area span.bt_entry.entry01,
div.entry_area span.bt_entry.entry01 a:hover{
	background:url(../img/bt_entry01.png) 0 -100px no-repeat;
	}

div.entry_area span.bt_entry.entry02,
div.entry_area span.bt_entry.entry02 a{
	background:url(../img/bt_entry02.png) left top no-repeat;
	}
div.entry_area span.bt_entry.entry02,
div.entry_area span.bt_entry.entry02 a:hover{
	background:url(../img/bt_entry02.png) 0 -100px no-repeat;
	}
div.entry_area span.bt_entry.entry03{
	margin:50px auto 70px auto;
	}
div.entry_area span.bt_entry.entry03,
div.entry_area span.bt_entry.entry03 a{
	background:url(../img/bt_entry03.png) left top no-repeat;
	}
div.entry_area span.bt_entry.entry03,
div.entry_area span.bt_entry.entry03 a:hover{
	background:url(../img/bt_entry03.png) 0 -100px no-repeat;
	}
div.entry_area span.bt_entry.entry04{
	margin:50px auto 70px auto;
	}
div.entry_area span.bt_entry.entry04,
div.entry_area span.bt_entry.entry04 a{
	background:url(../img/bt_entry04.png) left top no-repeat;
	}
div.entry_area span.bt_entry.entry04,
div.entry_area span.bt_entry.entry04 a:hover{
	background:url(../img/bt_entry04.png) 0 -100px no-repeat;
	}

/* flow */
section#flow{
	width:960px;
	margin:60px auto 0px;
	}
section#flow p.lead{
	font-size:12px;
	text-align:center;
	}
section#flow p.memo{
	clear:both;
	font-size:12px;
	text-align:right;
	padding:3px 0 0 0;
	margin:0 0 10px;
	}
section#flow h2{
	height:180px;
	margin:0 0 20px;
	}
section#flow dt,
section#flow dd{
	font-size:14px;
	margin:0;
	padding:0;
	float:left;
	}
section#flow dd{
	width:672px;
	text-align:left;
	line-height:25px;
	padding:20px;
	position:relative;
	}
section#flow dd div{
	margin:10px 0 0;
	}
section#flow dd div img{
	margin:0 0 -25px 0;
	}
section#flow dl ul{
	margin:10px 0 7px;
	padding:10px 0;
	background:#FFFFCC;
	box-shadow: 1px 1px 3px #CCCCCC;
	-moz-box-shadow: 1px 1px 3px #CCCCCC;
	-webkit-box-shadow: 1px 1px 3px #CCCCCC;
	}
section#flow dl li{
	margin:0 10px 5px;
	padding:0 0 0 15px;
	background:url(../img/flow_ico.png) 0 7px no-repeat;
	}
section#flow strong{
	font-size:16px;
	font-weight:bold;
	}

section#flow dl.job01 dt{
	background:#8A76BA;
	height:271px;
	}
section#flow dl.job01 dd{
	border:5px solid #8A76BA;
	height:221px;
	}
section#flow dl.job02 dt{
	background:#745DAE;
	height:296px;
	}
section#flow dl.job02 dd{
	border:5px solid #745DAE;
	height:246px;
	}
section#flow dl.job03{
	margin:0 0 20px;
	}
section#flow dl.job03 dt{
	background:#55389B;
	height:577px;
	}
section#flow dl.job03 dd{
	border:5px solid #55389B;
	height:527px;
	}
section#flow dl.job03 dd b{
	background:#FFFFCC;
	}
section#flow dl.job04 dt{
	background:#2A0682;
	height:477px;
	}
section#flow dl.job04 dd{
	border:5px solid #2A0682;
	height:427px;
	}
section#flow dl:after{
	content:"";
	clear:both;
	display:block;
}

/* interview */
section#interview{
	width:960px;
	margin:0 auto;
	margin-top:60px;
	}
section#interview div.tab{
	height:56px;
	padding:0;
	text-align:right;
	border-bottom:5px solid #BFBFBF;
	}
section#interview div.tab img{
	height:56px;
	vertical-align:bottom;
	}

section#interview article{
	padding:8px 10px 30px 10px;
	border:5px solid #BFBFBF;
	border-top:0;
	background:#FBFBFB;
	}

section#interview article p.sub{
	font-size:14px;
	text-align:left;
	text-indent:20px;
	margin:8px 0 10px 0;
	}
section#interview article p.sub strong{
	font-size:18px;
	font-weight:bold;
	}
section#interview article h3{
	width:550px;
	font-size:22px;
	margin-left:-10px;
	padding:20px 30px;
	text-align:left;
	font-weight:bold;
	background:#C5BCDB;
	}
section#interview article h3 span{
	font-size:14px;
	}

section#interview article dl{
	width:500px;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 20px;
	}
section#interview article dl.wide{
	width:890px;
	}
section#interview article dt{
	margin:20px 0 0 0;
	line-height:30px;
	text-indent:15px;
	font-size:16px;
	font-weight:bold;
	background:#EAEAEA;
	border-top:1px solid #B6B6B6;
	}
section#interview article dd{
	padding:10px 15px;
	line-height:1.9;
	background:#FFFFFF;
	}
section#interview article dt.check{
	text-indent:80px;
	background:#FFFFBB;
	border-top:1px solid #FF9600;
	background:#FFFFBB url(../img/ico_check.png) 0 3px no-repeat;
	}
section#interview article dd.check{
	background:#FFFFDF;
	}


section#interview article div.member{
	float:right;
	margin:0 20px 20px 0;
	}
section#interview article div.member ul{
	background: #ffffe6;
	border:2px solid #cccccc;
	font-size:14px;
	margin:10px 0 0;
	padding:15px 20px 5px;
	text-align:left;
	width:326px;
}
section#interview article div.member li{
	border-left:5px solid #CCCCCC;
	margin:0 0 10px 0;
	text-indent:10px;
	}

/* message */
section#message{
	width:100%;
	padding:10px 0 30px;
	background:#8ec31e;
	}
section#message img.arrow{
	margin:-40px 0 0 0;
	height:50px;
	}
section#message div{
	width:960px;
	margin:-7px auto 0;
	background:#FFFFFF;
	}
section#message div img{
	float:left;
	}

section#message div.inside{
	width:590px;
	text-align:center;
	background:#FFFFFF;
	padding:20px 0;
	}
section#message div.inside h3{
	margin:0 0 15px 0;
	font-size:18px;
	font-weight:bold;
	}
section#message div.inside h3 span{
	font-weight:normal;
	margin:0 0 5px;
	border-bottom:1px solid #000;
	display:inline-block;
	width:100%;
	}

section#message div.inside p{
	font-size:14px;
	}
section#message div.inside p.pr{
	margin:20px 0;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	background:#FFFFCC;
	}
section#message div.inside p.pr span{
	color:#8BC32F;
	}


/* info */
section#info{
	width:825px;
	margin:0 auto;
	margin-top:60px;
	}
section#info h4{
	width:825px;
	margin:0 0 30px 0;
	text-align:left;
	font-size:18px;
	text-indent:20px;
	border-left:6px solid #006979;
	background:url(../img/info_h4.png) top right repeat-y;
	}

section#info table{
	width:830px;
	font-size:12px;
	text-align:left;
	}
section#info table th,
section#info table td{
	border: 3px #FFFFFF solid;
	border-collapse: separate;
	padding:4px 8px;
	line-height:2;
	}
section#info table th{
	background:#D1E7AC;
	border-left:0;
	}
section#info table td{
	background:#F4F4F4;
	border-right:0;
	}
section#info table td.photo{
	width:250px;
	text-align:right;
	background:#FFFFFF;
	border-right:0;
	}
/* footer */
footer{
	font-size:12px;
	text-align:right;
	width:800px;
	margin:0 auto;
	margin-top:80px;
	padding:80px 80px 10px 0;
	background:url(../img/logo_header.png) bottom right  no-repeat;
	}