@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------

Reset

---------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
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;
}

/* clear --------------------------*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clear{
	clear: both;
}

/* font ---------------------------*/
* {
	font-weight: normal;
	font-style: normal;
}

body {
	font-size: 13px;
	font-size: 100%; /* IE */
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #666;
	line-height: 1.6;
}
html>/**/body {
  font-size: 13px; /* Except IE */
}

/* font ---------------------------
10px⇒77% 11px⇒85% 12px⇒93%
13px⇒100% 14px⇒108% 15px⇒116%
16px⇒123.1% 17px⇒131% 18px⇒138.5%
19px⇒146.5% 20px⇒153.9% 21px⇒161.6%
22px⇒167% 23px⇒174% 24px⇒182%
25px⇒189% 26px⇒197%
---------------------------*/

/*-----------------------------------------------------
マージン・パディングなど共通CSS
-------------------------------------------------------*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml40{margin-left:40px;}
.ml60{margin-left:60px;}
.ml75{margin-left:75px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.p05{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt45{padding-top:45px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl200{padding-left:200px;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.flL{float:left;}
.flR{float:right;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}
.lh12{line-height:1.2;}
a:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.ib {display: inline-block;
    *display: inline;
    *zoom: 1;}
.vaT {vertical-align:top;}
.vaB {vertical-align:bottom;}


/*-----------------------------------------------------
レイアウト
-------------------------------------------------------*/
body{
	background:	url(../images/bg_stripe.png) repeat;
	color:#444;
}
#wrap{
	position:relative;
}
#header{
	background:	url(../images/bg_wood.png) repeat;
	position:relative;
	height:190px;
	line-height:1;
}
#content{
 	background:url(../images/body_bg02.gif) no-repeat center bottom;
	position:relative;
	padding-bottom:40px;
}
.content-inner{
    background: #ffffff;
    width: 990px;
    margin: 0 auto;
    padding: 28px 20px 40px;
    z-index: 1;
    position: relative;
    box-sizing: border-box;
}

/*-----------------------------------------------------
ヘッダー
-------------------------------------------------------*/
#header:after{
	content: " ";
	display:block;
	position:absolute;
	top:0;
	height:1247px;
	width:100%;
	background: url(../images/body_bg01.png) no-repeat center top;
 }
#header .logo{
	top:0;
	left:-90px;
	position:absolute;
	z-index:10;
}
#header .header_inner{
	position:relative;
}
#header .bnr{
	position:absolute;
}

/*-----------------------------------------------------
専門LP個別 共有css
-------------------------------------------------------*/

/*-背景色--*/
.bar_add h2 { background: #634725;}
.pink_bar { background-color: #634725;}
.area_bigttl { background: url(../../lp_common/images/h3_icon_03.png) 20px 12px no-repeat #634725;}
.lplinklist_ttl { border-left: 6px solid #634725;}
.recommend-jobTitle .pattern-1 .bg01 .pt01 h2 { background-color: #634725;}
.recommend .pt01 ul.ul03 li dl { border-top: 10px solid #98c412;}


/*-ボタン色--*/
.internal_link_bt a { background-color: #98c412;box-shadow: 0 -2px 0 #74950f inset;}
.new-linkbtn a { background-color: #98c412;box-shadow: 0 -4px 0 #74950f inset;}

h2.lplinklist_ttl {
    color: #634725;
    background: #fff !important;
    font-weight: 700;
    font-size: 20px;
    border-left: 6px solid #634725;
    padding-left: 8px;
    padding-top: 2px;
    margin: 4px 0 10px;
    line-height: 1;
    height: auto;
}