@charset "utf-8";
body { margin:0; padding:0; width:100%; font-family:"Meiryo", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.8; font-weight:normal; color:#333;}
html { padding:0; margin:0;}

a { text-decoration:none; color:#333;}
a:hover { color:#0D54E3;}

p{ color:#333; font-size:16px; line-height:30px; padding:0; margin:0 0 10px;}


.wraphead_server {
	background-color: #f4f4f4;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d8d8d8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}
.wraphead_server2 { background:#f4f4f4 url(images/bg2.gif) top repeat-x;}
.resize { width:982px; padding:0; margin:0 auto;}

.layout_headertop { padding:0; margin:0 auto;}
.layout_headertop_group { width:980px; margin:0 auto; padding:0;}

.logo { padding:20px 0; margin:0; text-align:center;}

.title { width:980px; margin:0 auto; padding:1px 0; text-align:center; background:#fff;}
.title h1 { font-size:32px; padding:0 20px;}

.top_sidebar { padding:0; margin:0; width:980px; background:#0d54e3;}
.top_sidebar ul { float:none; padding:0 10px; margin:0 auto; list-style:none; border:0; }
.top_sidebar ul li { float:left; margin:0 auto; padding:0; border:0;}
.top_sidebar ul li a { float:left; margin:0; padding:15px 30px; color:#fff; font-size:16px; font-weight:normal; text-decoration:none;}
.top_sidebar ul li a:hover, .top_sidebar ul li a.active { color:#fff; transition:0.4s; text-shadow:0 1px 0 rgba(0,0,0,0.2);}


.layout_container { margin:0 auto; padding:0; border-top:1px solid #eee; background:#fff;}
.mainbox {width:942px; margin:0 auto;
    padding: 20px;}
.mainbox.single { width:942px; margin:0 auto;
    padding: 20px; }
	.mainbox.single img {margin-bottom: 20px}
.mainbox img { float:left; margin: 0; padding:0; margin-right: 15px;margin-bottom: 10px;}
.mainbox h2 { color:#333; font-size:30px; font-weight:normal; margin:0 0 10px; padding:0; line-height:1.3;}
.mainbox h3 { color:#0D54E3; font-size:22px; font-weight:bold; margin:0 0 10px; padding:0; line-height:1.3;}
.mainbox p { font-size:16px; font-weight:normal; line-height:30px; padding:0; margin:0 0 10px;}
.mainbox-inn1 {background: none;}
.mainbox-inn2 {border-top: 3px solid #ffcd19; margin-top: 20px; }

.sidebar { width:285px; float:right; margin:0; }
.sidebar h2 {font-size:20px; font-weight:bold; border: solid 2px #dfeaff; padding:10px; box-shadow:4px 4px 0 #dfeaff;}
.sidebar h2 a {color:#333;}
.sidebar ul{ margin:0 0 30px; padding:0; list-style:none;}
.sidebar li{ padding:10px 0 10px 25px; background: url(images/home.png) no-repeat left center; border-bottom:solid 1px #ddd}
.sidebar li a{ color:#333; text-decoration:none; font-size:16px;}
.sidebar li a:hover{ color:#0D54E3; transition:0.4s;}

.leftbox{ width:600px; float:left; margin:0; }


ul.Navigation { padding:0; margin:0; list-style:none; border:0;}
ul.Navigation li { margin:0; padding:3px 10px; border:0; line-height:0px;}
ul.Navigation li a { display:block; padding:5px 0 5px 35px;  background: url(images/ul_li.gif) 10px center no-repeat; color:#282828; font:normal 12px Meiryo, Helvetica, sans-serif; text-decoration:none; line-height:1.6em;}
ul.Navigation li a:hover { background:#ececec  url(images/ul_li.gif) 10px center no-repeat; color:#282828;}
ul.Navigation li a.active { background:#ececec  url(images/ul_li.gif) 10px center no-repeat; color:#282828;}

.layout_footer {padding:0;  margin:0; 
    background: #f4f4f4;
    border-top: 1px solid #bfbfbf;}
.layout_footer_group {width:980px; margin:0 auto; padding:0px 0; }
.layout_footer p { color:#333; padding:20px 0; margin:0; text-align:center}
.layout_footer a { color:#000; text-decoration:none; padding:5px 5px; margin:0;}

p.response { text-align:center; color:#2c2c2c; font:bold 11px Meiryo, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #c7c7c7; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #dadada; padding:0; margin:10px 0; background:none; list-style:none;}


/* slider */
.slider_group {margin:0 auto; padding:0; }
.slider { height:336px; width:980px; margin:0 auto; padding:0; }
.slider h2 { text-align:center;  color:#000; font:normal 48px Meiryo, Helvetica, sans-serif; margin:0; padding:0; line-height:1.4em;}
.slider p {  text-align:center; color:#505050; font:normal 14px  Meiryo, Helvetica, sans-serif; margin:0; padding:0; line-height:1.8em;}
.slider div.img { float:left; padding:0; margin:0;}
.slider_group2 {background:#e9e9e9; margin:0 auto; padding:0;}
.slider2 {width:982px; margin:0 auto; padding:0; background:url(images/simple2_bg.gif) top no-repeat; height:103px; }
.slider2 h2 { text-align:center; font: bold 28px Meiryo, Helvetica, sans-serif; color:#fff; padding:30px 0 0 0; margin:0;}
.slider2 p { text-align:center; font: normal 12px Meiryo, Helvetica, sans-serif; color:#a9a9a9; padding:0; margin:0;}

#slider { width:980px; height:336px; margin:0 auto; padding:0; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }

#slider li { width:980px; height:336px; overflow:hidden; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:37px; height:47px; position:absolute;}
#prevBtn { left:-8px; top:-200px;}
#nextBtn { top:-200px; left:951px; }
#prevBtn a { display:block; width:37px; height:47px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:37px; height:47px; background:url(images/r_arrow.gif) no-repeat 0 0; }

.boxindex-1 {
	float: left;
	width: 285px;
	margin-top: 40px;
	margin-right: 30px;
}
.boxindex-1.last{margin-right:0;}
.mainbox-inn1{
	margin-bottom: 60px;
}
.boxindex-2{
	float: left;
	width: 186px;
	margin-top: 40px;
	margin-right: 20px;
}
.boxindex-2.last{
	margin-right: 0;
}
.kwordo_key{
	padding: 10px 15px;
	background: #fff;
}
.kwordo_key p{
	margin: 0;
	padding: 10px 15px;
	border: dashed 1px #918EC3cc;
}
#c3{
	border-top: solid 2px #14C19A;
	border-bottom: solid 2px #14C19A;
	background: -webkit-repeating-linear-gradient(-45deg, #fcfffe, #fcfffe 3px,#ebfdf9 3px, #ebfdf9 7px);
	background: repeating-linear-gradient(-45deg, #fcfffe, #fcfffe 3px,#ebfdf9 3px, #ebfdf9 7px);
	padding: 10px;
}
#c3 h2 {
	background: #14C19A;
	padding: 10px;
	margin: -8px -10px 15px;
	color: #fff;
}
#c3 h3 {
	color: #333;
}
#c3 img {margin-bottom: 15px}
.hover .info,.hover h2{text-transform:uppercase;color:#fff}
.hover{float:left;position:relative;cursor:default}
.hover .overlay{position:absolute;top:0;left:0}
.hover img{display:block;position:relative}
.hover .info{display:inline-block}
.hover h2{position:relative; padding:15px;background:rgba(0,0,0,.6)}
.hover .info{text-decoration:none; padding:7px 14px;border:1px solid #fff;margin:50px 0 0;border-radius:0;background:rgba(0,0,0,0.6);}
.hover .info:hover{box-shadow:0 0 5px #fff}
.hover,.hover .overlay{width:100%;height:100%;overflow:hidden}
.hover,.hover h2{text-align:center}
.ehover3 img{-webkit-transition:all .4s ease-in;transition:all .4s ease-in}
.ehover3 .info{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:all .4s ease-in;transition:all .4s ease-in;opacity:0}
.ehover3 h2{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .4s ease-in;transition:all .4s ease-in;opacity:1}
.ehover3:hover img{filter:grayscale(1) blur(3px);-webkit-filter:grayscale(1) blur(3px);-webkit-transform:scale(1.2);transform:scale(1.2)}
.ehover3:hover .info,.ehover3:hover h2{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

.mainbox-inn1-port {
	margin-bottom: 60px;
}