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

/*-------------------------------------------------
 Reset
-------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, /*sub, sup,*/ tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, main {display: block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
input, textarea {margin: 0;font-size: 100%; }

html {
	height: 100%;
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	height: 100%;
	color: #333333;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
}
body > div {
	font-size: 12px;
	font-size: 1.2rem; }
	@media screen and (min-width: 740px) {
		body > div {
			font-size: 14px;
			font-size: 1.4rem; } }
	@media print {
		body > div {
			font-size: 14px;
			font-size: 1.4rem; } }
input, select, textarea {font-family: Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}
a {color: #333333;text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:hover img {opacity: 0.7;-ms-filter: "alpha(opacity=70)";}
img {max-width: 100%;height: auto;vertical-align: middle;}
strong{font-weight:bold;}
p{margin-bottom: 0.7em;}

.pointer {
	cursor: pointer; }

/*-------------------------------------------------
 header[PC]
-------------------------------------------------*/
header{
	position: fixed !important;
	width: 100%;
	color:#3d3d3d;
	background:#FFF;
	z-index:100;
}
body#index header{border-bottom:1px solid #d6d6d6!important;}/* トップ */
header nav{
margin: 0 auto;
max-width: 980px;
display: table;
max-height:61px;
}
header nav .logo{
	display:table-cell;
	text-align:left;
	border-right:1px solid #d6d6d6;
	padding:0;
	margin:0;
	vertical-align:top;
}
header nav .logo a{padding-right:24px;}
header nav .logo a.PC{margin-top:15px;}
header nav .logo a:hover img{opacity:1;}
header nav .logo a img{max-width:189px;}
header nav ul li{display: table-cell;padding:0 0 4px 0;position:relative;}
header nav ul li a{display: block;font-size:85%;color:#84888f;display:block;text-align:center;}
header nav ul li a:hover{color:#fff;text-decoration: none;}
header nav ul li a:hover img{opacity:1;}
header nav ul li img{vertical-align:bottom;}
@media screen and (max-width: 979px) {
	header nav .logo{padding:5px 0 0 10px;}
	header nav .logo a img{max-width:160px;}
	header nav ul li a{font-size:80%;letter-spacing:-0.08em;}
}
@media screen and (max-width: 739px) {
	header nav .logo{padding:14px 0 0 12px;border-right:none;margin-right:0;}
	header nav .logo a{padding-right:0;}
	header nav .logo a img{max-width:130px;height:auto;}
}
/*--------------------大カテゴリ---------------------*/
header ul li.txt,
header nav ul li.cloud,
header nav ul li.private,
header nav ul li.txt{width:124px;background:none;}
header ul li.txt,
header nav ul li.cloud,
header nav ul li.private,
header nav ul li.container{border-right:1px solid #d6d6d6;padding:0;}
header nav ul li.cloud{width:124px;background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat center 29px / 30px;}
header nav ul li.container{width:124px;background:url(https://www.idcf.jp/sevice_shared/img/svg/container/icn_container.svg) no-repeat center 31px / 24px;}
header nav ul li.txt:hover{background:#777}
header nav ul li.cloud:hover,
body#cloud header ul li.cloud{background:#4d9feb url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_w.svg) no-repeat center 29px / 30px;}
header nav ul li.container:hover,
body#container header nav ul li.container{background:#4d9feb url(https://www.idcf.jp/sevice_shared/img/svg/container/icn_container_w.svg) no-repeat center 31px / 24px;}
header ul li.txt a{color:#3b3b3b;display:block;padding: 14px 0 0 0;box-sizing:border-box;}
header ul li.cloud a,
header ul li.container a{color:#3b3b3b;display:block;padding:0;height:52px;box-sizing:border-box;}
header ul li.cloud:hover a{color:#fff;display:block;}
body#cloud header ul li.cloud a,
body#container header ul li.container a{color:#fff;display:block;}

/*--------------------小カテゴリ---------------------*/
header nav ul li.cache,
header nav ul li.dns,
header nav ul li.baremetal,
header nav ul li.private,
header nav ul li.ilb,
header nav ul li.rdb,
header nav ul li.gcs,
header nav ul li.gcda,
header nav ul li.cdn2,
header nav ul li.cnc
{width:59px;vertical-align:top;padding:0;background-size:28px!important;background-repeat:no-repeat!important;background-position: center center!important;}

header nav ul li.cache{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg);}
header nav ul li.dns{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_dns.svg);}
header nav ul li.baremetal{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg);}
header nav ul li.private{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_private.svg);}
header nav ul li.ilb{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg)}
header nav ul li.rdb{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg);}
header nav ul li.gcs{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg);} 
header nav ul li.gcda{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg);}
header nav ul li.cdn2{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg);}
header nav ul li.cnc{background:url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg);}

header nav ul li.cache:hover,
body#cache header ul li.cache{background:#1ccc00 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
header nav ul li.dns:hover,
body#dns header ul li.dns{background:#ff9700 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_dns_w.svg);}
header nav ul li.baremetal:hover,
body#baremetal header ul li.baremetal{background:#244fa2 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_baremetal_w.svg);}
header nav ul li.private:hover,
body#private header ul li.private{background:#7943c4 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_private_w.svg);}
header nav ul li.ilb:hover,
body#ilb header ul li.ilb{background:#02905d url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_ilb_w.svg);}
header nav ul li.rdb:hover,
body#rdb header ul li.rdb{background:#194448 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_rdb_w.svg);}
header nav ul li.gcs:hover,
body#gcs header ul li.gcs{background:#4285f4 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcs_w.svg);}
header nav ul li.gcda:hover,
body#gcda header ul li.gcda{background:#4285f4 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcda_w.svg);}
header nav ul li.cdn2:hover,
body#cdn2 header ul li.cdn2{background:#1ccc00 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
header nav ul li.cnc:hover,
body#cnc header ul li.cnc{background:#2eb8d5 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cnc_w.svg);}

header nav ul li.cache a,
header nav ul li.dns a,
header nav ul li.baremetal a,
header nav ul li.private a,
header nav ul li.ilb a,
header nav ul li.rdb a,
header nav ul li.gcs a,
header nav ul li.gcda a,
header nav ul li.cdn2 a,
header nav ul li.cnc a
{display:block;height:61px;padding:20px 0 0 0;box-sizing:border-box;}

header nav ul li.cache a span,
header nav ul li.dns a span,
header nav ul li.baremetal a span,
header nav ul li.private a span,
header nav ul li.ilb a span,
header nav ul li.rdb a span,
header nav ul li.gcs a span,
header nav ul li.gcda a span,

header nav ul li.cdn2 a span,
header nav ul li.cnc a span
{display:block;overflow:hidden;text-indent:-999px;}

.tooltip{
	display:none;
	z-index:100;
	padding:4px 5px 3px;
	background:#fff;
	position: absolute;
	left:0;
	bottom:-21px;
	margin:auto;
	border:1px solid #3b3b3b;
	font-size:100%;
	line-height:1;
	vertical-align:top;
	word-break:keep-all;
	color:#000;
	}

.tooltip::before{
	content: "";
	position: absolute;
	top: -9px;
	left: 0;
	right:0;
	margin:auto;
	width: 0px;
	height: 0px;
	border-bottom: 9px solid #fff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	z-index:103;
}

.tooltip::after {
	content: "";
	position: absolute;
	display: block;
	top: -10px;
	left: 0;
	right:0;
	margin:auto;
	width: 0px;
	height: 0px;
	background: transparent;
	border-bottom: 10px solid #3b3b3b;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	z-index:102;
}

/* SP navi */
header nav .ttltab,
header nav .spMenu{display: none;}

@media screen and (max-width: 979px) {
	header a{font-size:80%;}
		header nav{max-width:979px;}
		header nav h1 a{padding-right:10px;}
		header nav h1 img{max-width:169px;}
}

@media screen and (max-width: 739px) {
	header{max-height:52px;border-bottom:none;}
	header nav{width:100%;}
	header nav ul{display: none;}
	header nav h1{text-align:left;border-right:none;}
	header nav h1 img{height:52px;width:auto;}
	body#cloud header nav,
	body#container header nav{border-bottom:3px solid #4d9feb;}
	body#datacenter header nav{border-bottom:3px solid #0e3666;}
	body#network header nav{border-bottom:3px solid #36b780;}
	body#cache header nav{border-bottom:3px solid #1ccc00;}
	body#dns header nav{border-bottom:3px solid #ff9700;}
	body#baremetal header nav{border-bottom:3px solid #244fa2;}
	body#private header nav{border-bottom:3px solid #7943c4;}
	body#ilb header nav{border-bottom:3px solid #02905d;}
	body#rdb header nav{border-bottom:3px solid #194448;}
	body#gcs header nav{border-bottom:3px solid #4285f4;}
	body#cdn2 header nav{border-bottom:3px solid #1ccc00;}
	body#cnc header nav{border-bottom:3px solid #2eb8d5;}
	header nav .ttltab{display:table-cell;padding:0;margin:0;height:52px;vertical-align:bottom;}
	header nav .ttltab p{padding:0;margin:0;height:41px;}
	header nav .ttltab p a{display:block;padding-top:2px;margin:0;text-align:center;color:#fff;}
	header nav .ttltab p a img{margin:0;}
	header nav .ttltab p a:hover{text-decoration:none;}
	body#cloud header nav .ttltab p a{background:#4d9feb;}
	body#datacenter header nav .ttltab p a{background:#0e3666;}
	body#network header nav .ttltab p a{background:#36b780;}
	body#cache header nav .ttltab p a{background:#1ccc00;}
	body#dns header nav .ttltab p a{background:#ff9700;}
	body#baremetal header nav .ttltab p a{background:#244fa2;}
	body#private header nav .ttltab p a{background:#7943c4;}
	body#ilb header nav .ttltab p a{background:#02905d;}
	body#rdb header nav .ttltab p a{background:#194448;}
	body#gcs header nav .ttltab p a{background:#4285f4;}
	body#gcda header nav .ttltab p a{background:#4285f4;}
	body#cdn2 header nav .ttltab p a{background:#1ccc00;}
	body#cnc header nav .ttltab p a{background:#2eb8d5;}
	header nav .spMenu{
		text-align:right;
		display: table-cell;
		width:50px;
		height:0
	}
	header nav .spMenu .menu{
		padding:18px 15px 0 15px;
		cursor:pointer;
		width: 26px;
	}
	}


/*-------------------------------------------------
 header[SP]ドロワーメニュー
-------------------------------------------------*/
#sb-site, .sb-site-container {
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {clear: both;}
.sb-slidebar {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	z-index: 0;
	display: none;
	background:#52575e;
	font-size:140%;
	color:#e9e9e9;
}

.sb-slidebar a{color:#fff;}
.sb-slidebar a:hover{text-decoration:none;}

.sb-slidebar, .sb-slidebar * {-webkit-transform: translateZ( 0px );}
.sb-right {	right: 0;}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {position: absolute;}
.sb-slidebar.sb-active {display: block;}
.sb-style-overlay {z-index: 9999;}
.sb-momentum-scrolling {-webkit-overflow-scrolling: touch;}
	.sb-slidebar {width: 80%;}
	.sb-width-thin {width: 55%;}
	.sb-width-wide {width: 85%;}
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
}
.sb-hide {display: none;}

.sb-slidebar nav p{float:left;font-size:100%;padding:15px 15px 10px;line-height:1.4;}
.sb-slidebar nav a.sb-close{float:right;font-size:260%;margin-right:10px;line-height:1.45;}
.sb-slidebar nav a.sb-close:hover{text-decoration:none;}

.sb-menu li{
	border-top:1px solid #474c52;
	line-height:3em;
	position:relative;
	z-index:50;
	}
.sb-menu li.login{padding-right:80px;box-sizing:border-box;}
.sb-menu li span{position:absolute;right:10px;top:7px;border:1px solid #fff;line-height:1.8em;z-index:100;}
.sb-menu li span a{padding:0 5px 0 5px;}
.sb-menu li span a:hover{background:#6d737b;text-decoration:none;}
.sb-menu li a{display:block;padding-left:10px;}
.sb-menu li a img{margin-right:10px;width:25px;}
.sb-menu li ul.sb-sb-menu{background:#4d9feb;}
.sb-menu li ul.sb-sb-menu li{border-top:none;}
.sb-menu li ul.sb-sb-menu li a{padding-left:50px;background:url(https://www.idcf.jp/sevice_shared/img/help/sbsb_menu_list.png) no-repeat right 15px center;}

.sb-menu2{border-top:1px solid #474c52;background:#000;}
.sb-menu2:after{display: block;content: "";clear: both;overflow: hidden;}
.sb-menu2 li{width:50%;float:left;box-sizing:border-box;}
.sb-menu2 li:nth-child(1){border-right:1px solid #474c52;}
.sb-menu2 li a{display:block;text-align: center;padding:12px 0 10px 0;}

.sb-search{border-top:1px solid #474c52;background:#000;padding:8px;}
.sb-search form{display:table;width:100%}
.sb-search .g_search_text{
	display:table-cell;
	width:99%;
}
.sb-search .g_search_text input{
	width:100%;
	height:32px;
	box-sizing:border-box;
	border-radius: 0;
}

.sb-search .searchbtn{
	display:table-cell;
	white-space:nowrap;
	width:1%;
	vertical-align:top;
}
.sb-search .searchbtn button{
	border:none;
	background:#333333;
	width:32px;
	height:32px;
	border:none;
	cursor: pointer;
}

/*-------------------------------------------------
 サブメニュー
-------------------------------------------------*/
.submenu{
	position:fixed;
	top:65px; /* 61px */
	width:100%;
	padding:18px 0;
	z-index:50;
}
body#cloud .submenu,
body#container .submenu{background:#4d9feb;}
body#datacenter .submenu{background:#0e3666;}
body#network .submenu{background:#36b780;}
body#cache .submenu{background:#1ccc00;}
body#dns .submenu{background:#ff9700;}
body#baremetal .submenu{background:#244fa2;}
body#private .submenu{background:#7943c4;}
body#ilb .submenu{background:#02905d;}
body#rdb .submenu{background:#194448;}
body#gcs .submenu{background:#4285f4;}
body#gcda .submenu{background:#4285f4;}
body#cdn2 .submenu{background:#1ccc00;}
body#cnc .submenu{background:#2eb8d5;}

.submenu.top p.top a{border-bottom:2px solid #fff;padding-bottom:3px;}
.submenu.guide ul.linkleft li.guide a,
.submenu.docs ul.linkleft li.docs a,
.submenu.faq ul.linkleft li.faq a,
.submenu.notes ul.linkleft li.notes a{border-bottom:2px solid #fff;}


.submenu .inner{max-width:980px;margin:0 auto;}
.submenu .inner:after{display: block;content: "";clear: both;overflow: hidden;}
.submenu ul.linkleft,
.submenu ul.linkright{display:table;padding:8px 0 10px;margin:4px 0 0 0;}
.submenu ul.linkright{border-left:1px solid #fff;}
.submenu ul.linkleft li,
.submenu ul.linkright li{display:table-cell;line-height:1;}
.submenu ul.linkleft li{padding-left:40px;}
.submenu ul.linkleft li:first-child{padding-left:0;}
.submenu ul.linkright li{padding-left:20px;}
.submenu ul.linkleft li a,
.submenu ul.linkright li a{color:#fff;}
.submenu ul.linkleft li.current a,
.submenu ul.linkright li.current a,
.submenu ul.linkleft li a:hover,
.submenu ul.linkright li a:hover{border-bottom:2px solid #fff;}
.submenu ul.linkleft li a:hover,
.submenu ul.linkright li a:hover{text-decoration:none;}
.submenu ul.linkleft{float:left;font-size:120%;}
.submenu ul.linkright{float:right;font-size:105%;}
.submenu ul.linkleft li a span img{vertical-align:top;margin-left:5px;}
.submenu ul.linkleft li a:hover span img{opacity:1;}

.submenu ul.linkright li .blank{margin-left:4px;}

.submenu p{float:left;margin:0 40px 0 0;padding:8px 0 0 0;border-bottom:none;}
.submenu p.current{border-bottom:2px solid #fff;padding-bottom:3px;}
.submenu p a:hover{border-bottom:2px solid #fff;padding-bottom:3px;}
.submenu p a:hover img{opacity:1;}

@media screen and (max-width: 979px) {
.submenu{padding-left:10px;padding-right:10px;box-sizing:border-box;}
.submenu p{float:left;margin:0 20px 0 10px;padding:5px 0 0 0;}
.submenu ul.linkleft{font-size:100%;}
.submenu ul.linkright{font-size:95%;}
.submenu ul.linkleft li{padding-left:20px;}
body#datacenter .submenu ul.linkleft li:first-child,
body#network .submenu ul.linkleft li:first-child{padding-left:10px;}
}

@media screen and (max-width: 739px) {
.submenu{top:55px;}
body#cloud .submenu,
body#container .submenu{background:#FFF;padding:0;border-bottom:1px solid #ccc;}
body#datacenter .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#network .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#cache .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#dns .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#baremetal .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#private .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#ilb .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#rdb .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#gcs .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#gcda .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#cdn2 .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
body#cnc .submenu{background:#fff;padding:0;border-bottom:1px solid #ccc;}
	
.submenu p{border-right:1px solid #ccc;padding:8px 8px 10px;margin:4px 0 0 0;width:18px;}
.submenu p img{vertical-align:bottom;}

.submenu ul.linkright{margin:2px 6px 0;}
.submenu ul.linkright li{margin:0;padding:7px 5px 5px;font-size:90%;border:1px solid #ccc;}
.submenu ul.linkright li a:hover{}
.submenu ul.linkright li a{display:box;color:#333;text-align:center;margin:0;padding:0;}
.submenu ul.linkright li .blank{display:none;}

.submenu ul.linkleft{margin:0;padding:4px 0 0 0;width:62%;display:table;}
.submenu ul.linkleft li{padding:0px 0 0 0;text-align:center;width:25%;display:table-cell;vertical-align:middle;height:37px;border-right:1px solid #ccc;cursor:pointer;}
.submenu ul.linkleft li.cal2{width:calc(100% / 3);}
.submenu ul.linkleft li a{display:box;color:#333;font-size: 110%;font-weight:bold;width:100%;box-sizing:border-box;vertical-align:middle;}
body#cloud .submenu.top p.top a{border-bottom:2px solid #4d9feb;}
body#cloud .submenu.guide ul.linkleft li.guide a,
body#cloud .submenu.docs ul.linkleft li.docs a,
body#cloud .submenu.faq ul.linkleft li.faq a,
body#cloud .submenu.notes ul.linkleft li.notes a{color:#4d9feb;font-weight:bold;}

body#container .submenu.top p.top a{border-bottom:2px solid #4d9feb;}
body#container .submenu.guide ul.linkleft li.guide a,
body#container .submenu.docs ul.linkleft li.docs a,
body#container .submenu.faq ul.linkleft li.faq a,
body#container .submenu.notes ul.linkleft li.notes a{color:#4d9feb;font-weight:bold;}

body#datacenter .submenu.top p.top a{border-bottom:2px solid #0e3666;}
body#datacenter .submenu.guide ul.linkleft li.guide a,
body#datacenter .submenu.docs ul.linkleft li.docs a,
body#datacenter .submenu.faq ul.linkleft li.faq a,
body#datacenter .submenu.notes ul.linkleft li.notes a{color:#0e3666;font-weight:bold;}

body#network .submenu.top p.top a{border-bottom:2px solid #36b780;}
body#network .submenu.guide ul.linkleft li.guide a,
body#network .submenu.docs ul.linkleft li.docs a,
body#network .submenu.faq ul.linkleft li.faq a,
body#network .submenu.notes ul.linkleft li.notes a{color:#36b780;font-weight:bold;}

body#cache .submenu.top p.top a{border-bottom:2px solid #1ccc00;}
body#cache .submenu.guide ul.linkleft li.guide a,
body#cache .submenu.docs ul.linkleft li.docs a,
body#cache .submenu.faq ul.linkleft li.faq a,
body#cache .submenu.notes ul.linkleft li.notes a{color:#1ccc00;font-weight:bold;}

body#dns .submenu.top p.top a{border-bottom:2px solid #ff9700;}
body#dns .submenu.guide ul.linkleft li.guide a,
body#dns .submenu.docs ul.linkleft li.docs a,
body#dns .submenu.faq ul.linkleft li.faq a,
body#dns .submenu.notes ul.linkleft li.notes a{color:#ff9700;font-weight:bold;}

body#baremetal .submenu.top p.top a{border-bottom:2px solid #244fa2;}
body#baremetal .submenu.guide ul.linkleft li.guide a,
body#baremetal .submenu.docs ul.linkleft li.docs a,
body#baremetal .submenu.faq ul.linkleft li.faq a,
body#baremetal .submenu.notes ul.linkleft li.notes a{color:#244fa2;font-weight:bold;}

body#private .submenu.top p.top a{border-bottom:2px solid #7943c4;}
body#private .submenu.guide ul.linkleft li.guide a,
body#private .submenu.docs ul.linkleft li.docs a,
body#private .submenu.faq ul.linkleft li.faq a,
body#private .submenu.notes ul.linkleft li.notes a{color:#7943c4;font-weight:bold;}

/* add oda 160705 */
body#ilb .submenu.top p.top a{border-bottom:2px solid #02905d;}
body#ilb .submenu.guide ul.linkleft li.guide a,
body#ilb .submenu.docs ul.linkleft li.docs a,
body#ilb .submenu.faq ul.linkleft li.faq a,
body#ilb .submenu.notes ul.linkleft li.notes a{color:#02905d;font-weight:bold;}

body#rdb .submenu.top p.top a{border-bottom:2px solid #194448;}
body#rdb .submenu.guide ul.linkleft li.guide a,
body#rdb .submenu.docs ul.linkleft li.docs a,
body#rdb .submenu.faq ul.linkleft li.faq a,
body#rdb .submenu.notes ul.linkleft li.notes a{color:#194448;font-weight:bold;}

body#gcs .submenu.top p.top a{border-bottom:2px solid #4285f4;}
body#gcs .submenu.guide ul.linkleft li.guide a,
body#gcs .submenu.docs ul.linkleft li.docs a,
body#gcs .submenu.faq ul.linkleft li.faq a,
body#gcs .submenu.notes ul.linkleft li.notes a{color:#4285f4;font-weight:bold;}
	
body#gcda .submenu.top p.top a{border-bottom:2px solid #4285f4;}
body#gcda .submenu.guide ul.linkleft li.guide a,
body#gcda .submenu.docs ul.linkleft li.docs a,
body#gcda .submenu.faq ul.linkleft li.faq a,
body#gcda .submenu.notes ul.linkleft li.notes a{color:#4285f4;font-weight:bold;}

body#cdn2 .submenu.top p.top a{border-bottom:2px solid #1ccc00;}
body#cdn2 .submenu.guide ul.linkleft li.guide a,
body#cdn2 .submenu.docs ul.linkleft li.docs a,
body#cdn2 .submenu.faq ul.linkleft li.faq a,
body#cdn2 .submenu.notes ul.linkleft li.notes a{color:#1ccc00;font-weight:bold;}
	
body#cnc .submenu.top p.top a{border-bottom:2px solid #2eb8d5;}
body#cnc .submenu.guide ul.linkleft li.guide a,
body#cnc .submenu.docs ul.linkleft li.docs a,
body#cnc .submenu.faq ul.linkleft li.faq a,
body#cnc .submenu.notes ul.linkleft li.notes a{color:#2eb8d5;font-weight:bold;}

.submenu ul.linkleft li:nth-child(4n),
.submenu ul.linkright li:nth-child(2n){display:none;}

.ttltab{padding:0;text-align:right;}
.ttltab p{
	min-width:65px;
	font-size:75%;
	letter-spacing:-0.1em;
	margin:10px 0 0 0;
	text-align:center;
	color:#FFF;
	padding:0;
	display:inline-block;
}
body .ttltab p {background-repeat:no-repeat!important;background-position:center 7px!important;padding: 32px 5px 5px 5px!important;height: 15px!important;background-size:25px!important;}
body#cloud .ttltab p{background:#4d9feb url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_w.svg);}
body#cloud .ttltab p::after{content:'クラウド';}
body#container .ttltab p{background:#4d9feb url(https://www.idcf.jp/sevice_shared/img/svg/container/icn_container_w.svg); background-size: 22px!important;}
body#container .ttltab p::after{content:'コンテナ';}
body#cache .ttltab p{background:#1ccc00 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
body#cache .ttltab p::after{content:'コンテンツキャッシュ';}
body#dns .ttltab p{background:#ff9700 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_dns_w.svg);}
body#dns .ttltab p::after{content:'DNS';}
body#baremetal .ttltab p{background:#244fa2 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_baremetal_w.svg);}
body#baremetal .ttltab p::after{content:'ベアメタルサーバ';}
body#private .ttltab p{background:#7943c4 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_private_w.svg);}
body#private .ttltab p::after{content:'プライベートクラウド';}
body#ilb .ttltab p{background:#02905d url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_ilb_w.svg);}
body#ilb .ttltab p::after{content:'インフィニットLB';}
body#rdb .ttltab p{background:#194448 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_rdb_w.svg);}
body#rdb .ttltab p::after{content:'RDB';}
body#gcs .ttltab p{background:#4285f4 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcs_w.svg);}
body#gcs .ttltab p::after{content:'クラウドストレージ';}
body#cdn2 .ttltab p{background:#1ccc00 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
body#cdn2 .ttltab p::after{content:'CDN';}
body#cnc .ttltab p{background:#2eb8d5 url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cnc_w.svg);}
body#cnc .ttltab p::after{content:'クラウドネットワークコネクト';}
}
/*-------------------------------------------------
 メインコンテンツ
-------------------------------------------------*/
main{
	margin: 0 auto;
	overflow: hidden;
	color: #333;
	position:relative;
}

/* メインコンテンツ グロナビ用の間隔調整 */
main{padding-top:126px;}
body#index main{padding-top:50px!important;}
@media screen and (max-width: 979px){main{padding-top:120px;}}
@media screen and (max-width: 739px){main{padding-top:100px;}}
@media screen and (max-width: 739px){main{overflow:visible;position:static;}}

/* メインコンテンツ フォントサイズ */
main{font-size: 1.6rem;}
@media screen and (max-width: 979px) {main{font-size:1.4rem;}}
@media screen and (max-width: 739px) {main{font-size:1.4rem;}}


/*-------------------------------------------------
 トップ、サービストップ レイアウト
-------------------------------------------------*/
main .wideContents{
	padding-top:50px;
	padding-bottom:100px; /* ike update 161026 150px */
}
@media screen and (max-width: 979px) {
	main .wideContents{padding-top:40px;}
}
@media screen and (max-width: 739px) {
	main .wideContents{
		padding-top:20px;
		padding-bottom:0;
	}
}

main .wideContents .white{background:#fff;padding:40px 0 40px;}
main .wideContents .white:first-child{padding:0 0 40px;}
main .wideContents .gray{background:#f4f5f5;padding:40px 0 40px;}
@media screen and (max-width: 979px) {
	main .wideContents .white,
	main .wideContents .gray{padding:30px 0 30px;}
}
@media screen and (max-width: 739px) {
	main .wideContents .white,
	main .wideContents .gray{padding:20px 0 20px;}
}

main .wideContents .white .inner,
main .wideContents .gray .inner{max-width:980px;margin:0 auto;}
@media screen and (max-width: 979px) {
	main .wideContents .white .inner,
	main .wideContents .gray .inner{max-width:939px;padding:0 20px;}
}
@media screen and (max-width: 739px) {
	main .wideContents .white .inner,
	main .wideContents .gray .inner{max-width:719px;padding:0 10px;	}
}

main .wideContents .white .liquidinner,
main .wideContents .gray .liquidinner{
	margin:0;
	width:100%;
	padding:0 40px;
	box-sizing:border-box;
	}
@media screen and (max-width: 979px) {
	main .wideContents .white .liquidinner,
	main .wideContents .gray .liquidinner{padding:0 20px;}
}
@media screen and (max-width: 739px) {
	main .wideContents .white .liquidinner,
	main .wideContents .gray .liquidinner{padding:0 10px;}
}



/*-------------------------------------------------
 詳細(liquidcontents) レイアウト
-------------------------------------------------*/

#wrapper{
	position:relative;width:100%;
	background:url(https://www.idcf.jp/sevice_shared/img/help/wrapper_bg.gif) repeat-y left top;
}
@media screen and (max-width: 979px) {
#wrapper{background-position:-140px top;}
}
@media screen and (max-width: 739px) {
#wrapper{background:none;}
}

#wrapper .sidebar{
	width:300px;
	min-width:300px;
	padding:50px 20px 20px 20px;
	position:absolute;
	left:0;
	top:0;
}
#wrapper .liquidContents{
	width:100%;
	padding:50px 50px 200px 380px;
	box-sizing:border-box;
}

@media screen and (max-width: 979px) {
	#wrapper .sidebar{
		width:200px;
		min-width:200px;
		padding:40px 10px 40px 10px;
		box-sizing:border-box;
	}
	#wrapper .liquidContents{
		width:100%;
		padding:40px 20px 200px 220px;
		box-sizing:
		border-box;
		min-height:auto;
	}
}
@media screen and (max-width: 739px) {
	#wrapper .sidebar{
		position:relative;
		width:auto;
		min-width:auto;
		padding:0;
		background:#fff;
		border-top:1px solid #ccc;
	}
	#wrapper .sidebarInner{
		margin:15px 10px;
	}
	#wrapper .liquidContents{
		padding:20px 10px 10px 10px;
		width:auto;
	}
}



/*-------------------------------------------------
ページ下部バナー
-------------------------------------------------*/
main ul.bottombanner {margin-left:20px;}
main ul.bottombanner:after{display: block;content: "";clear: both;overflow: hidden;}
	main ul.bottombanner li{float:left;margin-right:18px;}
	main ul.bottombanner li:last-child{margin-right:0;}
	main ul.bottombanner li a{display:block;text-align:center;border-bottom:none!important;}

@media screen and (max-width: 979px) {
	main ul.bottombanner {margin-left:0;}
	main ul.bottombanner li{width:32%;margin-right:10px;}
}

@media screen and (max-width: 739px) {
main ul.SP.bottombanner{width:100%;display:flex;display: -webkit-flex;justify-content: space-between; -webkit-justify-content: space-between;}
main ul.SP.bottombanner li{margin-right:5px;}
main ul.SP.bottombanner li:last-child{margin-right:0;}
}



/*-------------------------------------------------
 pagetop - https://www.idcf.jp/sevice_shared/css/common.css を流用
-------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px; /* 0814 ike update 25px */
    right: 36px; /* 0814 ike update 25px */
    z-index:100; /* 1126 ike add */
}
.pagetop a.pc{
	display: block;
}
.pagetop a.sp{
	display: none;
}

@media screen and (max-width: 979px) {
.pagetop {
    display: block;
	position: static;
    bottom: 0;
    right: 0;
	margin: 0;
}
.pagetop a{
	width: 100%;
	display: block;
	padding: 2% 0;
	text-align: center;
}
.pagetop a.pc{
	display: none;
}
.pagetop a.sp{
	display: block;
}
}



/*-------------------------------------------------
 SNS
-------------------------------------------------*/
.bottomSnsArea{padding:40px 0 0 0;margin:0;max-width:980px;position:absolute;bottom:0;left:374px;overflow:hidden;}
.bottomSnsArea.center{width:980px;margin:auto;padding:0;bottom:0;right:0;left:0;}
@media screen and (max-width: 979px) {
	.bottomSnsArea{padding:0;margin:0;max-width:auto;position:absolute;bottom:0;left:220px;}
	.bottomSnsArea.center{width:auto;padding:0 0 0 20px;margin:0;}
}
@media screen and (max-width: 739px) {
	.bottomSnsArea{padding:0 0 0 10px;margin:0;max-width:auto!important;position:relative;width:auto;left:0;}
	.bottomSnsArea.center{width:auto;padding:0 0 0 10px;margin:0;position:relative;left:0;}
}


/* SNS - https://www.idcf.jp/sevice_shared/css/common.css を流用
----------------------------*/
.g_sns_pagetop_wrapper {
  margin-top: 15px;	 /* 0814 ike add */
  margin-bottom: 15px;
  padding-right: 0! important;	 /* 0801 ike update */
  min-height: 40px;
  position: relative; }
  @media screen and (min-width: 740px) {
    .g_sns_pagetop_wrapper {
      margin-top: 30px;	 /* 0814 ike add */
      margin-bottom: 0;
      padding-right: 0;
      position: static; } }
  @media print {
    .g_sns_pagetop_wrapper {
      margin-bottom: 0;
      padding-right: 0;
      position: static; } }

.sns_btn {overflow: visible;}/*14.05*/

.g_sns_tel .sns_btn_list {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  position: absolute;
  bottom: 0;
  left: 10px; }
.g_sns_tel .sns_btn_g_plusone,
.g_sns_tel .sns_btn_hatena,
.g_sns_tel .sns_btn_pocket,
.g_sns_tel .g_lp_tel {
  display: none; }
@media screen and (min-width: 740px) {
  .g_sns_tel {
    display: table-cell; }
    .g_sns_tel .sns_btn_list {
      padding-top: 0;
      position: static;
      bottom: auto;
      left: auto;
      text-align: right; }
    .g_sns_tel .sns_btn {
      float: none;
      min-height: 25px;
      display: inline-block;
      vertical-align: top; }
    .g_sns_tel .sns_btn_twitter {
      margin-right: 0;
      width: 102px; }
    .g_sns_tel .sns_btn_pocket {
      margin-right: 0;
      width: 94px; }
    .g_sns_tel .g_lp_tel {
      display: block;
      text-align: right; } }
@media print {
  .g_sns_tel {
    display: table-cell; }
    .g_sns_tel .sns_btn_list {
      padding-top: 0;
      position: static;
      bottom: auto;
      left: auto;
      text-align: right; }
    .g_sns_tel .sns_btn {
      float: none;
      min-height: 25px;
      display: inline-block;
      vertical-align: top; }
    .g_sns_tel .sns_btn_twitter {
      margin-right: 0;
      width: 102px; }
    .g_sns_tel .sns_btn_pocket {
      margin-right: 0;
      width: 94px; }
    .g_sns_tel .g_lp_tel {
      display: block;
      text-align: right; } }
	  .sns_btn_list {
  margin-bottom: 0.7em;
  padding: 0 10px;
  vertical-align: middle;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .sns_btn_list:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden; }
  @media screen and (min-width: 740px) {
    .sns_btn_list {
      padding: 0 10px;
      display: table;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 980px; } }
  @media print {
    .sns_btn_list {
      padding: 0 10px;
      display: table;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 980px; } }
  @media screen and (min-width: 1040px) {
    .sns_btn_list {
      padding: 0; } }
  @media print {
    .sns_btn_list {
      padding: 0; } }

.sns_btn {
  margin-right: 5px;	 /* 0801 ike update 5px */
  float: left;
  min-height: 30px;
  overflow: hidden; }

.sns_btn_g_plusone {
  width: 50px; } /* 60px */

.embed_fb_like_box {
  margin-bottom: 0.7em;
  border: solid 1px #cecece;
  max-width: 518px;
  min-height: 247px; }

.fb-like-box,
.fb-like-box iframe[style],
.fb-like-box span {
  width: 100% !important;
  max-width: 518px; }

.content_center {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 740px) {
    .content_center {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 980px; } }
  @media print {
    .content_center {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      width: 100%;
      max-width: 980px; } }
  @media screen and (min-width: 1040px) {
    .content_center {
      padding: 0; } }
  @media print {
    .content_center {
      padding: 0; } }

.box {
  margin-bottom: 0.7em;
  padding: 1em 1.4em .7em;/*1.4em 1.4em .7em; 14.05*/
  border: solid 1px #cecece; }
  .box .text_more,
  .box .text_to_top {
    margin-bottom: 0.7em; }

.box_blue {
  margin-bottom: 0.7em;
  padding: 1em 1.4em .7em;/*add tate 15.11*/
  border: solid 1px #489DEE; }
  .box .text_more,
  .box .text_to_top {
    margin-bottom: 0.7em; }

/* ike add 20151130 */
.tw{
	border: 1px solid #bbb;
	font-size: 12px;
	padding: 7px 5px;
	text-align: center;
	margin-bottom: 8px;
}
.tw a,
  .tw a:hover{
  color: #555;
  text-decoration: none; }
/* ike add 20151130 end */



/*-------------------------------------------------
 ぱんくずリスト
-------------------------------------------------*/
.lnav{
	font-size:78%;
	color: #333;
	padding:15px 0 15px 0;
	margin:0;
	}
#wrapper .liquidContents .bottomSnsArea .lnav,
#wrapper .notesContents .bottomSnsArea .lnav{margin-left:0;}
#wrapper .liquidContents .bottomSnsArea .lnav ul li a{border-bottom:none;}


.lnav ul{background:url(https://www.idcf.jp/sevice_shared/img/help/ico_fmenu_home_on.png) no-repeat left -3px;display:table;}
.lnav ul li{
	display:table-cell;
	border-collapse: separate;
	border-spacing: 5px 0;
	padding:0;}
.lnav ul li a{
	color: #333;
	border-bottom:none;
	background:url(https://www.idcf.jp/sevice_shared/img/help/pankz_arrow.gif) no-repeat right 10px top 10px;
	padding:5px 20px 0 0;
	}
.lnav ul li a:first-child{
	background:url(https://www.idcf.jp/sevice_shared/img/help/pankz_arrow.gif) no-repeat right 10px top 10px;
	padding:5px 20px 3px 28px;
	}
.lnav ul li:nth-child(2) { background-size: 25px!important; padding: 2px;}
body#cloud .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left 50%;}
body#cache .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat left 50%;}
body#dns .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat left 50%;}
body#baremetal .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat left 50%;}
body#private .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat left 50%;}
body#datacenter .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat left 50%;}
body#network .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/network/icn_network.svg) no-repeat left 50%;}
body#ilb .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat left 50%;}
body#rdb .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat left 50%;}
body#gcs .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat left 50%;}
body#gcda .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat left 50%;}
body#cdn2 .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat left 50%;}
body#cnc .lnav ul li:nth-child(2){background: url(https://www.idcf.jp/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat left 50%;}

.lnav ul li:nth-child(2):not(.iconnone) a{padding:5px 20px 3px 28px;}
.lnav ul li:nth-child(3) a,
.lnav ul li:nth-child(4) a,
.lnav ul li:nth-child(5) a,
.lnav ul li:nth-child(6) a,
.lnav ul li:nth-child(7) a,
.lnav ul li:nth-child(8) a{padding:5px 20px 3px 0px;}
.lnav ul li:last-child a{pointer-events:none;background:none;}
.lnav ul li.iconnone a{padding:5px 20px 3px 0px;}
.lnav ul li a:hover{color: #4D9FEB;text-decoration:none;}


@media screen and (max-width: 979px) {
.lnav{margin:20px 0 0 0;padding:0 0 18px 3px;}
#wrapper .lnav{margin-left:0;}
.lnav ul{background:url(https://www.idcf.jp/sevice_shared/img/help/ico_fmenu_home_on.png) no-repeat left -2px;}
.lnav ul li{display:inline-block;margin-bottom:7px;}
.lnav ul li a{
	background:url(https://www.idcf.jp/sevice_shared/img/help/pankz_arrow.gif) no-repeat right 10px top 7px;
	padding:5px 20px 0 0;
	}
.lnav ul li a:first-child{
	background:url(https://www.idcf.jp/sevice_shared/img/help/pankz_arrow.gif) no-repeat right 10px top 7px;
	padding:5px 20px 3px 28px;
	}
.lnav ul li:nth-child(2):not(.iconnone) a{padding:5px 20px 3px 28px;}
.lnav ul li:nth-child(3) a,
.lnav ul li:nth-child(4) a,
.lnav ul li:nth-child(5) a,
.lnav ul li:nth-child(6) a,
.lnav ul li:nth-child(7) a,
.lnav ul li:nth-child(8) a{padding:5px 20px 3px 0px;}
.lnav ul li:last-child a{pointer-events:none;background:none;}
}

@media screen and (max-width: 739px) {
.lnav{margin:20px 0 0 0;padding:0;}
.lnav ul{background:url(https://www.idcf.jp/sevice_shared/img/help/ico_fmenu_home_on.png) no-repeat left -2px;}
.lnav ul:after{display: block;content: "";clear: both;overflow: hidden;}
.lnav ul li{float:left;margin-bottom:10px;display:block;}
}



/*-------------------------------------------------
 footer - https://www.idcf.jp/sevice_shared/css/common.css を流用 ※一部変更あり
-------------------------------------------------*/
footer .fmenu{
	padding: 25px 0;
	background: #F7F7F7;
}
footer .fmenu ul{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
footer .fmenu ul li{
	display: inline-block;
	border: #EEEEEE solid 1px;
}
footer .fmenu ul li a{
	width: 116px;
	display: block;
	padding: 13px 0;
	color: #333;
	text-align: center;
	background: #fff;
}
footer .fmenu ul li a:hover{
	text-decoration: none;
	box-shadow: 0 0 0 3px #333 inset;
}
footer .fmenu ul li a span{
	width: 100%;
	display: block;
	margin: 12px 0 0 0;
}
footer .futility{
	position: relative;
	width: 100%;
	max-width: 980px;
	margin: 25px auto 40px auto;
}
footer .futility ul.pc{
	display: block;
}
footer .futility ul.sp{
	display: none;
}
footer .futility ul.linkArea{
	width: 69%; /* HELP用にカスタム */
	float: left;
}
footer .futility ul.linkArea li{
	display: inline-block;
	margin: 0 23px 0 0; /*tate 0 30px 0 0*/
}
footer .futility ul.linkArea li a{
	color: #525252;
}
footer .futility ul.snsArea{
	width: 31%;/* HELP用にカスタム */
	float: right;
	text-align: right;
}
footer .futility ul.snsArea li{
	display: inline-block;
	background: url(https://www.idcf.jp/sevice_shared/img/common/ico_fmenu_bar.png) no-repeat 0 50%;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
footer .futility ul.snsArea li:first-child{
	display: inline-block;
	background: url(https://www.idcf.jp/sevice_shared/img/common/ico_fmenu_bar.png) no-repeat 0 50%;
	margin: 0;
	padding: 0 0 0 10px;
}
footer .futility .search-box{
	position: absolute;
	margin: 30px 0 0 -103px;
	display: none;
	background-color: #fff;
}

footer .futility .search-box:before,
footer .futility .search-box:after{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin: -3px 0 0 -3px;
	border-top-width: 6px;
	border-top-style: solid;
	border-left: 6px solid transparent;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
footer .futility .search-box:before{
	top: 0;
	border-top-color: #aaa;
}
footer .futility .search-box:after{
	top: 1px;
	border-top-color: #fff;
}

footer .futility .search-box form{
	border: solid 1px #ddd;
	padding: 9px;
}
footer .futility .search-box p{
	position: relative;
	width: 206px;
	margin: 0 auto;
	border: solid 1px #ccc;
}
footer .futility .search-box p .textbox{
	width: 170px;
	line-height: 34px;
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
}
footer .futility .search-box p .button{
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
}
footer .futility .search-box .g_search_text_wrapper input{
	width: 100%;
	border: none;
}
footer .futility .search-box .g_search_btn_wrapper input{
	position: absolute;
	top: 3px;
	right: 0;
}
footer .info{
	width: 100%;
	max-width: 980px;
	margin: 15px auto;
	color: #888888;
}
footer .info p.tel{
	width: 60%;
	float: left;
	font-size: 3.0rem;
	margin: 0;
}
footer .info p.tel span{
	margin: 0 0 0 15px;
	font-size: 1.2rem;
}
footer	.eng {
	display: none;
}
footer .info p.copyright{
	width: 40%;
	float: right;
	padding: 20px 0 0 0;
	text-align: right;
	margin: 0;
}

@media screen and (max-width: 979px) {
footer .fmenu{
	padding: 0;
	background: #F7F7F7;
}
footer .fmenu ul{
	border-top: #EEEEEE solid 1px;
}
footer .fmenu ul li{
	display: block;
	border: none;
	outline: #EEEEEE solid 1px;
	width: 25%;
	float: left;
}
footer .fmenu ul li:nth-child(4n) {
	border-right: none;
}
footer .fmenu ul li a{
	width: 100%;
	display: block;
	padding: 13px 0;
	color: #333;
	text-align: center;
	background: #fff;
}
footer .fmenu ul li a span{
	font-size: 1.4rem;
}
footer .futility{
	width: 98%;
	clear: both;
	max-width: 980px;
	margin: 0 auto 0 auto;
	padding: 20px 0 10px 0;/* HELP用にカスタム */
}
footer .futility ul.linkArea {width:100%;margin:0 auto;text-align:center;float:none;}/* HELP用にカスタム */
footer .futility ul.linkArea li{
	font-size:85%;/* HELP用にカスタム */
	display: inline-block;
	margin: 0 8px 0 0;
}
footer .futility ul.snsArea {width: auto;margin:20px auto 0;text-align:center;float:none;}/* HELP用にカスタム */
footer .futility ul.snsArea li{
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
}
footer .info{
	width: 96%;
	padding-bottom:20px;/* HELP用にカスタム */
}
footer	.eng {
	display: none;
}
}
@media screen and (max-width: 739px) {
footer .fmenu ul li a span{
	font-size: 1.1rem; /* 0.9rem */
}
footer .futility{
	width: 100%;
	padding: 0;
}
footer .futility ul.linkArea{
	width: 100%;
	float: none;
}
footer .futility ul.pc{
	display: none;
}
footer .futility ul.sp{
	display: block;
	border-bottom: #EEEEEE solid 1px;
	padding: 10px 0;
	background: #F7F7F7;
	overflow: auto;
}
footer .futility ul.linkArea li{
	display: block;
	border: none;
	background: url(https://www.idcf.jp/sevice_shared/img/common/ico_fmenu_bar.png) repeat-y right top;
	width: 25%;
	float: left;
	margin: 0;
}
footer .futility ul.linkArea li:last-child{
	background: none;
}
footer .futility ul.linkArea li a{
	width: 100%;
	display: block;
	padding: 0;
	color: #333;
	text-align: center;
}
footer .futility ul.linkArea li a:hover{
	text-decoration: none;
}
footer .futility ul.linkArea li a span{
	width: 100%;
	display: block;
	margin: 5px 0 0 0;
}
footer .futility .search-box{
	position: relative;
	margin: 20px 0 0 0;
	top: 0 !important;
	left: 0 !important;
	display: block !important;
}
footer .futility .search-box:before,
footer .futility .search-box:after{
	display: none;
}
footer .futility .search-box form{
	border: 0;
	padding: 0;
}
footer .futility .search-box p{
	position: relative;
	width: 206px;
	margin: 0 auto;
	border: solid 1px #ccc;
	padding: 5px;
}
footer .futility .search-box .g_search_text_wrapper input{
	width: 95%;
	border: none;
}
footer .futility .search-box .g_search_btn_wrapper input{
	right: 7px;
	top: 5px;
}
footer .futility ul.snsArea{
	width: 100%;
	float: none;
	clear: both;
	text-align: center;
	margin:0 auto;/* HELP用にカスタム */
/* ike del 20150925 	padding: 20px 0 0 0; */
}
footer .info{
	margin: 0px auto; /* ike update 20150925 15px auto 0 auto; */
}
footer .info p.tel{
	width: 100%;
	float: none;
	text-align: center;
	margin: 0;
}
footer .info p.tel span{
	margin: 0;
	display: block;
}
footer .info p.copyright{
	width: 100%;
	float: none;
	text-align: center;
	padding: 0;
}
footer	.info p.eng {
		display: block;
		text-align: center;
/* ike del 20150925 	margin-top: 10px; */
}
footer	.info p.eng a{
	color: #888888;
}
}


/*-------------------------------------------------
 footer custom
-------------------------------------------------*/
footer{border-top:1px solid #d6d6d6;}
footer .fmenu{display: none;}
footer .futility .search-box .g_search_text_wrapper input{padding:0;}



/*-------------------------------------------------
 汎用
-------------------------------------------------*/
.PC{display:block;}
.SP{display:none;}
.TB{display:none;}
.indent{padding-left:20px;}
.clear:after{display: block;content: "";clear: both;overflow: hidden;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.center{text-align:center!important;}
.pt0{padding-top:0!important;}
.pb0{padding-bottom:0!important;}
.pl20{padding-left:20px!important;}
.top0{margin-top:0!important;}
.bottom0{margin-bottom:0!important;}
.bottom5{margin-bottom:5px!important;}
.top20{margin-top:20px!important;}
.bottom20{margin-bottom:20px!important;}
.top30{margin-top:30px!important;}
.bottom30{margin-bottom:30px!important;}
.top40{margin-top:40px!important;}
.bottom40{margin-bottom:40px!important;}
.top50{margin-top:50px!important;}
.bottom50{margin-bottom:50px!important;}
.normal{font-weight:normal!important;}
.bold{font-weight:bold!important;}

.centerSP{text-align:left;}
.clear:after{display: block;content: "";clear: both;overflow: hidden;}

main .leftbox{
	float:left;
	width:50%;
	box-sizing:border-box;
	text-align:center;
	padding-right:5px;
	padding-bottom:10px;
	}
main .leftbox.bdr{border-right:1px solid #ccc;}
main .rightbox{
	float:left;
	width:50%;
	text-align:center;
	padding-left:5px;
	box-sizing:border-box;
	}

@media screen and (max-width: 979px) {
.PC{display:block;}
.SP{display:none;}
.TB{display:block;}
.indent{padding-left:10px;}
}

@media screen and (max-width: 739px) {
.PC{display:none;}
.SP{display:block;}
.TB{display:none;}
main .leftbox.bdr{border-right:none;border-bottom:1px solid #ccc;margin-bottom:20px;}
main .leftbox,
main .rightbox{float:none;width:auto;padding-left:0;margin-bottom:20px;}
.centerSP{text-align:center;}
}