@charset "utf-8";

/* =======================================

	Browser Reset CSS
	Last Up Date 14/08/27

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td,figure {margin: 0; padding: 0;}

html,body {background: #FFF; color: #000; overflow-x:hidden;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

a {outline:none; color:#0C1F8B;}

img {border: 0; vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

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

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

.clear{
clear:both;
}

/*-- clearfix --*/
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
}
.clearfix { display: inline-block; }
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/* =======================================

	Structure CSS

========================================== */

body {
	background-color:#f3f3f3;
	color: #333;
	border-width:5px 0 0 0;
	border-style:solid;
	border-color:#e31919;
}

#wrapper {
	margin: 0 auto;
	padding:30px 0 20px 0;
	width: 960px;
}

article {
	float:left;
	width:700px;
}

aside {
	float:right;
	width:230px;
}

footer {
	background-color:#FFFFFF;
}

/* =======================================

	Text Decorations CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Titles

========================================== */

/* 1.Titles
========================================== */
.title01 {
	font-size:180%;
	margin:0 0 40px 0;
	line-height:150%;
	font-weight:bold;
}

.title02 {
	border-width:3px 0 0 0;
	border-style:solid;
	border-color:#e31919;
	background-color:#eeeeee;
	line-height:150%;
	font-size:140%;
	padding:13px 20px 13px 20px;
	font-weight:bold;
	position:relative;
}

.title03 {
	border-width:3px;
	border-style:solid;
	border-color:#e5e5e5;
	background-color:#f3f3f3;
	line-height:150%;
	font-size:120%;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}

.title03 span {
	margin:-3px 0 -3px 0;
	padding:8px 10px 8px 12px;
	display:block;
	border-width:0 0 0 5px;
	border-style:solid;
	border-color:#e31919;
}

.title04 {
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#666666;
	margin:0 0 20px 0;
	padding:0 0 8px 22px;
	background-image:url(../img/common/ico_minus.png);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	line-height:150%;
	font-size:115%;
	font-weight:bold;
}

.title05 {
	font-weight:bold;
	line-height:150%;
	font-size:110%;
	margin:0 0 5px 0;
}

.title06 {
	color:#009999;
	font-size:120%;
	font-weight:bold;
	line-height:150%;
	margin:0 0 10px 0;
}

.title07 {
	border-width:3px 0 0 0;
	border-style:solid;
	border-color:#e31919;
	background-color:#eeeeee;
	line-height:150%;
	font-size:140%;
	padding:13px 20px 13px 20px;
	font-weight:bold;
	position:relative;
}

.title07 a {
	background-image:url(../img/common/ico_arrow_04.png);
	background-repeat:no-repeat;
	background-position:0 0.5em;
	padding:0 0 0 20px;
}

.title08 {
	font-size:120%;
	font-weight:bold;
	line-height:150%;
	margin:0 0 10px 0;
}


/* 
========================================== */

/* Inner Reset  */
#contents th p, #contents th li, #contents th dt, #contents th dd,
#contents td p, #contents td li, #contents td dt, #contents td dd,
#contents li p, #contents li li, #contents li dt, #contents li dd,
#contents dt p, #contents dt li, #contents dt dt, #contents dt dd,
#contents dd p, #contents dd li, #contents dd dt, #contents dd dd {
	font-size: 100%;
}

#contents strong {
	font-weight: bold;
}

#contents em {
	font-style: italic;
}

#contents a {
	text-decoration:;
}

#contents a:hover {
	text-decoration:;
}


/* =======================================

	Header CSS

========================================== */

#globalHeader {
	background-color:#FFFFFF;
}

#headerWrapper {
	margin:0 auto 0 auto;
	padding:23px 0 0 0;
	width:960px;
	position:relative;
}

#site-title {
	text-indent:-9999px;
	background-image:url(../img/base/tit_logo.png);
	background-repeat:no-repeat;
	width:327px;
	height:47px;
}

#site-title a {
	width:327px;
	height:47px;
	display:block;
}

#sp-menu {
	display:none;
}

#headerNavi {
	position:absolute;
	top:47px;
	right:200px;
}

#headerNavi ul li {
	/* border-width:0 1px 0 0;
	border-style:solid;
	border-color:#cccccc; */
	padding:0 20px 0 0;
}

#headerNavi ul li a {
	text-indent:-9999px;
	background-image:url(../img/base/tit_inquiry.png);
	background-repeat:no-repeat;
	width:87px;
	height:13px;
	display:block;
}

#fontSize {
	position:absolute;
	top:41px;
	right:210px;
    display: none;
}

#fontSize dt {
	float:left;
	margin:8px 9px 0 0;
}

#fontSize dd {
	float:left;
	cursor:pointer;
	text-indent:-9999px;
}

#fontSize dd.size1 {
	background-image:url(../img/base/btn_normal.png);
	background-repeat:no-repeat;
	width:40px;
	height:26px;
	display:block;
	margin:0 5px 0 0;
}
#fontSize dd.size1.current {
	background-image:url(../img/base/btn_normal_on.png);
}

#fontSize dd.size2 {
	background-image:url(../img/base/btn_big.png);
	background-repeat:no-repeat;
	width:40px;
	height:26px;
	display:block;
}
#fontSize dd.size2.current {
	background-image:url(../img/base/btn_big_on.png);
}

#headerWrapper form {
	position:absolute;
	top:41px;
	right:0;
	background-image:url(../img/base/bg_search.png);
	background-repeat:no-repeat;
	width:200px;
	height:26px;
}

#headerWrapper .lang {
    position: absolute;
    top: 10px;
    right: 0;
}

#headerWrapper .lang li {
    display: inline-block;
    margin: 0 3px 0 3px;
    font-size: 90%;
}

#headerWrapper .lang li a {
    color: #333333;
    text-decoration: none;
}

#headerWrapper .lang li a:hover {
    text-decoration: underline;
}

#searchArea {
	width:138px;
	height:22px;
	margin:2px 0 0 2px;
	padding:0 5px 0 7px;
	background-color:transparent;
	border-width:0;
	float:left;
}

#searchSubmit {
	float:left;
	width:48px;
	height:26px;
	text-indent:-9999px;
	background-color:transparent;
	border-width:0;
	cursor:pointer;
}


/* =======================================

	Globalnavi CSS

========================================== */
#globalNavi {
	margin:30px 0 10px 0;
}

#globalNavi ul {
    background-image: url(../img/common/bg_navi_border.gif);
    background-repeat: no-repeat;
    background-size: 1px 20px;
    background-position: right center;
}

#globalNavi li {
	float: left;
    background-image: url(../img/common/bg_navi_border.gif);
    background-repeat: no-repeat;
    background-size: 1px 20px;
    background-position: 0 center;
}

#globalNavi li a {
	display: block;
    margin: 5px 3px 5px 3px;
	height: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 110%;
    padding: 8px 0 0 0;
    box-sizing: border-box;
    color: #333333;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/* Default */
#globalNavi li#gnavi01 a {width:92px;}
#globalNavi li#gnavi02 a {width:144px}
#globalNavi li#gnavi03 a {width:167px}
#globalNavi li#gnavi04 a {width:107px}
#globalNavi li#gnavi05 a {width:107px}
#globalNavi li#gnavi06 a {width:159px}
#globalNavi li#gnavi07 a {width:140px}

/* When Mouse Over */
#globalNavi li a:hover {
    background-color: #2b3464; color: #ffffff; border-radius: 3px;
}

#globalNavi li a:hover:after {
    content: "";
    background-image: url(../img/common/ico_active.gif);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -3px;
}

/* When Active Page */
body.home #globalNavi li#gnavi01 a,
body.info #globalNavi li#gnavi02 a,
body.group #globalNavi li#gnavi03 a,
body.company #globalNavi li#gnavi04 a,
body.recruit #globalNavi li#gnavi05 a,
body.news #globalNavi li#gnavi06 a,
body.faq #globalNavi li#gnavi07 a {
    background-color: #2b3464; color: #ffffff; border-radius: 3px;
}

body.home #globalNavi li#gnavi01 a:after,
body.info #globalNavi li#gnavi02 a:after,
body.group #globalNavi li#gnavi03 a:after,
body.company #globalNavi li#gnavi04 a:after,
body.recruit #globalNavi li#gnavi05 a:after,
body.news #globalNavi li#gnavi06 a:after,
body.faq #globalNavi li#gnavi07 a:after {
    content: "";
    background-image: url(../img/common/ico_active.gif);
    background-repeat: no-repeat;
    background-size: 6px 6px;
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -3px;
}

body.info.faq #globalNavi li#gnavi02 a {
    background-color: transparent;
    color: #333333;
}

body.info.faq #globalNavi li#gnavi02 a:after {
    display: none;
}


/* =======================================

	Footer CSS

========================================== */

.boxFooter01 {
	background-color:#e31919;
	height:34px;
}

.breadCrumbs {
	width:935px;
	height:22px;
	margin:0 auto;
	color:#FFFFFF;
	padding:8px 0 0 25px;
	background-image:url(../img/base/ico_home.png);
	background-repeat:no-repeat;
	background-position:2px center;
	font-size:85%;
	line-height:150%;
}

.breadCrumbs a {
	color:#FFFFFF;
}

.pageTop {
	width:960px;
	/*margin:-34px auto 0 auto;*/
	margin:-30px auto 0 auto;
}

.pageTop a {
	margin:0 0 0 auto;
	width:128px;
	display:block;
	height:24px;
	border-width:0 1px 0 1px;
	border-style:dotted;
	border-color:#ffffff;
	text-align:center;
	/*padding:15px 0 0 0;*/
	padding:10px 0 0 0;
}

.boxFooter02 {
	text-align:center;
	padding:20px 0 30px 0;
}

.boxFooter02 .boxFooter02Link {
	text-align:center;
	display: block;
	padding:0 0 20px 0;
}

.boxFooter02 address {
	display:block;
	margin:0 0 20px 0;
	line-height:150%;
}

.boxFooter02 address span.name {
	font-weight:bold;
	margin:0 0 5px 0;
	display:block;
}

.boxFooter02 address span.name span {
	font-size:85%;
	margin:0;
}

.boxFooter02 p {
	font-size:85%;
}