@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; }

.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;
}

/*-------------------------------------------------
 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(/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{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{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#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(/sevice_shared/img/svg/cloud/icn_cloud_w.svg);}
body#cloud .ttltab p::after{content:'クラウド';}
body#cache .ttltab p{background:#1ccc00 url(/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
body#cache .ttltab p::after{content:'コンテンツキャッシュ';}
body#dns .ttltab p{background:#ff9700 url(/sevice_shared/img/svg/cloud/icn_cloud_dns_w.svg);}
body#dns .ttltab p::after{content:'DNS';}
body#baremetal .ttltab p{background:#244fa2 url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal_w.svg);}
body#baremetal .ttltab p::after{content:'ベアメタルサーバ';}
body#private .ttltab p{background:#7943c4 url(/sevice_shared/img/svg/cloud/icn_cloud_private_w.svg);}
body#private .ttltab p::after{content:'プライベートクラウド';}
body#ilb .ttltab p{background:#02905d url(/sevice_shared/img/svg/cloud/icn_cloud_ilb_w.svg);}
body#ilb .ttltab p::after{content:'インフィニットLB';}
body#rdb .ttltab p{background:#194448 url(/sevice_shared/img/svg/cloud/icn_cloud_rdb_w.svg);}
body#rdb .ttltab p::after{content:'RDB';}
body#gcs .ttltab p{background:#4285f4 url(/sevice_shared/img/svg/cloud/icn_cloud_gcs_w.svg);}
body#gcs .ttltab p::after{content:'クラウドストレージ';}
body#gcda .ttltab p{background:#4285f4 url(/sevice_shared/img/svg/cloud/icn_cloud_gcda_w.svg);}
body#gcda .ttltab p::after{content:'データ分析';}
body#cdn2 .ttltab p{background:#1ccc00 url(/sevice_shared/img/svg/cloud/icn_cloud_cdn_w.svg);}
body#cdn2 .ttltab p::after{content:'CDN';}
body#cnc .ttltab p{background:#2eb8d5 url(/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-bottom:100px;
}
@media screen and (max-width: 979px) {
	main .wideContents{padding-top:40px;}
}
@media screen and (max-width: 739px) {
	main .wideContents{
		padding-top:0;
		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(/sevice_shared/img/help/wrapper_bg.gif) repeat-y left top;
	min-height:1460px;
}
@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 - /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 - /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; }
.fb_iframe_widget > span {
	vertical-align: baseline!important;
}
.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; } }
.text_s {font-size:1.2rem;}
.text_red {color:red;}
.box {
  margin-bottom: 0.7em;
  padding: 30px;
  border: solid 1px #cecece;
  font-size: 1.5rem; }
  .box .text_more,
  .box .text_to_top {
    margin-bottom: 0.7em; }
@media screen and (max-width: 739px) {
.box {padding: 25px;font-size: 1.4rem;}
}
.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(/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(/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(/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(/sevice_shared/img/svg/cloud/icn_cloud.svg) no-repeat left 50%;}
body#cache .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat left 50%;}
body#dns .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat left 50%;}
body#baremetal .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat left 50%;}
body#private .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat left 50%;}
body#datacenter .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/datacenter/icn_datacenter.svg) no-repeat left 50%;}
body#network .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/network/icn_network.svg) no-repeat left 50%;}
body#ilb .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat left 50%;}
body#rdb .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat left 50%;}
body#cachedb .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat left 50%;}
body#gcs .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat left 50%;}
body#gcda .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcda.svg) no-repeat left 50%;}
body#cdn2 .lnav ul li:nth-child(2){background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat left 50%;}
body#cnc .lnav ul li:nth-child(2){background: url(/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(/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(/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(/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(/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 - /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(/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(/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(/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;}
}