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

.content .mainContent{
	width: 74.5%;
	float: left;
}
.content .rightNav{
	width: 22.0%;
	float: right;
	margin-top: 60px;
}

.rightNav p{/*--agt_add--*/
    border-top: 2px solid #666;
}
.rightNav p a{/*--agt_add--*/
    color: #666;
    font-weight: bold;
    padding: 15px 0 0 15px;
    display: block;
}
.rightNav p a:hover{/*--agt_add--*/
	color: #4D9FEB;
	text-decoration: none;
}
/* ------ Side Nav -------------------------------- */

.content .rightNav ul.side_menu li span{
	padding: 12px 0 12px 15px;
	color: #666;
	font-size: 14px;
	display: block;
}
.content .rightNav ul.side_menu li span:hover{
	padding: 12px 0 12px 14px;
	color: #4D9FEB;
}
.content .rightNav ul.side_menu li a{
	padding: 8px 0 8px 15px; /* 12px 0 12px 15px */
	color: #666;
	font-size: 14px;
	display: block;
}
.content .rightNav ul.side_menu li a:hover{
	padding: 8px 0 8px 14px; /* 12px 0 12px 14px */
	border-left: #4D9FEB solid 1px;
	text-decoration: none;
	color: #4D9FEB;
}
.content .rightNav ul.side_menu li a.active{
	padding: 8px 0 8px 39px; /* 12px 0 12px 39px */
	border-left: #4D9FEB solid 1px;
	color: #4D9FEB;
}
.content .rightNav ul.side_menu li a.active:hover{
	padding: 8px 0 8px 39px; /* 12px 0 12px 39px */
	border-left: #4D9FEB solid 1px;
}

/* ike 160707 move cloud.css  */
.content .rightNav ul.side_menu li ul li a:hover{
	padding: 10px 0 10px 39px;
	color: #4D9FEB;
}
.content .rightNav ul.side_menu_pattern li a.active{
	padding: 18px 0 18px 14px;
	border-left: #4D9FEB solid 1px;
	color: #4D9FEB;
}
.content .rightNav ul.side_menu_pattern li a.active:hover{
	padding: 18px 0 18px 14px;
	border-left: #4D9FEB solid 1px;
}



.content .rightNav ul.side_menu li ul{
	display: none;
}
.content .rightNav ul.side_menu li ul li a{
	padding: 8px 0 8px 40px;
	font-size: 14px;
	display: block;
}
.content .rightNav ul.side_menu li ul li a:hover{
	padding: 8px 0 8px 39px;
	color: #4D9FEB;
}

@media screen and (max-width: 979px) {
	.content .mainContent{
		width: 100%;
		margin: 0 -230px 0 0;
		float: left;
	}
	.content .mainContent .inner{
		margin: 0 230px 0 0;
	}
	.content .rightNav{
		width: 220px;
		float: right;
		margin-top: 60px;
	}
}

@media screen and (max-width: 739px) {
	.content{
		/* oda 170106 width: 100%; */
		max-width: 980px;
		margin: 0 auto;
	}
	.content .mainContent{
		/* ike 161202 width: 96%; */
		float: none;
		margin: 0 auto;
	}
	.content .mainContent .inner{
		margin: 0;
	}
	.content .rightNav{
		width: 100%;
		float: none;
		margin: 5% 0 0 0;  /* oda updata 170106 5% 10px 0 0 ike update 161202 5% 0 0 0 */
	}
	.content .rightNav ul.side_menu{
		border-top: #eee solid 1px;
	}
	.content .rightNav ul.side_menu li{
		border-bottom: #eee solid 1px;
	}
	.content .rightNav ul.side_menu li span{
		padding: 10px 0 10px 15px;
	}
	.content .rightNav ul.side_menu li a{
		padding: 10px 0 10px 15px;
	}
	.content .rightNav ul.side_menu li span:hover{
		border-left: none;
		padding: 10px 0 10px 15px;
	}
	.content .rightNav ul.side_menu li a:hover{
		border-left: none;
		padding: 10px 0 10px 15px;
	}
	.content .rightNav ul.side_menu li ul li{
		border-bottom: none;
	}
	.content .rightNav ul.side_menu li ul li a:hover{
		padding: 10px 0 10px 40px;
	}
}
/* 161202 ike del .sns_btn_list { padding: 0; } /* add oda 160616 */

 /* ike add 160707 */
.submenu li span { padding: 0 0 0 32px!important; }
.submenu li span.sb02_rdb {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_rdb.svg) no-repeat center left / 25px;}
.submenu li span.sb02_cachedb {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_cachedb.svg) no-repeat center left / 25px;}
.submenu li span.sb02_gcs {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_gcs.svg) no-repeat center left / 25px;}
	.submenu li span.sb02_backup {
		background: url(/sevice_shared/img/svg/cloud/icn_cloud_backup.svg) no-repeat center left / 25px;}
.submenu li span.sb02_cdn {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_cdn.svg) no-repeat center left / 25px;}
.submenu li span.sb02_dns {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_dns.svg) no-repeat center left / 25px;}
.submenu li span.sb02_gslb {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_gslb.svg) no-repeat center left / 25px;}
.submenu li span.sb02_cnc {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_cnc.svg) no-repeat center left / 25px;}
.submenu li span.sb02_metal {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_baremetal.svg) no-repeat center left / 25px;}
.submenu li span.sb02_private {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_private.svg) no-repeat center left / 25px;}
.submenu li span.sb02_ilb {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_ilb.svg) no-repeat center left / 25px;}
.submenu li span.sb02_connect {
	background: url(/sevice_shared/img/svg/cloud/icn_cloud_connect.svg) no-repeat center left / 25px;}
.submenu li span.sb02_mackerel {
	background: url(/sevice_shared/img/cloud/spec/icon_app01.png) center left no-repeat; background-size: 26px 20px; }
.submenu li span.sb02_push {
	background: url(/sevice_shared/img/cloud/spec/icon_app02.png) center left no-repeat; background-size: 26px 20px; }
.submenu li span.sb02_send {
	background: url(/sevice_shared/img/cloud/spec/icon_app03.png) center left no-repeat; background-size: 26px 20px; }
.submenu li span.sb02_autobahn {
	background: url(/sevice_shared/img/cloud/autobahn/logo_autobahn.svg) center left no-repeat; background-size: 26px 20px; }
.submenu li span.sb02_beat {
	background: url(/sevice_shared/img/cloud/spec/icon_smartbeat.png) center left no-repeat; background-size: 26px 20px; }
.submenu li span.sb02_container {
	background: url(/sevice_shared/img/svg/container/icn_container.svg) no-repeat 3px 0 / 20px}