@charset "utf-8";
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	line-height:1.5;
	background:url(../img/bodybg.gif) top center #f9f5e9;
	text-align:center;
	color:#333;
}
a:link {
	color:#68C027;
}
a:visited {
	color:#363;
}
a:hover {
	color:#F66;
	text-decoration: none;
}
a:active {
	color:#F00;
}
h3 {
	font-weight:bold;
	margin:0 0 0.6em 0;
	padding:0 0 0 16px;
	background:url(../img/h3list.gif) no-repeat left;
}
p {
	margin:0 0 0.5em 0;
}
strong {
	font-weight:bold;
}
table {
	font-size:100%;
	line-height:1.5;
	border-collapse:collapse;
	border-spacing:0;
	vertical-align:top;
	margin:0 0 10px 0;
}
table th {
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	padding:5px 10px;
}
table td {
	vertical-align:top;
	padding:5px 8px;
}
table p {
	margin:0;
}
table ul,
table ol {
	margin-top:0;
	margin-bottom:-0.2em;
}
table dl {
	margin-top:-0.5em;
	margin-bottom:-0.2em;
}
ul {
	margin:0 0 0.5em 20px;
}
ul li {
	list-style-type:disc;
	margin:0 0 0.2em 0;
}
ol ul li {
	list-style-type:disc;
	margin:0 0 0.2em 0;
}
ol {
	margin:0 0 0.5em 30px;
}
ol li {
	list-style-type:decimal;
	margin:0 0 0.2em 0;
}
ul ol li {
	list-style-type:decimal;
	margin:0 0 0.2em 0;
}
.compact {
	margin:0.5em 0;
}
ul.compact li {
	display:inline;
	margin:0 10px 0 0;
	padding:0 0 0 8px;
	background:url(../img/li_mini.gif) no-repeat left;
}

dl {
	margin:0.5em 0;
}
dt {
	margin:0.5em 0 0.2em 0;
	font-weight:bold;
}
dd {
	margin:0.2em 0 0.2em 0;
}
dl.compact dt {
	display:inline;
}
dl.compact dd {
	display:inline;
	margin:0 10px 0 0;
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.txtR {
	text-align:right;
}
.txtL {
	text-align:left;
}
.txtC {
	text-align:center;
}
.clear {
	clear:both;
}
.mini {
	font-size:72%;
}
.hr {
	clear:both;
}
.readmore {
	text-align:right;
	margin:1em 0 0 0;
}
.readmore a {
	padding:0 0 0 16px;
	background:url(../img/readmorebg.gif) no-repeat left;
	font-size:86%;
}
.coming {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}
.box {
	width:900px;
	margin:0 0 30px 0;
	background:url(../img/boxmid.gif) repeat-y #FFF;
}
.boxinner {
	width:840px;
	background:url(../img/boxtop.gif) no-repeat top;
	padding:20px 30px 1px 30px;
}
.box .hr {
	width:900px;
	height:19px;
	background:url(../img/boxbottom.gif) no-repeat bottom;
}
.linebox {
	padding:0 10px 10px 10px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #CCC;
}
.nolinebox {
	padding:0 10px 10px 10px;
}
.postit {
	background:url(../img/postit.gif) no-repeat left;
	height:40px;
	line-height:40px;
	margin:0 0 0.5em 0;
	padding:0 0 0 20px;
	color:#005E3C;
}
.entrybn {
	margin:30px 0 0 0;
}
/* -----------------------------------------------------------
	#レイアウト
----------------------------------------------------------- */
#wrapper {
	width:100%;
	margin:0 auto;
	background:url(../img/wrapperbg.gif) repeat-y top;
}
#header {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#logo {
	float:left;
	width:640px;
	padding:0 0 0 20px;
}
h1 {
	margin:2px 0 10px 0;
}
.headread {
	font-size:86%;
	margin:0;
}
.headread span {
	margin:0 0 0 5px;
	padding:0 0 0 55px;
	background:url(../img/headreadline.gif) no-repeat left;
	font-size:84%;
}
#header h2 {
	float:right;
	width:280px;
	padding:30px 20px 0 0;
}
/* mainmenu */
#mainmenu {
	margin:0;
	background:#04742c;
	height:40px;
	clear:both;
}
#mainmenu li {
	width:192px;
	height:40px;
	float:left;
	margin:0;
	list-style:none;
}
#mainmenu li a {
	display:block;
	width:192px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
#mainmenu .menu1 {
	background: url(../img/menu1.gif) no-repeat 0 -40px;
}
#mainmenu .menu2 {
	background: url(../img/menu2.gif) no-repeat 0 -40px;
}
#mainmenu .menu3 {
	background: url(../img/menu3.gif) no-repeat 0 -40px;
}
#mainmenu .menu4 {
	background: url(../img/menu4.gif) no-repeat 0 -40px;
}
#mainmenu .menu5 {
	background: url(../img/menu5.gif) no-repeat 0 -40px;
}
#mainmenu .menu6 {
	background: url(../img/menu6.gif) no-repeat 0 -40px;
}
#mainmenu .menu1 a {
	background: url(../img/menu1.gif) no-repeat 0 0;
}
#mainmenu .menu2 a {
	background: url(../img/menu2.gif) no-repeat 0 0;
}
#mainmenu .menu3 a {
	background: url(../img/menu3.gif) no-repeat 0 0;
}
#mainmenu .menu4 a {
	background: url(../img/menu4.gif) no-repeat 0 0;
}
#mainmenu .menu5 a {
	background: url(../img/menu5.gif) no-repeat 0 0;
}
#mainmenu .menu6 a {
	background: url(../img/menu6.gif) no-repeat 0 0;
}

#mainmenu a:hover {
	background-position: 0 -40px;
}
#mainmenu .menu1 .now {
	background-position: 0 -80px !important;
}
#mainmenu .menu2 .now {
	background-position: 0 -80px !important;
}
#mainmenu .menu3 .now {
	background-position: 0 -80px !important;
}
#mainmenu .menu4 .now {
	background-position: 0 -80px !important;
}
#mainmenu .menu5 .now {
	background-position: 0 -80px !important;
}
#mainmenu .menu6 .now {
	background-position: 0 -80px !important;
}
#contents {
	width:900px;
	margin:0 auto;
	padding:30px 30px 0px 30px;
	text-align:left;
	background: url(../img/contentsbg.gif) no-repeat bottom #e9daac;
	clear:both;
}
.totop {
	clear:both;
	margin:0;
	padding:60px 0 0 0;
	text-align:right;
}

/* footer */
#footer {
	width:100%;
	margin:0 auto;
	clear:both;
	background: url(../img/footerbg.gif) no-repeat bottom;
	font-size:86%;
}
#footerinner {
	width:920px;
	margin:0 auto;
	padding:10px 20px 20px 20px;
	border-top:4px solid #296f39;
	text-align:left;
}
#keikyu {
	float:right;
	width:100px;
	height:48px;
}
#footerlink {
	margin:0;
	border-left:1px solid #333;
}
#footerlink li {
	display:inline;
	margin:0;
	padding:0 5px;
	border-right:1px solid #333;
}
#copyright {
	margin:10px 0 0 0;
}

/* submenu */
#submenu {
	width:960px;
	height:140px;
	margin:0 auto;
	clear:both;
	text-align:left;
	background:url(../img/submenubg.jpg) no-repeat;
}
#submenu h2 {
	float:left;
}
#subico {
	height:120px;
	margin:0;
	padding:20px 0 0 0;
	overflow:hidden;
	float:right;
}
.tab2 h2 {
	width:720px;
}
.tab2 #subico {
	width:240px;
}
.tab3 h2 {
	width:600px;
}
.tab3 #subico {
	width:360px;
}
.tab4 h2 {
	width:480px;
}
.tab4 #subico {
	width:480px;
}
.tab5 h2 {
	width:360px;
}
.tab5 #subico {
	width:600px;
}
#subico li {
	float:left;
	width:100px;
	margin:0 20px 0 0;
	list-style:none;
}
#subico a {
	display:block;
	width:100px;
	height:120px;
}
#subico span {
	display:block;
	width:100px;
	height:120px;
}
#subico .now {
	display:block;
	width:100px;
	height:120px;
	margin:0;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
#flash {
	width:960px;
	height:300px;
	margin:0 auto;
	clear:both;
}
#topcontents {
	width:920px;
	margin:0 auto;
	padding:10px 20px 0px 20px;
	text-align:left;
	background: url(../img/contentsbg.gif) no-repeat bottom #e9daac;
	clear:both;
}
.topcontenor {
	clear:both;
	width:920px;
}
.topinfo {
	float:left;
	width:440px;
	margin:0 30px 0 0;
	padding:0 0 10px 0;
}
.topentry {
	float:left;
	width:440px;
	padding:0 0 10px 0;
}
.topcareerup {
	float:left;
	width:440px;
	margin:0 30px 0 0;
	padding:0 0 10px 0;
	clear:both;
}
.topvoice {
	float:left;
	width:440px;
	padding:0 0 10px 0;
}
.topboxinner {
	width:380px;
	padding:1px 20px 2px 40px;
	background: url(../img/topboxbg.gif) repeat-y;
}
.topinfo .hr,
.topentry .hr,
.topcareerup .hr,
.topvoice .hr{
	width:440px;
	height:8px;
	background: url(../img/topboxhr.gif) no-repeat bottom;
}
.topinfo .topboxinner {
	width:398px;
	padding:0 2px 2px 40px;
}
.information {
	font-size:86%;
	margin:0;
}
.information dt {
	clear:both;
	float:left;
	width:7em;
	margin:0 0 0.5em 0;
	padding:0 0 0 10px;
	background: url(../img/infolist.gif) no-repeat left;
}
.information dd {
	margin:0 0 0.5em 7em;
	overflow:auto;
}
.topentry .topboxinner {
	position:relative;
}
.entrybadge {
	position:absolute;
	margin:0;
	top:-20px;
	right:10px;
}
.topworklist {　
	width:380px;
	clear:both;
	border-top:1px dashed #CCC;
	padding:10px 0 0 0;
}
.topwork1 {
	width:210px;
	/*width:180px;*/
	padding:0 10px 0 0;
	float:left;
	line-height:1.4;
}
.topwork2 {
	width:210px;
	/*width:180px;*/
	padding:0 10 0 0px;
	/*padding:0 0 0 10px;*/
	float:left;
	line-height:1.4;
}
.topvoice1 {
	width:380px;
	clear:both;
	padding:10px 0;
	border-top:1px dashed #CCC;
}
.topvoice2 {
	width:380px;
	clear:both;
	padding:10px 0 0 0;
	border-top:1px dashed #CCC;
}

/*----------------------------------------------------
	先輩社員の声
----------------------------------------------------*/
.voiceph {
	float:left;
	width:220px;
}
.empname {
	font-weight:bold;
}
.empname span {
	font-weight:normal;
	font-size:72%;
}
.empposition {
	font-size:86%;
}
.empprofile {
	font-size:86%;
	padding:2px 7px 0 10px;
	border:3px double #CCC;
	background:#f1eee7;
}
.empprofile h4 {
	font-weight:bold;
	border-bottom: 1px dashed #CCC;
	margin:0 0 0.5em 0;
	padding:0 0 0 5px;
	line-height:1.8;
}
.empprofile p {
	padding:0 5px;
}
.voicesph {
	text-align:center;
	margin:40px 0 0 0;
}
.voicetxt {
	float:right;
	width:590px;
}
.voicetxt h2 {
	margin:0 0 15px 0;
}
.timetable {
	width:530px;
	margin:0 20px;
	font-size:86%;
}
.timetable th {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:5px solid #CCC;
	background:#fff6e6;
	width:80px;
}
.timetable td {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#fffdfa;
}
/*----------------------------------------------------
	会社概要
----------------------------------------------------*/
.companytable {
	width:838px;
}
.companytable th {
	width:160px;
	border-bottom:1px dashed #CCC;
}
.companytable td {
	border-bottom:1px dashed #CCC;
}
.companyshops {
	margin:1em 0 0 0;
}
.companyshops dt img {
	vertical-align:middle;
	margin:0 5px 0 0;
}
.companyshop dd {
	display:inline;
	margin:0 10px 0 0;
}
.companydirector {
	margin:0.5em 0 0 0;
}
.companydirector dt {
	float:left;
	width:9em;
	clear:both;
	margin:0 0 0.5em 0;
}
.companydirector dd {
	margin:0 0 0.5em 0;
}

/*----------------------------------------------------
	店舗紹介
----------------------------------------------------*/
.shopinfo {
	float:left;
	width:310px;
}
.shopinfo h2 {
	margin:0 0 10px 0;
}
.shopinfo p {
	border-left:5px solid #CCC;
	padding:5px 0 5px 10px;
}
.shoptable {
	font-size:86%;
	float:right;
	width:500px;
	margin:0;
}
.shoptable th {
	width:100px;
	border-bottom:1px dashed #CCC;
}
.shoptable td {
	border-bottom:1px dashed #CCC;
}

/*----------------------------------------------------
	採用情報
----------------------------------------------------*/
.guidelinetable {
	width:838px;
}
.guidelinetable th {
	width:160px;
	border-bottom:1px dashed #CCC;
}
.guidelinetable td {
	border-bottom:1px dashed #CCC;
}
.university {
	margin:0;
}
.university li {
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
}
.results {
	margin:0.5em 0 0 0;
}
.results dt {
	float:left;
	width:7em;
	clear:both;
	margin:0 0 0.5em 0;
}
.results dd {
	margin:0 0 0.5em 0;
}

/*----------------------------------------------------
	キャリアアップ
----------------------------------------------------*/
.careerupimg {
	width:900px;
	height:170px;
	background: url(../img/careerupimg.jpg) no-repeat;
	clear:both;
}

.departbox {
	width:900px;
	margin:0 0 10px 0;
	background:url(../img/departmid.gif) repeat-y #FFF;
}
.departboxinner {
	width:860px;
	background:url(../img/departtop.gif) no-repeat top;
	padding:10px 20px 1px 20px;
}
.departbox .hr {
	width:900px;
	height:9px;
	background:url(../img/departbottom.gif) no-repeat bottom;
}
.departimg {
	float:left;
	width:220px;
}
.departimg h3 {
	margin:0;
}
.departtxt {
	width:595px;
	margin:0 0 0 265px;
}
.departtxt h4 {
	font-weight:bold;
	border-left:5px solid #04742C;
	padding:0 0 0 5px;
	margin:1em 0 0.5em 0;
}
/*----------------------------------------------------
	仕事の紹介
----------------------------------------------------*/
.workph {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #CCC;
}
.workphl {
	float:left;
	width:330px;
}
.workphr {
	float:right;
	width:480px;
}
.worktxt {
}
.worktxt h2 {
	margin:0 0 15px 0;
}
.worktable {
	width:460px;
	margin:0 0 0 20px;
	font-size:86%;
}
.worktable th {
	text-align:left;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-right:5px solid #CCC;
	background:#e6f9fa;
	width:80px;
}
.worktable td {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#f2fafa;
}
.margin-bottom {
	margin-bottom:15px;
}
/*----------------------------------------------------
	研修制度
----------------------------------------------------*/
.trainingnewph {
	float:left;
	width:280px;
	font-size:86%;
	text-align:center;
}
.trainingstep {
	width:100%;
	border-collapse:separate;
	border-spacing:10px;
}
.trainingstep th {
	vertical-align:middle;
	text-align:center;
	background:url(../img/trainingstepbg.gif) no-repeat bottom #005E3C;
	color:#FFF;
	width:160px;
	padding:0 0 20px 0;
}
.trainingstep th .sub {
	font-weight:normal;
	font-size:86%;
}
.trainingstep td {
	border:1px solid #CCC;
}
.trainingstep h4 {
	font-weight:bold;
	background:url(../img/infolist.gif) no-repeat left;
	padding:2px 0 0 12px;
}
.trainingstep ul {
	font-size:86%;
	margin:0 0 0 30px;
}

/*----------------------------------------------------
	よくある質問
----------------------------------------------------*/
.faq {
}
.faq dt {
	background:url(../img/faqq.gif) no-repeat;
	padding:5px 0 5px 40px;
	margin:0;
}
.faq dd {
	background:url(../img/faqa.gif) no-repeat;
	padding:5px 0 15px 40px;
	margin:0;
}

/*----------------------------------------------------
	選考フロー
----------------------------------------------------*/
.flow {
	width:460px;
	margin:0 190px;
}
.flow li {
	width:460px;
	text-align:center;
	margin:0 0 10px 0;
	padding:0 0 35px 0;
	list-style:none;
	background:url(../img/flowbg.gif) no-repeat bottom #005E3C;
	font-size:129%;
	font-weight:bold;
	color:#FFF;
}
.flow .end {
	padding:0;
	background:url(../img/flowendbg.gif) no-repeat bottom;
}
.flow li div {
	padding:20px 25px;
}
.flow li .no1 {
	background:url(../img/flowtop1.gif) no-repeat top;
}
.flow li .no2 {
	background:url(../img/flowtop2.gif) no-repeat top;
}
.flow li .no3 {
	background:url(../img/flowtop3.gif) no-repeat top;
}
.flow li .no4 {
	background:url(../img/flowtop4.gif) no-repeat top;
}
.flow li .no5 {
	background:url(../img/flowtop5.gif) no-repeat top;
}
.flow li .no6 {
	background:url(../img/flowtop6.gif) no-repeat top;
}

.flow li .mynav {
	padding:10px;
	margin:5px 0 0 0;
	background:#FFF;
}
/*----------------------------------------------------
	内定者の声
----------------------------------------------------*/
.proL dt {
	background:url(../img/faqq.gif) no-repeat left bottom;
	line-height:30px;
	padding:0 0 0 40px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:15px;
	border-bottom:dashed 1px #999;
}
.proL dd {
	background:url(../img/faqa.gif) no-repeat left top;
	padding:5px 0 5px 40px;
	margin-top:10px;
} 
.proL .pend {
	background:none;
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 40px;
	margin-top:-5px;
	text-align:right;
}


/*----------------------------------------------------
	Information
----------------------------------------------------*/
#info {
	background:#FFF;
	text-align:left;
	padding:0 5px 0 0;
}
.pager {
	padding:10px 0;
	margin:0;
	text-align: center;   
}
.pager li {
	list-style:none;
	display: -moz-inline-box;   
	display: inline-block;   
	/display: inline;   
	margin:0 5px 0 0;   
	/margin-right: 5px;   
	line-height: 26px;
	width:26px;  
	height: 26px;   
	/zoom: 1;
	background:#EEEEEE;
}
.pager li.nepr {
	width:100px;  
}
.pager li a {   
	display: block;   
	width:24px;
	height:24px; 
	line-height: 24px;
	text-decoration: none;   
	border:1px solid #CCC;
	background:#005E3C;
	color: #FFF;
}  
.pager li.nepr a {
	width:100px;  
}
.pager li a:hover {   
	background:#FA9800;
}
#preview {
	width:100%;
	height:40px;
	padding:10px 0 0 0;
	background:#005E3C;
}
#preview form {
	display:inline;
	margin:0 10px;
}
#preview input {
	width:10em;
	padding:2px 0;
}