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

body{
	font-family:'Roboto',"メイリオ","microsoft YaHei","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6;
	color:#333;
	background:#fff;
}

a:link, 
a:visited, 
a:active{
	color:#333;
}

a:hover{
	color:#3399cc;
	text-decoration:none;
}



/*ヘッダー*/

#headerTop{
	width:100%;
	background:#3399CC;
}
#container_headerTop{
	width:1350px;
	margin:0 auto;
	height:25px;
	background:#3399CC;
	
}
#container_headerTop p{
	float:right;
	font-size:16px;
	line-height:25px;
	color:#fff;
	padding-left:15px;
}
#container_headerTop a{
	text-decoration:none;
	color:#fff;
}

#headerMid{
	width:1340px;
	margin:0 auto;
	margin-top:35px;
	height:100px;
	line-height:30px;
	background:fff;
}
#headerMid p{
	float:left;
}
.logoWord{
	font-size:16px;
	
}
#logo_resp{
   display:none;	
}
#headerM_line{
	margin-right:10px;
}

/*Global Navigation*/

#globalNav{
	width:1400px;
	font-size:18px;
	font-weight:bold;
    margin:35px auto 35px;
	}

#globalNav ul li{
	width:172px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
	border-left:2px solid #626262;
}
.gn_last{
	border-right:2px solid #626262;
}

#globalNav a{
	text-decoration:none;
	color:#333;
}


#globalNav a:hover{
	color:#3399cc;
	border-bottom:2px solid #3399cc;
}

#breadcrumbs{
	width:1340px;
	margin:0 auto;
	font-size:14px;
}
#breadcrumbs li{
	float:left;
}
#breadcrumbs a{
	text-decoration:none;
}

/*Main Visual*/




/*footer*/
#footer{
	width:100%;
	background:#3399CC;
	}
#container_footer{
	width:1340px;
	padding-top:30px;
	padding-bottom:30px;
	margin:0 auto;
	text-align:center;
	color:#fff;
}

.footer_right{
	width:1340px;
	font-size:12px;
	color:#fff;
	margin:0 auto;
}
.footer_right p{
	float:left;
	margin:2px 0px;
	padding:0px 5px;
}
.footer_right a{
	text-decoration:none;
	color:#fff;
}
#footer_Company{
	font-size:12px;
}


.page-top p
{
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	
}

.page-top
{
	display: none ;
}

/*メディアクエリ設定（※widthが480px以下の場合にCSSを適用する）*/
@media screen and (max-width:480px){
	
#headerTop{
	width:100%;

}
#container_headerTop{
	width:97%;
	margin-right:3%;
	
}
#headerTop{
	background:#fff;
}

#container_headerTop a{
		color:#333;
}
#headerTop .lang{
	font-size:90%;

}
#headerMid{
	display:none;
}
#breadcrumbs{
	display:none;
}
#footer{
	width:100%;
}
#container_footer{
	width:100%;
}
.footer_right{
	width:80%;
	font-size:70%;
	margin:5% auto;
}
.footer_center{
	font-family:Arial, Helvetica, sans-serif;
}
#right{
	font-size:60%;
}

.side_contents{
		width: 100%;
	}
}