@charset "utf-8";

/* CSS Document */



/*---------------------------------------------

common

---------------------------------------------*/

body {

	color: #505050;

	font-size: 15px;

	line-height: 1.3;

	/*background: #333;*/

	width: 100%;

	min-width: 800px;

}

a {

	text-decoration: none;

	color: #0068b7;

}

a:hover {

	text-decoration: underline;

}

.copy_link {

    color: #FFF;

    text-decoration: underline;

}

.fn-small{

		font-size: 12px;

}

.fn-normal{

	font-size: 14px;

}

.mg-r5{

		margin-right: 5px;

}

.mg-r10{

		margin-right: 10px;

}

.mg-r15{

		margin-right: 15px;

}

.mg-r20{

		margin-right: 20px;

}

.mg-l5{

		margin-left: 5px;

}

.mg-l10{

		margin-left: 10px;

}

.mg-l15{

		margin-left: 15px;

}

.mg-l20{

		margin-left: 20px;

}

.mg-l30{

		margin-left: 30px;

}

.mg-l35{

		margin-left: 35px;

}

.mg-l40{

		margin-left: 40px;

}

.mg-l45{

		margin-left: 45px;

}

/*---------------------------------------------

header

---------------------------------------------*/

header {

	width: 100%;

	height: 70px;

	background: #fff;

	border-bottom: solid 1px #d2d2d2;

}



header .container {

	width: 95%;

	max-width: 1016px;

	margin: 0 auto;

	overflow: hidden;

}



header .container #hd_logo {

	height: 20px;

	margin: 30px 0 0;

	float: left;

}



header .container #hd_logo a {

}



header .container #hd_logo img {

}



header .container #logo {

	height: 45px;

	margin: 13px 0 0;

	float: right;

}



header .container #logo img {

	width: 100%;

}



/*---------------------------------------------

top page

---------------------------------------------*/

#home_img,

#contents_img {

	width: 100%;

	height: 350px;

	position: relative;

}



#home_img #home_img_logo,

#contents_img #contents_img_tit {

	width: 100%;

	height: 350px;

	position: relative;

	z-index: 99;

}



#home_img #home_img_logo img,

#contents_img #contents_img_tit img {

	height: 118px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}



#home_img #home_img_bg,

#contents_img #contents_img_bg {

	width: 100%;

	height: 350px;

	margin: auto;

	position: absolute;

	top: 0;

	overflow: hidden;

}



#home_img #home_img_bg img,

#contents_img #contents_img_bg img {

	width: 100%;

	min-width: 1016px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}



#home_contents {

	width: 1016px;

	margin: 25px auto 90px;

}



#home_contents #news {

	width: 498px;

	height: 225px;

	margin: 0 0 24px;

	padding: 15px 0 0 25px;

	float: left;

	background: #f0f0f0;

	box-sizing: border-box;

}



#home_contents #news .tit {

	margin: 0 0 10px;

	padding: 0 0 2px;

	border-bottom: solid 1px #191919;

	font-size: 1.2em;

}



#home_contents #news .tit .sub {

	margin: 0 0 0 1em;

	font-size: 0.7em;

}



#home_contents #news ul#news_hd {

	height: 160px;

	overflow-y: scroll;

}



#home_contents #news ul#news_hd li {

	font-size: 1em;

	line-height: 1.8;

}



#home_contents #news ul#news_hd li a {

	color: #0068b7;

	text-decoration: underline;

}



#home_contents #news ul#news_hd li a:hover {

	text-decoration: none;

}



#home_contents a#nav_products {

	width: 498px;

	height: 225px;

	padding: 135px 0 0;

	color: #fff;

	font-size: 1.4em;

	text-align: center;

	line-height: 1.1;

	float: right;

	background: #0068b6;

	box-sizing: border-box;

	position: relative;

}



#home_contents a#nav_products:hover {

	text-decoration: none;

	opacity: 0.8;

}



#home_contents a#nav_products img.icon {

	width: 100px;

	height: 100px;

	margin: 0 auto;

	position: absolute;

	top: 30px;

	bottom: 0;

	left: 0;

	right: 0;

	color: #fff;

}



#home_contents a#nav_products .sub {

	font-size: 0.7em;

}



#home_contents ul#home_nav {

	width: 100%;

	height: 236px;

	clear: both;

}



#home_contents ul#home_nav li {

	margin: 0 24px 0 0;

	float: left;

}



#home_contents ul#home_nav li:last-child {

	margin: 0;

}



#home_contents ul#home_nav li a {

	width: 236px;

	height: 236px;

	padding: 155px 0 0;

	font-size: 1.4em;

	text-align: center;

	line-height: 1.1;

	background: #fff;

	box-shadow: 2px 2px 3px 2px #bbb;

	display: block;

	box-sizing: border-box;

	position: relative;

}



#home_contents ul#home_nav li a:hover {

	text-decoration: none;

	opacity: 0.8;

}



#home_contents ul#home_nav li .sub {

	font-size: 0.7em;

}



#home_contents ul#home_nav li img.icon {

	width: 100px;

	height: 100px;

	margin: 0 auto;

	position: absolute;

	top: 40px;

	bottom: 0;

	left: 0;

	right: 0;

	color: #fff;

}





/*---------------------------------------------

contents

---------------------------------------------*/

.contents{

	width: 95%;

	max-width: 1016px;

	margin: 25px auto 80px;

}



.contents h2 {

	margin: 0 0 18px;

	border-bottom: solid 1px #191919;

	font-size: 1.9em;

}



.contents h2 .sub {

	margin: 0 0 0 1em;

	font-size: 0.5em;

}



.contents .container {

	width: 95%;

	max-width: 1016px;

	margin: 0 0 70px;

	overflow: hidden;

}



.contents .container .column_left {

	width: 475px;

	float: left;

	position: relative;

}



.contents .container .column_right {

	width: 475px;

	float: right;

	position: relative;

}



.contents .container .column_left a,

.contents .container .column_right a {

	display: block;

}



.contents .container .column_left a:hover,

.contents .container .column_right a:hover {

	opacity: 0.8;

}



.contents .container .column_left p.tit,

.contents .container .column_right p.tit {

	color: #fff;

	font-size: 1.5em;

	font-weight: bold;

	position: absolute;

	top: 194px;

	left: 24px;

	display: flex;

	align-items: center;

	text-shadow: 2px 2px 7px #000;

}



.contents .container .column_left p.tit .sub,

.contents .container .column_right p.tit .sub {

	margin: 0 10px 0 0;

	font-size: 0.7em;

}



.contents .container .column_left p.tit_others,

.contents .container .column_right p.tit_others {

	color: #fff;

	font-size: 1.5em;

	font-weight: bold;

	position: absolute;

	top: 6px;

	left: 24px;

	display: flex;

	align-items: center;

	text-shadow: 2px 2px 7px #000;

}



a.dl_btn {

	width: 150px;

	height: 38px;

	margin: 5px 0;

	line-height: 38px;

	background: #0068B7;

	color: #fff;

	text-indent: 7px;

	display: block;

	position: relative;

	border-bottom: solid 2px #00487e;

}



a.dl_btn:hover {

	text-decoration: none;

	opacity: 0.8;

}



a.dl_btn::before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	text-decoration: none;

	width: 6px;

	height: 6px;

	border-bottom: 2px solid #fff;

	border-right: 2px solid #fff;

	transform: rotate(-45deg);

	position: absolute;

	top: 15px;

	left: 7px;

}





/*---------------------------------------------

navigation

---------------------------------------------*/

nav {

	width: 100%;

	height: 70px;

	background: #0068b7;

}



nav .container {

	width: 1015px;

	margin: 0 auto;

}



nav .container ul {



}



nav .container ul li {

		width: 188px;

		float: left;

}



nav .container ul li:nth-child(3){

		width: 260px;

}



nav .container ul li:nth-child(4) img{

		margin-right: 13px;

}



nav .container ul li.active a {

	opacity: 1;

}



nav .container ul li a {

	width: 203px;

	height: 70px;

	color: #fff;

	font-size: 1.2em;

	display: flex;

	align-items: center;

	opacity: 0.5;

}



nav .container ul li a:hover {

	text-decoration: none;

	opacity: 1;

}



nav .container ul li a img {

	width: 50px;

	margin: 0 2px 0 0;

}





/*---------------------------------------------

footer

---------------------------------------------*/

footer {

	width: 100%;

	clear: both;

}



footer #footer_nav {

	width: 100%;

	background: #f0f0f0;

	font-size: 0.9em;

}



footer #footer_nav .container {

	width: 1016px;

	padding: 25px 0;

	margin: 0 auto;

	overflow: hidden;

}



footer #footer_nav .container a {

	color: #505050;

}



footer #footer_nav .nav_block {

	width: 169px;

	height: 145px;

	padding: 0 10px;

	border-left: solid 1px #191919;

	float: left;

	box-sizing: border-box;

}



footer #footer_nav .nav_block p.tit {



}



footer #footer_nav .nav_block p.tit:before {

	content: "■ ";

}



footer #footer_nav .nav_block  ul {

	padding: 12px 0 0 12px;

	box-sizing: border-box;

}



footer #footer_nav .nav_block  ul li {

	margin: 0 0 8px;

}



footer #footer_nav .nav_block  ul li:before {

	content: "＞";

}



footer #footer_bottom {

	width: 100%;

	padding: 45px 0;

	background: #a0a0a0;

}



footer #footer_bottom #footer_copyright {

	width: 1016px;

	margin: 0 auto;

	font-size: 1.1em;

	text-align: left;

	color: #fff;

}



footer #footer_bottom #footer_copyright a.language{

	margin: 0 0 0 5px;

	padding: 3px 8px;

	color: #fff;

	font-size: 0.9em;

	border: solid 1px #fff;

}



footer #footer_bottom #footer_copyright a.language:hover {

	text-decoration: none;

	background: #878787;

}



footer #footer_bottom #footer_copyright .select_language {

	float: right;

}



/*---------------------------------------------

products common

---------------------------------------------*/

.contents .path {

	border-bottom: 1px solid #000;

    padding-bottom: 5px;

    font-size: 1.2em;

}



.contents .path .path_arrow {

	letter-spacing: -0.5em;

    padding: 0 16px 0 8px;

}

.com_title img {

    width: 100%;

}



.com_title {

    margin-top: 20px;

    position: relative;

}



.com_title h3 {

    position: absolute;

    top: 10px;

    left: 20px;

    font-size: 2em;

    font-weight: bold;

    color: #FFF;

    text-shadow: 3px 4px 10px #000;

}



		/*---------------------------------------------

		BOTTOM OP

		---------------------------------------------*/

		.bottom_info {

		    position: relative;

		    margin-top: 5px;

		    left: 874px;

		}



		.bottom_info img {

		    padding-left: 25px;

		    width: 3%;

		    padding-bottom: 3px;

		}



		.bottom_info p {

		    font-size: 30px;

		    position: absolute;

		    top: -4px;

		}





.soon {

	margin: 15px 0 0;

	font-size: 1.3em;

}



/*---------------------------------------------

Others link

---------------------------------------------*/

a.others_link {

	height: 50px;

	font-size: 1.2em;

	background: #0068B7;

	color: #fff;

	display: block;

	box-sizing: border-box;

	text-indent: 30px;

	line-height: 50px;

	border-bottom: solid 2px #00487e;

	position: relative;

}



a.others_link:hover {

	text-decoration: none;

	opacity: 0.8;

}



a.others_link::before {

	content: "";

	display: inline-block;

	vertical-align: middle;

	text-decoration: none;

	width: 6px;

	height: 6px;

	border-bottom: 2px solid #fff;

	border-right: 2px solid #fff;

	transform: rotate(-45deg);

	position: absolute;

	top: 22px;

	left: 7px;

}