@charset "utf-8";
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/

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;
  line-height: 1.41;
}

body { margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif; line-height: 1.5; color: #222; }

body { font-size: 87.5%; }


table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  text-align: left;
}

img {
  border: none;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
  position: relative;
}

fieldset {
  border: none;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%;
}


input.text {
  _height: 1.55em;  /* for Win IE6 */
}

input.email,
input.password,
input.num {
  ime-mode: inactive;
}

input.submit {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

input.button {
  padding: 0 2px;
  vertical-align: middle;
  *vertical-align: top;
  font-size: 12px;
  *font-size: 74%;
  cursor: pointer;
}

textarea {
  margin-bottom: 5px;
  line-height: 1.21;
  overflow: auto;
}

input.text:focus,
textarea:focus {
  color: #000;
  background: #fff;
}

select {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  font-size: 100%;
}

p {
  line-height: 1.71;
}

dt {

}

li {
  line-height: 1.71;
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
  font-size: 100%;
}

strong,
b {
  font-weight: bold;
}

u {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}
.fadeIn,
.fadeInSlow{
	display:none;
}
a{
	outline:none;
}

a,
a:link {
  color: #99BF1F;
  text-decoration:none;
}

a:visited {
  color: #99BF1F;
}

a:hover,
a:active {
  color: #99BF1F;
  text-decoration:underline
}

::-moz-selection {
  color: #fff;
  background: #99BF1F;
}

::selection {
  color: #fff;
  background: #99BF1F;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* margin */
.mT0 {margin-top:0px!important;}
.mT7 {margin-top:7px!important;}
.mT10 {margin-top:10px!important;}
.mT20 {margin-top:20px!important;}
.mT25 {margin-top:25px!important;}
.mT30 {margin-top:30px!important;}
.mT40 {margin-top:40px!important;}
.mT50 {margin-top:50px!important;}

.mB0 {margin-bottom:0px!important;}
.mB5 {margin-bottom:5px!important;}
.mB7 {margin-bottom:7px!important;}
.mB10 {margin-bottom:10px!important;}
.mB15 {margin-bottom:15px!important;}
.mB20 {margin-bottom:20px!important;}
.mB25 {margin-bottom:25px!important;}
.mB30 {margin-bottom:30px!important;}
.mB35 {margin-bottom:35px!important;}
.mB40 {margin-bottom:40px!important;}
.mB45 {margin-bottom:45px!important;}
.mB50 {margin-bottom:50px!important;}
.mB60 {margin-bottom:60px!important;}
.mB70 {margin-bottom:70px!important;}
.mB100 {margin-bottom:100px!important;}

.mR0 {margin-right:0px!important;}
.mR10 {margin-right:10px!important;}
.mR15 {margin-right:15px!important;}
.mR20 {margin-right:20px!important;}
.mR25 {margin-right:25px!important;}
.mR30 {margin-right:30px!important;}

.mL5 {margin-left:5px!important;}
.mL10 {margin-left:10px!important;}
.mL20 {margin-left:20px!important;}
.mL30 {margin-left:30px!important;}

.m0auto { margin:0 auto;}

.p10{ padding:10px;}
.p20{ padding:20px;}
.p40{ padding:40px;}
.p55{ padding:55px;}
.p80{ padding:80px}
.pB0{ padding-bottom:0px!important}
.pB10{ padding-bottom:10px;}
.pT10{ padding-top:10px;}
.pT20{ padding-top:20px;}
.pT50{ padding-top:50px;}
.pT100{ padding-top:100px;}

/* border */
.border1{ border:1px solid #cccccc}
.border2{ border:1px solid #cccccc; padding:1px}
.bTd{ border-top: 1px dotted #ccc;}
.bBnone{ border-bottom:none!important;}
.bTnone{ border-top:none!important;}
.bL4{ border-left:4px solid #cccccc; padding-left:6px;}

.b{ font-weight:bold}
.n{ font-weight:normal}

/* display */
.di-b{display: inline-block;}

/* align */
.align-l{ text-align:left!important;}
.align-c{ text-align:center!important;}
.align-r{ text-align:right!important;}

/* box */
.box-a, .box-b, .box-c,
.box-l {float:left}
.box-r{ float:right}

/* font */
.font10 { font-size: 72%; }
.font11 { font-size: 79%; }
.font12{ font-size: 86%; }
.font13 { font-size: 93%; }
.font14 { font-size: 100%; }
.font15 { font-size: 108%; }
.font16 { font-size: 115%; }
.font17 { font-size: 122%; }
.font18 { font-size: 129%; }
.font19 { font-size: 136%; }
.font20 { font-size: 143%; }
.font21 { font-size: 150%; }
.font22 { font-size: 158%; }
.font23 { font-size: 165%; }
.font24 { font-size: 172%; }
.font25 { font-size: 179%; }
.font26 { font-size: 186%; }

/* radius */
.rad2{
-moz-border-radius:2px ;
-webkit-border-radius:2px ;
border-radius:2px;}
.rad2200{
-moz-border-radius:2px 2px 0 0 ;
-webkit-border-radius:2px 2px 0 0 ;
border-radius:2px 2px 0 0;}
.rad0022{
-moz-border-radius:0 0 2px 2px ;
-webkit-border-radius:0 0 2px 2px ;
border-radius:0 0 2px 2px;}
.rad2002{
-moz-border-radius:2px 0 0 2px ;
-webkit-border-radius:2px 0 0 2px ;
border-radius:2px 0 0 2px;}
.rad0220{
-moz-border-radius:0 2px 2px 0 ;
-webkit-border-radius:0 2px 2px 0 ;
border-radius:0 2px 2px 0;}
.rad4{
-moz-border-radius:4px ;
-webkit-border-radius:4px ;
border-radius:4px;}
.rad4400{
-moz-border-radius:4px 4px 0 0 ;
-webkit-border-radius:4px 4px 0 0 ;
border-radius:4px 4px 0 0;}
.rad0044{
-moz-border-radius:0 0 4px 4px ;
-webkit-border-radius:0 0 4px 4px ;
border-radius:0 0 4px 4px;}
.rad4004{
-moz-border-radius:4px 0 0 4px ;
-webkit-border-radius:4px 0 0 4px ;
border-radius:4px 0 0 4px;}
.rad0440{
-moz-border-radius:0 4px 4px 0 ;
-webkit-border-radius:0 4px 4px 0 ;
border-radius:0 4px 4px 0;}


/* form */
input[type='text'], input[type='password'], input[type='email'], input[type='search'], input.text, textarea { padding: 4px 5px; margin: 0 5px 0 0; -webkit-box-shadow: inset 1px 1px 4px #e6e6e6; -moz-box-shadow: inset 1px 1px 4px #e6e6e6; -ms-box-shadow: inset 1px 1px 4px #e6e6e6; -o-box-shadow: inset 1px 1px 4px #e6e6e6; box-shadow: inset 1px 1px 4px #e6e6e6; border-radius: 2.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; vertical-align: middle; display: inline-block; font-weight: normal; }
input[type='text']:focus, input[type='text'].focus, input[type='password']:focus, input[type='password'].focus, input[type='email']:focus, input[type='email'].focus, input[type='search']:focus, input[type='search'].focus, input.text:focus, input.text.focus, textarea:focus, textarea.focus { border: 1px solid #999999; outline-color: transparent; outline-style: none; }
input[type='text'].size80, input[type='password'].size80, input[type='email'].size80, input[type='search'].size80, input.text.size80, textarea.size80 { width: 80px; }
input[type='text'].size160, input[type='password'].size160, input[type='email'].size160, input[type='search'].size160, input.text.size160, textarea.size160 { width: 160px; }
input[type='text'].size240, input[type='password'].size240, input[type='email'].size240, input[type='search'].size240, input.text.size240, textarea.size240 { width: 240px; }
input[type='text'].size320, input[type='password'].size320, input[type='email'].size320, input[type='search'].size320, input.text.size320, textarea.size320 { width: 320px; }
.field_with_errors input[type='text'], input[type='text'].error, .field_with_errors input[type='password'], input[type='password'].error, .field_with_errors input[type='email'], input[type='email'].error, .field_with_errors input[type='search'], input[type='search'].error, .field_with_errors input.text, input.text.error, .field_with_errors textarea, textarea.error { border: 1px solid #fa713b; color: #3c3c3c; }
input[type='text'][readonly], input[type='text'].readonly, input[type='password'][readonly], input[type='password'].readonly, input[type='email'][readonly], input[type='email'].readonly, input[type='search'][readonly], input[type='search'].readonly, input.text[readonly], input.text.readonly, textarea[readonly], textarea.readonly { background:#f5f5f5; }
input[type='text'][readonly]:focus, input[type='text'][readonly] .focus, input[type='text'].readonly:focus, input[type='text'].readonly .focus, input[type='password'][readonly]:focus, input[type='password'][readonly] .focus, input[type='password'].readonly:focus, input[type='password'].readonly .focus, input[type='email'][readonly]:focus, input[type='email'][readonly] .focus, input[type='email'].readonly:focus, input[type='email'].readonly .focus, input[type='search'][readonly]:focus, input[type='search'][readonly] .focus, input[type='search'].readonly:focus, input[type='search'].readonly .focus, input.text[readonly]:focus, input.text[readonly] .focus, input.text.readonly:focus, input.text.readonly .focus, textarea[readonly]:focus, textarea[readonly] .focus, textarea.readonly:focus, textarea.readonly .focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border: 1px solid #cccccc; }
input[type='text'].search, input[type='password'].search, input[type='email'].search, input[type='search'].search, input.text.search, textarea.search {padding-left: 25px; }
.tp-grid {
	list-style-type: none;
	position: relative;
	display: block;
}

.tp-grid li {
	position: absolute;
	cursor: pointer;
	border: 10px solid #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	display: none;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.no-js .tp-grid li {
	position: relative;
	display: inline-block;
}

.tp-grid li a {
	display: block;
	outline: none;
}

.tp-grid li img {
	display: block;
	border: none;
}

.tp-info,
.tp-title {
	position: absolute;
	background: #fff;
	line-height: 20px;
	color: #333;
	top: 80%;
	width: 70%;
	padding: 10px;
	font-weight: normal;
	font-family: "Trajan Pro","Times New Roman","Georgia","serif";
	text-align: right;
	left: -100%;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1),
		5px 0 5px -3px rgba(0,0,0,0.4),
		inset 0 0 5px rgba(0,0,0,0.04);
}

.touch .tp-info {
	left: 0px;
}

.no-touch .tp-info {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.no-touch .tp-grid li:hover .tp-info {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	transition-delay: 150ms;
}

.no-touch .tp-open li:hover .tp-info {
	left: 0px;
}

.tp-title {
	padding: 10px 45px 10px 10px;
	left: 0px;
}

.tp-title span:nth-child(2){
	color: #aaa;
	padding: 0 10px;
	background: #F7F7F7;
	right: 0px;
	height: 100%;
	line-height: 40px;
	top: 0px;
	position: absolute;
	display: block;
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/* -moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border: solid #fff 5px;
	left: -5px; */
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/common/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/common/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/common/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/common/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/common/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	padding: 10px;
}


#bx-pager img{ width: 50px}

#bx-pager {
	margin-top: -50px;
}

#bx-pager a {
	margin: 0 3px 10px 3px;
	display: inline-block;
}

#bx-pager a img {
	padding: 3px;
	border: solid #ccc 1px;
}

#bx-pager a:hover img,
#bx-pager a.active img {
	border: solid #5280DD 1px;
}
@charset "utf-8";
/* CSS Document */

/* @group commonstyle
--------------------------------------------------------------------------------------------------------------------*/
/* link */
a,a:link{ color: #000; text-decoration:none; }
a:visited { color: #000; }
a:hover, a:active { color: #000; }
::-moz-selection {color: #000;background: #f3f3f3;}
::selection { color: #000;background: #f3f3f3;}
.right-link{ float: right; font-weight: normal;}
.box-link{cursor: pointer;}

.alpha:hover{ opacity: 0.6!important}

/* @group font */
.georgia{font-family:"Trajan Pro","Times New Roman","Georgia", serif;}
.times{ font-family: Times New Roman Italic; }

.guard{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:url(../images/common/space.gif);
    z-index: 2;
}

.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}


/* @group layout
--------------------------------------------------------------------------------------------------------------------*/
body{min-width:1100px;max-width: 1280px ;margin: 0 auto; background-color: #f2f2f2}
.doc { position: relative; text-align: left;}
.docAc {
	margin: 0 auto;
}
.w80{ width: 80px!important;}
.w90{ width: 90px!important;}
.w100{ width: 100px!important;}
.w110{ width: 110px!important;}
.w120{ width: 120px!important;}
.w130{ width: 130px!important;}
.w140{ width: 140px!important;}
.w150{ width: 150px!important;}
.w160{ width: 160px!important;}
.w170{ width: 170px!important;}
.w180{ width: 180px!important;}
.w300{ width: 300px;}
.w385{ width: 385px;}
.w650{ width: 650px;}
.w715{ width: 715px!important;}
.w750{ width: 750px;}
.w760{ width: 760px;}
.w790{ width: 790px;}
.w830{ width: 850px!important;}
.w960{ width: 960px;}
.w980{ width: 980px;}
.w990{ width: 990px;}
.w1100{ width: 1100px;margin: 0 auto; background-color: #fff}




/* @group #menu2
--------------------------------------------------------------------------------------------------------------------*/
#logo{ float: left; width: 137px; padding: 10px 0 0 70px}
#menu2 {background: #fff;height: 70px;}
#menu2 .fb{float: right;}
#menu2 ul{width: 500px;float: right; margin-right: 100px}
#menu2 ul li{ float:left; text-align: center; width: 100px; line-height: 70px;background-color: #fff}
#menu2 ul li a{ display: block; font-size: 13px;color:#003f96 }
#menu2 ul li a:hover { background-color: #E6E6E6; width: 100px; line-height: 70px;color:#316745 }


/* @group #main
--------------------------------------------------------------------------------------------------------------------*/
#main { margin-bottom: 10px;}

/* @group #hd
--------------------------------------------------------------------------------------------------------------------*/

.hd {margin: auto;height: 27px;background: #ffffff;}
.hd .fb{float: right;margin-right: 30px}
.hd p{}

/* @group #top
--------------------------------------------------------------------------------------------------------------------*/
#mission {margin: auto;padding: 0px 0 0 0;background: #fff}
#mission h2{}
#mission p {text-align: center; letter-spacing: 0.15em;color: #003f96;font-size: 51px;font-weight:100;font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro", sans-serif;line-height:1.2;}


/* @news #top
--------------------------------------------------------------------------------------------------------------------*/
#news {margin: auto;background: #fff ;padding:50px 0 80px 0;}


#news ul{margin: auto;text-align: center; border: 1px solid #cccccc;width: 990px;padding: 10px 0;
	border-radius: 50px 50px 50px 50px ;box-shadow: 0px 0px 1px 2px #f2f2f2 inset;}
#news li:first-child{text-align: left; border-top: none;width: 800px;padding: 10px 90px;}
#news li span:first-child{color: #003f96;margin-right: 10px}
#news li{text-align: left; border-top: 1px dotted #cccccc;width: 800px;padding: 10px 90px;}
#news li span{color: #003f96;margin-right: 10px}




/* @message #top
--------------------------------------------------------------------------------------------------------------------*/
#message {margin: auto;background: #fff;padding-bottom: 100px; padding-top: 100px}


#message .message-box{width: 1000px;margin: auto;padding: 0px 50px}
#message .message-boxL {float: left;width: 283px}
#message .message-boxR {float: right; width: 550px; padding-right: 100px;}
#message .message-boxR p {font-size: 15px}
#message .message-boxR img{width: 180px;}
#message .message-boxR .rbox2 p{margin-bottom: 10px}
#message .message-boxR .rbox2{margin-top: 30px;float: right}
/* @service #top
--------------------------------------------------------------------------------------------------------------------*/
#service {margin: auto;background-color: #fff;padding: 50px 0}
#service h2 {margin-bottom: 50px}
#service h3 {color: #003f96;font-size: 16px;margin: 10px 0}
#service .service-box {margin: auto ;margin-top: 20px;width: 1100px}
#service .service-box a{display: block;}
#service .service-boxL {float: left; width: 530px}
#service .service-boxL img {float: left;margin-right: 20px}
#service .service-boxR {float: right; width: 530px}
#service .service-boxR img {float: left;margin-right: 20px}





/* @group
--------------------------------------------------------------------------------------------------------------------*/
#outline { margin: auto;padding: 100px 0 ;background-color: #fff}


#outline .outline-box01{margin: auto;width: 1100px;padding: 30px 0 90px 0}
#outline dl{width: 300px;}
#outline dl.boxL01{width: 300px;float: left; margin-left: 50px}
#outline dl.boxR01{width: 300px;float: right; margin-right: 50px}

#outline dt:first-child{border-top:3px solid; border-color: #003f96;float: left;clear: both;width: 70px ;line-height: 1.71;font-weight:bold;text-align: center;padding-top: 4px}
#outline dt:first-child + dd{border-top:3px solid; border-color: #cccccc;float: left;width: 220px;line-height: 1.71;padding-left: 10px;padding-top: 4px}
#outline dt{border-top:1px dotted; border-color: #A5A5A5;float: left;clear: both;width: 70px;line-height: 1.71;font-weight:bold;text-align: center;}
#outline dd{border-top:1px dotted; border-color: #A5A5A5;float: left;width: 220px;line-height: 1.71;padding-left: 10px}
#outline dd span.Bold{font-weight:bold;font-size: 14px;float: right;}
#outline dd span{font-size: 11px}


#outline .outline-box02 {margin: auto ;margin-bottom: 30px;width: 1100px}
#outline .outline-boxL02{width: 580px ;float: left;}
#outline .outline-boxL02 img{float: left;margin-right: 30px}
#outline .outline-boxR02{width: 420px ;float: right}
#outline h3{color: #003f96 ;margin-bottom: 10px;font-size: 16px}
#outline h3 span{color: #003f96;font-size: 11px;font-family:"メイリオ","Meiryo";font-weight: normal;}





/* @group recruit
--------------------------------------------------------------------------------------------------------------------*/
#recruit .recruit01{ margin: auto;padding: 40px 0 ;background-image: url(/images/recruit/recruit_01.jpg);background-repeat: no-repeat;height: 487px;background-color: #fff}
#recruit .recruit01 p{text-align: center;color: #fff; font-weight: 100;}



#recruit .recruit02 {background-color: #fff;}
#recruit .recruit02 ul.tabnav{margin: auto;width: 900px;padding: 0px 100px}
#recruit .recruit02 li{float: left; border: 1px solid #003f96;margin-right: 10px ;margin-bottom: 20px}
#recruit .recruit02 h3{color: #003f96 ;margin-bottom: 10px;font-size: 16px; border-left: 2px solid #003f96; padding-left: 10px}
#recruit .recruit02 p{margin-bottom: 30px}
.tabnav { padding-top: 30px;}
.tabnav li { width: 180px; float: left; margin-right: 10px; font-weight: none;}
.tabnav li a { display: block; padding: 8px 0; text-align: center; background-color: #fff;}
.tabnav li a.here { background-color: #003f96; text-decoration: none; color: #FFF;}



#tabbody01{margin: auto;width: 900px;padding: 10px 100px}
#tabbody02{
	margin: auto;
	width: 900px;
	padding: 20px 100px 10px;
	background-color: #E8EFF9;
}
#tabbody01 .lbpx{float: left; width: 450px}
#tabbody01 .rbpx{float: right; width: 450px}
#tabbody02 .lbpx{float: left; width: 450px}
#tabbody02 .rbpx{float: right; width: 450px}


/* @group #contact
--------------------------------------------------------------------------------------------------------------------*/
#contact{
	padding-bottom: 100px;
	background-color: #FFFFFF;
}
.contactBox{
	text-align: center;
}
.contactBox input {
	margin-top: 30px;}
.contactBox a{display: inline-block; border: 1px solid #003f96; padding: 15px 30px}
#contact h2{
	padding: 50px 0 15px;
	font-size: 24px;
	color: #977902;
	margin-bottom: 35px
}
#contact span {
	color: #FF0004;
}
#contact span.birth {
	color: #222 !important;
}
#contact p.point { margin-bottom: 5px;}
.alert {
	color: #FF0004;
	margin-top: 10px;
}
#contact a {
	text-decoration: underline;
}
/* @group contact-form
--------------------------------------------------------------------------------------------------------------------*/
.contact-form {
	width: 100%;
	background-color: #F9F9F9;
}
.contact-form table {
	padding: 20px;
}
.contact-form th { width: 200px; padding: 10px 0 10px 30px; vertical-align: top;}
.contact-form td {
	padding: 8px 0 8px 30px;
	vertical-align: top;
	width: 520px;
}
.contact-form td.gray { background: #F2F2EE;}
.contact-form tr:last-child th,
.contact-form tr:last-child td { border-bottom:none;}
.contact-form th span { color: ;}
.contact-form li { margin-bottom: 3px;}
.contact-form li:last-child { margin-bottom: 0;}
.contact-form td input.txt01,
.contact-form td input.txt02,
.contact-form td input.txt03,
.contact-form td input.txt04  {
	font-size: 14px;
	padding: 5px 8px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;
	line-height: 19px;
}
.contact-form td input.txt02 { margin: 0; width: 80%}
.contact-form td input.txt03 { margin: 0; width: 40%;}
.contact-form td input.txt04 { margin: 0; width: 90px;}
.contact-form td textarea { height: 175px; font-size: 100%; padding: 10px 12px; width: 80%;	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;}
.contact-form select {	font-size:  14px;
	padding: 5px 8px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;
	line-height: 19px;}
.contact-wrapper .box-link {
  margin: 0 auto;
  width: 270px;
}
.contact-wrapper .box-link input.submit:disabled {
	background-color: #BCBCBC;
}
.contact-wrapper .box-link input.submit {
	background: #977902;
	text-align: center;
	width: 270px;
	padding: 23px 20px;
	border-style: none;
	color: #FFFFFF;
	margin-top: 30px;
	display: block;
}
.contact-wrapper .box-link a.submit {
	background: #977902;
	text-align: center;
	width: 230px;
	padding: 23px 20px;
	border-style: none;
	color: #FFFFFF;
	margin-top: 30px;
	display: block;
}
/* @group .title-style
--------------------------------------------------------------------------------------------------------------------*/


.title-style01-02 {text-align: center;font-family: "AXIS Std",HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 20px; font-weight: 100; color: #fff;}



.title-style01-03 {text-align: center;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 23px; font-weight: 100;color:#977902 ;}
.title-style01-04 {text-align: left;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 22px; font-weight: 100;color:#003f96 ;}
.title-style01-05 {text-align: center;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 32px; font-weight: 100;color:#fff ;margin-bottom: 30px}


.title-style02 { text-align: center; font-family:"メイリオ"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 30px;}
.title-style02-01 {font-family:"メイリオ"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 15px;}
.title-style05 { text-align: center; font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 30px;}


/* @group table
--------------------------------------------------------------------------------------------------------------------*/
.table-style1-wrapper {}
.table-style1-wrapper p { margin-top: 10px; font-size: 90%;}

table.style1 { width: 100%}
table.style1 th { background: #e6e6e6; width: 21%}
table.style1 td { background: #f7f7f7;}
table.style1 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
table.style1 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
table.style1 td.price { width: 38%;}
table.style1 td.price span { display: inline-block; float: right;}
table.style1 tr:last-child th,
table.style1 tr:last-child td{ border-bottom:none;}
table.style1 .top th,
table.style1 .top td { font-weight: bold;}

table.style2 { width: 100%}
table.style2 th { background: #e6e6e6;}
table.style2 td { background: #f7f7f7; width: 32%}
table.style2 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
table.style2 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
table.style2 td.price { width: 30%; text-align: right;}
table.style2 tr:last-child th,
table.style2 tr:last-child td{ border-bottom:none;}
table.style2 .top th,
table.style2 .top td { font-weight: bold;}
table.style2 th span { font-size: 80%; color: red;}

table.style3 { width: 100%}
table.style3 th { background: #e6e6e6; width: 21%}
table.style3 td { background: #f7f7f7;}
table.style3 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
table.style3 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
table.style3 td.price { width: 21%;}
table.style3 td.price span { display: inline-block; float: right;}
table.style3 tr:last-child th,
table.style3 tr:last-child td{ border-bottom:none;}
table.style3 .top th,
table.style3 .top td { font-weight: bold;}


/* @group  #copyrights
--------------------------------------------------------------------------------------------------------------------*/
 #copyrights{ font-size: 80%; text-align: center; color: #000; margin-top: 30px; margin-bottom: 10px; }



/*ここからAdaptive Thumbnail Pile Effectの設定*/

.topbar {
	position: relative;
	padding: 20px 0;
	margin: 10px auto;
	width: 100px;
}

.back {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	border-radius: 50%;
	text-align: center;
	line-height: 38px;
	color: #999;
	background: #bbb;
	background: rgba(187,187,187,0.2);
	cursor: pointer;
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-touch .back:hover {
	background: #bbb;
	background: rgba(187,187,187,0.5);
}


/*ここからsimplyScrollの設定*/

.simply-scroll-container {
	position: relative;
}
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0;
	width: 499px;
	height: 333px;
}
.simply-scroll-list li.s {
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0;
	width: 260px;
	height: 240px;
}
.simply-scroll-list li img {
	display: block;
}

@media screen and (max-width: 767px) {

	/* @group commonstyle
	--------------------------------------------------------------------------------------------------------------------*/
	.container {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}
	img {width: 100%;
	height: auto}
	* {box-sizing: border-box;}
	/* @group layout
	--------------------------------------------------------------------------------------------------------------------*/
	body{min-width:100%;max-width: 100% ;margin: 0 auto; background-color: #f2f2f2}
	br.sp-none{display: none}
	.w80{ width: 80px!important;}
	.w90{ width: 90px!important;}
	.w100{ width: 100px!important;}
	.w110{ width: 110px!important;}
	.w120{ width: 120px!important;}
	.w130{ width: 130px!important;}
	.w140{ width: 140px!important;}
	.w150{ width: 150px!important;}
	.w160{ width: 160px!important;}
	.w170{ width: 170px!important;}
	.w180{ width: 180px!important;}
	.w300{ width: 300px;}
	.w385{ width: 385px;}
	.w650{ width: 650px;}
	.w715{ width: 715px!important;}
	.w750{ width: 750px;}
	.w760{ width: 100%;}
	.w790{ width: 790px;}
	.w830{ width: 850px!important;}
	.w960{ width: 960px;}
	.w980{ width: 980px;}
	.w990{ width: 990px;}
	.w1100{ width: 1100px;margin: 0 auto; background-color: #fff}
	.align-c.sp-left {text-align: left !important}



	/* @group #menu2
	--------------------------------------------------------------------------------------------------------------------*/
	#logo{ float: left; width: 30%; padding: 10px 0 0 4%}
	#menu2 {height: auto}
	#menu2 .fb{float: right;}



	/* @group #contact
	--------------------------------------------------------------------------------------------------------------------*/
	#contact{
		padding-bottom: 30px;
	}

	.contactBox input {
		margin-top: 20px;}
	.contactBox a{display: inline-block; border: 1px solid #003f96; padding: 15px 30px}
	#contact h2{
		padding: 20px 0 20px;
		font-size: 24px;
		margin-bottom: 0px
	}
	#contact p.point { margin-bottom: 5px;}
	.alert {
		margin-top: 10px;
	}
	#contact a {
		text-decoration: underline;
	}
	/* @group contact-form
	--------------------------------------------------------------------------------------------------------------------*/

	.contact-form table {
	padding: 10px 0;
	width: 100%
	}
	.contact-form th {
	width: 100%;
	padding: 10px 10px 0px;
	display: block;
}
	.contact-form td {
		padding: 10px;
		width: 100%; 
		display: block
	}
	.contact-form th span { color: ;}
	.contact-form li { margin-bottom: 3px;}
	.contact-form li:last-child { margin-bottom: 0;}
	.contact-form td input.txt01,
	.contact-form td input.txt02,
	.contact-form td input.txt03,
	.contact-form td input.txt04  {
		font-size: 14px;
		padding: 5px 8px;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;
		line-height: 19px;
	}
	.contact-form td input.txt02 { margin: 0; width: 100%}
	.contact-form td input.txt03 { margin: 0; width: 100%;}
	.contact-form td input.txt04 { margin: 0; width: 90px;}
	.contact-form td textarea { height: 175px; font-size: 100%; padding: 10px 12px; width: 100%;	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;}
	.contact-form select {	font-size:  14px;
		padding: 5px 8px;
		box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) inset;
		line-height: 19px;}
	.contact-wrapper .box-link {
		margin: 0 auto;
		width: 270px;
	}
	.contact-wrapper .box-link input.submit:disabled {
		background-color: #BCBCBC;
	}
	.contact-wrapper .box-link input.submit {
		background: #977902;
		text-align: center;
		width: 270px;
		padding: 23px 20px;
		border-style: none;
		color: #FFFFFF;
		margin-top: 30px;
		display: block;
	}
	.contact-wrapper .box-link a.submit {
		background: #977902;
		text-align: center;
		width: 230px;
		padding: 23px 20px;
		border-style: none;
		color: #FFFFFF;
		margin-top: 30px;
		display: block;
	}
	.contact-wrapper .box-link a.submit.finish {
	width: 80%;
	margin: 30px auto 0
}
	/* @group .title-style
	--------------------------------------------------------------------------------------------------------------------*/


	.title-style01-02 {text-align: center;font-family: "AXIS Std",HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 20px; font-weight: 100; color: #fff;}



	.title-style01-03 {text-align: center;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 23px; font-weight: 100;color:#977902 ;}
	.title-style01-04 {text-align: left;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 22px; font-weight: 100;color:#003f96 ;}
	.title-style01-05 {text-align: center;font-family:Trajan Pro, HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Roboto, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 32px; font-weight: 100;color:#fff ;margin-bottom: 30px}


	.title-style02 { text-align: center; font-family:"メイリオ"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 30px;}
	.title-style02-01 {font-family:"メイリオ"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 15px;}
	.title-style05 { text-align: center; font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho"; font-size: 150%; font-weight: normal; letter-spacing: 0.15em; color: #000; margin-bottom: 30px;}


	/* @group table
	--------------------------------------------------------------------------------------------------------------------*/
	.table-style1-wrapper {}
	.table-style1-wrapper p { margin-top: 10px; font-size: 90%;}

	table.style1 { width: 100%}
	table.style1 th { background: #e6e6e6; width: 21%}
	table.style1 td { background: #f7f7f7;}
	table.style1 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
	table.style1 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
	table.style1 td.price { width: 38%;}
	table.style1 td.price span { display: inline-block; float: right;}
	table.style1 tr:last-child th,
	table.style1 tr:last-child td{ border-bottom:none;}
	table.style1 .top th,
	table.style1 .top td { font-weight: bold;}

	table.style2 { width: 100%}
	table.style2 th { background: #e6e6e6;}
	table.style2 td { background: #f7f7f7; width: 32%}
	table.style2 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
	table.style2 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
	table.style2 td.price { width: 30%; text-align: right;}
	table.style2 tr:last-child th,
	table.style2 tr:last-child td{ border-bottom:none;}
	table.style2 .top th,
	table.style2 .top td { font-weight: bold;}
	table.style2 th span { font-size: 80%; color: red;}

	table.style3 { width: 100%}
	table.style3 th { background: #e6e6e6; width: 21%}
	table.style3 td { background: #f7f7f7;}
	table.style3 th { padding: 10px 14px; border-bottom: 1px solid #fff;  border-right: 1px solid #fff; vertical-align: center;}
	table.style3 td { padding: 10px 14px; border-bottom: 1px solid #fff;  border-left: 1px solid #fff; vertical-align: center;}
	table.style3 td.price { width: 21%;}
	table.style3 td.price span { display: inline-block; float: right;}
	table.style3 tr:last-child th,
	table.style3 tr:last-child td{ border-bottom:none;}
	table.style3 .top th,
	table.style3 .top td { font-weight: bold;}


	/* @group  #copyrights
	--------------------------------------------------------------------------------------------------------------------*/
	 #copyrights{ font-size: 80%; text-align: center; color: #000; margin-top: 30px; margin-bottom: 10px; }



	/*ここからAdaptive Thumbnail Pile Effectの設定*/

	.topbar {
		position: relative;
		padding: 20px 0;
		margin: 10px auto;
		width: 100px;
	}

	.back {
		width: 40px;
		height: 40px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -20px 0 0 -20px;
		border-radius: 50%;
		text-align: center;
		line-height: 38px;
		color: #999;
		background: #bbb;
		background: rgba(187,187,187,0.2);
		cursor: pointer;
		display: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.no-touch .back:hover {
		background: #bbb;
		background: rgba(187,187,187,0.5);
	}


	/*ここからsimplyScrollの設定*/

	.simply-scroll-container {
		position: relative;
	}
	.simply-scroll-clip {
		position: relative;
		overflow: hidden;
	}
	.simply-scroll-list {
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	.simply-scroll-list li {
		float: left; /* Horizontal scroll only */
		padding: 0;
		margin: 0;
		width: 499px;
		height: 333px;
	}
	.simply-scroll-list li.s {
		float: left; /* Horizontal scroll only */
		padding: 0;
		margin: 0;
		width: 260px;
		height: 240px;
	}
	.simply-scroll-list li img {
		display: block;
	}

}