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

/*-------------------------------------------------
リンク下線
-------------------------------------------------*/
.sidebar .box1 ul li a,
.sidebar .box2 ul li a{text-decoration:none;border-bottom:1px dotted #3b3b3b;line-height:1.8;}
.sidebar .box1 ul li a:hover,
.sidebar .box2 ul li a:hover{color:#4D9FEB;border-bottom:none;} /* ike */

/*-------------------------------------------------
見出し
-------------------------------------------------*/
.sidebar h2{font-size:130%;font-weight:bold;margin:0 0 10px 0;}
.sidebar h3{font-size:110%;font-weight:bold;margin:0 0 10px 0;}
@media screen and (max-width: 979px) {
.sidebar h2{font-size:110%;font-weight:bold;margin:0 0 5px 0;}
.sidebar h3{font-size:100%;font-weight:bold;margin:0 0 5px 0;}
}

/*-------------------------------------------------
XXXを始めよう
-------------------------------------------------*/
.sidebar .box1{}
.sidebar .box1 ul{border-top:1px solid #c1c1c1;margin-bottom:20px;}
.sidebar .box1 ul li{border-bottom:1px solid #c1c1c1;padding:12px 0 10px 42px;}
.sidebar .box1 ul li:nth-child(1){background:url(/sevice_shared/img/help/sideright_ol01.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(2){background:url(/sevice_shared/img/help/sideright_ol02.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(3){background:url(/sevice_shared/img/help/sideright_ol03.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(4){background:url(/sevice_shared/img/help/sideright_ol04.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(5){background:url(/sevice_shared/img/help/sideright_ol05.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(6){background:url(/sevice_shared/img/help/sideright_ol06.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(7){background:url(/sevice_shared/img/help/sideright_ol07.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(8){background:url(/sevice_shared/img/help/sideright_ol08.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(9){background:url(/sevice_shared/img/help/sideright_ol09.png) no-repeat 10px center;}
.sidebar .box1 ul li:nth-child(10){background:url(/sevice_shared/img/help/sideright_ol10.png) no-repeat 10px center;}
@media screen and (max-width: 979px) {
.sidebar .box1 ul li{border-bottom:1px solid #c1c1c1;padding:8px 0 6px 25px;}
.sidebar .box1 ul li:nth-child(1),.sidebar .box1 ul li:nth-child(2),.sidebar .box1 ul li:nth-child(3),.sidebar .box1 ul li:nth-child(4),.sidebar .box1 ul li:nth-child(5),.sidebar .box1 ul li:nth-child(6),.sidebar .box1 ul li:nth-child(7),.sidebar .box1 ul li:nth-child(8),.sidebar .box1 ul li:nth-child(9),.sidebar .box1 ul li:nth-child(10){background-position:left center;background-size:20px 20px;}
}

/*-------------------------------------------------
問題を見つけたら - 関連情報
-------------------------------------------------*/
.sidebar .box2{border:1px solid #c1c1c1;padding:15px 15px 0 15px;margin-bottom:20px;background:#fff;}
.sidebar .box2 li{font-size:90%;margin-bottom:8px;}
@media screen and (max-width: 979px) {
.sidebar .box2{padding:10px 10px 0 10px;}
}


/*-------------------------------------------------
 sidebar　検索
-------------------------------------------------*/
.sidebar .sidesearch{margin-bottom:40px;}
.sidebar .sidesearch form{display:table;width:100%;}
@media screen and (max-width: 979px) {
	.sidebar .sidesearch{margin-bottom:20px;}
}
@media screen and (max-width: 739px) {
	.sidebar .sidesearch{width:280px;margin-left:auto;margin-right:auto;}
}

/* input */
.sidebar .sidesearch input.searchword{
	display:table-cell;
	box-sizing: border-box;
	outline:0;
	width:255px;
	height:45px;
	border:none;
	padding:5px 0 0 10px;
	border:1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:0;
	vertical-align:bottom;
}

@media screen and (max-width: 979px) {
	.sidebar .sidesearch input.searchword{width:150px;height:40px;font-size:90%;padding:4px 0 0 5px;}
}
@media screen and (max-width: 739px) {


	.sidebar .sidesearch input.searchword{width:250px;font-size:100%;padding:4px 0 0 3px;}
}

/* button */
.sidebar .sidesearch div.searchbtn{
	display:table-cell;
	width:1%;
	vertical-align:top;
}
.sidebar .sidesearch div.searchbtn button{
	background:#333333;
	width:45px;
	height:45px;
	cursor: pointer;
	border:none;
}
.sidebar .sidesearch div.searchbtn button img{width:26px;height:auto;}
@media screen and (max-width: 979px) {
	.sidebar .sidesearch div.searchbtn button{width:30px;height:40px;}
}
@media screen and (max-width: 739px) {
	.sidebar .sidesearch div.searchbtn button{width:30px;height:40px;}
}


/*-------------------------------------------------
 sidebar　メニュー1
-------------------------------------------------*/
.sidebar ul.sideindex1{margin-bottom:30px;border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;}
.sidebar ul.sideindex1 li{border-bottom:1px solid #bdbdbd;padding:0;position:relative;}
.sidebar ul.sideindex1 li a{
	padding:15px 15px 15px 25px;
	display:block;
	color:#3b3b3b;
	z-index:10;
	background:#FFF;
	}
.sidebar ul.sideindex1 li:last-child{padding-bottom:0;border-bottom:none;}
.sidebar ul.sideindex1 li a:hover{text-decoration:none;background:#f4f5f5;}
.sidebar ul.sideindex1 li.current a{font-weight:bold;}

@media screen and (max-width: 979px) {}
@media screen and (max-width: 739px) {
	.sidebar ul.sideindex1 li a{padding:8px 8px 8px 16px;}
	.sidebar ul.sideindex1{font-size:90%;}
}

/*-------------------------------------------------
 FAQsidebar　メニュー2
-------------------------------------------------*/
.sidebar ul.sideindex2{margin-bottom:30px;border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;}
.sidebar ul.sideindex2 li{border-bottom:1px solid #bdbdbd;padding:0;position:relative;}
.sidebar ul.sideindex2 li a{
	padding:15px 40px 15px 25px;
	display:block;
	color:#FFF;
	font-weight:bold;
	background:url(/sevice_shared/img/help/side_index_plus.png) no-repeat right 20px top 20px;
	z-index:10;
	}
.sidebar ul.sideindex2 li a.open{background:url(/sevice_shared/img/help/side_index_minus.png) no-repeat right 20px top 20px;}
.sidebar ul.sideindex2 li:last-child{padding-bottom:0;border-bottom:none;}

.sidebar ul.sideindex2 li.cloud{background:#4d9feb;z-index:5;}
.sidebar ul.sideindex2 li.bigdata{background:#ff4f39;z-index:5;}
.sidebar ul.sideindex2 li.datacenter{background:#0e3666;z-index:5;}
.sidebar ul.sideindex2 li.network{background:#36b780;z-index:5;}
.sidebar ul.sideindex2 li.rdb{background:#fb4743;z-index:5;}
.sidebar ul.sideindex2 li.cache{background:#1ccc00;z-index:5;}
.sidebar ul.sideindex2 li.dns{background:#ff9700;z-index:5;}
.sidebar ul.sideindex2 li.storage{background:#4c4b5c;z-index:5;}
.sidebar ul.sideindex2 li.baremetal{background:#244fa2;z-index:5;}
.sidebar ul.sideindex2 li.private{background:#7943c4;z-index:5;}

.sidebar ul.sideindex2 li.color1{background:#9bcd14;z-index:5;}
.sidebar ul.sideindex2 li.color2{background:#6896ee;z-index:5;}
.sidebar ul.sideindex2 li.color3{background:#52b1b0;z-index:5;}
.sidebar ul.sideindex2 li.color4{background:#e9ac49;z-index:5;}
.sidebar ul.sideindex2 li.color5{background:#c398cb;z-index:5;}
.sidebar ul.sideindex2 li.color6{background:#d8616d;z-index:5;}

.sidebar ul.sideindex2 li ul.children{margin:0px 0 0 0;}
.sidebar ul.sideindex2 li ul.children li{border-bottom:1px dotted #bdbdbd;padding:0;background:#FFF;}
.sidebar ul.sideindex2 li ul.children li:last-child{border-bottom:none}
.sidebar ul.sideindex2 li ul.children li:hover{background:#f4f5f5;}

.sidebar ul.sideindex2 li ul.children li.current a{font-weight:bold;}
.sidebar ul.help_content_sidebar .color1 li.current a {color:#9bcd14;}
.sidebar ul.help_content_sidebar .color2 li.current a {color:#6896ee;}
.sidebar ul.help_content_sidebar .color3 li.current a {color:#52b1b0;}
.sidebar ul.help_content_sidebar .color4 li.current a {color:#e9ac49;}
.sidebar ul.help_content_sidebar .color5 li.current a {color:#c398cb;}
.sidebar ul.help_content_sidebar .color6 li.current a {color:#d8616d;}

.sidebar ul.sideindex2 li ul.children li a{padding:12px 15px 9px;display:block;color:#000;font-weight:normal;line-height:1.3;font-size:95%;background:none;}

.sidebar ul.sideindex2 li a:hover,
.sidebar ul.sideindex2 li ul.children li a:hover{text-decoration:none;}

@media screen and (max-width: 979px) {
	.sidebar ul.sideindex2{margin-bottom:20px;}
	.sidebar ul.sideindex2 li a{padding:10px 30px 10px 15px;background:url(/sevice_shared/img/help/side_index_plus.png) no-repeat right 15px top 15px;}
	.sidebar ul.sideindex2 li a.open{background:url(/sevice_shared/img/help/side_index_minus.png) no-repeat right 15px top 15px;}
	.sidebar ul.sideindex2 li ul.children li a{padding:10px 14px 10px;}
}
@media screen and (max-width: 739px) {
	.sidebar ul.sideindex2{font-size:90%;}
	.sidebar ul.sideindex2 li a{padding:8px 25px 8px 16px;background:url(/sevice_shared/img/help/side_index_plus.png) no-repeat right 13px top 10px;}
	.sidebar ul.sideindex2 li a.open{background:url(/sevice_shared/img/help/side_index_minus.png) no-repeat right 13px top 10px;}
	.sidebar ul.sideindex2 li ul.children li{border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
	.sidebar ul.sideindex2 li ul.children li a{padding:8px 16px 8px;display:block;color:#000;font-weight:normal;line-height:1.3;font-size:95%;background:none;}
	.sidebar ul.sideindex2 li ul.children li.current{background:#f4f5f5;}
}


/*-------------------------------------------------
 ヘルプコンテンツ＿sidebar　メニュー2
-------------------------------------------------*/
.sidebar ul.help_content_sidebar{margin-bottom:30px;border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;}
.sidebar ul.help_content_sidebar > li {margin-bottom:5px;}
.sidebar ul.help_content_sidebar > li:last-child {margin-bottom:0;}
.sidebar ul.help_content_sidebar li{border-bottom:1px solid #bdbdbd;padding:0;position:relative;}
.sidebar ul.help_content_sidebar li a.toggle{
	padding:15px 40px 15px 25px;
	display:block;
	color:#FFF;
	font-weight:bold;
	z-index:10;
	position: relative;
}
.sidebar ul.help_content_sidebar li a.toggle:after {
	content: '＋';
	position: absolute;
	color: #fff;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.sidebar ul.help_content_sidebar li a.toggle.open:after {
	content: '－';
}
.sidebar ul.help_content_sidebar .children li a.toggle:after {
	color: #666;
}
.sidebar ul.help_content_sidebar li:last-child{padding-bottom:0;border-bottom:none;}

.sidebar ul.help_content_sidebar li.color1{background:#9bcd14;z-index:5;}
.sidebar ul.help_content_sidebar li.color2{background:#6896ee;z-index:5;}
.sidebar ul.help_content_sidebar li.color3{background:#52b1b0;z-index:5;}
.sidebar ul.help_content_sidebar li.color4{background:#e9ac49;z-index:5;}
.sidebar ul.help_content_sidebar li.color5{background:#c398cb;z-index:5;}
.sidebar ul.help_content_sidebar li.color6{background:#d8616d;z-index:5;}

.sidebar ul.help_content_sidebar li ul.children{display:none; margin:0px 0 0 0;}
.sidebar ul.help_content_sidebar li ul.children li{border-bottom:1px dotted #bdbdbd;padding:0;background:#FFF;}
.sidebar ul.help_content_sidebar li ul.children li:last-child{border-bottom:none}
.sidebar ul.help_content_sidebar li ul.children li:hover{background:#f4f5f5;}
.sidebar ul.help_content_sidebar li ul.children li.current a{font-weight:bold;}
.sidebar ul.help_content_sidebar li ul.children li a{padding:12px 15px 9px;display:block;color:#000;font-weight:normal;line-height:1.3;font-size:95%;background-color:#f6f6f6;}

.sidebar ul.help_content_sidebar li a:hover,
.sidebar ul.help_content_sidebar li ul.children li a:hover{text-decoration:none;}
.sidebar ul.help_content_sidebar li ul.children li a:hover{background-color:#ddd;}

.sidebar ul.help_content_sidebar li ul.children .g_children {display:none;}
.sidebar ul.help_content_sidebar li ul.children .g_children li a{padding:12px 15px 9px 35px;background-color:#fff;}
.sidebar ul.help_content_sidebar li ul.children .g_children li a:hover{background-color:#ddd;}
.sidebar ul.help_content_sidebar li ul.children .g_children li:before {
	content:'∟';
	position: absolute;
	color: #999;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.sidebar ul.help_content_sidebar li ul.children li a.toggle {padding:12px 40px 9px 15px;}

.sidebar ul.help_content_sidebar li.color1 ul.children li a{border-left:5px solid #9bcd14;}
.sidebar ul.help_content_sidebar li.color2 ul.children li a{border-left:5px solid #6896ee;}
.sidebar ul.help_content_sidebar li.color3 ul.children li a{border-left:5px solid #52b1b0;}
.sidebar ul.help_content_sidebar li.color4 ul.children li a{border-left:5px solid #e9ac49;}
.sidebar ul.help_content_sidebar li.color5 ul.children li a{border-left:5px solid #c398cb;}
.sidebar ul.help_content_sidebar li.color6 ul.children li a{border-left:5px solid #d8616d;}

@media screen and (max-width: 979px) {
	.sidebar ul.help_content_sidebar{margin-bottom:20px;}
	.sidebar ul.help_content_sidebar li ul.children li a{padding:10px 14px 10px;}
}
@media screen and (max-width: 739px) {
	.sidebar ul.help_content_sidebar{font-size:90%;}
	.sidebar ul.help_content_sidebar li ul.children li{border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
	.sidebar ul.help_content_sidebar li ul.children li a{padding:8px 16px 8px;display:block;color:#000;font-weight:normal;line-height:1.3;font-size:95%;background:none;}
}


/*-------------------------------------------------
 sidebar　バナー
-------------------------------------------------*/
.sidebar ul.sidebanner{}
.sidebar ul.sidebanner li{margin-bottom:20px;text-align:center;}
.sidebar ul.sidebanner li:last-child{margin-bottom:0;}

@media screen and (max-width: 979px) {
	.sidebar ul.sidebanner{width:180px;}
	.sidebar ul.sidebanner li img{width:180px;}
	.sidebar ul.sidebanner li{margin-bottom:10px;max-width:32%;}
}
@media screen and (max-width: 739px) {
	.sidebar ul.PC.sidebanner{display:none;}
	.sidebar ul.SP.sidebanner{width:100%;display:flex;display: -webkit-flex;justify-content: space-between; -webkit-justify-content: space-between;}
	.sidebar ul.SP.sidebanner li{margin-right:5px;}
	.sidebar ul.SP.sidebanner li:last-child{margin-right:0;}
}


/*-------------------------------------------------
 sidebar　contact
-------------------------------------------------*/
.sidebar .contact{border:1px solid #c1c1c1;padding:20px;text-align:center;margin-bottom:20px;background:#fff;}
.sidebar .contact h3{font-weight:bold;font-size:120%;margin:0 0 10px 0;}
.sidebar .contact p{font-size:90%;margin:0 0 10px 0;}
.sidebar .contact p.button{
	line-height:1;
	border:3px solid #53585d;
	font-weight:bold;
	font-size:100%;
	text-align:center;
	padding:3px 0;
	width:220px;
	margin:0;
	text-align:center;
	}
.sidebar .contact p.button a{color:#53585d;display:block;height:100%;padding:12px 0 10px 0;box-sizing:border-box;}
.sidebar .contact p.button a img{vertical-align:bottom;}
.sidebar .contact p.button:hover{background:#53585d;}
.sidebar .contact p.button:hover a{color:#FFF;text-decoration:none;}
.sidebar .contact p.number{width:74%;margin:20px auto 0;}

@media screen and (max-width: 979px) {
	.sidebar .contact{padding:15px 10px 10px;}
	.sidebar .contact h3{margin:0 0 10px 0!important;}
	.sidebar .contact p.button{margin:0 auto 10px auto;width:150px;}
	.sidebar .contact p.icon{width:90px;text-align:center;margin:0 auto 20px;}
	.sidebar .contact p.icon img{width:100%;}
	.sidebar .contact p.icon2{width:45px;text-align:center;margin:0 auto 0px;}
	.sidebar .contact p.icon img{width:100%;}
	.sidebar .contact p.number{margin:0 auto;width:90%;}
}

@media screen and (max-width: 739px) {
	.sidebar .contact{}
	.sidebar .contact p,
	.sidebar .contact h3{margin:0 0 10px 0;}
	.sidebar .contact p.button{margin:0 auto 10px auto;width:180px;}
	.sidebar .contact p.number img{width:70%;max-width:220px;}
	.sidebar .contact p.icon img{width:70%;max-width:98px;}
	.sidebar .contact p.icon2 img{width:70%;max-width:41px;}
	.sidebar .contact p.button a{padding:7px 0;}
}