@charset "UTF-8";
/* CSS Document
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}
body {
	line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
	vertical-align:middle;
}
body {
	/*display:none;*/
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
 
/* tables still need 'cellspacing=0' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*general settings
*****************************************************/
.flL { float:left !important;}
.flR { float:right !important;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.show-pc {
	display:inline;
}
.show-sp {
	display:none;
}
.alpha{
	transition-duration:0.4s;
	transition-property:all;
}
.alpha:hover{
	opacity:0.6;
	filter:alpha(pacity=60);
}
/*original style
*****************************************************/
#content{
	width:940px;
	margin:0 auto;
}
#mynavi_career{
}
#mynavi_career .main_image{
	background-image: url(../img/bg_mainimage.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	height:300px;
}
#mynavi_career .main_image h2.main_ttl{
	position:absolute;
	top:60px;
	left:30px;
}
#mynavi_career .main_image .main_caption{
	position: absolute;
	top: 270px;
	left: 687px;
	font-size: 13px;
	text-align: right;
	color: #FFF;
}
#mynavi_career .career_contents{
	background-color:#000;
	padding-bottom:30px;
}
#mynavi_career .career_contents h3.tenshoku_style{
	text-align:center;
	padding:30px 0px;
}
#mynavi_career .career_contents .tenshoku_site{
	overflow:hidden;
	width:880px;
	margin:0px auto 0px auto;
}
#mynavi_career .career_contents .tenshoku_site .mynavi_tenshoku_area{
	float:left;
	background-color:#FFF;
	width:430px;
}
#mynavi_career .career_contents .tenshoku_site .mynavi_agent_area{
	float:right;
	background-color:#FFF;
	width:430px;
}
#mynavi_career .career_contents .tenshoku_site .image_cut{
	display:block;
}
#mynavi_career .career_contents .tenshoku_site .mynavi_tenshoku_area .tenshoku_point{
	background-color:#D90000;
	color:#FFF;
}
#mynavi_career .career_contents .tenshoku_site .mynavi_agent_area .tenshoku_point{
	background-color:#003968;
	color:#FFF;
}
#mynavi_career .career_contents .tenshoku_site .tenshoku_point ul{
	padding:20px 20px 10px 20px;
}
#mynavi_career .career_contents .tenshoku_site .tenshoku_point ul li{
	background-image: url(../img/icon_circle_white.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left:15px;
	font-size:24px;
	margin-bottom:10px;
	line-height:1.5em;
}
#mynavi_career .career_contents .tenshoku_site .yajirushi{
	background-color:#FFF;
	display:block;
	text-align:center;
}
#mynavi_career .career_contents .tenshoku_site .hiketsu{
	margin:15px 0px 15px 0px;
	font-size:20px;
	text-align:center;
	line-height:2.2em;
}
#mynavi_career .career_contents .tenshoku_site .hiketsu span.red{
	font-size:36px;
	color:#E21800;
	font-weight:bold;
}
#mynavi_career .career_contents .tenshoku_site .hiketsu span.blue{
	font-size:36px;
	color:#013968;
	font-weight:bold;
}
#mynavi_career .career_contents .tenshoku_site a:link .mynavi_logo_area, #mynavi_career .career_contents .tenshoku_site a:visited .mynavi_logo_area{
	border:2px #D81700 solid;
	margin:0px 20px 20px 20px;
	padding:30px 20px 30px 20px;
	transition-duration:0.6s;
	transition-property:all;
	color:#000;
}
#mynavi_career .career_contents .tenshoku_site a:hover .mynavi_logo_area, #mynavi_career .career_contents .tenshoku_site a:active .mynavi_logo_area{
	opacity:0.6;
	filter:alpha(pacity=60);
}
#mynavi_career .career_contents .tenshoku_site .mynavi_logo_area .osusume_red{
	text-align:center;
	font-size:20px;
	border-bottom:2px #D81700 dotted;
	padding-bottom:5px;
	margin-bottom:15px;
}
#mynavi_career .career_contents .tenshoku_site .mynavi_logo_area .mynavi_logo{
	text-align:center !important;
}


#mynavi_career .career_contents .tenshoku_site a:link .agent_logo_area, #mynavi_career .career_contents .tenshoku_site a:visited .agent_logo_area{
	border:2px #013968 solid;
	margin:0px 20px 20px 20px;
	padding:30px 20px 30px 20px;
	transition-duration:0.6s;
	transition-property:all;
	color:#000;
}
#mynavi_career .career_contents .tenshoku_site a:hover .agent_logo_area, #mynavi_career .career_contents .tenshoku_site a:active .agent_logo_area{
	opacity:0.6;
	filter:alpha(pacity=60);
}
#mynavi_career .career_contents .tenshoku_site .agent_logo_area .osusume_blue{
	text-align:center;
	font-size:20px;
	border-bottom:2px #013968 dotted;
	padding-bottom:5px;
	margin-bottom:15px;
}
#mynavi_career .career_contents .tenshoku_site .agent_logo_area .agent_logo{
	text-align:center !important;
}
#mynavi_career .career_contents .tenshoku_site .tenshoku_bg{
	background-image: url(../img/bg_red.gif);
	background-repeat: repeat;	
	padding:0px 0px 20px 0px;
}
#mynavi_career .career_contents .tenshoku_site .agent_bg{
	background-image: url(../img/bg_blue.gif);
	background-repeat: repeat;
	padding:0px 0px 20px 0px;
}
#mynavi_career .career_contents .tenshoku_site .link_contents{
	padding-top:20px;
}
#mynavi_career .career_contents .tenshoku_site .link_midashi{
	text-align:center;
	margin:0px 0px 15px 0px;
}
#mynavi_career .career_contents .tenshoku_site .link_midashi img{
	/*vertical-align:bottom;*/
	margin-right:10px;
	vertical-align:bottom
}
#mynavi_career .career_contents .tenshoku_site .link_midashi span{
	font-size:22px;
	font-weight:bold;
	line-height:1.3;
}
#mynavi_career .career_contents .tenshoku_site  ul.heightLine-1, ul.heightLine-2 {
	background-color:#FFF;
	margin:10px 20px 0px 20px;
	padding:20px;
}
#mynavi_career .career_contents .tenshoku_site ul.heightLine-1 li, ul.heightLine-2 li{
	background-image: url(../img/icon_circle_black.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left:10px;
	font-size:16px;
	margin-bottom:10px;
	line-height:1.5em;
}
#mynavi_career .career_contents .tenshoku_site ul.heightLine-1 li a:link, ul.heightLine-2 li a:link, #mynavi_career .career_contents .tenshoku_site ul.heightLine-1 li a:visited, ul.heightLine-2 li a:visited{
	color:#000;
}
#mynavi_career .career_contents .tenshoku_site ul.heightLine-1 li a:hover, ul.heightLine-2 li a:hover, #mynavi_career .career_contents .tenshoku_site ul.heightLine-1 li a:active, ul.heightLine-2 li a:active{
	color:#666;
	text-decoration:underline;
}
#mynavi_career .other_service{
	background-color:#003B69;
	margin-top:20px;
	padding:30px;
}
#mynavi_career .other_service h3{
	color: #FFF;
	font-size: 30px;
	margin-bottom: 20px;
	text-align:center;
}
#mynavi_career .other_service h3 img{
	vertical-align:bottom;
	margin-right:15px;
}
#mynavi_career .other_service h3 span{
	color: #FFF;
}
#mynavi_career .other_service .bnr_area{
	vertical-alighn:bottom;
}
.mgb20{
	margin-bottom:20px;
}
#mynavi_career .menseki{
	font-size:13px;
	margin:15px 0px 30px 0px;
	line-height:1.3em;
}
#mynavi_career .menseki .menseki_ttl{
	font-weight:bold;
	margin-bottom:5px;
}