@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	text-align:left;
	margin:0;
	padding:0;
	color:#000;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing:0.5px;
	line-height:1.8;
	font-size:16px;
	background: url("../../images/global/colorline_thin.gif") repeat-x left top;
	min-width:1360px;
	-webkit-font-smoothing: antialiased;
}


a:link    {color:#000;text-decoration:none;}
a:visited {color:#000;text-decoration:none;}
a:active  {color:#000;text-decoration:underline;}
a:hover   {color:#000;text-decoration:underline;}


ul{
	list-style:none;
}

img {
	width:auto;
	max-width:100%;
	height:auto;
}
/*
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}
*/

/*-----------------汎用-----------------*/
.textC {
	text-align:center;
}
.textR {
	text-align:right;
}
.bold {
	font-weight:bold;
}
.cap {
	font-size:80%;
}
.opw {
	background: url("../../images/global/icon_opw.png") no-repeat scroll right center;
	background-size:12px auto;
  	padding: 0 15px 0 0;
}
.opw_wh {
	background: url("../../images/global/icon_opw_wh.png") no-repeat scroll right center;
	background-size:12px auto;
  	padding: 0 15px 0 0;
}
.pdf {
	background: url("../../images/global/icon_pdf.png") no-repeat scroll right center;
	background-size:12px auto;
	padding: 0 15px 0 0;
}
.xls {
	background: url("../../images/global/icon_xls.png") no-repeat scroll right center;
	background-size:12px auto;
	padding: 0 15px 0 0;
}
.ppt {
	background: url("../../images/global/icon_ppt.png") no-repeat scroll right center;
	background-size:12px auto;
	padding: 0 15px 0 0;
}
.doc {
	background: url("../../images/global/icon_doc.png") no-repeat scroll right center;
	background-size:12px auto;
	padding: 0 15px 0 0;
}
.attention {
	color:#ff0000;
}
.popup {
}

/*-----------------noshow-----------------*/
.noshow {
	display:none;
}

/*---more----*/
ul.more {
	width:auto;
	min-width:248px;
	margin:0 0 5px;

}
ul.more li{
	margin:0;
	padding:0;
	background-image:none;
	display:inline-block;
	text-align:center;
}
ul.more li a{
	text-align:center;
	display:block;
	border-radius:3px;
	padding:11px 5px;
	line-height:1;
	font-weight:normal;
	background-color:#16184b;
}
ul.more li a:link    {color:#fff;}
ul.more li a:visited {color:#fff;}
ul.more li a:active  {color:#fff;}
ul.more li a:hover   {color:#fff;}

/*-----------------bg_body-----------------*/
#bg_body{
	min-width:1360px;
}

/*-----------------header-----------------*/
#header {
	background-image:
		url("../../images/global/h_colorline_bold.gif"),
		url("../../images/global/h_bg2.gif");
	background-repeat:
		repeat-x, /* 最前面の背景レイヤーに対応 */
		repeat;
	background-position:
		left top, /* 最前面の背景レイヤーに対応 */
		left top;
  	min-width:1360px;
  	margin:7px 0 0;
  	position:relative;
	transition: transform 1s ease 0s;
}

#header-inn {
	margin:0 auto;
	width:1360px;
	background:url("../../images/global/h_bg.png") no-repeat left bottom;
	padding:0 0 35px;
	position:relative;
  	z-index:1000;
}

#header-inn2 {
	margin:0 auto 20px;
	width:1000px;
}

#header-inn2 h1 {
	margin:0 auto;
	width:395px;
	height:200px;
	position:relative;
}

#header-inn2 h1 a {
	display:block;
}

#header-inn2 h1 a img {
	display:block;
}
#header-inn2 h1 a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}

#header-inn2 #hmenu {
	/*margin:-160px 0 0;*/
	margin:-160px 0 20px;
	float:right;
	width:170px;
}

#header-inn2 #hmenu #srhbox {
	width:160px;
	height:23px;
	border:2px solid #c9cac5;
	background-color:#e9e9e9;
	padding:2px 16px 2px 8px;
	margin:0 0 8px;
}

#header-inn2 #hmenu #srhbox input {
	vertical-align:top;
}

#header-inn2 #hmenu #srhbox input[type="text"] {
	width:110px;
	border:none;
	background-color:#e9e9e9;
	font-size:11px;
	padding:0;
	vertical-align:top;
}

#header-inn2 #hmenu ul#lang,
#header-inn2 #hmenu ul#help{
	margin:0 0 0 7px;
	letter-spacing:1.5px;
}

#header-inn2 #hmenu ul#lang li{
	/*float:left;*/
	/*font-size:11px;*/
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 9px;
}

#header-inn2 #hmenu ul#lang li#jpn{
	background-image: url("../../images/global/h_icon_japanese.gif");
	margin:0 18px 0 0;
}

#header-inn2 #hmenu ul#lang li#eng{
	background-image: url("../../images/global/h_icon_english.gif");
}

#header-inn2 #hmenu ul#help li{
	/*font-size:11px;*/
	font-size:14px;
	background-image: url("../../images/global/h_icon_other.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 9px;
}

#header-inn2 #hmenu ul#lang li#jpn a:link    {color:#a32042;}
#header-inn2 #hmenu ul#lang li#jpn a:visited {color:#a32042;}
#header-inn2 #hmenu ul#lang li#jpn a:active  {color:#a32042;}
#header-inn2 #hmenu ul#lang li#jpn a:hover   {color:#a32042;}
#header-inn2 #hmenu ul#lang li#eng a:link    {color:#d05904;}
#header-inn2 #hmenu ul#lang li#eng a:visited {color:#d05904;}
#header-inn2 #hmenu ul#lang li#eng a:active  {color:#d05904;}
#header-inn2 #hmenu ul#lang li#eng a:hover   {color:#d05904;}
#header-inn2 #hmenu ul#help li a:link    {color:#16174d;}
#header-inn2 #hmenu ul#help li a:visited {color:#16174d;}
#header-inn2 #hmenu ul#help li a:active  {color:#16174d;}
#header-inn2 #hmenu ul#help li a:hover   {color:#16174d;}

#header-inn2 #gmenu {
	margin:0 auto;
	/*width:928px;*/
	width:1000px;
}

#header-inn2 #gmenu ul li {
	float:left;
	width:127px;
	text-align:center;
	border-right:2px dotted #dbdbd1;
}

#header-inn2 #gmenu ul li#gm02 {
	width:137px;
	/*width:163px;*/
}
#header-inn2 #gmenu ul li#gm03 {
	width:131px;
	/*width:157px;*/
}
#header-inn2 #gmenu ul li#gm04 {
	width:137px;
	/*width:153px;*/
}
#header-inn2 #gmenu ul li#gm05 {
	width:143px;
	/*width:169px;*/
}
#header-inn2 #gmenu ul li#gm06 {
	width:125px;
	/*width:151px;*/
}
#header-inn2 #gmenu ul li#gm07 {
	width:200px;
}

#header-inn2 #gmenu ul li:last-child {
	border-right:none;
}

#header-inn2 #gmenu ul li a {
	display:block;
	padding:5px 3px;
	line-height:1.2;
	letter-spacing:1px;
	font-weight:bold;
	background:url("../../images/global/n_underline_home.gif") no-repeat center bottom;
	font-size:125%;
}

#header-inn2 #gmenu ul li#gm02 a {
	background-image:url("../../images/global/n_underline_projects.gif");
}

#header-inn2 #gmenu ul li#gm03 a {
	background-image:url("../../images/global/n_underline_topics.gif");
}

#header-inn2 #gmenu ul li#gm04 a {
	background-image:url("../../images/global/n_underline_how.gif");
}

#header-inn2 #gmenu ul li#gm05 a {
	background-image:url("../../images/global/n_underline_resources.gif");
}

#header-inn2 #gmenu ul li#gm06 a {
	background-image:url("../../images/global/n_underline_about.gif");
}

#header-inn2 #gmenu ul li#gm07 a {
	background-image:url("../../images/global/n_underline_teaching-online.gif");
}

/* header Fixed */
#header.fixed {
	position: fixed;
  	z-index:1500;
	/*left: 50%;
	transform: translate(-50%, 35px);*/
	width:100%;
	height:113px;
	background-color:#dadbcd;
	background-image:
		url("../../images/global/colorline_thin.gif"),
		url("../../images/global/h_bg_fix.gif"),
		url("../../images/global/h_bg2.gif");
	background-repeat:
		repeat-x, /* 最前面の背景レイヤーに対応 */
		repeat-x,
		repeat;
	background-position:
		left top, /* 最前面の背景レイヤーに対応 */
		left top 7px, 
		left top;
  	min-width:1360px;
  	margin:0;
  	top:-35px;
	transform: translate(0, 35px);
	transition: transform 1s ease 0s;
}
#header.fixed #header-inn {
	background-image: none;
	padding:0 0 10px;
	height:106px;
}
#header.fixed #header-inn #header-inn2 {
	width: 1360px;
	height:106px;
	margin:0 auto;
}
#header.fixed #header-inn #header-inn2 h1 {
	/*height: 50px;*/
	/*width: 99px;*/
	height:106px;
	width:210px;
	/*margin: 7px 0 0 178px;*/
	margin: 7px 0 0 118px;
	z-index:10;
}
#header.fixed #header-inn #header-inn2 #navbox {
	position:relative;
	/*left:218px;*/
	/*left:198px;*/
	left:168px;
	top:-145px;
}
/*
#header.fixed #header-inn #header-inn2 #hmenubox {
	position:relative;
	left:218px;
	top:-145px;
}
*/
#header.fixed #header-inn #header-inn2 #hmenu {
	float: none;
	/*margin: 20px 0;
	text-align:right;*/
	width: 100%;
	margin:0;
}
#header.fixed #header-inn #header-inn2 #hmenu #srhbox {
	/*display:none;*/
	position:relative;
	top:50px;
	left:740px;
}
#header.fixed #header-inn #header-inn2 #hmenu #loginbtn {
	position:relative;
	/*top:22px;*/
	/*right:0;*/
	top:10px;
	left:908px;
}
#header.fixed #header-inn #header-inn2 #hmenu ul#lang {
	display:inline-block;
}
#header.fixed #header-inn #header-inn2 #hmenu ul#lang li#jpn {
	display:inline-block;
}
#header.fixed #header-inn #header-inn2 #hmenu ul#lang li#eng {
	display:inline-block;
}
#header.fixed #header-inn #header-inn2 #hmenu ul#help {
	display:inline-block;
}
#header.fixed #header-inn #header-inn2 #hmenu ul#help li {
	display:inline-block;
}
#header.fixed #header-inn #header-inn2 #gmenu {
  /*margin: -95px 0 0 150px;*/
  position:relative;
  top:10px;
  /*left:-70px;*/
  left:-30px;
  height:0;
}

/*----------------------------------logo height chang 161224 start----------------------------------*/
/*#header-inn2 h1 {
	height: 165px;
}
#header-inn2 #hmenu {
	margin:-150px 0 20px;
	width: 300px;
}
#header-inn2 #hmenu #hmenu_l {
	float:left;
	width:170px;
}
#header-inn2 #hmenu #hmenu_r {
	float:right;
	width:120px;
}
#header-inn2 #gmenu {
	margin: 20px auto;
}
*/
/*---Fixed---*/
/*
#header.fixed #header-inn2 #hmenu #hmenu_l {
	float:none;
}
#header.fixed #header-inn2 #hmenu #hmenu_r {
	float:none;
	margin:-29px 0 0 166px;
	width:100%;
}
#header.fixed #header-inn #header-inn2 #gmenu {
	margin: 0 auto;
}*/
/*----------------------------------logo height chang 161224 end  ----------------------------------*/

/*----------------------------------contents-menu----------------------------------*/
#contents-menu {
	border-top:2px dashed #9e9087;
	padding:45px 0 80px;
	text-align:center;
}
#contents-menu ul {
	text-align:center;
}
#contents-menu ul li {
	display:inline-block;
	width:340px;
	padding:0 20px;
}

/*----------------------------------Footer----------------------------------*/
#footer {
	position:relative;
	/*padding:345px 0 76px;*/
	padding:345px 0 22px;
	min-width:1360px;
	background-image: 
		url("../../images/global/f_bg1_silhouette.png"),
		url("../../images/global/f_bg1.gif"),
		url("../../images/global/f_color_line.gif"),
		url("../../images/global/h_bg2.gif");
	background-repeat:
		no-repeat,
		repeat-x,
		repeat-x,
		repeat;
	background-position:
		center top,
		left top 270px,
		left bottom,
		left top;
}

#footer a:link    {color:#fff;}
#footer a:visited {color:#fff;}
#footer a:active  {color:#fff;}
#footer a:hover   {color:#fff;}

#footer #footer_bnr {
	box-shadow:0px 0px 10px;
	margin: 0 auto 36px;
	background:#fff;
	padding:4px 25px;
	border:1px solid #bb2224;
	width:1000px;
}

#footer #footer_bnr .slick-prev {
    background-image: url("../../images/global/f_banner_arrow_l.gif");
    left: -25px;
}
#footer #footer_bnr .slick-next {
    background-image: url("../../images/global/f_banner_arrow_r.gif");
    right: -25px;
}
#footer #footer_bnr .slick-prev, 
#footer #footer_bnr .slick-next {
    height: 25px;
    width: 17px;
    border: medium none;
    font-size: 1px;
    text-indent: -9999px;
    line-height: 0;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 17px auto;
}
#footer #footer_bnr .slick-prev:hover, .slick-next:hover {
    opacity: 0.6;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

#footer #footer_menu{
	padding:30px 0;
	background: #17194c url("../../images/global/colorline_thin.gif") repeat-x left top;
}

#footer .footer-inn{
	position:relative;
	margin:0 auto;
	width:1000px;
}

#footer #footer_menu ul#fmenu01 {
	padding:0 10px 4px;
	margin:0 auto 9px;
	/*width:630px;*/
	width:760px;
	border-bottom:1px solid #fff;
	text-align:center;
}

#footer #footer_menu ul#fmenu01 li {
	/*float:left;*/
	display:inline;
	font-size:16px;
	padding:0 0 0 9px;
	margin:0 15px 0 0;
	/*background: url("../../images/global/f_menu_icon.gif") no-repeat left center;*/
	position:relative;
}
#footer #footer_menu ul#fmenu01 li:before {
	content:"";
	height:0;
	width:0;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	border-top: 5px solid #17194c;
	border-left: 5px solid #fff;
	border-right: 5px solid #17194c;
	border-bottom: 5px solid #17194c;
	line-height:1
}

#footer #footer_menu ul#fmenu02 {
	margin:0 auto;
	width:250px;
	text-align:center;
}

#footer #footer_menu ul#fmenu02 li {
	/*float:left;*/
	display:inline;
	font-size:16px;
	padding:0 0 0 9px;
	margin:0 5px 0 0;
	/*background: url("../../images/global/f_menu_icon.gif") no-repeat left center;*/
	position:relative;
}
#footer #footer_menu ul#fmenu02 li:before {
	content:"";
	height:0;
	width:0;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	border-top: 5px solid #17194c;
	border-left: 5px solid #fff;
	border-right: 5px solid #17194c;
	border-bottom: 5px solid #17194c;
	line-height:1
}

#footer #footer_menu ul#fmenu01 li:last-child,
#footer #footer_menu ul#fmenu02 li:last-child {
	margin:0;
}

#footer #footer_menu02 {
	text-align:center;
	line-height:22px;
	color:#fff;
	font-size:9px;
	/*background: #17194c url("../../images/global/f_color_line.gif") repeat-x left top;*/
	background: #17194c
}

#footer #footer_menu02 #copy {
	display:inline-block;
	margin:0 35px 0 0;
}

/*-----------------page-top-----------------*/
#footer #footer-page-top {
    position:absolute;
    top:0;
    right:0;
    width: 54px;
    height: 54px;
}
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
}

/*-----------------clear-----------------*/
/*** clear fix ****/
.container:after,
.section:after,
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.container,
.section,
.clearfix {
	display: inline-block;
}
.container,
.section,
.clearfix {
	display: block;
}

/*************** 180208 add start ***************/
/*-----------------snsbtn-----------------*/
#contents ul#snsbtn {
	margin:20px 0;
}
#contents ul#snslogobtn {
	margin:0;
}
#contents ul.snslist li {
	float:right;
	padding:0 10px;
	margin:0 0 0 10px;
	width:120px;
	background:#1da1f2;
	text-indent:0;
}
#contents ul.snslist li:before {
	content:"";
}
#contents ul.snslist li:last-child {
	margin-left:0;
}
#contents ul.snslist li.fb {
	background-color:#3b579d;
}
#contents ul.snslist li a {
	display:block;
	background-position:left center;
	background-size:20px;
	background-repeat:no-repeat;
	height:40px;
	width:100px;
	font-size:10px;
	line-height:40px;
	padding:0 0 0 32px;
}
#contents ul.snslist li.twitter a {
	background-size:32px;
	background-image:url('../../images/global/logoTwitter.png');
}
#contents ul.snslist li.fb a {
	background-image:url('../../images/global/logoFb.png');
}
#contents ul.snslist li a:link    {color:#fff;text-decoration:none;}
#contents ul.snslist li a:visited {color:#fff;text-decoration:none;}
#contents ul.snslist li a:active  {color:#fff;text-decoration:underline;}
#contents ul.snslist li a:hover   {color:#fff;text-decoration:underline;}

#contents ul.snslist li a.eng {
	font-size:13px;
	text-align:center;
	padding-right:20px;
	letter-spacing:1px;
}

/*************** 180208 add end ***************/