@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Rajdhani:600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img{
	border:0;
}


/*▼▼▼▼▼▼▼▼▼▼ＨＥＡＤＥＲ関連▼▼▼▼▼▼▼▼▼▼*/
#header{
	width:100%;	
	border-top:#3fa5dd 5px solid;
	border-bottom:#D8D8D8 1px solid;

}
.header{
	width:1024px; height:auto; margin:auto;
}

#header .logo{
	float:left;
	margin:15px 0;
	width:50%;
	display:block;
	height:60px;
	text-decoration:none;
	color:#000;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#header .logo:hover{
	opacity:0.7;
}
#header .logo .eng-logo{
	height:30px;
	width:100%;
}
#header .logo .jp-logo{
	margin-top:10px;
}
#header .logo .jp-logo div{
	float:left; 
	font-size:12px; 
	padding-right:10px; 
	line-height:20px;
}
#header .logo .jp-logo img{
	display:block;
	float:left;
}

#header .header-right{
	float:right;
	width:50%;
}

#header .english-button{
	width:100%;
}
#header .english-button a{
	background-color:#3fa5dd; 
	padding:2px 0px 7px 0px;
	display:block;
	float:right;
	color:#FFF; 
	text-align:center; 
	margin-right:0;
	text-decoration:none;
	color:#FFF;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:21px;
}

#header .english-button a div{
	border-right:#FFF solid 1px;
	padding:0 25px;
}

#header .english-button a:first-child div{
	border-right:none;
}

#header .english-button a:hover div{
	opacity:0.7;
}

#header .icon-button{
	margin:15px 0 15px 0;
	height:30px;
	text-align:right;
}

#header .icon-button a{
	color:#000;
	display:inline-block; 
	text-decoration:none;
	line-height:30px; 
	font-size:14px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-right:20px;
}

#header .icon-button a:last-child{
	margin-right:0;
}

#header .icon-button a:first-child:before{
	content:'\f041';
	font-family: FontAwesome;
	color:#09c;
	font-size:20px;
	margin-right:5px;
	display:inline-block;
}

#header .icon-button a:nth-child(2):before{
	content:'\f059';
	font-family: FontAwesome;
	color:#09c;
	font-size:20px;
	margin-right:5px;
	display:inline-block;
}

#header .icon-button a:last-child:before{
	content:'\f0e8';
	font-family: FontAwesome;
	color:#09c;
	font-size:20px;
	margin-right:5px;
	display:inline-block;
}

#header .icon-button a:visited{
	color:#000;
}

#header .icon-button a:hover{
	color:#09c;
}




/*▼▼▼▼▼▼▼▼▼▼ＧＬＯＢＡＬ　ＮＡＶＩＧＡＴＩＯＮ関連▼▼▼▼▼▼▼▼▼▼*/
#global-navigation{
	margin:auto;
	width:100%;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;	
	border-bottom:#D8D8D8 1px solid;
}
#global-navigation .list-nav{
  width:1024px;
  margin:0 auto;
  list-style:none;
  padding: 0px;
}
#global-navigation .list-nav:after {
  content: "";
  clear: both;
  display: block;
}
#global-navigation .list-nav li{
  float:left;
  width:146px;
  
}
#global-navigation .list-nav a{
	text-decoration:none;
  display:block;
  line-height:40px;
  height:40px;
  text-align:center;
  background:#fff;
  color:#000;
  padding:4px 0;
  border-right:1px dotted #3fa5dd;
}
#global-navigation .list-nav a.active{
	text-decoration:none;
  display:block;
  line-height:40px;
  height:40px;
  text-align:center;
  background:#fff;
  color:#000;
  padding-top:4px;
  padding-bottom:0px;
  border-right:1px dotted #3fa5dd;
  border-bottom:#3fa5dd 4px solid;
}
#global-navigation .list-nav a:hover{
	text-decoration:none;
  display:block;
  line-height:40px;
  height:40px;
  text-align:center;
  background:#fff;
  color:#000;
  padding-top:4px;
  padding-bottom:0px;
  border-right:1px dotted #3fa5dd;
  border-bottom:#3fa5dd 4px solid;
}
#global-navigation .list-nav li:first-child a{
  border-left:1px dotted #3fa5dd;
}




/*▼▼▼▼▼▼▼▼▼▼ＦＯＯＴＥＲ関連▼▼▼▼▼▼▼▼▼▼*/

#footer{
	width:100%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	margin-bottom:0px;
}

#footer hr{
	border:none;
	border-bottom:#D8D8D8 1px solid;
	margin:0px; width:100%;
}

#footer hr:first-of-type{
	margin:50px 0 2px 0;
}


#footer #foot-one{
	width:1024px; 
	margin:0 auto; 
}

#footer #important{
	float:left;
}
#footer #important a{
	display:inline-block;
	line-height:50px;
	text-decoration:none;
}
#footer #important a:link{
	color:#000;
}
#footer #important a:visited{
	color:#000;
}
#footer #important a:hover{
	opacity:0.5;
}



#footer #pagetop{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	float:right;
	display:block;
	text-decoration:none;
	color:#fff;
	background-color:#333;
	position:fixed;
	bottom:70px;
	right:10px;
	text-align:center;
	padding:10px;
	border-radius:5px;
}
#footer #pagetop img{
	margin-bottom:7px;
}
#footer #pagetop:hover{
	opacity:0.5;
}






#footer #footer-menu{
	background-color:#f7f7f7; 
	width:100%; 
	padding:20px 0 0 0;
}
#footer .footer-menu{
	width:1024px; 
	margin:auto; 
}

#footer .footer-logo{
	width:1024px;
	margin:auto;
}

#footer .footer-logo a:hover{
	opacity:0.5;
}



#footer #footer-menu #menu{
	width:1024px;
	margin:auto;
	display:table;
}
#footer #footer-menu #menu div{
	display:table-cell;
	padding-right:auto;
}
/*
#footer #footer-menu #menu div.right{
	padding-right:0px;
}*/


#footer #footer-menu #menu div a{
	margin:3px 10px;
	font-size:12px;
	display:block;
	color:#000;
}
#footer #footer-menu #menu div a:link{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#footer #footer-menu #menu div a:visited{
	font-size:12px;
	color:#000;
	text-decoration:none;
}
#footer #footer-menu #menu div a:hover{
	font-size:12px;
	color:#09c;
	text-decoration:underline;
}






#footer #footer-menu #menu div a.title{
	display:block;
	margin:40px 5px 20px 5px;
	font-size:16px;
	}
#footer #footer-menu #menu div a.title:link{
	color:#06C;
	font-weight:bold;
	text-decoration:none;
}
#footer #footer-menu #menu div a.title:visited{
	color:#06C;
	font-weight:bold;
	text-decoration:none;
}
#footer #footer-menu #menu div a.title:hover{
	color:#06C;
	font-weight:bold;
	text-decoration:none;
	opacity:0.5;
}



#bottom-part{
	background-color:#3fa5dd;
	width:100%;
	font-size:12px;
	color:#FFF; 
	line-height:60px;
}

#bottom-part div{
	height:60px;
	width:1024px;
	margin:0 auto;
}

#bottom-part div .important{
	width:50%;
	float:left;
	height:60px;
	text-align:left;
}
#bottom-part div .important a:link{
	color:#FFF;
}
#bottom-part div .important a:visited{
	color:#FFF;
}
#bottom-part div .important a:hover{
	color:#FFF;
}


#bottom-part div .copyright{
	width:50%;
	float:right;
	height:60px;
	text-align:right;
}








#footer #m-group{
	width:100%;
	margin:20px auto 0 auto;
	padding:10px 0;
	/*background-color:#CCC;*/
}

#footer .m-group{
	width:1024px;
	margin:auto;
}

#footer #m-group .m-group div{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	font-size:14px;
	width:17%;
	margin:5px 3% 5px 0;
	line-height:30px;
	text-align:center;
	color:#fff;
	background-color:#ff6600;
	background-color:#333;
	position:relative;
}

#footer #m-group .m-group div:after{
	content:url(triangle.png);
	display:block;
	position:absolute;
	top:0;
	right:-15px;
}



#footer #m-group .m-group a{
	color:#CCC;
	color:#fff;
	color:#ff6600;
	color:#333;
	text-decoration:none;
	display:block;
	border:#ccc solid 1px;
	background-color:#FFF;
	float:left; 
	/*width:24.25%;*/
	width:19%;
	box-sizing:border-box; 
	box-sizing:border-box;
	line-height:40px;
	margin:0px 0.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	text-align:center;
	
	position:relative;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(top,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9fcf7 0%,#f5f9f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */
}




#footer #m-group .m-group a:hover{
	background:#FFF;
}

#footer #m-group .m-group a:after{
	content:url(bottom_right.png);
	position:absolute;
	display:block;
	bottom:2px;
	right:2px;
}



#footer m-group .m-group a:last-child{
	border-right:#ccc solid 1px; 
}



#footer #m-group .m-group a:hover{
}


#footer #m-group a img{
	max-width:100%;
	height:25px;
	width:auto;
	display:block;
	margin-bottom:5px;
}