@charset "UTF-8";


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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul {
    list-style:none;
}
ul li img {
	vertical-align:bottom;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#323333;
	text-decoration:underline;
}
a:hover {
	color:#323333;
	text-decoration:none;
}
a {
	outline:none;
}
a.al:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
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;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #0071BC;
    margin:0 10px 15px 10px;
    padding:0;
}
input, select {
    vertical-align:middle;
}
.clearfix:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/*  common  */
.clear {
	font-size: 1px;
	height: 1px;
	clear: both;
}
.left{
	float:left;
	display:inline;
}

.right{
	float:right;
	display:inline;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !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;}
.mb70 {margin-bottom: 70px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}

.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb70 {padding-bottom: 70px !important;}

.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}

/*  body  */
body{
	font-family:'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#333333;
	-webkit-text-size-adjust:100%;
}
.fo11 { font-size:11px; }
.fo12 { font-size:12px; }
.fo13 { font-size:13px; }
.fo14 { font-size:14px; }
.fo15 { font-size:15px; }
.fo16 { font-size:16px; }
.fo25 { font-size:25px; }
.fo28 { font-size:28px; }

/*  #header  */
.fix_head {
	background-color:#fff;
	height:130px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
}
.head_wrap {
	margin: 0 auto;
	width:100%;
	max-width: 980px;
	position: relative;
}
.head_wrap h1 {
	padding:34px 0 31px 0;
}
.head_wrap  ul{
	position:absolute;
	left:394px;
	top:30px;
}
.head_wrap  ul li {
	padding-bottom:6px;
}
.head_wrap .group_logo {
	top:36px;
	right:0;
	position:absolute;
}
.head_wrap .menu_btn{
	top:46px;
	right:0;
	position:absolute;
}
.panel {
	position: fixed;
	right: -240px; /*left or right and the width of your navigation panel*/
	width: 240px; /*should match the above value*/
	background-color:#1e2f56;
	z-index:1000;
}
#gnav li a{ 
	color:#fff;
	display: inline-block;
	padding:20px 0 0 25px;
	height:40px;
	font-size:13px;
	width:215px;
	text-decoration:none;
}
#gnav li,
#gnav li::before,
#gnav li::after {
	-webkit-transition: all .5s;
	transition: all .5s;
}
#gnav li{ border-bottom:1px solid #3c4a6c; }
#gnav li:hover{ background-color:#3c4a6c; }


/*デバイスの幅640px以下*/
@media screen and (max-device-width: 640px){
#gnav li{
	border-bottom:1px solid #3c4a6c;
}
#gnav li a{ 
	color:#fff;
	display: inline-block;
	padding:26px 0 0 25px;
	height:70px;
	font-size:24px;
}
}

/*  #content  */
#content{
	position:relative;
	margin-top:130px;
	width:100%;
	min-width:980px;
}
#title{
	height:198px;
}
#title h2{
	text-align:center;
	padding-top:75px;
}
.bg_blue{
	background-color:#1e2f56;
	height:55px;
}
#sub_nav ul{ 
	text-align:center;
	padding-top:0px;
}
#sub_nav li{
	display:inline;
	padding:0 24px;
}
#sub_nav li a{
	color:#eeeeee;
	display:inline-block;
	height:46px;
	padding-top:17px;
}
#sub_nav li a:hover{
	color:#fff;
}
#sub_nav li.current a{
	color:#fff;
	font-weight:bold;
	background:url(../img/common/current.png) no-repeat center bottom;
	text-decoration:none;
}

/*  #main  */
#main{
	padding:50px 0 50px;
	background-color:#eeeeee;
}
.inner_main{
	width:980px;
	margin:0 auto;
}
/*  #facebook  */
#facebook {
	width:978px;
	min-width:978px;
	clear:both;
	border:1px solid #1e2f56;
	background-color:#f6f5f5;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	padding:2px 0 2px;
	margin:0 auto;
}
#facebook div {
	width:890px;
	margin:0 auto;
	padding:10px 0 20px 0;
}

/*  #mbtn  */
#mbtn {
	padding-bottom:60px;
}
.inner{
	width:980px;
	margin:0 auto;
}
.mbtn_list li{
	float:left;
	width:227px;
	position:relative;
	margin-left:23px;
}
.mbtn_list li:first-child{ margin-left:0; }
.mail_btn {
	text-align:center;
	padding:48px 0 0 0;
}

/*  #footer  */


#copyinfo {
	text-align: center;
}
.kigroupfooter {
	padding:1em;
}
.kigroupfooter__inner {
	font-size:11px;
	line-height:15px;
	text-align:center;
	display:table;
	display:block/9;
	word-spacing:-1em;
	width:100%;
	margin:auto;
}
.kigroupfooter__repracetxt {
	position:relative;
	z-index:-1;
	line-height:1;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.kigroupfooter__logotype,
.kigroupfooter__autowrap,
.kigroupfooter__logos,
.kigroupfooter__address {
	display:inline-block;
 *display:inline;
 *zoom:1;
	vertical-align:bottom;
	word-spacing:normal;
	margin:0em 0.5em;
}
.kigroupfooter__logos,
.kigroupfooter__address {
	margin:0.75em;
}
.kigroupfooter__logotype {
	position:relative;
	background-image:url(../img/common/logo_footer.gif);
	background-repeat:no-repeat;
	background-size:300px 100px;
	overflow:hidden;
}

@media screen and (-webkit-device-pixel-ratio:2) {
	.kigroupfooter__logotype {
		background-image:url(../img/common/logo_footer@2x.gif);
	}
}

.kigroupfooter__logotype--en {
	width:64px;
	height:18px;
}
.kigroupfooter__logotype--ja {
	width:150px;
	height:18px;
}

.kigroupfooter__licence,
.kigroupfooter__copyright {
	margin:0.5em;
}

.kigroupfooter { background-color:#fff; color:#000;}
.kigroupfooter__logotype--en { background-position:-10px -60px; }
.kigroupfooter__logotype--ja { background-position:-86px -60px; }