/*
Theme Name: nh
*/


@charset "UTF-8";

/* =Reset
-------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th,td{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
img {vertical-align:top;}
input[type="radio"], input[type="checkbox"] {vertical-align: -2px;}
label {cursor: pointer;}

html>/**/body {
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}
* + html body {
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
}

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;}
.cf:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

.clr {
	clear: both;
	line-height: 0;
	display: block;
	height: -1px;
}


/* =all
-------------------------------------------------------------- */
body {
	min-width:960px;
	text-align: center;
	font-size: 14px;
	color: #333333;
	background: #fff;
	line-height: 1.7;
}
body.tilt {
	background:#000;
}

a { 
	color: #2200cc;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

a:hover img,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
a, a img, input[type="submit"], input[type="reset"] {
	-webkit-transition: opacity .2s;
	-moz-transition: -moz-opacity .2s;
	-ms-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	opacity: 1;
}

/* css */
.fl {float: left;}
.fr {float: right;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.va_t {vertical-align: top;}
.va_b {vertical-align: bottom;}
.va_m {vertical-align: middle;}
.lh17 {line-height: 1.7;}
.lh20 {line-height: 2;}
.f10 {font-size: 10px;}
.f11 {font-size: 11px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f21 {font-size: 21px;}
.f22 {font-size: 22px;}
.f23 {font-size: 23px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}
.f26 {font-size: 26px;}
.f27 {font-size: 27px;}
.f28 {font-size: 28px;}
.f29 {font-size: 29px;}
.f30 {font-size: 30px;}
.f31 {font-size: 31px;}
.f32 {font-size: 32px;}
.f33 {font-size: 33px;}
.f34 {font-size: 34px;}
.f35 {font-size: 35px;}
.red {color: #e3362f;}
.blue {color: #00579c;}
.bold {font-weight: bold;}


/* width */
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w230 {width:230px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w290 {width:290px;}
.w300 {width:300px;}
.w330 {width:330px;}
.w350 {width:350px;}
.w380 {width:380px;}
.w400 {width:400px;}
.w430 {width:430px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w30p {width:30%;}
.w33p {width:33%;}
.w40p {width:40%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w55p {width:55%;}
.w60p {width:60%;}
.w65p {width:65%;}
.w70p {width:70%;}
.w75p {width:75%;}
.w80p {width:80%;}
.w85p {width:85%;}
.w90p {width:90%;}
.w95p {width:95%;}
.w100p {width:100%;}

/* mgn */
.mgn05 {margin-bottom: 5px;}
.mgn08 {margin-bottom: 8px;}
.mgn10 {margin-bottom: 10px;}
.mgn13 {margin-bottom: 13px;}
.mgn15 {margin-bottom: 15px;}
.mgn20 {margin-bottom: 20px;}
.mgn25 {margin-bottom: 25px;}
.mgn30 {margin-bottom: 30px;}
.mgn35 {margin-bottom: 35px;}
.mgn40 {margin-bottom: 40px;}
.mgn45 {margin-bottom: 45px;}
.mgn50 {margin-bottom: 50px;}
.mgn55 {margin-bottom: 55px;}
.mgn60 {margin-bottom: 60px;}
.mgn65 {margin-bottom: 65px;}
.mgn70 {margin-bottom: 70px;}
.mgn75 {margin-bottom: 75px;}
.mgn80 {margin-bottom: 80px;}


img {
	max-width: 100%;
}


/* =Common
-------------------------------------------------------------- */
#wrapper{
	position: relative;
	margin:0 auto;
    overflow: hidden;
    background-color: #fff;
}
#container {
	margin:0 auto;
 }
body.tilt .wrapper #container {
	background:#fff;
	padding-top:3px;
 }


.inner{
	width: 960px;
	margin: 0 auto;
}


#header {
	height:150px;
	background: url(./../img/bg_head_alpha.png) repeat-x 0 0;
	border-bottom: 1px #868686 solid;
}
body.tilt .wrapper #header {
	height:150px;
	background:#000;
	border-bottom: 1px #868686 solid;
	position:relative;
}

#header .logo{
	display:inline-block;
	padding-top:20px;
}
#menu{
	background:url(./../img/bg_nav_bar_alpha.png) repeat-x 0 0;
	border-bottom: 6px #a0a0a0 solid;
	margin-bottom:3px;
	height:59px;
}
body.tilt .wrapper #menu{
	margin-bottom:0;
}

#menu_in{
	position:relative;
	width: 960px;
	margin: 0 auto;
}
#menu_in .nav a  {
	float:left;
	display: block;
	width: 137px;
	height: 59px;
	font-size: 15px;
	line-height: 59px;
	text-decoration: none;
	color: #fff;
	background:url(./../img/bg_nav_alpha.png) no-repeat 0 0;
}
#menu_in .nav a:hover,
#menu_in .nav a.active {
	background:url(./../img/bg_nav_on_alpha.png) no-repeat 0 0;
}
#menu_in .nav a span:hover{
	background:none;
}
#menu_in .nav span.rec{
	float:left;
	display: inline-block;
	width: 138px;
	height: 59px;
	font-size: 15px;
	line-height: 59px;
	text-decoration: none;
	color: #fff;
	background:url(./../img/bg_nav2_alpha.png) no-repeat 0 0;
}
#menu_in .nav span.rec span:hover{
	background:none;
}
#menu_in .nav span:hover,
#menu_in .nav span.active {
	background:url(./../img/bg_nav2_on_alpha.png) no-repeat 0 0;
	cursor: pointer;
}

#recruitSubMenu {
	display:none;
    position: absolute;
    top: 65px;
    right: 0px;
    z-index: 100;
	text-align:left;
}
#recruitSubMenu .recruitMenu {
    border: 1px solid #666666;
}
#recruitSubMenu a {
    width: 350px;
    padding: 8px;
    display: block;
	color:#fff;
    text-decoration: none;
	background: url(./../img/bg_head_alpha.png) repeat-x 0 0;
    border-bottom: 1px dotted #666666;
}
#recruitSubMenu a:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #001f60), color-stop(0.00, #00579c));
	background: -webkit-linear-gradient(#00579c, #001f60);
	background: -moz-linear-gradient(#00579c, #001f60);
	background: -o-linear-gradient(#00579c, #001f60);
	background: -ms-linear-gradient(#00579c, #001f60);
	background: linear-gradient(#00579c, #001f60);
}



#footer{
	height:90px;
	background:url(./../img/bg_foot_alpha.png) repeat-x 0 0;
	background-color: #000000;
}
span.tilter.logo2 {
    float: left;
    padding-top: 20px;
}
#footer #copy{
	text-align:right;
	font-size:10px;
	color:#bbbbbb;
	padding-top:36px;
}


/* =Style
-------------------------------------------------------------- */

/* design  system */
h1{
	background:#f6f6f6;
	height:71px;
}
h1 img{
	float:left;
	padding-top:17px;
}
body.tilt .wrapper h1 img{
	float:none;
}

h1 span{
	display:block;
	width:948px;
	background: url(./../img/tit_bar_alpha.png) no-repeat 0 center;
    font-size: 34px;
    text-align: left;
    padding-left: 12px;
    line-height: 71px;
}
.sec01{
	padding:71px 0 100px;
	position:relative;
	overflow:hidden;
}
.sec01 p.tit{
	text-align:left;
	font-size:24px;
	padding-bottom:25px;
}
.sec01 p.text{
	text-align:left;
}
.sec01 p.text span.tilt .tilter{
	display:block;
}

h2{
	height:96px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #001f60), color-stop(0.00, #00579c));
	background: -webkit-linear-gradient(#00579c, #001f60);
	background: -moz-linear-gradient(#00579c, #001f60);
	background: -o-linear-gradient(#00579c, #001f60);
	background: -ms-linear-gradient(#00579c, #001f60);
	background: linear-gradient(#00579c, #001f60);
	background:url(./../img/bg01_alpha.png) repeat-x center 0;
}
h2 span.inner{
	display:block;
	font-size:24px;
	color:#fff;
	padding-top:8px;
}
h2 span.inner.line1{
	padding-top:0;
	line-height:96px;
}
dl.sec02{
	padding-bottom:70px;
}
dl.sec02 span.inner{
	display:block;
	width:960px;
}
dl.sec02 dt{
	height:70px;
	text-align:left;
	width:960px;
	margin:0 auto;
}
dl.sec02 dt span.inner{
	width:926px;
	font-size:18px;
	font-weight:bold;
	line-height:70px;
	background:url(./../img/arrow01_alpha.png) no-repeat 0 center;
	padding-left:34px;
}
dl.sec02.sys dt span.inner{
	background:url(./../img/arrow01s_alpha.png) no-repeat 0 center;
}
dl.sec02.des dt span.inner{
	background:url(./../img/arrow01d_alpha.png) no-repeat 0 center;
}
dl.sec02 dd{
	background:#f6f6f6;
	text-align:left;
	padding:24px 0 24px 2px;
}
dl.sec02 dd span.inner{
	width:958px;
}


div.sec03{
	padding-bottom:70px;
}

.box{
	width:465px;
	position:relative;
	text-align:left;
	
}
.box p.tit{
	background:url(./../img/bg_box_tit_alpha.png) no-repeat 0 0;
	font-size:22px;
	color:#fff;
	line-height:35px;
	padding:13px 13px 13px 40px;
}
body.tilt .wrapper .box p.tit{
	padding:13px 13px 13px 13px;
}


.box.des p.tit{
	background:url(./../img/bg_box_tit_d_alpha.png) no-repeat 0 0;
}
.box.sys p.tit{
	background:url(./../img/bg_box_tit_s_alpha.png) no-repeat 0 0;
}

.box ul{
	border-right:6px solid #414141;
	border-left:6px solid #414141;
	border-bottom:6px solid #414141;
	padding:30px 20px;
}
body.tilt .wrapper .box ul{
	padding:30px 10px;
}

.box ul li{
	background:url(./../img/arrow02_alpha.png) no-repeat left center;
	padding-left:12px;
	line-height:32px;
}
body.tilt .wrapper .box ul li{
	padding-left:0;
}

.box ul li.lines{
	background:url(./../img/arrow02_alpha.png) no-repeat left 10px;
}
.box ul li span{
	font-size:12px;
    display: inline-block;
}
.imgbox{
	float:right;
	margin-top:186px;
	
}



/* price */
dl.sec02 dd.btm{
	border-bottom:3px solid #e2e2e2;
	margin-bottom:3px;
}

dl.sec02.lines{
	padding-bottom:104px;
}
dl.sec02.lines dt{
	height:104px;
}
dl.sec02.lines dt span{
	line-height:104px;
	margin-left:0;
	display:block;
}

dl.sec02.lines dd .inner{
	display:table;
}
dl.sec02.lines dd .inner .left{
	display:table-cell;
	width:240px;
	vertical-align:middle;
}
body.tilt .wrapper dl.sec02.lines dd .inner .left{
	padding-left:50px;
}

dl.sec02.lines dd .inner .right{
	display:table-cell;
	width:720px;
	padding:35px 0;
	line-height:2.0;
}
dl.sec02.lines dd .inner .right span.tilt .tilter{
	display:block;
}
body.tilt .wrapper dl.sec02.lines dd .inner .right{
	line-height:1.5;
}

dl.sec02.lines dd .inner .right span.dot{
	display:inline-block;
	border-bottom:3px dotted #cfcfcf;
	margin-bottom:5px;
}
body.tilt .wrapper dl.sec02.lines dd .inner .right span.dot{
	margin-bottom:15px;
}

/* contact */
dl.sec02 dd.table{
	text-align:center;
}
#contact{
	padding-bottom:70px;
}
#contact table{
	width:100%;
}
#contact table tr{
	border-bottom:1px solid #e2e2e2;
	margin-bottom:1px;
	height:70px;
}
#contact table tr.last{
	border-bottom:none;
	margin-bottom:none;
	height:150px;
}
#contact table th{
	width:200px;
	padding-left:40px
}

#contact table td input[type="text"]{
	height:24px;
	width:300px
}
#contact table td.add input[type="text"]{
	width:500px
}
#contact table td textarea{
	height:100px;
	width:502px
}
#contact input[type="submit"]{
	width: 226px;
    height: 37px;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
	background: url(./../img/bg_head_alpha.png) repeat-x 0 0;
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
    outline: none;
	margin-top:20px;
}
#contact input[type="submit"]:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.tblbtm{
	text-align:left;
}
.tblbtm span{
	display:block;
}


/* thanks */
.thanks{
	border:2px solid #a0a0a0;
	padding:40px 0;
	margin:50px auto 0;
}
.thanks p{
	padding-bottom:20px;
}
.pad100{
	padding-bottom:100px;
}

/* recruit */
.r_text{
	text-align:left;
	padding:30px 0;
}
.r_text span{
	display:block;
}

dl.sec02.lines dd .inner .right span.st{
	font-weight:bold;
	display:block;
	border-bottom:none;
	margin-bottom:0;
}





.tilt .wrapper{
	  -webkit-transform: skewY(26.57deg);
	  -moz-transform: skewY(26.57deg);
	  -ms-transform: skewY(26.57deg);
	  transform: skewY(26.57deg);
	  -webkit-transform-origin: top left;
	  -moz-transform-origin: top left;
	  -ms-transform-origin: top left;
	  transform-origin:  top left;
}




body.tilt .wrapper .tilter{
	  transform: skewY(-26.57deg) rotate(26.57deg);
}
body.tilt .wrapper span.tilter{
	  display:block;
}
body.tilt .wrapper span.tilter.inline{
	  display:inline-block;
}


body.tilt .wrapper input.btn{
	background:url(./../img/shiftbtn_alpha.png) no-repeat 0 0;
	width:136px;
	height:54px;
	outline:none;
	margin:20px 0;
}
input.btn{
	background:url(./../img/shiftbtn_hori_alpha.png) no-repeat 0 0;
	width:122px;
	height:60px;
	outline:none;
	margin:20px 0;
}


#confirm{
	width:960px;
	margin:0 auto;
	background:#fff;
	padding:50px 0;
}
p.error_messe {
    color: #F00;
}

/* 非表示レイヤー
-------------------------------------------------------------- */
.fixedTopLine{
	position:fixed;
	top:0;
	left:0px;
	width:100%;
	height:0px;
	background-color:rgba(000,000,000,0.6);
}


.fixedBottomLine{
	position:fixed;
	bottom:0;
	right:0px;
	width:100%;
	height:0px;
	background-color:rgba(000,000,000,0.6);
}


.fixedLeftLine{
	position:fixed;
	bottom:0px;
	left:0;
	width:0px;
	height:100%;
	background-color:rgba(000,000,000,0.6);
}


.fixedRightLine{
	position:fixed;
	top:0px;
	right:0;
	width:0px;
	height:100%;
	background-color:rgba(000,000,000,0.6);
}