@charset "utf-8";

a {
	color: #51a9d3;
}
.lnav {
	margin-top: 30px;
}
/*----------------------------------------------

//配色メモ

//サービス毎の色
IDCFクラウド（idcfcloud） : #4D9FEB
ilb（ilb） : #02905D
CDN（cache） : #1CCC00
DNS・GSLB（dns-gslb） : #FF9B00
プライベートコネクト（connect） : #7763B8
ベアメタルサーバー（baremetal） : #244FA2
セキュリティ（security） : #55C296

//文字色
赤：#FF1D1D;

//hover時の例
:hover {
	opacity: 0.65;
}

//文字詰め
	letter-spacing: -.40em; /* 文字間
	letter-spacing: normal; /* 文字間

//メディアクエリ

// タブレット
@media screen and (max-width: 979px) {
}
// スマホ
@media screen and (max-width: 767px) {
}
//スマホ限定
@media screen and (max-width: 480px) {
}

----------------------------------------------*/


/* 全体
----------------------------------------------*/
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
a:hover img {
	opacity: 1;
}
.simuContent,
.simuContent:before,
.simuContent:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fixed {
		position: fixed;
		top: 0;
		z-index: 1;
}
.spOnly {
	display: none;
}
/*PC、スマホの切り替え*/
@media screen and (max-width: 767px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: inline;
	}
}
/* セクション
----------------------------------------------*/
.simuSection {
	width: 100%;
	padding: 40px 0;

	overflow: hidden;
}
.simuSection.gray {
	background-color: #F4F4F4;
}
/*見出し*/
.simuSection.heading {
	padding: 0;
}
.simuContent {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (max-width: 767px) {
	.simuSection {
		padding: 20px 0;
	}
	.simuContent {
		margin: 0 auto;
		padding: 0 10px;
	}
}
/* 共通ヘッダ
----------------------------------------------*/
header .simu_smenu{
    background: #fff;
    padding: 14px 0;
    height: 39px;
    border-top: 4px solid #4D9FEB;
    border-bottom: 1px solid #999;
}
header .simu_header_area{
    color: #4D9FEB;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
header .simu_header_area #nav{
    position: relative;
    top: 0;
    font-size: 18px;
}

header .simu_header_area #nav .logo{
    width: 100%;
    max-width: 172px;
    position: relative;
}
header .simu_header_area #nav .title{
    padding-top: 8px;
}
header .simu_header_area #nav ul li{
    float: left;
    padding: 0px 10px;
    color: #595656;
}
header .simu_header_area #nav a{
    padding-top: 11px;
    text-decoration: none;
    color: #595656;
	cursor: pointer;
}
header .simu_header_area #nav a:hover {
    color: #4D9FEB;
}
header .simu_header_area #nav a.active {
    color: #4D9FEB;
}
header .simu_header_area .user{
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 16px;
    padding: 0px 10px 0px 0px;
}
header .simu_header_area .user ul li{
	float: left;
}
header .simu_header_area .user a{
    text-decoration: none;
    padding: 10px 15px;
    color: #595656;
}
header .simu_header_area .user a:hover{
    text-decoration: none;
    padding: 10px 15px;
    color: #4D9FEB;
}
header .simu_header_area .user a:active{
    text-decoration: none;
    padding: 10px 15px;
    color: #4D9FEB;
}
header .simu_header_area .user a.start{
    border: #c4c4c4 solid 1px;
    padding: 5px 10px;
}
header .simu_header_area .user a.start:hover{
    border: #4D9FEB solid 1px;
    padding: 5px 10px;
}
header .simu_header_area .user a.start:active{
    border: #4D9FEB solid 1px;
    padding: 5px 10px;
}
header .simu_header_area .border-left{
    border-left: #c4c4c4 solid 1px;
}
@media screen and (max-width: 840px) {
	header .simu_header_area .user{
		position: absolute;
		top: 10px;
		right: 0;
		font-size: 12px;
		padding: 0px 10px 0px 0px;
	}
	header .simu_header_area .user a{
		text-decoration: none;
		padding: 10px 10px;
		color: #595656;
	}
	header .simu_header_area .user a:hover{
		text-decoration: none;
		padding: 10px 10px;
		color: #4D9FEB;
	}
	header .simu_header_area .user a:active{
		text-decoration: none;
		padding: 10px 10px;
		color: #4D9FEB;
	}
}
@media screen and (max-width: 739px) {
header .simu_header_area #nav .title{
    display: block;
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 14px;
    max-width: 240px;
    color: #595656;
    padding: 0px 10px 0px 0px;
}
header .simu_header_area .user{
	display: none;
}
header .simu_header_area #nav .logo{
	width: 100%;
	max-width: 130px;
	position: absolute;
	top: 5px;
}
}
/* 共通フッタ
----------------------------------------------*/
.lnav ul {
    max-width: 1200px !important;
}
footer .info {
    max-width: 1200px !important;
}

/* 見出し
----------------------------------------------*/
/* H1 */
.simuContent h1 {
	font-size: 44px;
	font-size: 4.4rem;
	padding: 50px 0 10px;
}
/* H2 */
.heading2_0,
.heading2_1,
.heading2_2,
.heading2_3 {
	margin: 0 0 40px 0;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
}
.heading2_0:before,
.heading2_1:before,
.heading2_2:before,
.heading2_3:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 1em;
	margin: 0 6px 0 0;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.heading2_0:before {
	background-image: url(/sevice_shared/img/cloud/sim/ico_heading0.png);
}
.heading2_1:before {
	background-image: url(/sevice_shared/img/cloud/sim/ico_heading1.png);
}
.heading2_2:before {
	background-image: url(/sevice_shared/img/cloud/sim/ico_heading2.png);
}
.heading2_3:before {
	background-image: url(/sevice_shared/img/cloud/sim/ico_heading3.png);
}
.heading2_contact {
	/*margin: 0 0 15px 0;
	font-size: 20px;*/
	/*margin: 0 0 40px 0;*/
	margin: 0 0 20px 0;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
}
.heading2_contact:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 1em;
	margin: 0 6px 0 0;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	background-image: url(/sevice_shared/img/cloud/sim/ico_heading3.png);
}
/* H3 */
/**/
.heading3_1 {
	margin: 20px 0;
	font-size: 16px;
	text-align: center;
}
.heading3_1:before {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 25px;
	margin: 1px 6px 0 0;
	vertical-align: middle;
	/*background: url(/sevice_shared/img/cloud/sim/ico_heading2.png) no-repeat center 3px/14px 14px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_heading2.png) no-repeat center 3px;
	background-size: 14px 14px;
}
.heading3_1:before img {
}
@media screen and (max-width: 767px) {
	/* H1 */
	.simuContent h1 {
		font-size: 23px;
		font-size: 2.3rem;
		padding: 30px 0 10px;
	}
	/* H2 */
	.heading2_0,
	.heading2_1,
	.heading2_2,
	.heading2_3 {
		margin: 0 0 15px 0;
		font-size: 18px;
		text-align: center;
	}
	.heading2_0:before,
	.heading2_1:before,
	.heading2_2:before,
	.heading2_3:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 30px;
		margin: 0 4px 0 0;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center 6px;
		background-size: 16px 16px;
	}
	.heading2_contact {
		margin: 0 0 15px 0;
		font-size: 18px;
		text-align: center;
	}
	.heading2_contact:before {
		content: " ";
		display: inline-block;
		width: 16px;
		height: 30px;
		margin: 0 4px 0 0;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center 6px;
		background-size: 16px 16px;
		background-image: url(/sevice_shared/img/cloud/sim/ico_heading3.png);
	}
}

/* テキスト
----------------------------------------------*/
.textAlignR {	/*右寄せ*/
	text-align: right;
}
.textAlignL {	/*左寄せ*/
	text-align: left;
}
.textAlignC {	/*中央寄*/
	text-align: center;
}
.fontColorRed {	/*赤字*/
	color: #FF1D1D !important;
}
.text_intro {
	font-size: 16.5px;
	margin-bottom: 60px;
}
/*注釈*/
.notesBox {
	margin-top: 10px;
}
.notesBox > .notes:last-child {
	margin-bottom: 0;
}
.notes{
	font-size: 12px;
	padding-left: 1em;
	margin-bottom: 2px;
	text-indent: -1em;
	color: #636363;
	line-height: 1.5;
}
.notes.plw{
	padding-left: 1.8em;
}
.notes:before{
	content: "※";
}
.notesBox .unitPrice {
	margin-left: 0 !important;
}
/*注釈：赤*/
.notesRedBox {
	margin-top: 10px;
}
.notesRedBox > .notes:last-child {
	margin-bottom: 0;
}
.notesRed {
	color: #FF1D1D;
	font-size: 14px;
	padding-left: 1em;
	margin-bottom: 2px;
	text-indent: -1em;
	line-height: 1.5;
}
.notesRed:before{
	content: "※";
}
/*カスタマイズ画面：説明*/
.description {
	font-size: 12px;
}
/*カスタマイズ画面：スペック（強調）*/
.specText1 {
	font-size: 16px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.text_intro {
		font-size: 14px;
		margin-bottom: 40px;
	}
	/*注釈*/
	.notes{
		font-size: 10px;
	}
	/*注釈：赤*/
	.notesRed {
		font-size: 12px;
	}
	/*カスタマイズ画面：説明*/
	.description {
		font-size: 10px;
	}
	/*カスタマイズ画面：スペック（強調）*/
	.specText1 {
		font-size: 14px;
		font-weight: bold;
	}
}
/*必須*/
.simuRequired {
	display: inline-block;
	margin-left: 1em;
	padding: 5px 5px;

	color: #fff;
	font-size: 11px;

	line-height: 1;
	vertical-align: middle;

	background-color: #33cdff;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


/*キャンペーンアナウンス欄*/
.simCp {
	box-sizing: border-box;
	width: 80%;
	padding: 15px;
	border: 2px solid #ff9800;
	font-size: 16px;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px){
	.simCp { 
		width: 96%;
		padding: 10px 20px;
		font-size: 14px;
		font-size: 1.4rem; }
}
/* ボタン類
----------------------------------------------*/
.btnArea,
.btnAreaIntro,
.btnAreaScene,
.btnAreaScale,
.btnAreaConv {
	margin: 0 auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	letter-spacing: -.40em; /* 文字間 */
}
/* 導入部分 */
.btnAreaIntro {
	max-width: 980px;
	text-align: center;
}
.btnAreaIntro > ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.btnIntro {
	position: relative;
	display: inline-block;
	width: 47%;
	padding-bottom: 4px;

	vertical-align: top;

	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	letter-spacing: normal; /* 文字間 */

	cursor: pointer;
}
.android .btnIntro {	/*android標準ブラウザ対応*/
	width: 46.5%;
}
.btnIntro a, .btnIntro .plan_disabled {
	display: block;
	padding: 18px 20px;
	color: #FFF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btnIntro h3 {
	margin-bottom: 10px;

	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.btnIntro img {
	display: block;
	max-width: 198px;
	margin: 0 auto 14px;
}
.btnIntro p {
	display: block;
	width: 100%;
	max-width: 348px;
	margin: 0 auto;
	font-size: 17px;
	text-align: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnIntro .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;

	background-color: rgba(0,0,0,0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	opacity: 0;
	transition: 0.3s;
}
.btnIntro a:hover .overlay {
	opacity: 1;
}
.btnIntro .overlay span {
	position: relative;
	top: 47%;
	padding-right: 16px;

	background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 6px right 0px/10px 17px;

}
.btnIntro a:hover {
	text-decoration: none;
}
.btnIntro a:hover .overlay {
	top: 0;
}
.btnIntro.quick a, .btnIntro.quick .plan_disabled {
	background-color: #FF9800;

	-webkit-box-shadow: 0 4px 0 0 #EF6C00;
	-moz-box-shadow: 0 4px 0 0 #EF6C00;
	box-shadow: 0 4px 0 0 #EF6C00;
}
.btnIntro.quick .plan_disabled {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
    cursor: not-allowed;
    height: 100%;
    box-sizing: border-box;
}
.btnIntro.customize a {
	background-color: #2A9EF4;
	-webkit-box-shadow: 0 4px 0 0 #0078BA;
	-moz-box-shadow: 0 4px 0 0 #0078BA;
	box-shadow: 0 4px 0 0 #0078BA;
    height: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.btnAreaIntro {
		max-width: 640px;
	}
    .btnAreaIntro > ul {
        display: block;
    }
	.btnIntro {
		width: 100%;
		margin: 0 auto 4px;
		padding-bottom: 4px;
		text-align: center;
	}
	.android .btnIntro {	/*android標準ブラウザ対応*/
		width: 100%;
	}
	.btnIntro a {
		display: block;
		padding: 12px 16px 6px;
		color: #FFF;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.btnIntro h3 {
		margin-bottom: 6px;

		font-size: 18px;
	}
	.btnIntro img {
		float: right;
		display: block;
		max-width: 120px;
		margin: 0 auto 14px;
	}
	.btnIntro p {
		float: left;
		display: inline-block;
		width: 100%;
		max-width: 100%;
		max-width: auto;
		max-width: initial;
		margin-right: -130px;
		padding-right: 130px;
		font-size: 14px;
		text-align: left;
	}
	.btnIntro .overlay {
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	.btnIntro .overlay span {
		position: relative;
		top: 42%;
		padding-right: 14px;

		font-size: 18px;

		background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 4px right 0px/8px 15px;
	}
	.btnIntro.quick {
		margin-right: 6%;
	}
    .btnIntro.quick .plan_disabled {
        overflow: auto;
    }
	.btnIntro.customize {
		margin-top: 6px;
	}
}

/* 利用シーン選択 */
.btnAreaSceneWrapper {
	max-width: 980px;
	margin: 0 auto;

	letter-spacing: -.40em; /* 文字間 */
}
.btnAreaScene {
	display: inline-block;
	width: 49.1%;
	max-width: 482px;
	margin: 0 1.8% 17.5px 0;
}
.android .btnAreaScene {	/*android標準ブラウザ対応*/
	width: 48.5%;
}
.btnAreaScene.adjustPc {
	margin-right: 0;
}
.btnAreaScene:last-of-type {
	margin-bottom: 0;
}
.btnScene {
	position: relative;
	display: inline-block;
	width: 48.0%;
	margin-right:4.0%;

	vertical-align: top;

	cursor: pointer;
	letter-spacing: normal; /* 文字間 */
}
.android .btnScene {	/*android標準ブラウザ対応*/
	width: 47.5%;
}
.btnScene .inner {
	position: relative;
	height: 100%;
	padding: 20px 2px 18px;
	border: 1px solid #C4C4C4;
	background-color: #fff;

	font-size: 14px;
	text-align: center;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	z-index: 0;
}
.btnAreaScene > div:nth-of-type(2n) {
	margin-right: 0;
}
.btnScene .inner .overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;

	box-shadow: 0 0 0 2px #EF9E3F inset;

	border: 1px solid #EF9E3F;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.btnScene.active .inner {
}
.btnScene .inner:hover .overlay,
.btnScene.active .inner .overlay {
	opacity: 1;
}
/*.btnScene.active:after {*/
.btnScene .balloon {
	position: absolute;
	bottom: 2px;
	left: 50%;
	margin-left: -3.25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 12px 6.5px 0 6.5px;
	border-color: #EF9E3F transparent transparent transparent;

	z-index: -1;

	transition: 0.3s;
}
.btnScene.active .balloon {
	bottom: -12px;
}
.btnScene img {
	width: 90%;
	max-width: 60px;
	height: auto;
	margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
	.btnAreaSceneWrapper {
		margin-top: -10px;
	}
	.btnAreaScene {
		display: inline-block;
		width: 100%;
		max-width: 100%;
		max-width: auto;
		max-width: initial;
		margin: 0 auto;
	}
	.android .btnAreaScene {	/*android標準ブラウザ対応*/
		width: 100%;
	}
	.btnScene {
		width: 49.0%;
		margin-right: 1.6%;
		padding: 10px 0 0;

		font-size: 12px;
	}
	.android .btnScene {	/*android標準ブラウザ対応*/
		width: 48.5%;
	}
	.btnScene .inner {
	}
	.btnScene .balloon {
	}
	.btnScene img {
		max-width: 48px;
		margin-bottom: 6px;
	}
}
/* 規模選択 */
.btnAreaScale {
	margin: 0 -500% 40px;
	padding: 0 500% 40px;
	margin-top: -6px;

	background-color: #F4F4F4;
}
.btnAreaScale .heading2_2 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 40px;
	padding: 40px 0 0;

	letter-spacing: normal; /* 文字間 */
}
.btnAreaScale ul {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.btnAreaScale li {
	position: relative;
	display: inline-block;
	width: 32.33%;
	margin-right: 1.50%;


	letter-spacing: normal; /* 文字間 */
}
.android .btnAreaScale li {	/*android標準ブラウザ対応*/
	width: 32.0%;
}
.btnAreaScale li:last-child {
	margin-right: 0;
}
.btnAreaScale li a {
	position: relative;
	display: block;
	padding: 18px 15px 16px;
	border: 1px solid #C4C4C4;
	background-color: #fff;

	overflow: hidden;

	color: #333;
	font-size: 13px;
	text-align: left;
	font-weight: bold;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnAreaScale li a:hover {
	margin: 0;
	text-decoration: none;
}
.btnAreaScale li a .scaleText {
	position: relative;
	font-size: 16px;
	z-index: 1;
}
.btnAreaScale li a .priceText {
	position: relative;
	z-index: 1;
}
.btnAreaScale li a .priceText .price {
	margin-left: 5px;
	color: #FF1D1D;
	font-size: 24px;
	font-weight: normal;
}
.btnAreaScale li a .priceText .price .unit {
	font-size: 17px;
}
.btnAreaScale li a .ico {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 66px;
	margin-top: -33px;
}
.btnAreaScale li a .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	font-size: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;

	background-color: rgba(0,0,0,0.5);

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.btnAreaScale li a:hover .overlay {
	opacity: 1;
}
.btnAreaScale li a .overlay span {
	position: relative;
	top: 36%;
	padding-right: 16px;
	color: #FFF;
	font-size: 18px;

	background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 4px right 0px/8px 15px;
}
.btnAreaScale li a:hover .overlay {
	top: 0;
}
@media screen and (max-width: 767px) {
	.btnAreaScale {
		margin-top: 12px;
		margin-bottom: 10px;
		padding-bottom: 20px;
	}
	.btnAreaScale .heading2_2 {
		margin: 0 auto 8px;
		padding: 20px 0 0;
	}
	.btnAreaScale li {
		position: relative;
		display: inline-block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.android .btnAreaScale li {	/*android標準ブラウザ対応*/
		width: 100%;
	}
	.btnAreaScale li a {
		padding: 10px 12px 6px;
	}
	.btnAreaScale li a .scaleText {
		font-size: 14px;
	}
	.btnAreaScale li a .priceText .price {
		margin-left: 5px;
		font-size: 20px;
	}
	.btnAreaScale li a .priceText .price .unit {
		font-size: 13px;
	}
	.btnAreaScale li a .ico {
		right: 12px;
		width: 50px;
		margin-top: -25px;
	}
	.btnAreaScale li a .overlay span {
		top: 25%;
		padding-right: 12px;
		font-size: 14px;

		background: url(/sevice_shared/img/cloud/sim/ico_btn_ya.png) no-repeat top 4px right 0px/6px 12px;
	}
}

/* 規模選択（詳細画面） */
.simuNavScale_details {
	padding: 0 10px;

	letter-spacing: -.40em; /* 文字間 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuNavScale_details .heading3_1 {
	margin: 0 0 12px;
	padding: 10px 0 0;
	border-top: 1px solid #F4F4F4;

	letter-spacing: normal; /* 文字間 */
}
.simuNavScale_details ul {
	width: 100%;

	text-align: center;
}
.simuNavScale_details li {
	position: relative;
	display: inline-block;
	width: 32.0%;
	margin-right: 1.5%;
	vertical-align: top;

	text-align: left;

	letter-spacing: normal; /* 文字間 */
}
.simuNavScale_details li:last-child {
	margin-right: 0;
}
.simuNavScale_details li a,
.simuNavScale_details li > span {
	position: relative;
	display: block;
	margin:	2px;
	padding: 14px 35px 12px 10px;
	border: 1px solid #C4C4C4;
	background-color: #fff;

	color: #333;
	font-size: 13px;
	text-align: left;
	font-weight: bold;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.simuNavScale_details li a:hover {
	text-decoration: none;
}
.simuNavScale_details li a .overlay,
.simuNavScale_details li > span .overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;

	box-shadow: 0 0 0 2px #EF9E3F inset;

	border: 1px solid #EF9E3F;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	z-index: 2;
}
.simuNavScale_details li a .overlay {
	opacity: 0;

	transition: 0.3s;
}
.simuNavScale_details li a:hover .overlay {
	opacity: 1;
}
.simuNavScale_details li .scaleText {
	position: relative;
	z-index: 1;
}
.simuNavScale_details li .ico {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	margin-top: -15px;
}
@media screen and (max-width: 767px) {
	.simuNavScale_details {
		padding: 0 10px;
	}
	.simuNavScale_details .heading3_1 {
		margin: 0 0 12px;
		padding: 10px 0 0;
	}
	.simuNavScale_details ul {
		width: 100%;
	}
	.simuNavScale_details li .scaleText {
	}
	.simuNavScale_details li .ico {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 30px;
		margin-top: -15px;
	}
}
@media screen and (max-width: 480px) {
	.simuNavScale_details li a,
	.simuNavScale_details li > span {
		padding: 6px 8px 6px 8px;
	}
	.simuNavScale_details li .ico {
		display: block;
		position: static;
		top: 0;
		right: auto;
		width: 30px;
		margin: 3px auto 0;
	}
}

/* お見積書をつくる/お問い合せ/保存する/プランを調整する/メールで送る */
.btnQuotation,
.btnContact,
.btnSave,
.btnCustom,
.btnSendMail {
	position: relative;
	display: table;
	height: 48px;
	font-size: 17px;
	font-weight: bold;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	overflow: hidden;

}
.btnQuotation .overlay,
.btnContact .overlay,
.btnSave .overlay,
.btnCustom .overlay,
.btnSendMail .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 2;
	transition: 0.3s;
	cursor: pointer;
}
.btnQuotation:hover,
.btnContact:hover,
.btnSave:hover,
.btnCustom:hover,
.btnSendMail:hover {
	text-decoration: none;
}
.btnQuotation:hover .overlay,
.btnContact:hover .overlay,
.btnSave:hover .overlay,
.btnCustom:hover .overlay,
.btnSendMail:hover .overlay {
	opacity: 1;
}

.btnQuotation .ico,
.btnContact .ico,
.btnSave .ico,
.btnCustom .ico,
.btnSendMail .ico {
	display: table-cell;
	width: 48px;
	text-align: center;
	vertical-align: middle;
}
.btnQuotation .ico img,
.btnContact .ico img,
.btnSave .ico img,
.btnCustom .ico img,
.btnSendMail .ico img {
	width: 24px;
}
.btnQuotation .btnText,
.btnContact .btnText,
.btnSave .btnText,
.btnCustom .btnText,
.btnSendMail .btnText {
	display: table-cell;
	padding: 0 15px 0 15px;
	text-align: left;
	line-height: 1.2;
	vertical-align: middle;
}
/* お見積書をつくる */
.btnQuotation {
	color: #FFF;
	background-color: #4D9FEB;
}
.btnQuotation:hover {
	color: #FFF;
}
.btnQuotation .ico {
	background-color: #2E89CE;
}
/* お問い合せ */
.btnContact {
	color: #FFF;
	background-color: #FF9933;
}
.btnContact:hover {
	color: #FFF;
}
.btnContact .ico {
	background-color: #E58128;
}
/* カスタマイズ */
.btnCustom {
	color: #333;
	background-color: #FFF;
}
.btnCustom:hover {
	color: #333;
}
.btnCustom .ico {
	background-color: #D8D8D8;
}
.btnCustom .btnText {
	border: 4px solid #D8D8D8;
	border-left: none;
}
/* 保存する */
.btnSave {
	color: #333;
	background-color: #FFF;
}
.btnSave:hover {
	color: #333;
}
.btnSave .ico {
	background-color: #D8D8D8;
}
.btnSave .btnText {
	border: 4px solid #D8D8D8;
	border-left: none;
}
/* メールで贈る */
.btnSendMail {
	color: #333;
	background-color: #FFF;
}
.btnSendMail:hover {
	color: #333;
}
.btnSendMail .ico {
	background-color: #D8D8D8;
}
.btnSendMail .btnText {
	border: 4px solid #D8D8D8;
	border-left: none;
}
/* 下部ボタンエリア */
.btnAreaConv ul {
	width: 100%;
	max-width: 896px;
	margin: 0 auto;
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	letter-spacing: -.40em; /* 文字間 */
}
.btnAreaConv li {
	position: relative;
	display: inline-block;

	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	overflow: hidden;

}
.btnAreaConv li:last-child {
	margin-right: 0;
}
.btnAreaConv .btnQuotation,
.btnAreaConv .btnContact,
.btnAreaConv .btnSave,
.btnAreaConv .btnCustom {
	height: 60px;
	width: 100%;
	/*max-width: 278px;*/
}
.btnAreaConv .btnQuotation .ico,
.btnAreaConv .btnContact .ico,
.btnAreaConv .btnSave .ico,
.btnAreaConv .btnCustom .ico {
	width: 60px;
}
@media screen and (max-width: 767px) {
	.btnAreaConv li {
	}
}
@media screen and (max-width: 640px) {
	.btnAreaConv ul {
	}
	.btnAreaConv li {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 0;
	}
}


/* 戻るボタン	*/
.btnAreaBack {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnBack {
	display: inline-block;
	width: 100%;
	max-width: 325px;
	padding: 12px 30px 10px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnBack_ya.png) no-repeat center left 8px/11px 19px #AAA;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnBack_ya.png) no-repeat 8px center #AAA;
	background-size: 11px 19px;

	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.btnBack:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.btnBack {
		width: auto;
		max-width: auto;
		max-width: initial;
		padding: 10px 20px 8px 30px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnBack_ya.png) no-repeat center left 8px/9px 16px #AAA;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnBack_ya.png) no-repeat 8px center #AAA;
		background-size: 9px 16px;
	}

}
/* 見積り詳細表示ボタン	*/
.btnAreaDispEstimate {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnDispEstimate {
	position: relative;
	display: inline-block;
	padding: 16px 50px 16px 50px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background-color: #ef9e3f;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor: pointer;
	opacity: 1;
	transition: 0.3s;
}
.btnDispEstimate:hover {
	opacity: 0.65;
}
.btnDispEstimate .ico {
	width: 14px;
	margin-right: 5px;
	margin-top: -1px;
	vertical-align: middle;
}

.btnDispEstimate:hover {
	color: #FFF;
	text-decoration: none;
}
.btnDispEstimate .balloon {
	content: " ";
	position: absolute;
	/*bottom: -12px;*/
	bottom: 0;
	left: 50%;
	margin-left: -3.25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 6.5px 0 6.5px;
	border-color: #ef9e3f transparent transparent transparent;

	transition: 0.3s;
}
.btnDispEstimate.active .balloon {
	bottom: -12px;
}
@media screen and (max-width: 767px) {
	.btnDispEstimate {
		padding: 14px 42px;
		/*font-size: 14.4px;*/
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background-color: #ef9e3f;
	}
	.btnDispEstimate .balloon {
		margin-left: -3.25px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 12px 6.5px 0 6.5px;
		border-color: #ef9e3f transparent transparent transparent;
	}
	.btnDispEstimate .ico {
		width: 14px;
	}


}
/* 閉じるボタン */
.btnClose {
	display: inline-block;
	padding: 11px 16px 8px 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnClose.png) no-repeat center left 14px/14px 14px #AAA;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnClose.png) no-repeat center left 14px #AAA;
	background-size: 14px 14px;

	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	opacity: 1;
	transition: 0.3s;
}
.btnClose:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.btnClose {
		padding: 11px 14px 8px 32px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnClose.png) no-repeat center left 12px/12px 12px #AAA;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnClose.png) no-repeat center left 12px #AAA;
		background-size: 12px 12px;
	}

}

/* 見積り詳細（閉じるボタン、カスタマイズボタン） */
.btnAreaEstimateDetails {
	margin-top: 10px;
	margin-bottom: -10px;

	text-align: right;
	letter-spacing: -.40em; /* 文字間 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btnAreaEstimateDetails ul {
}
.btnAreaEstimateDetails li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;

	vertical-align: top;
	letter-spacing: normal; /* 文字間 */
}
.btnAreaEstimateDetails li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}
.btnAreaEstimateDetails .btnCustom {
	font-size: 14px;
	height: 42px;
	line-height: 1.2;
}
.btnAreaEstimateDetails .btnCustom .ico {
	width: 42px;
}
.btnAreaEstimateDetails .btnCustom .ico img {
	width: 16px;
}
@media screen and (max-width: 767px) {
}
/* 構成を変更ボタン */
.btnServer {
	display: inline-block;
	padding: 12px 12px 10px 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat center left 10px/20px 20px #4D9FEB;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat 10px center #4D9FEB;
	background-size: 20px 20px;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.btnServer:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.btnServer {
		padding: 11px 14px 8px 32px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat center left 8px/16px 16px #4D9FEB;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat 8px center #4D9FEB;
		background-size: 16px 16px;
	}

}
/* 仮想マシンを追加ボタン */
.btnAreaAddServer {
}
.btnAddServer {
	display: inline-block;
	padding: 12px 16px 10px 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat center left 14px/14px 14px #4D9FEB;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat 14px center #4D9FEB;
	background-size: 14px 14px;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.btnAddServer:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.btnAddServer {
		padding: 11px 14px 8px 32px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat center left 12px/12px 12px #4D9FEB;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat 12px center #4D9FEB;
		background-size: 12px 12px;
	}

}
/* 構成を変更ボタン(RDB・GCS) */
.RdbbtnServer,
.GcsbtnBucket {
	display: inline-block;
	padding: 12px 12px 10px 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat center left 10px/20px 20px #4D9FEB;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat 10px center #4D9FEB;
	background-size: 20px 20px;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.RdbbtnServer:hover,
.GcsbtnBucket:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.RdbbtnServer {
		padding: 11px 14px 8px 32px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat center left 8px/16px 16px #4D9FEB;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnServer.png) no-repeat 8px center #4D9FEB;
		background-size: 16px 16px;
	}

}
/* 仮想マシンを追加ボタン(RDB) */
.btnAreaAddRdbServer {
}
.btnAddRdbServer,
.btnAddGcsBucket {
	display: inline-block;
	padding: 12px 16px 10px 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	/*background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat center left 14px/14px 14px #4D9FEB;*/
	background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat 14px center #4D9FEB;
	background-size: 14px 14px;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.btnAddRdbServer:hover,
.btnAddGcsBucket:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
@media screen and (max-width: 767px) {
	.btnAddRdbServer,
	.btnAddGcsBucket {
		padding: 11px 14px 8px 32px;
		font-size: 14px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat center left 12px/12px 12px #4D9FEB;*/
		background: url(/sevice_shared/img/cloud/sim/ico_btnAddServer.png) no-repeat 12px center #4D9FEB;
		background-size: 12px 12px;
	}

}
/* モーダルボタン */
.modalBtnArea .btnModal {
	margin-right: 15px;
}
.modalBtnArea .btnModal:last-child {
	margin-right: 0;
}
.btnModal {
	display: inline-block;
	padding: 15px 30px 13px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */


	background-color: #4D9FEB;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	opacity: 1;
	transition: 0.3s;
}
.btnModal:hover {
	opacity: 0.65;
}
.btnModal.btnW210 {
	min-width: 210px;
}
.modalBtnArea.noLine .btnModal {	/*並べない時*/
	display: block;
	margin: 0 auto 10px;
}
.modalBtnArea.noLine .btnModal:last-child {
	margin-bottom: 0;
}
.modalBtnArea.noLine .btnModal.btnW210 {
	width: 80%;
	max-width: 300px;
}
.modalBtnArea.small .btnModal {	/*小さいボタン（お見積り書発行）*/
	padding-right: 20px;
	padding-left: 20px;
}
.modalBtnArea.small .btnModal.btnW210 {
	width: 80%;
	max-width: 140px;
	min-width: auto;
	min-width: initial;
}

.btnModal:hover {
	color: #FFF;
	text-decoration: none;
	/*opacity: 0.65;*/
}
@media screen and (max-width: 767px) {
	.btnModal {
		padding: 13px 15px 10px;
		font-size: 14px;
	}
	.btnModal.btnW210 {
		min-width: 160px;
	}
}
@media screen and (max-width: 480px) {
	.btnModal.btnW210 {
		display: block;
		width: 160px;
		margin: 0 auto;
	}
	.modalBtnArea .btnModal {
		margin-right: auto;
		margin-bottom: 10px;
	}
	.modalBtnArea .btnModal:last-child {
		margin-right: auto;
		margin-bottom: 0;
	}
	.modalBtnArea.small .btnModal.btnW210 {
		display: inline-block;
		width: 80%;
		margin: 0 10px;
		max-width: 100px;
		min-width: auto;
		min-width: initial;
	}
}
/* お問い合せ */
.btnForm {
	display: inline-block;
	padding: 20px 100px 18px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;

	border-style: none;

	line-height: 1.2;
	letter-spacing: normal; /* 文字間 */


	background-color: #4D9FEB;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-appearance: none;

	transition: 0.3s;
}
.btnForm:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
.btnForm[disabled] {
	opacity: 0.5;
}
@media screen and (max-width: 767px) {
	/* お問い合せ */
	.btnForm {
		padding: 16px 70px 14px;
		font-size: 16px;
	}
}

/* フォームのパーツ
----------------------------------------------*/
/*チェックボックス*/
.checkboxBox {
	position: relative;
}
.checkboxBox ul {
}
.checkboxBox li {
	position: relative;
	margin-bottom: 16px;
	padding: 0 0 0 24px;
}
.checkboxBox li:last-child {
	margin-bottom: 0;
}
.checkbox {
	display: none;
}
.checkbox + .checkboxIcon {
	position: absolute;
	top: 0;
	left: 0;
}
.checkbox + .checkboxIcon:before {
	content: " ";
/*	display: inline-block;*/
	display: block;
	width: 18px;
	height: 18px;
}
.checkbox + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_customize.png) no-repeat 0 0/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_customize.png) no-repeat 0 0;
	background-size: 18px 36px;
}
.checkbox:checked + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_customize.png) no-repeat 0 -18px/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_customize.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}
/*ラジオボタン*/
.radioBox ul {
}
.radioBox li {
	position: relative;
}
.radioBox > ul > li {
	margin-bottom: 16px;
	padding: 0 15px 0 24px;
}
.radioBox > ul > li:last-child {
	margin-bottom: 0;
}
.radioBox > ul li > ul li {
	margin-top: 8px;
	padding: 0 15px 0 20px;
}
.radio {
	display: none;
}
.radio + .radioIcon {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
}
.radio + .radioIcon:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	/*background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 0/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 0;
	background-size: 18px 36px;
}
.radio:checked + .radioIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 -18px/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}
.radio + .radioIcon.grayOut:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/sevice_shared/img/cloud/sim/radio_gray.png) no-repeat 0 0;
	background-size: 18px 36px;
}
.radio:checked + .radioIcon.grayOut:before {
	background: url(/sevice_shared/img/cloud/sim/radio_gray.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}

.radioBox > ul li > ul li .radio + .radioIcon {
	top: 9px;
	height: 14px;
}
.radioBox > ul li > ul li .radio + .radioIcon:before {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 14px;
	/*background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 0/14px 28px;*/
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 0;
	background-size: 14px 28px;
}
.radioBox > ul li > ul li .radio:checked + .radioIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 -14px/14px 28px;*/
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 -14px;
	background-size: 14px 28px;
}

input[type=radio].radio-onerow {
	display: none;
}
.radio-onerow {
	position: relative;
	padding: 0 20px 0 0;
	height: 18px;
}
label.radio-onerow:after {
	position: absolute;
	height: 18px;
}
label.radio-onerow:before {
	content: " ";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 0;
	background-size: 18px 36px;
}
input[type=radio].radio-onerow:checked + .radio-onerow:before {
	background: url(/sevice_shared/img/cloud/sim/radio.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}
label.radio-onerow .name {
	vertical-align: top;
	margin-top: 2px;
}

@media screen and (max-width: 640px) {
}

/*入力ボックス*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"]  {
	margin-right: 5px;
	padding: 6px 5px;
	border: 1px solid #BFBFBF;

	background-color: #ebf6ff;

	vertical-align: middle;
}
/*disable*/
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled {
	background-color: #ebebe4;
}
/*5桁*/
input[type="text"].w5Digits,
input[type="tel"].w5Digits,
input[type="email"].w5Digits,
input[type="number"].w5Digits {
	width: 55px;
}
/*4桁*/
input[type="text"].w4Digits,
input[type="tel"].w4Digits,
input[type="email"].w4Digits,
input[type="number"].w4Digits {
	width: 50px;
}
/*3桁*/
input[type="text"].w3Digits,
input[type="tel"].w3Digits,
input[type="email"].w3Digits,
input[type="number"].w3Digits {
	width: 40px;
}
/*2桁*/
input[type="text"].w2Digits,
input[type="tel"].w2Digits,
input[type="email"].w2Digits,
input[type="number"].w2Digits {
	width: 35px;
}
/*1桁*/
input[type="text"].w1Digits,
input[type="number"].w1Digits {
	width: 25px;
}
/*7桁*/
input[type="text"].w7Digits,
input[type="tel"].w7Digits,
input[type="email"].w7Digits,
input[type="number"].w7Digits {
	width: 65px;
}
/**/
input[type="text"].disabledDisp1,
input[type="tel"].disabledDisp1,
input[type="email"].disabledDisp1,
input[type="number"].disabledDisp1 {
	color: #333;
	-webkit-text-fill-color: #333;
	border: none;
	background-color: transparent;
}
/*エラー表示*/
input[type="text"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="number"].error {
	border: 2px solid #FF1D1D;
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
	input[type="text"],
	input[type="tel"] ,
	input[type="email"],
	input[type="number"]{
		margin-top: 4px;
		margin-bottom: 4px;
	}
}
/* ブラウザ依存のスピンボタンを削除 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}

/*セレクトボックス*/
.selectBox {
	position: relative;
	display: inline-block;
}
.selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding: 6px 25px 6px 5px;
	border: 1px solid #BFBFBF;

	/*background: url(/sevice_shared/img/cloud/sim/ico_select.png) no-repeat center right 8px/12px 12px #ebf6ff;*/
	background: url(/sevice_shared/img/cloud/sim/ico_select.png) no-repeat center right #ebf6ff;
	background-position: center right 8px;
	background-size: 12px 12px;

	cursor: pointer;
}
select::-ms-expand {	/*IE11対応*/
	display: none;
}
/*テキストエリア*/
textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #BFBFBF;
	background-color: #ebf6ff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*スライダー*/
.sliderBox {
	display: inline-block;
	padding-right: 30px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.sliderText {
	display: inline-block;
}
.is_clickable {
	cursor: hand;
	cursor: pointer;
}
.slider1 {
	display: inline-block;
	position: relative;
	width: 216px;
	height: 6px;
	margin-left: 5px;
	margin-bottom: 5px;

	background: #BFBFBF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	cursor: hand;
	cursor: pointer;
}
.slider1 .leftGrip.gripHighlighted {
	background: #113344;
}
.slider1 .rightGrip.gripHighlighted {
	background: #113344;
}
.slider1 .rightGrip,
.slider1 .leftGrip {
	position: absolute;
	top: -8px;

	width: 16px;
	height: 16px;

	background: #ffffff;
	border: 1px solid #BFBFBF;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);

	z-index: 2;

	transform: translate3d(0, 0, 0);
}
.slider1 .bar {
	position: absolute;
	height: 6px;
	top: 0;

	background: #4D9FEB;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	transform: translate3d(0, 0, 0);
}
.slider1 .highlightPanel {
	position: absolute;
	top: 0;

	height: 20px;

	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	background: #e87722;
}
.slider1 .scale {
	top: 8px;
	position: relative;
}
.slider1 .scale span {
	position: absolute;
	height: 5px;
	border-left: 1px solid #999;
	font-size: 0;
}
.slider1 .scale span:nth-child(1) {
	left: 0%;
}
.slider1 .scale span:nth-child(2) {
	left: 25.2%;
}
.slider1 .scale span:nth-child(3) {
	left: 46.5%;
}
.slider1 .scale span:nth-child(4) {
	left: 68.1%;
}
.slider1 .scale span:nth-child(5) {
	left: 89.4%;
}
.slider1 .scale span:nth-child(6) {
	top: -15px;
	left: 225px;
	width: 3em;
	font-size: 12px;
	border-left: none;
}
.slider1 .scale ins {
	position: absolute;
	left: 0;
	top: 5px;

	margin-left: -8px;

	font-size: 10px;
	text-decoration: none;

	color: #AAA;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.sliderBox {
		padding: 15px 30px 15px 0;
	}
	.slider1 {
		/*display: block;*/
		/*margin-top: 15px;
		margin-top: 25px;*/
		/*margin-bottom: 20px;*/
		/*margin-top: 15px;
		margin-bottom: 15px;*/
	}
}
@media screen and (max-width: 640px) {
	.sliderBox {
		display: block;
	}
}

/* タブ
----------------------------------------------*/
.simuTab {
	position: relative;
	width: 100%;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuTab:after {
	position: absolute;
	content: "";
	width: 100%;
	bottom: 1px;
	left: 0;
	border-bottom: 1px solid #999;
	z-index: 1;
}
.simuTab .simuTabGuide {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.simuTab .simuTabGuide p {
	position: relative;
	display: inline-block;
	width: auto;
	margin-bottom: 10px;
	padding: 15px 15px;
	color: #FFF;
	background: #ea8d81;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	z-index: 1;
}
.simuTab .simuTabGuide p:before {
	content: " ";
	display: block;
	position: absolute;
	bottom: -9px; left: 30px;
	width: 0px;
	height: 0px;
	margin-left: -3px;
	border-style: solid;
	border-width: 11px 5px 0 5px;
	border-color: #ea8d81 transparent transparent transparent;
	z-index: 0;
}
.simuTab ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;

	/*text-align: center;*/

	letter-spacing: -.40em; /* 文字間 */
}
.simuTab li {
	position: relative;
	display: inline-block;
	letter-spacing: normal; /* 文字間 */
	width: 33.11%;
	border: 1px solid #C4C4C4;
	border-bottom: 1px solid #F0F0F0;
	/*border-left: none;*/
	border-right: none;

	background-color: #F0F0F0;

	vertical-align: top;

	z-index: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*.simuTab li:first-child {
	border-left: 1px solid #C4C4C4;
}*/
.simuTab li:nth-last-child(n+1) {
	border-right: 1px solid #C4C4C4;
}
.simuTab li.active {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #FFF;

	background-color: #FFF;

	z-index: 2;
}
.simuTab li .simTabBox {
	width: 100%;
	height: 100%;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuTab li.active .simTabBox {
}
.simuTab li.active .simTabBox:before {
	position: absolute;
	content: "";
	height: 100%;
	top: 0;
	left: -1px;
	border-left: 1px solid #FFF;
	z-index: 1;
}
.simuTab li.active .simTabBox:after {
	position: absolute;
	content: "";
	height: 100%;
	top: 0;
	left: -2px;
	border-left: 1px solid #999;
	z-index: 1;
}
.simuTab .simTabName {
	width: 100%;
	padding: 8px 0 6px;
	border-bottom: 1px solid #D8D8D8;
	font-size: 20px;
	text-align: center;
}
.simuTab li .simTabName .hitArea {
	padding: 0 10px;
	cursor: pointer;

	opacity: 0.65;

	transition: 0.3s;
}
.simuTab li .simTabName .hitArea:hover,
.simuTab li.active .hitArea {
	opacity: 1;
}
.simuTab li.active .simTabName .hitArea {
	cursor: auto;
}
.simuTab li .hitArea {
	cursor: pointer;
	opacity: 0.65;
	transition: 0.3s;
}
.simuTab li .hitArea:hover,
.simuTab li.active .hitArea {
	opacity: 1;
}
.simuTab li.active .hitArea {
	cursor: auto;
}
.simuTab .simTabPrice {
	font-size: 14px;
	text-align: center;
	color: #333;
}
.simuTab .simTabPrice .simTabPriceNum {
	margin-left: 0.2em;
	font-size: 26px;
	font-weight: bold;
	color: #FF1D1D;
}
.simuTab .simTabPrice .simTabPriceUnit {
	font-size: 16px;
	font-weight: bold;
	color: #FF1D1D;
}
.simuTab .simTabDelete {
	position: absolute;
	top: 2px;
	right: 0;
}
.simuTab .simTabDelete .simTabBtnDelete {
	display: block;
	width: 14px;
	height: 14px;
	padding: 14px;

	opacity: 0.65;

	cursor: pointer;

	transition: 0.3s;
}
.simuTab .simTabDelete .simTabBtnDelete:hover {
	opacity: 1;
}
.simuTab .simTabDelete .ico {
	width: 14px;
	height: 14px;
	vertical-align: baseline;
}
.simuTab .simTabAdd {
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px 0;
	font-size: 18px;
	text-align: center;
	color: rgba(51,51,51,.8);

	opacity: 0.65;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.simuTab .simTabAdd:hover {
	opacity: 1;
}

.simuTab .simTabAdd:before {
	display: inline-block;
	content: " ";
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: baseline;
	/*background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center/16px 16px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center;
	background-size: 16px 16px;
}
.simuTab .simTabAdd:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.simuTab {
		padding: 0;
	}
	.simuTab li .simTabBox {
		padding: 0 10px;
	}
	.simuTab .simTabName {
		padding: 8px 0 6px;
		font-size: 16px;
	}
	.simuTab .simTabPrice {
		font-size: 12px;
	}
	.simuTab .simTabPrice .simTabPriceNum {
		margin-left: 0.2em;
		font-size: 20px;
	}
	.simuTab .simTabPrice .simTabPriceUnit {
		font-size: 14px;
	}
	.simuTab .simTabDelete {
		top: 0;
		right: 0;
	}
	.simuTab .simTabDelete .simTabBtnDelete {
		width: 12px;
		height: 12px;
		padding: 12px;
	}
	.simuTab .simTabDelete .ico {
		width: 12px;
		height: 12px;
	}
	.simuTab .simTabAdd {
		padding: 24px 0;
		font-size: 16px;
		text-align: center;
	}
	.simuTab .simTabAdd:before {
		width: 14px;
		height: 14px;
		margin-right: 3px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center/14px 14px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center;
		background-size: 14px 14px;
	}

}
@media screen and (max-width: 570px) {	/*幅調整*/
	.simuTab .simuTabGuide {
	}
	.simuTab .simuTabGuide p {
		padding: 10px 10px;

		font-size: 10px;
	}
	.simuTab .simuTabGuide p:before {
		bottom: -9px;
		left: 15px;
		border-width: 10px 5px 0 5px;
		border-color: #ea8d81 transparent transparent transparent;
	}
	.simuTab li .simTabBox {
		padding: 0 6px;
	}
	.simuTab .simTabName {
		padding: 8px 0 6px;
		font-size: 11px;
		text-align: left;
	}
	.simuTab .simTabPrice {
		padding: 3px 0 2px;
		font-size: 10px;
		text-align: left;
	}
	.simuTab .simTabPrice .heading {
		display: none;
	}
	.simuTab .simTabPrice .simTabPriceNum {
		display: block;
		margin-left: 0;
		margin-top: 0;
		font-size: 14px;
		text-align: right;
		white-space: nowrap;
	}
	.simuTab .simTabPrice .simTabPriceUnit {
		font-size: 10px;
	}
	.simuTab .simTabDelete {
	}
	.simuTab .simTabDelete .simTabBtnDelete {
		padding: 10px;
	}
	.simuTab .simTabDelete .ico {
	}
	.simuTab .simTabAdd {
		padding: 20px 0;
		font-size: 12px;
		text-align: center;
	}
	.simuTab .simTabAdd:before {
		width: 12px;
		height: 12px;
		margin-right: 3px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center/12px 11px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_tab_add.png) no-repeat center center;
		background-size: 12px 11px;
	}

}

/* クイックお見積り：選択
----------------------------------------------*/
.btnScaleWrapper {
	display: none;
}
/* クイックお見積り：詳細
----------------------------------------------*/
.quickDetail {
}
.simuLayoutFrame {
	clear: both;
	overflow: hidden;
}
.simuLayoutFrame .diagram,
.simuLayoutFrame .details {
	float: left;
	display: inline-block;
	width: 50%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuLayoutFrame .diagram {
	padding: 5px 5px 10px;
	border: 1px solid #F4F4F4;
}
.simuLayoutFrame .diagram .diagramImg {
	text-align: center;
}
.simuLayoutFrame .details {
	position: relative;
	padding-left: 30px;
	padding-bottom: 80px;
}
.simuLayoutFrame .details h3 {
	font-size: 20px;
	margin-bottom: 15px;
}
.simuLayoutFrame .details p {
	font-size: 16px;
}
.simuLayoutFrame .detailsTableBox {
	margin-bottom: 30px;
}
.simuLayoutFrame .details .detailsTable {
	width: 100%;

	border: 1px solid #cecece;
	border-collapse: separate;
	border-spacing: 0;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	overflow: hidden;
}
.simuLayoutFrame .details .detailsTable .price {
	width: 30%;
}
.simuLayoutFrame .details .detailsTable .scale {
	width: 28%;
}
.simuLayoutFrame .details .detailsTable th,
.simuLayoutFrame .details .detailsTable td {
	text-align: center;
	border-bottom: 1px solid #cecece;
	border-left: 1px solid #cecece;
}
.simuLayoutFrame .details .detailsTable th:first-child,
.simuLayoutFrame .details .detailsTable td:first-child {
	border-left: none;
}
.simuLayoutFrame .details .detailsTable tr:last-child th,
.simuLayoutFrame .details .detailsTable tr:last-child td {
	border-bottom: none;
}
.simuLayoutFrame .details .detailsTable th {
	padding: 5px 10px;
	font-weight: bold;
	background-color: #EAEAEA;
}
.simuLayoutFrame .details .detailsTable td {
	padding: 10px 10px 8px;
	font-size: 12px;
	vertical-align: middle;
}
.simuLayoutFrame .details .detailsTable th.price {
	color: #FFF;
	background-color: #FFA132;
}
.simuLayoutFrame .details .detailsTable td.price {
	color: #FF1D1D;
	font-size: 16px;
	font-weight: bold;

	background-color: #FFEAD0;
}
.simuLayoutFrame .details .detailsTable td.price .unit {
	font-size: 14px;
}
.simuLayoutFrame .details .detailsTable .icoWrapper {
	text-align: center;
	margin-bottom: 5px;
}
.simuLayoutFrame .details .detailsTable .ico {
	width: 40px;
}
@media screen and (max-width: 767px) {
	.quickDetail {
	}
	.simuLayoutFrame .diagram,
	.simuLayoutFrame .details {
		float: none;
		display: block;
		width: 100%;
	}
	.simuLayoutFrame .diagram {
		margin-bottom: 20px;
		padding-right: 0;
	}
	.simuLayoutFrame .diagram .diagramImg {
	}
	.simuLayoutFrame .diagram .diagramImg img {
		width: 100%;
		max-width: 580px;
	}
	.simuLayoutFrame .details {
		padding-left: 0;
		padding-bottom: 0;
	}
	.simuLayoutFrame .details h3 {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.simuLayoutFrame .details p {
		font-size: 14px;
	}
	.simuLayoutFrame .detailsTableBox {
		margin-bottom: 15px;
	}
	.simuLayoutFrame .details .detailsTable td.price {
		font-size: 14px;
	}
}

/* 見積詳細のギミック
----------------------------------------------*/
/* 見積り詳細表示ボタン	*/
.simuLayoutFrame .details .btnAreaDispEstimate {
	position: absolute;
	bottom: 12px;
}

#estimateDetails {
	display: none;
	padding: 0;
}
#estimateDetails .simuContent .estimateDetailsBox {
	padding: 10px;
	border: 4px solid #BFBFBF;
}
@media screen and (max-width: 767px) {
	.simuLayoutFrame .details .btnAreaDispEstimate {
		position: static;
		bottom: 0;
		padding-bottom: 10px;
		text-align: center;
	}
}

/* 見積詳細（基本テーブル）
----------------------------------------------*/
.simuPriceTable {
	width: 100%;
	font-size: 14px;
	margin-bottom: 0;
}
.simuPriceTableHeadline {
	width: 100%;
	padding: 10px;
	color: #FFF;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*サービス毎の色*/
.simuPriceTableHeadline.idcfcloud {	/*IDCFクラウド*/
	background-color: #4D9FEB;
}
.simuPriceTableHeadline.ilb {	/*ILB*/
	background-color: #02905D;
}
.simuPriceTableHeadline.rdb {	/*RDB*/
	background-color: #194448;
}
.simuPriceTableHeadline.gcs {	/*GCS*/
	background-color: #4486f9;
}
.simuPriceTableHeadline.cache {	/*CDN*/
	background-color: #1CCC00;
}
.simuPriceTableHeadline.dns-gslb {	/*DNS・GSLB*/
	background-color: #FF9B00;
}
.simuPriceTableHeadline.connect {	/*プライベートコネクト*/
	background-color: #7763B8;
}
.simuPriceTableHeadline.baremetal {	/*ベアメタルサーバー*/
	background-color: #244FA2;
}
.simuPriceTableHeadline.security {	/*セキュリティ*/
	background-color: #55C296;
}
.simuPriceTableHeadline.coupon {	/*クーポン*/
	padding-left: 38px;
	/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 9px/22px 22px #F476A9;*/
	background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 9px #F476A9;
	background-size: 22px 22px;
}

.simuPriceTable tr:first-child th,
.simuPriceTable tr:first-child td {
	border-top: none;
}
.simuPriceTable tr:last-child th,
.simuPriceTable tr:last-child td {
	border-bottom: none;
}
.simuPriceTable th,
.simuPriceTable td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	background-color: #FFF;
	border: solid 1px #cecece;
	border-right: none;
}
.simuPriceTable th {
	font-weight: normal;
	border-left: none;
}
.simuPriceTable .ttl {
	width: auto;
	background-color: #EAEAEA;
}
.simuPriceTable .ttl .name,
.simuPriceTable .ttl .config {
	position: relative;
	display: inline-block;
	padding-left: 25px;
}
.simuPriceTable .ttl .name .ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
}
.simuPriceTable .nam {
	width: 90px;
	text-align: right;
}
.simuPriceTable .money {
	width: 130px;
	text-align: right;
}
/* 金額表示 */
.simuPriceTable.totalPrice .ttl {
	background-color: #FFF;
	text-align: right;
}
.simuPriceTable.totalPrice tr:first-child th,
.simuPriceTable.totalPrice tr:first-child td {
	border-top: 1px solid #cecece
}
.simuPriceTable.totalPrice tr:last-child th,
.simuPriceTable.totalPrice tr:last-child td {
	border-bottom: 1px solid #cecece
}
.simuPriceTable.totalPrice .money {
	font-size: 16px;
}
.simuPriceTable.totalPrice .totalPriceTr {
	font-size: 16px;
}
.simuPriceTable.totalPrice .totalPriceTr .money {
	font-size: 18px;
	color: #FF1D1D;
}
/* クーポン表示 */
.simuPriceTable.couponPrice th,
.simuPriceTable.couponPrice td {
	background-color: #FCEDF6;
}
.simuPriceTable.couponPrice tr:last-child th,
.simuPriceTable.couponPrice tr:last-child td {
	border-bottom: 1px solid #cecece
}
.simuPriceTable.couponPrice .money {
}
.simuPriceTable.couponPrice .totalPriceTr .ttl {
	text-align: right;
}
.simuPriceTable.couponPrice .totalPriceTr .money {
	font-size: 18px;
	color: #FF1D1D;
}

@media screen and (max-width: 767px) {
	.simuPriceTable {
		width: 100%;
		font-size: 12px;
		margin-bottom: 0;
	}
	.simuPriceTableHeadline {
		padding: 6px 10px;
	}
	.simuPriceTableHeadline.coupon {	/*クーポン*/
		padding-left: 32px;
		/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 8px 6px/18px 18px #F476A9;*/
		background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 8px 6px #F476A9;
		background-size: 18px 18px;
	}
	.simuPriceTable th,
	.simuPriceTable td {
		padding: 4px 4px;
	}
	.simuPriceTable .ttl .name,
	.simuPriceTable .ttl .config {
		padding-left: 20px;
	}
	.simuPriceTable .ttl .name .ico {
		width: 14px;
		top: 1px;
		left: 2px;
	}
	.simuPriceTable .nam {
		width: 60px;
	}
	.simuPriceTable .money {
		width: 85px;
	}
	/* 金額表示 */
	.simuPriceTable.totalPrice .money {
		font-size: 12px;
	}
	.simuPriceTable.totalPrice .totalPriceTr {
		font-size: 12px;
	}
	.simuPriceTable.totalPrice .totalPriceTr .money {
		font-size: 14px;
	}
	/* 金額表示 */
	.simuPriceTable.couponPrice .money {
		font-size: 12px;
	}
	.simuPriceTable.couponPrice .totalPriceTr {
		font-size: 12px;
	}
	.simuPriceTable.couponPrice .totalPriceTr .money {
		font-size: 14px;
	}
}

/* 合計金額表示
----------------------------------------------*/
.totalPriceBox {
	position: relative;
	margin-bottom: 20px;
	padding: 12px 0;
	background-color: #FFF;

	letter-spacing: -.40em; /* 文字間 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.totalPriceBox:after {
	content: "";
	position: absolute;
	left: 50%; bottom: -19px;
	margin-left: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 12px 0 12px;
	border-color: #FFF transparent transparent transparent;
}
.totalPriceBox .priceBox {
	position: relative;
	display: inline-block;
	width: 57.67%;
	padding: 0 18px;

	vertical-align: top;
	letter-spacing: normal; /* 文字間 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.totalPriceBox .priceBox dl {
	display: table;
	width: 100%;
	margin-top: 8px;
	border-bottom: 1px solid #DDD;

}
.totalPriceBox .priceBox dl dt,
.totalPriceBox .priceBox dl dd {
	display: table-cell;
}
.totalPriceBox .priceBox dl dt {
	font-size: 14px;
}
.totalPriceBox .priceBox dl dd {
	font-size: 24px;
	text-align: right;
}
.totalPriceBox .priceBox dl dd .unit {
	position: relative;
	display: inline-block;
	width: 65px;
	margin-right: -8px;
	font-size: 14px;
	text-align: center;
}
.totalPriceBox .priceBox dl dd .unit .aboutTax {
	position: absolute;
	top: -1em;
	left: 50%;
	margin-left: -2.5em;
	font-size: 11px;
}
/* 初期費用 */
.totalPriceBox .priceBox dl.initialCost dt {
}
.totalPriceBox .priceBox dl.initialCost dd {
}
.totalPriceBox .priceBox dl.initialCost dd .unit {

}
/* 月額合計 */
.totalPriceBox .priceBox dl.totalPrice {
	position: relative;
	bottom: 0;
}
.totalPriceBox .priceBox dl.totalPrice dt {
	font-size: 24px;
}
.totalPriceBox .priceBox dl.totalPrice dd {
	font-size: 42px;
	font-weight: bold;
}
.totalPriceBox .priceBox dl.totalPrice dd .unit {
	font-size: 21px;
}
.totalPriceBox .priceBox dl.totalPrice dd .unit .aboutTax {
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

/*クーポン*/
.totalPriceBox .couponBox {
	display: inline-block;
	width: 42.33%;
	height: 100%;
	padding : 0 10px 0 0;

	vertical-align: top;
	letter-spacing: normal; /* 文字間 */

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.android .totalPriceBox .couponBox {	/*android標準ブラウザ対応*/
	width: 42.0%;
}
.totalPriceBox .couponBox .inner {
	height: 100%;
	background-color: #FCEDF6;
}

.totalPriceBox .couponBox h3 {
	padding: 8px 10px 8px 48px;

	color: #FFF;
	font-size: 18px;
	font-weight: bold;

	/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px/28px 28px #F476A9;*/
	background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px #F476A9;
	background-size: 28px 28px;
}
.totalPriceBox .couponBox ul {
	padding-bottom: 12px;
}
.totalPriceBox .couponBox li {
	position: relative;
	padding: 14px 15px 0 42px;
}
.totalPriceBox .couponBox .checkbox + .checkboxIcon {
	top: 15px;
	left: 15px;
}
.totalPriceBox .couponBox .checkbox + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 0/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 0;
	background-size: 18px 36px;
}
.totalPriceBox .couponBox .checkbox:checked + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 -18px/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}
.totalPriceBox .couponBox .link {
	margin-left: 1em;
}
.totalPriceBox .couponBox .link:after {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-left: 3px;
	/*background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0/8px 12px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0;
	background-size: 8px 12px;
}
.totalPriceBox .couponBox .price {
	display: block;
	color: #FF1D1D;
}

/* クーポン割引額 */
.totalPriceBox .couponBox .couponPrice {
	padding: 0 15px 5px;
}
.totalPriceBox .couponBox .couponPrice dl {
	display: table;
	width: 100%;
	margin-bottom: 8px;
	border-bottom: 1px solid #DDD;

}
.totalPriceBox .couponBox .couponPrice dl dt,
.totalPriceBox .couponBox .couponPrice dl dd {
	display: table-cell;
}
.totalPriceBox .couponBox .couponPrice dl dt {
	font-size: 15px;
}
.totalPriceBox .couponBox .couponPrice dl dd {
	font-size: 26px;
	color: #FF1D1D;
	text-align: right;
}
.totalPriceBox .couponBox .couponPrice dl dd .unit {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	font-size: 16px;
	text-align: center;
}

/* クーポンが無い時 */
.totalPriceBox.noCoupon .priceBox {
	width: 100%;
	letter-spacing: -.40em; /* 文字間 */
}

.totalPriceBox.noCoupon .priceBox dl dt {
	float: left;
	display: inline-block;
	vertical-align: bottom;
}
.totalPriceBox.noCoupon .priceBox dl dd {
	float: right;
	display: inline-block;
	vertical-align: bottom;
}
/* 初期費用 */
.totalPriceBox.noCoupon .priceBox dl.initialCost {
	display: inline-block;
	width: 30%;
	margin-right: 1.5%;
	letter-spacing: normal; /* 文字間 */
}
.totalPriceBox.noCoupon .priceBox dl.initialCost dt {
	margin-top: 10px;
}
/* 月額合計 */
.totalPriceBox.noCoupon .priceBox dl.totalPrice {
	display: inline-block;
	width: 68.5%;
	letter-spacing: normal; /* 文字間 */
}
.totalPriceBox.noCoupon .priceBox dl.totalPrice dt {
	margin-top: 30px;
}

/*ボタン*/
.conversionBox {
	padding: 20px 0 10px;
	background-color: #FFF;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	letter-spacing: -.40em; /* 文字間 */
}
.conversionBox .conversionBoxL,
.conversionBox .conversionBoxR {
	display: inline-block;
	padding: 0 10px;
	letter-spacing: normal; /* 文字間*/

}
.conversionBox .conversionBoxL .btnAreaConv li,
.conversionBox .conversionBoxR .btnAreaConv li {
	max-width: 320px;
}
.conversionBox .conversionBoxL {
	width: 66.6%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.conversionBox .conversionBoxR {
	width: 33.3%;
	border-left: 1px solid #CECECE;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.android .conversionBoxR {	/*android標準ブラウザ対応*/
	width: 33.0%;
}
.conversionBoxL .btnAreaConv ul {
	max-width: 896px;
}
.conversionBoxL .btnAreaConv li {
	width: 48%;
	margin-right: 2.0%;
}
.conversionBoxR .btnAreaConv ul {
	max-width: 896px;
}
.conversionBoxR .btnAreaConv li {
	width: 100%;
}
.btnAreaConv li:last-child {
	margin-right: 0;
}
.conversionBox .heading2_2,
.conversionBox .heading2_3 {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.totalPriceBox {
		position: relative;
		padding: 12px 0;

	}
	.totalPriceBox:after {
	}
	.totalPriceBox .priceBox {
		width: 100%;
		margin-bottom: 10px;
		padding: 0 18px;
	}
	.totalPriceBox .priceBox dl {
		display: table;
		width: 100%;
		margin-top: 8px;
		border-bottom: 1px solid #DDD;

	}
	.totalPriceBox .priceBox dl dt,
	.totalPriceBox .priceBox dl dd {
		display: table-cell;
	}
	.totalPriceBox .priceBox dl dt {
		font-size: 14px;
	}
	.totalPriceBox .priceBox dl dd {
		font-size: 24px;
		text-align: right;
	}
	.totalPriceBox .priceBox dl dd .unit {
		position: relative;
		display: inline-block;
		width: 65px;
		margin-right: -8px;
		font-size: 14px;
		text-align: center;
	}
	.totalPriceBox .priceBox dl dd .unit .aboutTax {
		position: absolute;
		top: -1em;
		left: 50%;
		margin-left: -2.5em;
		font-size: 11px;
	}
	/* 初期費用 */
	.totalPriceBox .priceBox dl.initialCost dt {
		font-size: 10px;
	}
	.totalPriceBox .priceBox dl.initialCost dd {
		font-size: 20px;
	}
	.totalPriceBox .priceBox dl.initialCost dd .unit {
		font-size: 10px;

	}
	/* クーポン適用前金額・クーポン割引額 */
	.totalPriceBox .priceBox dl.beforeCoupon dt,
	.totalPriceBox .priceBox dl.couponPrice dt {
		font-size: 11px;
	}
	.totalPriceBox .priceBox dl.beforeCoupon dd,
	.totalPriceBox .priceBox dl.couponPrice dd {
		font-size: 22px;
	}
	.totalPriceBox .priceBox dl.beforeCoupon dd .unit,
	.totalPriceBox .priceBox dl.couponPrice dd .unit {
		font-size: 11px;
	}
	.totalPriceBox .priceBox dl.beforeCoupon dd .unit .aboutTax,
	.totalPriceBox .priceBox dl.couponPrice dd .unit .aboutTax {
		font-size: 10px;
	}
	/* 月額合計 */
	.totalPriceBox .priceBox dl.totalPrice {
		position: relative;
		bottom: 0;
	}
	.totalPriceBox .priceBox dl.totalPrice dt {
		font-size: 24px;
	}
	.totalPriceBox .priceBox dl.totalPrice dd {
		font-size: 30px;
		font-weight: bold;
	}
	.totalPriceBox .priceBox dl.totalPrice dd .unit {
		font-size: 15.75px;
	}
	.totalPriceBox .priceBox dl.totalPrice dd .unit .aboutTax {
		font-size: 10.5px;
		font-weight: normal;
	}

	/*クーポン*/
	.totalPriceBox .couponBox {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding : 0 10px 0;
	}
	.android .totalPriceBox .couponBox {	/*android標準ブラウザ対応*/
		width: 100%;
	}

	.totalPriceBox .couponBox h3 {
		padding: 8px 8px 6px 42px;

		font-size: 16px;

		/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px/24px 24px #F476A9;*/
		background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px #F476A9;
		background-size: 24px 24px;
	}
	.totalPriceBox .couponBox ul {
		padding-bottom: 10px;
	}
	.totalPriceBox .couponBox li {
	}
	.totalPriceBox .couponBox .checkbox + .checkboxIcon:before {
	}
	.totalPriceBox .couponBox .checkbox:checked + .checkboxIcon:before {
	}
	.totalPriceBox .couponBox .link {
		margin-left: 1em;
	}
	.totalPriceBox .couponBox .link:after {
	}
	.totalPriceBox .couponBox .price {
	}

	/* クーポンが無い時 */
	.totalPriceBox.noCoupon .priceBox {
		width: 100%;
	}

	.totalPriceBox.noCoupon .priceBox dl dt {
		float: left;
		display: inline-block;
		vertical-align: bottom;
	}
	.totalPriceBox.noCoupon .priceBox dl dd {
		float: right;
		display: inline-block;
		vertical-align: bottom;
	}
	/* 初期費用 */
	.totalPriceBox.noCoupon .priceBox dl.initialCost {
		display: inline-block;
		width: 30%;
		margin-right: 1.5%;
	}
	.totalPriceBox.noCoupon .priceBox dl.initialCost dt {
		width: auto;
		margin-top: 10px;
	}
	/* 月額合計 */
	.totalPriceBox.noCoupon .priceBox dl.totalPrice {
		display: inline-block;
		width: 68.5%;
	}
	.totalPriceBox.noCoupon .priceBox dl.totalPrice dt {
		margin-top: 10px;
	}

	/*ボタン*/
	.conversionBox {
		padding: 20px 10px 13px;
		background-color: #FFF;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.conversionBox .conversionBoxL,
	.conversionBox .conversionBoxR {
		display: block;
		width: 100%;
		padding: 0 10px;

	}
	.android .conversionBoxR {	/*android標準ブラウザ対応*/
		width: 100%;
	}
	.conversionBox .conversionBoxL .btnAreaConv li,
	.conversionBox .conversionBoxR .btnAreaConv li {
		max-width: 280px;
	}
	.conversionBox .conversionBoxL {
	}
	.conversionBox .conversionBoxR {
		border-left: none;
	}
	.conversionBoxL .btnAreaConv li {
		width: 48%;
		margin-right: 2.0%;
	}
	.conversionBoxR .btnAreaConv ul {
		max-width: 896px;
	}
	.conversionBoxR .btnAreaConv li {
		width: 100%;
	}
	.btnAreaConv li:last-child {
		margin-right: 0;
	}
	.conversionBox .heading2_2,
	.conversionBox .heading2_3 {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 640px) {
	.conversionBox .conversionBoxL .btnAreaConv li,
	.conversionBox .conversionBoxR .btnAreaConv li {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.conversionBoxL .btnAreaConv li {
		width: 100%;
		margin-right: 0;
	}
}
@media screen and (max-width: 540px) {
	/* クーポンが無い時 */
	.totalPriceBox.noCoupon .priceBox dl dt {
	}
	.totalPriceBox.noCoupon .priceBox dl dd {
	}
	/* 初期費用 */
	.totalPriceBox.noCoupon .priceBox dl.initialCost {
		display: block;
		width: 100%;
		margin-right: 0;
	}
	.totalPriceBox.noCoupon .priceBox dl.initialCost dt {
		width: auto;
		margin-top: 10px;
	}
	/* 月額合計 */
	.totalPriceBox.noCoupon .priceBox dl.totalPrice {
		display: block;
		width: 100%;
	}
	.totalPriceBox.noCoupon .priceBox dl.totalPrice dt {
		margin-top: 10px;
	}
}
@media screen and (max-width: 480px) {
	/* 月額合計 */
	.totalPriceBox .priceBox dl.totalPrice {
		padding-top: 16px;
	}
	.totalPriceBox .priceBox dl.totalPrice dt,
	.totalPriceBox.noCoupon .priceBox dl.totalPrice dt {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 0;
		display: inline-block;
		font-size: 18px;
	}
	.totalPriceBox .priceBox dl.totalPrice dd {
	}
	.totalPriceBox .priceBox dl.totalPrice dd .unit {
	}
	.totalPriceBox .priceBox dl.totalPrice dd .unit .aboutTax {
	}

}


/* カスタマイズ
----------------------------------------------*/
.simuCustom {
	padding-top: 68px;
}
/* 入力部分 */
.simCustomMain {
	float: left;
	width: 100%;
	margin-right: -308px;
}
/**/
.simuCustomBox {
	margin-right: 308px;
	margin-bottom: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox:last-child {
	margin-bottom: 0;
}
/*単価表示*/
.simCustomMain .unitPrice {
	display: inline-block;
	font-size: 12px;
}

/**/
.simuCustomBox .simuCustomHeadline {
	position: relative;
	height: 40px;
	padding: 1px 50px 3px 10px;
}
.simuCustomBox .simuCustomHeadline .openBtn {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 40px;
	height: 40px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center/17px 10px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center;
	background-size: 17px 10px;

	opacity: 0.65;
	cursor: pointer;

	transition: 0.3s;
}
.simuCustomBox .simuCustomHeadline .openBtn:hover {
	opacity: 1;
}
.simuCustomBox .simuCustomHeadline .openBtn.open {
	/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center/17px 10px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center;
	background-size: 17px 10px;

}
.simuCustomBox .simuCustomHeadline h3 {
	display: inline-block;
	color: #FFF;
	font-size: 18px;
	line-height: 42px;

}
.simuCustomBox .simuCustomHeadline h3 > .ico {
	width: 28px;
	margin-right: 5px;
	vertical-align: middle;
}
.simuCustomBox .simuCustomHeadline .subtotal {
	position: absolute;
	right: 90px;
	display: inline-block;
	margin-top: 1px;
	margin-right: 10px;
	padding: 3px 2px 0;
	color: #FFF;
	font-size: 22px;
	text-align: right;
}
.simuCustomBox .simuCustomHeadline .subtotal .unit {
	font-size: 16px;
}
.simuCustomBox .simuCustomHeadline .deleteBtn {
	position: absolute;
	right: 45px;
	top: 2px;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	vertical-align: middle;

	opacity: 0.65;
	cursor: pointer;

	transition: 0.3s;
}
.simuCustomBox .simuCustomHeadline .deleteBtn:hover {
	opacity: 1;
}
.simuCustomBox .simuCustomHeadline .deleteBtn > .ico {
	width: 14px;
	margin-top: 12px;
}




@media screen and (max-width: 767px) {
	.simuCustomBox .simuCustomHeadline {
		height: 35px;
		padding: 1px 50px 3px 10px;
	}
	.simuCustomBox .simuCustomHeadline .openBtn {
		width: 36px;
		height: 36px;

		/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center/17px 10px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center;
		background-size: 17px 10px;
	}
	.simuCustomBox .simuCustomHeadline .openBtn.open {
		/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center/17px 10px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center;
		background-size: 17px 10px;

	}
	.simuCustomBox .simuCustomHeadline h3 {
		font-size: 16px;
		line-height: 38px;

	}
	.simuCustomBox .simuCustomHeadline h3 > .ico {
		width: 24px;
		margin-right: 5px;
	}
	.simuCustomBox .simuCustomHeadline .subtotal {
		position: absolute;
		right: 86px;
		display: inline-block;
		width: 160px;
		margin-top: 2px;
		padding: 3px 9px 2px;
		font-size: 18px;
	}
	.simuCustomBox .simuCustomHeadline .subtotal .unit {
		font-size: 14px;
	}
	.simuCustomBox .simuCustomHeadline .deleteBtn {
		position: absolute;
		right: 43px;
		top: 2px;
		width: 36px;
		height: 36px;
	}
	.simuCustomBox .simuCustomHeadline .deleteBtn > .ico {
		width: 14px;
		margin-top: 12px;
	}
}
@media screen and (max-width: 640px) {
	.simuCustomBox .simuCustomHeadline {
		height: 70px;
		padding: 1px 3px 3px 3px;
	}
	.simuCustomBox .simuCustomHeadline .openBtn {
		position: absolute;
		top: 2px;
		right: 4px;

		/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center/17px 10px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_down.png) no-repeat center center;
		background-size: 17px 10px;
	}
	.simuCustomBox .simuCustomHeadline .openBtn.open {
		/*background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center/17px 10px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_customBox_ya_up.png) no-repeat center center;
		background-size: 17px 10px;

	}
	.simuCustomBox .simuCustomHeadline h3 {
		padding-left: 4px;
	}
	.simuCustomBox .simuCustomHeadline h3 > .ico {
		width: 28px;
		margin-right: 5px;
		vertical-align: middle;
	}
	.simuCustomBox .simuCustomHeadline .subtotal {
		position: relative;
		right: 0;
		bottom: 3px;
		display: block;
		width: 100%;
		padding: 3px 9px 2px;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.simuCustomBox .simuCustomHeadline .subtotal .unit {
	}
	.simuCustomBox .simuCustomHeadline .deleteBtn {
	}
	.simuCustomBox .simuCustomHeadline .deleteBtn > .ico {
		width: 14px;
		margin-top: 12px;
	}
}
/**/
.simuCustomBox .simuCustomEle {
	width: 100%;
	padding: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomEleBox {
	margin-bottom: 10px;
}
.simuCustomBox .simuCustomEleBox:last-child {
	margin-bottom: 0;
}
.simuCustomBox .simuCustomEleHead {
	position: relative;
	font-size: 16px;
	padding: 7px 40px 5px 10px;
	background-color: #EAEAEA;
}
.simuCustomBox .simuCustomEleHead h4 {
	display: inline;
	line-height: 1.3;
	vertical-align: middle;
}
.simuCustomBox .simuCustomEleHead .openBtn {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 36px;
	height: 36px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center;
	background-size: 12px 8px;

	opacity: 0.65;
	cursor: pointer;

	transition: 0.3s;
}
.simuCustomBox .simuCustomEleHead .openBtn:hover {
	opacity: 1;
}
.simuCustomBox .simuCustomEleHead .openBtn.open {
	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center;
	background-size: 12px 8px;

}
.simuCustomBox .simuCustomEleBody {
	padding: 10px;

	border: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 95px 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomItem .name {
	display: inline-block;
	margin-right: 5px;
	font-weight: bold;
}
.simuCustomBox .simuCustomItem .item {
	display: inline-block;
	margin-right: 5px;
}
.simuCustomBox .simuCustomItem .item:last-child {
	margin-right: 0;
}
.simuCustomBox .simuCustomItem .price {
	position: absolute;
	bottom: 4px;
	right: 5px;
	font-size: 16px;
	font-weight: bold;
}
/*IDCFクラウド*/
.simuCustomBox.idcfcloud .simuCustomItem .name-item {
}
/*IDCFクラウド：ネットワーク*/
.simuCustomEleBox.idcfcloud_network .simuCustomItem .name.sameWidth1 {
	width: 13.5em;
}
/*IDCFクラウド：アーカイブデータ*/
.simuCustomEleBox.idcfcloud_archive .simuCustomItem .name {
	width: 8em;
}
/*ILB*/
.simuCustomBox.ilb .simuCustomItem .name-item {
	display: inline-block;
	width: 29.5em;
}
.simuCustomBox.ilb .simuCustomItem .unitPrice {
	margin-left: 0;
}

@media screen and (max-width: 767px) {
	.simuCustomBox.ilb .simuCustomItem .name-item {
		width: 100%;
	}
}

.simuCustomEleBox.storage_plan .simuCustomItem .unitPrice {
	margin-left: 0;
}
/*CDN*/
.simuCustomEleBox.cache_plan .simuCustomItem .name {
	width: 8em;
}
/*DNS・GSLB*/
.simuCustomBox.dns-gslb .simuCustomItem .item {
	width: 8.5em;
}
.simuCustomBox.dns-gslb .simuCustomItem .unitPrice {
	margin-left: 0;
}
/*プライベートコネクト*/
.simuCustomBox .simuCustomConnect {
	margin-bottom: 10px;
}
.simuCustomBox .simuCustomConnect:last-child {
	margin-bottom: 0;
}
.simuCustomBox .simuCustomConnectHead {
	position: relative;
	padding: 5px 10px 3px;
	background-color: rgba(119,99,184,0.3);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomConnectBody {
	width: 100%;
	padding: 10px;

	border: 1px solid rgba(119,99,184,0.3);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox.connect .simuCustomItem .name-item {
	display: inline-block;
	width: 100%;
	max-width: 20.5em;
}
.simuCustomBox.connect .simuCustomItem .checkboxBox li .name-item,
.simuCustomBox.connect .simuCustomItem .radioBox li .name-item {
	margin-right: -24px;
}
.simuCustomBox.connect .simuCustomItem .unitPrice {
	margin-left: 0;
}
/*プライベートコネクト:他クラウドサービスと接続*/
.simuCustomEleBox.connect_otherCloud .simuCustomItem .name.sameWidth1 {
	width: 10.5em;
}
/*プライベートコネクト:データセンターと接続*/
.simuCustomEleBox.connect_dataCenter .simuCustomItem .name.sameWidth1 {
	width: 4.5em;
}

/*ベアメタルサーバー*/
/*テーブル表示*/
.simuCustomBox .simuCustomItem.tableDisp {
	display: block;
	width: 100%;
	padding: 0;

	border-bottom: none;
	letter-spacing: -.40em; /* 文字間 */
}

.simuCustomBox .simuCustomItem.tableDisp dl {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid rgba(36,79,162,0.5);
	letter-spacing: normal; /* 文字間 */
}
.simuCustomBox .simuCustomItem.tableDisp dl:first-of-type {
	border-left: 1px solid rgba(36,79,162,0.5);
}
.simuCustomBox .simuCustomItem.tableDisp.col4 dl {	/*4分割*/
	width: 24.95%;
	margin-right: -1px;
}
.android .simuCustomBox .simuCustomItem.tableDisp.col4 dl {	/*android標準ブラウザ対応*/
	width: 24.8%;
}
.simuCustomBox .simuCustomItem.tableDisp dt,
.simuCustomBox .simuCustomItem.tableDisp dd {
	padding: 8px 5px;
	text-align: center;
}
.simuCustomBox .simuCustomItem.tableDisp dt {
	background-color: rgba(36,79,162,0.3);
	border-top: 1px solid rgba(36,79,162,0.5);
}
.simuCustomBox .simuCustomItem.tableDisp dd {
	border-bottom: 1px solid rgba(36,79,162,0.5);
}

.simuCustomBox .simuCustomItem.tableDisp .name {
	display: block;
	margin-right: 0;
}
.simuCustomBox .simuCustomItem.tableDisp .item {
	display: block;
	margin-right: 0;
	margin-top: 3px;
}
.simuCustomBox .simuCustomItem.tableDisp .unitPrice {
	position: static;
	bottom: auto;
	right: auto;
	font-size: 12px;
	font-weight: normal;
}
.simuCustomBox .simuCustomItem.tableDisp .price {
	display: block;
	position: static;
	margin-top: 10px;
	text-align: right;
	letter-spacing: normal; /* 文字間 */
}
/*セキュリティ*/
.simuCustomBox.security .simuCustomItem .name {
	width: 10.5em;
}
.simuCustomBox.security .simuCustomItem .unitPrice {
	margin-left: 0;
}
@media screen and (max-width: 767px) {
	.simuCustomBox .simuCustomItem.tableDisp.col4 dl {	/*4分割*/
		width: 49.5%;
	}
	.android .simuCustomBox .simuCustomItem.tableDisp.col4 dl {	/*android標準ブラウザ対応*/
		width: 49.4%;
	}
	.simuCustomBox .simuCustomItem.tableDisp dl:nth-child(2n-1) {
		border-left: 1px solid rgba(36,79,162,0.5);
	}
}
@media screen and (max-width: 480px) {
	.simuCustomBox .simuCustomItem {
		padding: 5px 0;
	}
	.simuCustomBox .simuCustomItem .price {
		display: block;
		position: relative;
		bottom: auto;
		right: auto;

		text-align: right;
	}
}
/* サーバー */
.simuCustomBox .simuCustomServer {
	margin-bottom: 10px;
}
.simuCustomBox .simuCustomServer:last-child {
	margin-bottom: 0;
}
.simuCustomBox .simuCustomServerHead {
	position: relative;
	padding: 5px 10px 3px;
	background-color: rgba(77,159,235,0.5);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomServerHead .openBtn {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 34px;
	height: 34px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center;
	background-size: 12px 8px;

	cursor: pointer;
}
.simuCustomBox .simuCustomEleHead .openBtn.open {
	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center;
	background-size: 12px 8px;

}
.simuCustomBox .simuCustomServerHead .simuCustomServerName {
	width: 100%;
	max-width: 240px;
	padding: 2px 5px;
	font-size: 16px;
	text-align: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomServerHead .simuCustomServerNam {
	display: inline-block;
}
.simuCustomBox .simuCustomServerHead .simuCustomServerNam .ttl {
	font-weight: bold;
}
.simuCustomBox .simuCustomServerHead .btnServerDelete {
	position: absolute;
	right: 2px;
	top: 2px;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	vertical-align: middle;

	opacity: 0.65;
	cursor: pointer;
	transition: 0.3s;
}
.simuCustomBox .simuCustomServerHead .btnServerDelete:hover {
	opacity: 1;
}
.simuCustomBox .simuCustomServerHead .btnServerDelete > .ico {
	width: 12px;
	margin-top: 12px;
}

.simuCustomBox .simuCustomServerHead .price {
	float: right;
	margin-right: 24px;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}
.simuCustomBox .simuCustomServerBody {
	display: table;
	width: 100%;
	padding: 10px;

	border: 1px solid rgba(77,159,235,0.5);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .simuCustomServerBody dl,
.simuCustomBox .simuCustomServerBody .btnAreaServer {
	display: table-cell;
}
.simuCustomBox .simuCustomServerBody .btnAreaServer {
	width: 10%;
	min-width: 85px;
	text-align: right;
	vertical-align: middle;
}
.simuCustomBox .simuCustomServerBody dl {
	vertical-align: top;
	border-right: 1px solid #EAEAEA;
}
.simuCustomBox .simuCustomServerBody dt,
.simuCustomBox .simuCustomServerBody dd {
	padding: 0 10px 0 38px;
}
.simuCustomBox .simuCustomServerBody dt {
	font-weight: bold;

	background-repeat: no-repeat;
	background-position: 6px 0;
	background-size: 25px 20px;
}
.simuCustomBox .simuCustomServerBody dd {
	font-size: 13px;
}
/*サーバーの項目毎の設定*/
.simuCustomBox .simuCustomServerBody dl.type {
	width: 22%;
}
.simuCustomBox .simuCustomServerBody dl.type dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_type.png);
}
.simuCustomBox .simuCustomServerBody dl.type .spec {
	display: block;
	font-size: 11px;
}
.simuCustomBox .simuCustomServerBody dl.os {
	width: 26%;
}
.simuCustomBox .simuCustomServerBody dl.os dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_os.png);
}
.simuCustomBox .simuCustomServerBody dl.volume {
	width: 18%;
}
.simuCustomBox .simuCustomServerBody dl.volume dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_volume.png);
}
.simuCustomBox .simuCustomServerBody dl.charge {
	width: 24%;
}
.simuCustomBox .simuCustomServerBody dl.charge dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_charge.png);
}

@media screen and (max-width: 767px) {
	.simuCustomBox .simuCustomServer {
		margin-bottom: 8px;
	}
	.simuCustomBox .simuCustomServerHead {
		padding: 5px 8px 3px 8px;
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerName {
		max-width: 240px;
		margin-bottom: 5px;
		padding: 6px 5px;
		font-size: 14px;
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerNam {
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerNam .ttl {
	}
	.simuCustomBox .simuCustomServerHead .btnServerDelete {
		margin-top: -2px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .simuCustomServerHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .simuCustomServerHead .price {
		font-size: 14px;
	}
	.simuCustomBox .simuCustomServerBody .btnAreaServer {
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.simuCustomBox .simuCustomServerBody {
		display: block;
		width: 100%;
		padding: 10px;

		vertical-align: top;

		letter-spacing: -.40em; /* 文字間 */
	}
	.simuCustomBox .simuCustomServerBody dl {
		display: inline-block;
		width: 49.5% !important;
		margin-bottom: 8px;

		letter-spacing: normal; /* 文字間 */
	}
	.simuCustomBox .simuCustomServerBody > dl:nth-of-type(2n) {
		border-right: none;
		margin-right: 0;
	}
	.simuCustomBox .simuCustomServerBody dt,
	.simuCustomBox .simuCustomServerBody dd {
		padding: 0 8px 0 38px;
	}
	.simuCustomBox .simuCustomServerBody dt {

		background-repeat: no-repeat;
		background-position: 6px 0;
		background-size: 25px 20px;
	}
	.simuCustomBox .simuCustomServerBody dd {
		font-size: 13px;
	}
	/*サーバーの項目毎の設定*/
	.simuCustomBox .simuCustomServerBody dl.type dt {
	}
	.simuCustomBox .simuCustomServerBody dl.type .spec {
	}
	.simuCustomBox .simuCustomServerBody dl.os dt {
	}
	.simuCustomBox .simuCustomServerBody dl.volume dt {
	}
	.simuCustomBox .simuCustomServerBody dl.charge dt {
	}
}
@media screen and (max-width: 640px) {
	.simuCustomBox .simuCustomServer {
		margin-bottom: 8px;
	}
	.simuCustomBox .simuCustomServerHead {
		height: 88px;
		padding: 5px 40px 3px 8px;
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerName {
		max-width: 240px;
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerNam {
	}
	.simuCustomBox .simuCustomServerHead .simuCustomServerNam .ttl {
	}
	.simuCustomBox .simuCustomServerHead .btnServerDelete {
		position: absolute;
		top: 2px;
		right: 5px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .simuCustomServerHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .simuCustomServerHead .price {
		position: absolute;
		bottom: 2px;
		right: 8px;
		float: none;
		margin-right: 0;
	}
}

.simuCustomModal .simuCustomItem {
    position: relative;
    width: 100%;
    padding: 5px 95px 5px 0;
    border-bottom: 1px solid #EAEAEA;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.simuCustomModal .simuCustomItem.bbn {
    border-bottom: none;
    padding-right: inherit;
}
.simuCustomModal .simuCustomItem .name {
    display: inline-block;
    margin-right: 5px;
    width: 105px;
}
.simuCustomModal .simuCustomItem .name.wlocation {
    width: 380px;
}
.simuCustomModal .simuCustomItem .name.fw {
    font-weight: bold;
}
.simuCustomModal .simuCustomItem .unitPrice.fm {
    font-size: 90% !important;
}
.simuCustomModal .simuCustomItem .price {
    position: absolute;
    bottom: 4px;
    right: 5px;
    font-size: 16px;
    font-weight: bold;
}

/*サーバー構成設定モーダル*/
.serverSetting1 {
}
.serverSetting2 {

}
.serverSettingBox {
	position: relative;
}
.serverSettingBoxMain {
	width: 100%;
	padding: 15px 0 30px 36px;
	padding-left: 36px;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSetting1 .serverSettingBoxMain,
.serverSetting1 .serverSettingTtl {
	/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
	background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
	background-size: 2px 2px;
}
.serverSetting1 .serverSettingBox:last-child .serverSettingBoxMain {
	background: none;
}

.serverSettingTtl {
	position: relative;
	padding-left: 34px;
	line-height: 28px;
}
.serverSettingTtl .icoWrapper {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	background-color: #D1D1D1;

	vertical-align: middle;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.serverSettingTtl .icoWrapper .ico {
	width: 20px;
}

/*ラジオボタン*/
.serverSetting1 .radioBlock {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px solid #D1D1D1;
	padding: 10px;
	background-color: #fff;

	font-size: 14px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;
}
.serverSetting1 .radioBtn {
	display: none;
}
.serverSetting1 .radioBlock .overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;

	box-shadow: 0 0 0 2px #36AEDD inset;

	border: 1px solid #36AEDD;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.serverSetting1 .radioBlock:hover .overlay,
.serverSetting1 .radioBtn:checked + .radioBlock .overlay {
	opacity: 1;
}
.serverSetting1 .name {
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;

}
.serverSetting1 .spec,
.serverSetting1 .unitPrice {
	margin-left: 1em;
	font-size: 12px;
	line-height: 1.3;
}
/*タイプ*/
.serverSettingTabBox {
	display: table;
}
.serverSettingTab {
	display: table-cell;
	width: 150px;
	position: relative;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingTab ul {
	margin: 0 auto;
}
.serverSettingTab li {
	position: relative;
	border: 1px solid #C4C4C4;
	border-top: none;
	border-right: none;

	background-color: #F0F0F0;

	z-index: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingTab li:first-child {
	border-top: 1px solid #C4C4C4;
}
.serverSettingTab li.active {
	margin-top: -1px;
	margin-right: -1px;
	border: 1px solid #999;
	border-right: 1px solid #FFF;

	background-color: #FFF;

	z-index: 2;
}
.serverSettingTab li.active:first-child {
	margin-top: 0;
}
.serverSettingTab li a {
	display: block;
	padding: 10px;
	margin-right: -1px;

	color: #333;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingTab li a:hover {
	text-decoration: none;
}
.serverSettingTabContent {
	display: table-cell;
	position: relative;

	padding: 10px;

	border: 1px solid #999;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingTabContent .description {
	font-size: 14px;
}
.serverSettingTabContent ul,
.serverSettingTabContent li {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingTabContent li {
	margin-bottom: 4px;
}
.serverSettingTabContent li:last-child {
	margin-bottom: 0;
}
.serverSettingTabContent .name,
.serverSettingTabContent .spec {
	display: inline-block;
}
/*Light*/
#type_light .name {	/*タイプ名の幅*/
	width: 50px;
}
#type_light .spec {	/*スペックの幅*/
	width: 13em;
}
/*Standard*/
#type_standard .name {	/*タイプ名の幅*/
	width: 70px;
}
#type_standard .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighCPU*/
#type_highCPU .name {	/*タイプ名の幅*/
	width: 75px;
}
#type_highCPU .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighMEM*/
#type_highMEM .name {	/*タイプ名の幅*/
	width: 100px;
}
#type_highMEM .spec {	/*スペックの幅*/
	width: 15em;
}
/*HighIO*/
#type_highIO .name {	/*タイプ名の幅*/
	width: 115px;
}
#type_highIO .spec {	/*スペックの幅*/
	width: 14em;
}
/*GPU BOOST*/
#type_gpuBoost .name {	/*タイプ名の幅*/
	width: 90px;
}
#type_gpuBoost .spec {	/*スペックの幅*/
	width: 14em;
}

/*おすすめ！*/
.serverSettingTabContent .radioBlock.recommend .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center;
	background-size: 20px 20px;
}
/*大人気*/
.serverSettingTabContent .radioBlock.popular .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center;
	background-size: 20px 20px;
}
/*NEW*/
.serverSettingTabContent .radioBlock.new .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_new.png) no-repeat center center;
	background-size: 20px 20px;
}
/*OS*/
.serverSettingOs {
}
.osContent ul {
	width: 100%;
	letter-spacing: -.40em; /* 文字間 */
}
.osContent ul li {
	display: inline-block;
	width: 33.0%;
	margin-right: 0.45%;
	margin-bottom: 5px;

	vertical-align: top;

	letter-spacing: normal; /* 文字間 */
}
.osContent ul li:nth-of-type(3n) {
	margin-right: 0;
}
.osContent .radioBlock {
	display: table;
	height: 100%;
}
.osContent .icoWrapper {
	display: table-cell;
	width: 66px;
	vertical-align: middle;
}
.osContent .icoWrapper .ico {
	width: 54px;
}
.osContent .name {
	display: block;
	line-height: 1.3;
}
.osContent .spec,
.osContent .unitPrice {
	display: block;
	margin-left: 0;
	line-height: 1.3;
}
/*ボリューム*/
.serverSettingVolume {
}
.serverSettingVolume .simuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingVolume .simuCustomItem .name {
	display: inline-block;
	margin-right: 5px;
}
.serverSettingVolume .simuCustomItem .name.wSet {
	width: 155px;
}

.serverSettingVolume .simuCustomItem .item {
	display: inline-block;
	margin-right: 5px;
}
.serverSettingVolume .simuCustomItem .item:last-child {
	margin-right: 0;
}
/*利用料金*/
.serverSettingCharge .simuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.serverSettingCharge .simuCustomItem .price {
	position: absolute;
	bottom: 4px;
	right: 5px;
	font-size: 16px;
	font-weight: bold;
}


@media screen and (max-width: 767px) {
	.serverSetting1 {
	}
	.serverSetting2 {

	}
	.serverSettingBox {
		position: relative;
	}
	.serverSettingBoxMain {
		display: table;
		width: 100%;
		padding: 10px 0 20px 26px;

		vertical-align: top;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.serverSetting1 .serverSettingBoxMain,
	.serverSetting1 .serverSettingTtl {

		/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
		background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
		background-size: 2px 2px;
	}
	.serverSetting1 .serverSettingBox:last-child .serverSettingBoxMain {
		background: none;
	}

	.serverSettingTtl {
		position: relative;
		padding-left: 34px;
		line-height: 28px;
	}
	.serverSettingTtl .icoWrapper {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		text-align: center;
		background-color: #D1D1D1;

		vertical-align: middle;

		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	.serverSettingTtl .icoWrapper .ico {
		width: 20px;
	}

	/*ラジオボタン*/
	.serverSetting1 .radioBlock {
		padding: 6px;
		font-size: 12px;
	}
	.serverSetting1 .radioBtn {
		display: none;
	}
	.serverSetting1 .name {

	}
	.serverSetting1 .spec,
	.serverSetting1 .unitPrice {
		display: inline-block;
		font-size: 10px;
		margin-left: 1em;
	}
	/*タイプ*/
	.serverSettingTabBox {
	}
	.serverSettingTab {
		width: 90px;
	}
	.serverSettingTab ul {
	}
	.serverSettingTab li {
	}
	.serverSettingTab li:first-child {
	}
	.serverSettingTab li.active {
	}
	.serverSettingTab li.active:first-child {
		margin-top: 0;
	}
	.serverSettingTab li a {
		padding: 6px 6px;
		margin-right: -1px;

		font-size: 12px;
	}
	.serverSettingTabContent {
		padding: 6px;
	}
	.serverSettingTabContent .description {
		font-size: 12px;
	}
	.serverSettingTabContent ul,
	.serverSettingTabContent li {
	}
	.serverSettingTabContent li {
		margin-bottom: 4px;
	}
	.serverSettingTabContent li:last-child {
		margin-bottom: 0;
	}
	/*Light*/
	#type_light .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light .spec {	/*スペックの幅*/
	}
	/*Standard*/
	#type_standard .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard .spec {	/*スペックの幅*/
	}
	/*HighCPU*/
	#type_highCPU .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU .spec {	/*スペックの幅*/
	}
	/*HighMEM*/
	#type_highMEM .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM .spec {	/*スペックの幅*/
	}
	/*HighIO*/
	#type_highIO .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO .spec {	/*スペックの幅*/
	}
	/*GPU BOOST*/
	#type_gpuBoost .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost .spec {	/*スペックの幅*/
	}
	/*OS*/
	.serverSettingOs {
	}
	.osContent ul {
	}
	.osContent ul li {
		width: 100%;
		margin-right: 0;
	}
	.osContent .radioBlock {
		display: table;
		height: 100%;
	}
	.osContent .icoWrapper {
		width: 58px;
	}
	.osContent .icoWrapper .ico {
		width: 46px;
	}
	.osContent .name {
	}
	.osContent .spec,
	.osContent .unitPrice {
	}
	/*ボリューム*/
	.serverSettingVolume {
	}
	.serverSettingVolume .simuCustomItem {
		padding: 5px 0;
	}
	.serverSettingVolume .simuCustomItem .name {
		display: inline-block;
		margin-right: 5px;
	}
	.serverSettingVolume .simuCustomItem .name.wSet {
		width: 155px;
	}

	.serverSettingVolume .simuCustomItem .item {
		display: inline-block;
		margin-right: 5px;
	}
	.serverSettingVolume .simuCustomItem .item:last-child {
		margin-right: 0;
	}
	.serverSettingVolume .simuCustomItem .price {
		position: absolute;
		bottom: 4px;
		right: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	/*課金タイプ*/
	.serverSettingCharge {
		padding-left: 4px;
	}
	.serverSettingCharge .slider1 {
		width: 180px;
	}
	.serverSettingCharge .slider1 .scale span:nth-child(6){
		left: 196px;
	}

}
@media screen and (max-width: 480px) {
	/*Light*/
	#type_light .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light .spec {	/*スペックの幅*/
		width: auto;
	}
	/*Standard*/
	#type_standard .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighCPU*/
	#type_highCPU .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighMEM*/
	#type_highMEM .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighIO*/
	#type_highIO .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO .spec {	/*スペックの幅*/
		width: auto;
	}
	/*GPU BOOST*/
	#type_gpuBoost .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost .spec {	/*スペックの幅*/
		width: auto;
	}
	/*利用時間*/
	.serverSettingCharge .simuCustomItem .price {
		display: block;
		position: relative;
		bottom: auto;
		right: auto;

		text-align: right;
	}
}

/* add 2018/11 GCS*/
/* バケット構成設定モーダル */
.GcsserverSettingTtl {
	position: relative;
	padding-left: 34px;
	line-height: 28px;
}
.GcsserverSettingTtl .GcsicoWrapper {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	background-color: #D1D1D1;

	vertical-align: middle;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.GcsserverSettingTtl .GcsicoWrapper .ico {
	width: 20px;
}


/*RDB*/
/*サーバー構成設定モーダル*/
.RdbserverSetting1 {
}
.RdbserverSetting2 {

}
.RdbserverSettingBox {
	position: relative;
}
.RdbserverSettingBoxMain {
	width: 100%;
	padding: 15px 0 30px 36px;
	padding-left: 36px;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSetting1 .RdbserverSettingBoxMain,
.RdbserverSetting1 .RdbserverSettingTtl {
	/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
	background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
	background-size: 2px 2px;
}
.RdbserverSetting1 .RdbserverSettingBox:last-child .RdbserverSettingBoxMain {
	background: none;
}

.RdbserverSettingTtl {
	position: relative;
	padding-left: 34px;
	line-height: 28px;
}
.RdbserverSettingTtl .RdbicoWrapper {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	background-color: #D1D1D1;

	vertical-align: middle;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.RdbserverSettingTtl .RdbicoWrapper .ico {
	width: 20px;
}

/*ラジオボタン*/
.RdbserverSetting1 .rdbradioBlock {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px solid #D1D1D1;
	padding: 10px;
	background-color: #fff;

	font-size: 14px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;
}
.RdbserverSetting1 .rdbradioBtn {
	display: none;
}
.RdbserverSetting1 .rdbradioBlock .overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;

	box-shadow: 0 0 0 2px #36AEDD inset;

	border: 1px solid #36AEDD;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.RdbserverSetting1 .rdbradioBlock:hover .overlay,
.RdbserverSetting1 .rdbradioBtn:checked + .rdbradioBlock .overlay {
	opacity: 1;
}
.RdbserverSetting1 .name {
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;

}
.RdbserverSetting1 .spec,
.RdbserverSetting1 .unitPrice {
	margin-left: 1em;
	font-size: 12px;
	line-height: 1.3;
}
/*タイプ*/
.RdbserverSettingTabBox {
	display: table;
}
.RdbserverSettingTab {
	display: table-cell;
	width: 150px;
	position: relative;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab ul {
	margin: 0 auto;
}
.RdbserverSettingTab li {
	position: relative;
	border: 1px solid #C4C4C4;
	border-top: none;
	border-right: none;

	background-color: #F0F0F0;

	z-index: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab li:first-child {
	border-top: 1px solid #C4C4C4;
}
.RdbserverSettingTab li.active {
	margin-top: -1px;
	margin-right: -1px;
	border: 1px solid #999;
	border-right: 1px solid #FFF;

	background-color: #FFF;

	z-index: 2;
}
.RdbserverSettingTab li.active:first-child {
	margin-top: 0;
}
.RdbserverSettingTab li a {
	display: block;
	padding: 10px;
	margin-right: -1px;

	color: #333;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab li a:hover {
	text-decoration: none;
}
.RdbserverSettingTabContent {
	display: table-cell;
	position: relative;

	padding: 10px;

	border: 1px solid #999;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTabContent .description {
	font-size: 14px;
}
.RdbserverSettingTabContent ul,
.RdbserverSettingTabContent li {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTabContent li {
	margin-bottom: 4px;
}
.RdbserverSettingTabContent li:last-child {
	margin-bottom: 0;
}
.RdbserverSettingTabContent .name,
.RdbserverSettingTabContent .spec {
	display: inline-block;
}
/*Light*/
#type_light_rdb .name {	/*タイプ名の幅*/
	width: 50px;
}
#type_light_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*Standard*/
#type_standard_rdb .name {	/*タイプ名の幅*/
	width: 70px;
}
#type_standard_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighCPU*/
#type_highCPU_rdb .name {	/*タイプ名の幅*/
	width: 75px;
}
#type_highCPU_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighMEM*/
#type_highMEM_rdb .name {	/*タイプ名の幅*/
	width: 100px;
}
#type_highMEM_rdb .spec {	/*スペックの幅*/
	width: 15em;
}
/*HighIO*/
#type_highIO_rdb .name {	/*タイプ名の幅*/
	width: 115px;
}
#type_highIO_rdb .spec {	/*スペックの幅*/
	width: 14em;
}
/*GPU BOOST*/
#type_gpuBoost_rdb .name {	/*タイプ名の幅*/
	width: 90px;
}
#type_gpuBoost_rdb .spec {	/*スペックの幅*/
	width: 14em;
}

/*おすすめ！*/
.RdbserverSettingTabContent .rdbradioBlock.recommend .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center;
	background-size: 20px 20px;
}
/*大人気*/
.RdbserverSettingTabContent .rdbradioBlock.popular .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center;
	background-size: 20px 20px;
}
/*NEW*/
.RdbserverSettingTabContent .rdbradioBlock.new .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_new.png) no-repeat center center;
	background-size: 20px 20px;
}
/*ボリューム*/
.RdbserverSettingVolume {
}
.RdbserverSettingVolume .RdbsimuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingVolume .RdbsimuCustomItem .name {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingVolume .RdbsimuCustomItem .name.wSet {
	width: 155px;
}

.RdbserverSettingVolume .RdbsimuCustomItem .item {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingVolume .RdbsimuCustomItem .item:last-child {
	margin-right: 0;
}

/*オプション*/
.RdbserverSettingOption {
}
.RdbserverSettingOption .OptionItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingOption .OptionItem .name {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingOption .OptionItem .name.wSet {
	width: 155px;
}

.RdbserverSettingOption .OptionItem .item {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingOption .OptionItem .item:last-child {
	margin-right: 0;
}
.RdbserverSettingOption .OptionItem .unitPrice {
	margin-left: 1em;
	font-size: 12px;
	line-height: 1.3;
}

/*利用料金*/
.RdbserverSettingCharge .RdbsimuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingCharge .RdbsimuCustomItem .price {
	position: absolute;
	bottom: 4px;
	right: 5px;
	font-size: 16px;
	font-weight: bold;
}


@media screen and (max-width: 767px) {
	.RdbserverSetting1 {
	}
	.RdbserverSetting2 {

	}
	.RdbserverSettingBox {
		position: relative;
	}
	.RdbserverSettingBoxMain {
		display: table;
		width: 100%;
		padding: 10px 0 20px 26px;

		vertical-align: top;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.RdbserverSetting1 .RdbserverSettingBoxMain,
	.RdbserverSetting1 .RdbserverSettingTtl {

		/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
		background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
		background-size: 2px 2px;
	}
	.RdbserverSetting1 .RdbserverSettingBox:last-child .RdbserverSettingBoxMain {
		background: none;
	}

	.RdbserverSettingTtl {
		position: relative;
		padding-left: 34px;
		line-height: 28px;
	}
	.RdbserverSettingTtl .RdbicoWrapper {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		text-align: center;
		background-color: #D1D1D1;

		vertical-align: middle;

		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	.RdbserverSettingTtl .RdbicoWrapper .ico {
		width: 20px;
	}

	/*ラジオボタン*/
	.RdbserverSetting1 .rdbradioBlock {
		padding: 6px;
		font-size: 12px;
	}
	.RdbserverSetting1 .rdbradioBtn {
		display: none;
	}
	.RdbserverSetting1 .name {

	}
	.RdbserverSetting1 .spec,
	.RdbserverSetting1 .unitPrice {
		display: inline-block;
		font-size: 10px;
		margin-left: 1em;
	}
	/*タイプ*/
	.RdbserverSettingTabBox {
	}
	.RdbserverSettingTab {
		width: 90px;
	}
	.RdbserverSettingTab ul {
	}
	.RdbserverSettingTab li {
	}
	.RdbserverSettingTab li:first-child {
	}
	.RdbserverSettingTab li.active {
	}
	.RdbserverSettingTab li.active:first-child {
		margin-top: 0;
	}
	.RdbserverSettingTab li a {
		padding: 6px 6px;
		margin-right: -1px;

		font-size: 12px;
	}
	.RdbserverSettingTabContent {
		padding: 6px;
	}
	.RdbserverSettingTabContent .description {
		font-size: 12px;
	}
	.RdbserverSettingTabContent ul,
	.RdbserverSettingTabContent li {
	}
	.RdbserverSettingTabContent li {
		margin-bottom: 4px;
	}
	.RdbserverSettingTabContent li:last-child {
		margin-bottom: 0;
	}
	/*Light*/
	#type_light_rdb .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light_rdb .spec {	/*スペックの幅*/
	}
	/*Standard*/
	#type_standard_rdb .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard_rdb .spec {	/*スペックの幅*/
	}
	/*HighCPU*/
	#type_highCPU_rdb .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU_rdb .spec {	/*スペックの幅*/
	}
	/*HighMEM*/
	#type_highMEM_rdb .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM_rdb .spec {	/*スペックの幅*/
	}
	/*HighIO*/
	#type_highIO_rdb .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO_rdb .spec {	/*スペックの幅*/
	}
	/*GPU BOOST*/
	#type_gpuBoos_rdbt .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost_rdb .spec {	/*スペックの幅*/
	}
	/*ボリューム*/
	.RdbserverSettingVolume {
	}
	.RdbserverSettingVolume .RdbsimuCustomItem {
		padding: 5px 0;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .name {
		display: inline-block;
		margin-right: 5px;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .name.wSet {
		width: 155px;
	}

	.RdbserverSettingVolume .RdbsimuCustomItem .item {
		display: inline-block;
		margin-right: 5px;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .item:last-child {
		margin-right: 0;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .price {
		position: absolute;
		bottom: 4px;
		right: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	/*課金タイプ*/
	.RdbserverSettingCharge {
		padding-left: 4px;
	}
	.RdbserverSettingCharge .slider1 {
		width: 180px;
	}
	.RdbserverSettingCharge .slider1 .scale span:nth-child(6){
		left: 196px;
	}

}
@media screen and (max-width: 480px) {
	/*Light*/
	#type_light_rdb .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*Standard*/
	#type_standard_rdb .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighCPU*/
	#type_highCPU_rdb .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighMEM*/
	#type_highMEM_rdb .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighIO*/
	#type_highIO_rdb .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*GPU BOOST*/
	#type_gpuBoost_rdb .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*利用時間*/
	.RdbserverSettingCharge .RdbsimuCustomItem .price {
		display: block;
		position: relative;
		bottom: auto;
		right: auto;

		text-align: right;
	}
}



/* add 2018/11 GCS*/
/* バケット */
.simuCustomBox .simuCustomGcs {
	margin-bottom: 10px;
}
.simuCustomBox .simuCustomGcs:last-child {
	margin-bottom: 0;
}
.simuCustomBox .GcssimuCustomBucketHead {
	position: relative;
	padding: 5px 10px 3px;
	background-color: rgba(167,195,248,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.GcsserverSettingBox {
	position: relative;
}
.GcsserverSettingBoxMain {
	width: 100%;
	padding: 15px 0 30px 36px;
	padding-left: 36px;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.GcsserverSettingTtl {
	position: relative;
	padding-left: 34px;
	line-height: 28px;
}
.GcsserverSettingTtl .RdbicoWrapper {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	background-color: #D1D1D1;

	vertical-align: middle;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.GcsserverSettingTtl .GcsicoWrapper .ico {
	width: 20px;
}
.GcsserverSettingOption {
}
.GcsserverSettingOption .OptionItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.GcsserverSettingOption .OptionItem .name {
	display: inline-block;
	margin-right: 5px;
}
.GcsserverSettingOption .OptionItem .name.wSet {
	width: 155px;
}

.GcsserverSettingOption .OptionItem .item {
	display: inline-block;
	margin-right: 5px;
}
.GcsserverSettingOption .OptionItem .item:last-child {
	margin-right: 0;
}
.simuCustomBox .GcssimuCustomBucketBody {
	display: table;
	width: 100%;
	padding: 10px;

	border: 1px solid rgba(167,195,248,0.5);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .GcssimuCustomBucketBody dl,
.simuCustomBox .GcssimuCustomBucketBody .GcsbtnAreaBucket {
	display: table-cell;
}
.simuCustomBox .GcssimuCustomBucketBody .GcsbtnAreaBucket {
	width: 10%;
	min-width: 85px;
	text-align: right;
	vertical-align: middle;
}
.simuCustomBox .GcssimuCustomBucketBody dl {
	vertical-align: top;
	border-right: 1px solid #EAEAEA;
}
.simuCustomBox .GcssimuCustomBucketBody dt,
.simuCustomBox .GcssimuCustomBucketBody dd {
	padding: 0 10px 0 38px;
}
.simuCustomBox .GcssimuCustomBucketBody dt {
	font-weight: bold;

	background-repeat: no-repeat;
	background-position: 6px 0;
	background-size: 25px 20px;
}
.simuCustomBox .GcssimuCustomBucketBody dd {
	font-size: 13px;
}
/*バケットの項目毎の設定 GCS*/
.simuCustomBox .GcssimuCustomBucketBody dl.storageClass {
	width: 24%;
}
.simuCustomBox .GcssimuCustomBucketBody dl.storageClass dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_storageclass.png);
}
.simuCustomBox .GcssimuCustomBucketBody dl.storageClass .spec {
	display: block;
	font-size: 11px;
}
.simuCustomBox .GcssimuCustomBucketBody dl.location {
	width: 20%;
}
.simuCustomBox .GcssimuCustomBucketBody dl.location dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_location.png);
}
.simuCustomBox .GcssimuCustomBucketBody dl.storage {
	width: 18%;
}
.simuCustomBox .GcssimuCustomBucketBody dl.storage dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_storage.png);
}
.simuCustomBox .GcssimuCustomBucketBody dl.acquisition {
	width: 38%;
}
.simuCustomBox .GcssimuCustomBucketBody dl.acquisition dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_acquisition.png);
}
.simuCustomBox .GcssimuCustomBucketHead .GcsbtnBucketDelete {
	position: absolute;
	right: 2px;
	top: 2px;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	vertical-align: middle;

	opacity: 0.65;
	cursor: pointer;
	transition: 0.3s;
}
.simuCustomBox .GcssimuCustomBucketHead .GcsbtnBucketDelete:hover {
	opacity: 1;
}
.simuCustomBox .GcssimuCustomBucketHead .GcsbtnBucketDelete > .ico {
	width: 12px;
	margin-top: 12px;
}
.simuCustomBox .GcssimuCustomBucketHead .price {
	float: right;
	margin-right: 24px;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.simuCustomBox .GcssimuCustomBucketHead {
		padding: 5px 8px 3px 8px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .simuCustomBucketName {
		max-width: 240px;
		margin-bottom: 5px;
		padding: 6px 5px;
		font-size: 14px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .btnServerDelete {
		margin-top: -2px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .GcssimuCustomBucketHead .price {
		font-size: 14px;
	}
	.simuCustomBox .GcssimuCustomBucketBody .btnAreaServer {
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.simuCustomBox .GcssimuCustomBucketBody {
		display: block;
		width: 100%;
		padding: 10px;

		vertical-align: top;

		letter-spacing: -.40em; /* 文字間 */
	}
	.simuCustomBox .GcssimuCustomBucketBody dl {
		display: inline-block;
		width: 49.5% !important;
		margin-bottom: 8px;

		letter-spacing: normal; /* 文字間 */
	}
	.simuCustomBox .GcssimuCustomBucketBody > dl:nth-of-type(2n) {
		border-right: none;
		margin-right: 0;
	}
	.simuCustomBox .GcssimuCustomBucketBody dt,
	.simuCustomBox .GcssimuCustomBucketBody dd {
		padding: 0 8px 0 38px;
	}
	.simuCustomBox .GcssimuCustomBucketBody dt {

		background-repeat: no-repeat;
		background-position: 6px 0;
		background-size: 25px 20px;
	}
	.simuCustomBox .GcssimuCustomBucketBody dd {
		font-size: 13px;
	}
	/*サーバーの項目毎の設定*/
	.simuCustomBox .GcssimuCustomBucketBody dl.type dt {
	}
	.simuCustomBox .GcssimuCustomBucketBody dl.type .spec {
	}
	.simuCustomBox .GcssimuCustomBucketBody dl.opt dt {
	}
	.simuCustomBox .GcssimuCustomBucketBody dl.volume dt {
	}
	.simuCustomBox .GcssimuCustomBucketBody dl.charge dt {
	}
}
@media screen and (max-width: 640px) {
	.simuCustomBox .GcssimuCustomBucketHead {
		height: 65px;
		padding: 5px 40px 3px 8px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .simuCustomBucketName {
		max-width: 240px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .btnServerDelete {
		position: absolute;
		top: 2px;
		right: 5px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .GcssimuCustomBucketHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .GcssimuCustomBucketHead .price {
		position: absolute;
		bottom: 2px;
		right: 8px;
		float: none;
		margin-right: 0;
	}
}

/*RDB*/
/* サーバー */
.simuCustomBox .simuCustomRdb {
	margin-bottom: 10px;
}
.simuCustomBox .simuCustomRdb:last-child {
	margin-bottom: 0;
}
.simuCustomBox .RdbsimuCustomServerHead {
	position: relative;
	padding: 5px 10px 3px;
	background-color: rgba(25,68,72,0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .RdbsimuCustomServerHead .openBtn {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 34px;
	height: 34px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_down.png) no-repeat center center;
	background-size: 12px 8px;

	cursor: pointer;
}
.simuCustomBox .simuCustomEleHead .openBtn.open {
	/*background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_customEle_ya_up.png) no-repeat center center;
	background-size: 12px 8px;

}
.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerName {
	width: 100%;
	max-width: 240px;
	padding: 2px 5px;
	font-size: 16px;
	text-align: left;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam {
	display: inline-block;
}
.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam .ttl {
	font-weight: bold;
}
.simuCustomBox .RdbsimuCustomServerHead .RdbbtnServerDelete {
	position: absolute;
	right: 2px;
	top: 2px;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	vertical-align: middle;

	opacity: 0.65;
	cursor: pointer;
	transition: 0.3s;
}
.simuCustomBox .RdbsimuCustomServerHead .RdbbtnServerDelete:hover {
	opacity: 1;
}
.simuCustomBox .RdbsimuCustomServerHead .RdbbtnServerDelete > .ico {
	width: 12px;
	margin-top: 12px;
}

.simuCustomBox .RdbsimuCustomServerHead .price {
	float: right;
	margin-right: 24px;
	font-size: 16px;
	line-height: 32px;
	font-weight: bold;
}
.simuCustomBox .RdbsimuCustomServerBody {
	display: table;
	width: 100%;
	padding: 10px;

	border: 1px solid rgba(25,68,72,0.5);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuCustomBox .RdbsimuCustomServerBody dl,
.simuCustomBox .RdbsimuCustomServerBody .RdbbtnAreaServer {
	display: table-cell;
}
.simuCustomBox .RdbsimuCustomServerBody .RdbbtnAreaServer {
	width: 10%;
	min-width: 85px;
	text-align: right;
	vertical-align: middle;
}
.simuCustomBox .RdbsimuCustomServerBody dl {
	vertical-align: top;
	border-right: 1px solid #EAEAEA;
}
.simuCustomBox .RdbsimuCustomServerBody dt,
.simuCustomBox .RdbsimuCustomServerBody dd {
	padding: 0 10px 0 38px;
}
.simuCustomBox .RdbsimuCustomServerBody dt {
	font-weight: bold;

	background-repeat: no-repeat;
	background-position: 6px 0;
	background-size: 25px 20px;
}
.simuCustomBox .RdbsimuCustomServerBody dd {
	font-size: 13px;
}
/*サーバーの項目毎の設定RDB*/
.simuCustomBox .RdbsimuCustomServerBody dl.type {
	width: 22%;
}
.simuCustomBox .RdbsimuCustomServerBody dl.type dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_num.png);
}
.simuCustomBox .RdbsimuCustomServerBody dl.type .spec {
	display: block;
	font-size: 11px;
}
.simuCustomBox .RdbsimuCustomServerBody dl.opt {
	width: 26%;
}
.simuCustomBox .RdbsimuCustomServerBody dl.opt dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_option.png);
}
.simuCustomBox .RdbsimuCustomServerBody dl.volume {
	width: 18%;
}
.simuCustomBox .RdbsimuCustomServerBody dl.volume dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_volume.png);
}
.simuCustomBox .RdbsimuCustomServerBody dl.charge {
	width: 24%;
}
.simuCustomBox .RdbsimuCustomServerBody dl.charge dt {
	background-image: url(/sevice_shared/img/cloud/sim/ico_server_charge.png);
}

@media screen and (max-width: 767px) {
	.simuCustomBox .RdbsimuCustomServer {
		margin-bottom: 8px;
	}
	.simuCustomBox .RdbsimuCustomServerHead {
		padding: 5px 8px 3px 8px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerName {
		max-width: 240px;
		margin-bottom: 5px;
		padding: 6px 5px;
		font-size: 14px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam {
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam .ttl {
	}
	.simuCustomBox .RdbsimuCustomServerHead .btnServerDelete {
		margin-top: -2px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .RdbsimuCustomServerHead .price {
		font-size: 14px;
	}
	.simuCustomBox .RdbsimuCustomServerBody .btnAreaServer {
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.simuCustomBox .RdbsimuCustomServerBody {
		display: block;
		width: 100%;
		padding: 10px;

		vertical-align: top;

		letter-spacing: -.40em; /* 文字間 */
	}
	.simuCustomBox .RdbsimuCustomServerBody dl {
		display: inline-block;
		width: 49.5% !important;
		margin-bottom: 8px;

		letter-spacing: normal; /* 文字間 */
	}
	.simuCustomBox .RdbsimuCustomServerBody > dl:nth-of-type(2n) {
		border-right: none;
		margin-right: 0;
	}
	.simuCustomBox .RdbsimuCustomServerBody dt,
	.simuCustomBox .RdbsimuCustomServerBody dd {
		padding: 0 8px 0 38px;
	}
	.simuCustomBox .RdbsimuCustomServerBody dt {

		background-repeat: no-repeat;
		background-position: 6px 0;
		background-size: 25px 20px;
	}
	.simuCustomBox .RdbsimuCustomServerBody dd {
		font-size: 13px;
	}
	/*サーバーの項目毎の設定*/
	.simuCustomBox .RdbsimuCustomServerBody dl.type dt {
	}
	.simuCustomBox .RdbsimuCustomServerBody dl.type .spec {
	}
	.simuCustomBox .RdbsimuCustomServerBody dl.opt dt {
	}
	.simuCustomBox .RdbsimuCustomServerBody dl.volume dt {
	}
	.simuCustomBox .RdbsimuCustomServerBody dl.charge dt {
	}
}
@media screen and (max-width: 640px) {
	.simuCustomBox .RdbsimuCustomServer {
		margin-bottom: 8px;
	}
	.simuCustomBox .RdbsimuCustomServerHead {
		height: 88px;
		padding: 5px 40px 3px 8px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerName {
		max-width: 240px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam {
	}
	.simuCustomBox .RdbsimuCustomServerHead .RdbsimuCustomServerNam .ttl {
	}
	.simuCustomBox .RdbsimuCustomServerHead .btnServerDelete {
		position: absolute;
		top: 2px;
		right: 5px;
		width: 34px;
		height: 34px;
	}
	.simuCustomBox .RdbsimuCustomServerHead .btnServerDelete > .ico {
		width: 12px;
		margin-top: 12px;
	}

	.simuCustomBox .RdbsimuCustomServerHead .price {
		position: absolute;
		bottom: 2px;
		right: 8px;
		float: none;
		margin-right: 0;
	}
}

/*サーバー構成設定モーダル*/
.RdbserverSetting1 {
}
.RdbserverSetting2 {

}
.RdbserverSettingBox {
	position: relative;
}
.RdbserverSettingBoxMain {
	width: 100%;
	padding: 15px 0 30px 36px;
	padding-left: 36px;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSetting1 .RdbserverSettingBoxMain,
.RdbserverSetting1 .RdbserverSettingTtl {
	/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
	background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
	background-size: 2px 2px;
}
.RdbserverSetting1 .RdbserverSettingBox:last-child .RdbserverSettingBoxMain {
	background: none;
}

.RdbserverSettingTtl {
	position: relative;
	padding-left: 34px;
	line-height: 28px;
}
.RdbserverSettingTtl .RdbicoWrapper {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	background-color: #D1D1D1;

	vertical-align: middle;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.RdbserverSettingTtl .RdbicoWrapper .ico {
	width: 20px;
}

/*ラジオボタン*/
.RdbserverSetting1 .rdbradioBlock {
	display: inline-block;
	position: relative;
	width: 100%;
	border: 1px solid #D1D1D1;
	padding: 10px;
	background-color: #fff;

	font-size: 14px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	cursor: pointer;
}
.RdbserverSetting1 .rdbradioBtn {
	display: none;
}
.RdbserverSetting1 .rdbradioBlock .overlay {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;

	box-shadow: 0 0 0 2px #36AEDD inset;

	border: 1px solid #36AEDD;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.RdbserverSetting1 .rdbradioBlock:hover .overlay,
.RdbserverSetting1 .rdbradioBtn:checked + .rdbradioBlock .overlay {
	opacity: 1;
}
.RdbserverSetting1 .name {
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;

}
.RdbserverSetting1 .spec,
.RdbserverSetting1 .unitPrice {
	margin-left: 1em;
	font-size: 12px;
	line-height: 1.3;
}
/*タイプ*/
.RdbserverSettingTabBox {
	display: table;
}
.RdbserverSettingTab {
	display: table-cell;
	width: 150px;
	position: relative;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab ul {
	margin: 0 auto;
}
.RdbserverSettingTab li {
	position: relative;
	border: 1px solid #C4C4C4;
	border-top: none;
	border-right: none;

	background-color: #F0F0F0;

	z-index: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab li:first-child {
	border-top: 1px solid #C4C4C4;
}
.RdbserverSettingTab li.active {
	margin-top: -1px;
	margin-right: -1px;
	border: 1px solid #999;
	border-right: 1px solid #FFF;

	background-color: #FFF;

	z-index: 2;
}
.RdbserverSettingTab li.active:first-child {
	margin-top: 0;
}
.RdbserverSettingTab li a {
	display: block;
	padding: 10px;
	margin-right: -1px;

	color: #333;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTab li a:hover {
	text-decoration: none;
}
.RdbserverSettingTabContent {
	display: table-cell;
	position: relative;

	padding: 10px;

	border: 1px solid #999;

	vertical-align: top;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        width: 100%;
}
.RdbserverSettingTabContent .description {
	font-size: 14px;
}
.RdbserverSettingTabContent ul,
.RdbserverSettingTabContent li {

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingTabContent li {
	margin-bottom: 4px;
}
.RdbserverSettingTabContent li:last-child {
	margin-bottom: 0;
}
.RdbserverSettingTabContent .name,
.RdbserverSettingTabContent .spec {
	display: inline-block;
}
/*Light*/
#type_light_rdb .name {	/*タイプ名の幅*/
	width: 50px;
}
#type_light_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*Standard*/
#type_standard_rdb .name {	/*タイプ名の幅*/
	width: 70px;
}
#type_standard_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighCPU*/
#type_highCPU_rdb .name {	/*タイプ名の幅*/
	width: 75px;
}
#type_highCPU_rdb .spec {	/*スペックの幅*/
	width: 13em;
}
/*HighMEM*/
#type_highMEM_rdb .name {	/*タイプ名の幅*/
	width: 100px;
}
#type_highMEM_rdb .spec {	/*スペックの幅*/
	width: 15em;
}
/*HighIO*/
#type_highIO_rdb .name {	/*タイプ名の幅*/
	width: 115px;
}
#type_highIO_rdb .spec {	/*スペックの幅*/
	width: 14em;
}
/*GPU BOOST*/
#type_gpuBoost_rdb .name {	/*タイプ名の幅*/
	width: 90px;
}
#type_gpuBoost_rdb .spec {	/*スペックの幅*/
	width: 14em;
}

/*おすすめ！*/
.RdbserverSettingTabContent .rdbradioBlock.recommend .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_popular.png) no-repeat center center;
	background-size: 20px 20px;
}
/*大人気*/
.RdbserverSettingTabContent .rdbradioBlock.popular .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center;
	background-size: 20px 20px;
}
/*NEW*/
.RdbserverSettingTabContent .rdbradioBlock.new .name:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;

	/*background: url(/sevice_shared/img/cloud/sim/ico_recommend.png) no-repeat center center/20px 20px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_new.png) no-repeat center center;
	background-size: 20px 20px;
}
/*ボリューム*/
.RdbserverSettingVolume {
}
.RdbserverSettingVolume .RdbsimuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingVolume .RdbsimuCustomItem .name {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingVolume .RdbsimuCustomItem .name.wSet {
	width: 155px;
}

.RdbserverSettingVolume .RdbsimuCustomItem .item {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingVolume .RdbsimuCustomItem .item:last-child {
	margin-right: 0;
}

/*オプション*/
.RdbserverSettingOption {
}
.RdbserverSettingOption .OptionItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingOption .OptionItem .name {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingOption .OptionItem .name.wSet {
	width: 155px;
}

.RdbserverSettingOption .OptionItem .item {
	display: inline-block;
	margin-right: 5px;
}
.RdbserverSettingOption .OptionItem .item:last-child {
	margin-right: 0;
}

/*利用料金*/
.RdbserverSettingCharge .simuCustomItem {
	position: relative;
	width: 100%;
	padding: 5px 0;

	border-bottom: 1px solid #EAEAEA;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.RdbserverSettingCharge .simuCustomItem .price {
	position: absolute;
	bottom: 4px;
	right: 5px;
	font-size: 16px;
	font-weight: bold;
}


@media screen and (max-width: 767px) {
	.RdbserverSetting1 {
	}
	.RdbserverSetting2 {

	}
	.RdbserverSettingBox {
		position: relative;
	}
	.RdbserverSettingBoxMain {
		display: table;
		width: 100%;
		padding: 10px 0 20px 26px;

		vertical-align: top;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.RdbserverSetting1 .RdbserverSettingBoxMain,
	.RdbserverSetting1 .RdbserverSettingTtl {

		/*background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px/2px 2px;*/
		background: url(/sevice_shared/img/cloud/sim/bg_serverSettingBoxMain.png) repeat-y top left 13px;
		background-size: 2px 2px;
	}
	.RdbserverSetting1 .RdbserverSettingBox:last-child .RdbserverSettingBoxMain {
		background: none;
	}

	.RdbserverSettingTtl {
		position: relative;
		padding-left: 34px;
		line-height: 28px;
	}
	.RdbserverSettingTtl .RdbicoWrapper {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 28px;
		height: 28px;
		text-align: center;
		background-color: #D1D1D1;

		vertical-align: middle;

		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		border-radius: 14px;
	}
	.RdbserverSettingTtl .RdbicoWrapper .ico {
		width: 20px;
	}

	/*ラジオボタン*/
	.RdbserverSetting1 .rdbradioBlock {
		padding: 6px;
		font-size: 12px;
	}
	.RdbserverSetting1 .rdbradioBtn {
		display: none;
	}
	.RdbserverSetting1 .name {

	}
	.RdbserverSetting1 .spec,
	.RdbserverSetting1 .unitPrice {
		display: inline-block;
		font-size: 10px;
		margin-left: 1em;
	}
	/*タイプ*/
	.RdbserverSettingTabBox {
	}
	.RdbserverSettingTab {
		width: 90px;
	}
	.RdbserverSettingTab ul {
	}
	.RdbserverSettingTab li {
	}
	.RdbserverSettingTab li:first-child {
	}
	.RdbserverSettingTab li.active {
	}
	.RdbserverSettingTab li.active:first-child {
		margin-top: 0;
	}
	.RdbserverSettingTab li a {
		padding: 6px 6px;
		margin-right: -1px;

		font-size: 12px;
	}
	.RdbserverSettingTabContent {
		padding: 6px;
	}
	.RdbserverSettingTabContent .description {
		font-size: 12px;
	}
	.RdbserverSettingTabContent ul,
	.RdbserverSettingTabContent li {
	}
	.RdbserverSettingTabContent li {
		margin-bottom: 4px;
	}
	.RdbserverSettingTabContent li:last-child {
		margin-bottom: 0;
	}
	/*Light*/
	#type_light_rdb .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light_rdb .spec {	/*スペックの幅*/
	}
	/*Standard*/
	#type_standard_rdb .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard_rdb .spec {	/*スペックの幅*/
	}
	/*HighCPU*/
	#type_highCPU_rdb .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU_rdb .spec {	/*スペックの幅*/
	}
	/*HighMEM*/
	#type_highMEM_rdb .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM_rdb .spec {	/*スペックの幅*/
	}
	/*HighIO*/
	#type_highIO_rdb .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO_rdb .spec {	/*スペックの幅*/
	}
	/*GPU BOOST*/
	#type_gpuBoos_rdbt .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost_rdb .spec {	/*スペックの幅*/
	}
	/*ボリューム*/
	.RdbserverSettingVolume {
	}
	.RdbserverSettingVolume .RdbsimuCustomItem {
		padding: 5px 0;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .name {
		display: inline-block;
		margin-right: 5px;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .name.wSet {
		width: 155px;
	}

	.RdbserverSettingVolume .RdbsimuCustomItem .item {
		display: inline-block;
		margin-right: 5px;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .item:last-child {
		margin-right: 0;
	}
	.RdbserverSettingVolume .RdbsimuCustomItem .price {
		position: absolute;
		bottom: 4px;
		right: 5px;
		font-size: 14px;
		font-weight: bold;
	}
	/*課金タイプ*/
	.RdbserverSettingCharge {
		padding-left: 4px;
	}
	.RdbserverSettingCharge .slider1 {
		width: 180px;
	}
	.RdbserverSettingCharge .slider1 .scale span:nth-child(6){
		left: 196px;
	}

}
@media screen and (max-width: 480px) {
	/*Light*/
	#type_light_rdb .name {	/*タイプ名の幅*/
		width: 50px;
	}
	#type_light_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*Standard*/
	#type_standard_rdb .name {	/*タイプ名の幅*/
		width: 65px;
	}
	#type_standard_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighCPU*/
	#type_highCPU_rdb .name {	/*タイプ名の幅*/
		width: 70px;
	}
	#type_highCPU_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighMEM*/
	#type_highMEM_rdb .name {	/*タイプ名の幅*/
		width: 100px;
	}
	#type_highMEM_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*HighIO*/
	#type_highIO_rdb .name {	/*タイプ名の幅*/
		width: 115px;
	}
	#type_highIO_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*GPU BOOST*/
	#type_gpuBoost_rdb .name {	/*タイプ名の幅*/
		width: 110px;
	}
	#type_gpuBoost_rdb .spec {	/*スペックの幅*/
		width: auto;
	}
	/*利用時間*/
	.RdbserverSettingCharge .RdbsimuCustomItem .price {
		display: block;
		position: relative;
		bottom: auto;
		right: auto;

		text-align: right;
	}
}
/* RDB */




























/* エラー表示 */
.simuCustomErrorBox {
	margin-bottom: 5px;
	color: #FF1D1D;
	font-size: 12px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.simuCustomErrorBox {
		font-size: 12px;
	}
}

/* サービス毎の色 */
.simuCustomBox.idcfcloud .simuCustomHeadline {	/*IDCFクラウド*/
	background-color: #4D9FEB;
}
.simuCustomBox.idcfcloud .simuCustomEle {
	border: 2px solid #4D9FEB;
	border-top: none;
}
.simuCustomBox.ilb .simuCustomHeadline {	/*ILB*/
	background-color: #02905D;
}
.simuCustomBox.ilb .simuCustomEle {
	border: 2px solid #02905D;
	border-top: none;
}
.simuCustomBox.rdb .simuCustomHeadline {	/*RDB*/
	background-color: #194448;
}
.simuCustomBox.rdb .simuCustomEle {
	border: 2px solid #194448;
	border-top: none;
}
.simuCustomBox.gcs .simuCustomHeadline {	/*GCS*/
	background-color: #4486f9;
}
.simuCustomBox.gcs .simuCustomEle {
	border: 2px solid #4486f9;
	border-top: none;
}
.simuCustomBox.storage .simuCustomEle {
	border: 2px solid #4A4B54;
	border-top: none;
}
.simuCustomBox.cache .simuCustomHeadline {	/*CDN*/
	background-color: #1CCC00;
}
.simuCustomBox.cache .simuCustomEle {
	border: 2px solid #1CCC00;
	border-top: none;
}
.simuCustomBox.dns-gslb .simuCustomHeadline {	/*DNS・GSLB*/
	background-color: #FF9B00;
}
.simuCustomBox.dns-gslb .simuCustomEle {
	border: 2px solid #FF9B00;
	border-top: none;
}
.simuCustomBox.connect .simuCustomHeadline {	/*プライベートコネクト*/
	background-color: #7763B8;
}
.simuCustomBox.connect .simuCustomEle {
	border: 2px solid #7763B8;
	border-top: none;
}
.simuCustomBox.baremetal .simuCustomHeadline {	/*ベアメタルサーバー*/
	background-color: #244FA2;
}
.simuCustomBox.baremetal .simuCustomEle {
	border: 2px solid #244FA2;
	border-top: none;
}
.simuCustomBox.security .simuCustomHeadline {	/*セキュリティ*/
	background-color: #55C296;
}
.simuCustomBox.security .simuCustomEle {
	border: 2px solid #55C296;
	border-top: none;
}

@media screen and (max-width: 979px) {
	.simCustomMain {
		float: none;
		width: 100%;
		margin-right: 0;
		padding-top: 0;
	}
	.simuCustomBox {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.simCustomMain {
		padding-top: 0;
	}
}
/*月額合計、クーポン、ボタン*/
.simuCustomInfo {
	position: relative;
	float: right;
	width: 298px;
	padding: 10px 12px;

	border: 4px solid #BFBFBF;
	background-color: #FFF;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: margin-top 0.3s ease;
	transform: translate3d(0, 0, 0);
}
.simuCustomInfo:after {
	content: "";
	position: absolute;
	top: 50%; left: -14px;
	margin-top: -3.25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7.5px 14px 7.5px 0;
	border-color: transparent #BFBFBF transparent transparent;
}
.simuCustomInfo .priceBox {
	position: relative;
}
.simuCustomInfo .priceBox .ttl {
	font-size: 16px;
}
.simuCustomInfo .priceBox .price {
	display: block;
	margin: -5px 0 10px;
	font-size: 34px;
	font-weight: bold;
	text-align: right;

	border-bottom: 1px solid #BFBFBF;
}
.simuCustomInfo .priceBox .price .unit {
	font-size: 20px;
}
.simuCustomInfo .couponBox {
	margin-bottom: 12px;
}

.simuCustomInfo .couponBox .heading {
	position: relative;
	padding: 8px 10px 7px 48px;

	color: #FFF;
	font-size: 18px;
	font-weight: bold;

	/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px/28px 28px #F476A9;*/
	background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 8px #F476A9;
	background-size: 28px 28px;


}
.simuCustomInfo .couponBox h3 {
}
.simuCustomInfo .couponBox .heading .openBtn {
	position: absolute;
	top: 2px;
	right: 0;
	width: 40px;
	height: 40px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_up.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_up.png) no-repeat center center;
	background-size: 12px 8px;

	cursor: pointer;

	display: none;
}
.simuCustomInfo .couponBox .heading .openBtn.open {
	/*background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_down.png) no-repeat center center/12px 8px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_down.png) no-repeat center center;
	background-size: 12px 8px;

}
.simuCustomInfo .couponBox ul {
	padding-bottom: 12px;
	background-color: #FCEDF6;
}
.simuCustomInfo .couponBox li {
	position: relative;
	padding: 14px 15px 0 42px;
}
.simuCustomInfo .couponBox .checkbox + .checkboxIcon {
	top: 15px;
	left: 15px;
}
.simuCustomInfo .couponBox .checkbox + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 0/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 0;
	background-size: 18px 36px;
}
.simuCustomInfo .couponBox .checkbox:checked + .checkboxIcon:before {
	/*background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 -18px/18px 36px;*/
	background: url(/sevice_shared/img/cloud/sim/checkbox_coupon.png) no-repeat 0 -18px;
	background-size: 18px 36px;
}
.simuCustomInfo .couponBox .link {
	display: block;
}
.simuCustomInfo .couponBox .link:after {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-left: 3px;
	/*background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0/8px 12px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0;
	background-size: 8px 12px;
}
.simuCustomInfo .couponBox .price {
	display: block;
	color: #FF1D1D;
}
.btnAreaInfoConv li,
.btnAreaInfoConv li a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	overflow: hidden;
}
.btnAreaInfoConv .btnQuotation,
.btnAreaInfoConv .btnContact {
	width: 100%;
	margin-bottom: 8px;
}
.btnAreaInfoConv .btnSave {
	width: 100%;
}
.btnAreaInfoConv .btnSave .btnText {
	padding: 0 15px 0 15px;
}
@media screen and (max-width: 979px) {
	.simuCustomInfo {
		position: absolute;
		top: 0;
		left: 0;
		float: none;
		width: 100%;
		padding: 10px 12px;

		border: none;
		background-color: rgba(250,250,250,0.75);

		z-index: 100;
	}
	.simuCustomInfo:after {
		border: none;
	}
	.simuCustomInfo .priceBox {
		float: right;
		width: 280px;

		text-align: right;

		border-bottom: 1px solid #BFBFBF;
	}
	.simuCustomInfo .priceBox .ttl {
		position: absolute;
		bottom: 5px;
		left: 0;
		font-size: 14px;
	}
	.simuCustomInfo .priceBox .price {
		display: inline-block;
		margin: 0 0 -5px 0;
		font-size: 32px;

		border-bottom: none;
	}
	.simuCustomInfo .priceBox .price .unit {
		font-size: 18px;
	}

	.simuCustomInfo .couponBox {
		position: relative;
		float: right;
		display: inline-block;
		margin: 0 20px 0 0;
	}
	.simuCustomInfo .couponBox .heading {
		width: 116px;
		padding: 13px 10px 11px 44px;

		font-size: 15px;
		font-weight: bold;

		/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 11px/24px 24px #F476A9;*/
		background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat 10px 11px #F476A9;
		background-size: 24px 24px;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.simuCustomInfo .couponBox h3 {
	}
	.simuCustomInfo .couponBox .heading .openBtn {
		display: block;
	}
	.simuCustomInfo .couponBox ul {
		position: absolute;
		bottom: 56px;
		width: 472px;
		display: none;
	}
	.simuCustomInfo .couponBox ul:after {
		content: "";
		position: absolute;
		left: 152px; bottom: -8px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 8px 4px 0 4px;
		border-color: #FCEDF6 transparent transparent transparent;
	}
	.simuCustomInfo .couponBox li {
		position: relative;
		padding: 12px 10px 0 42px;
	}
	.simuCustomInfo .couponBox .checkbox + .checkboxIcon:before {
	}
	.simuCustomInfo .couponBox .checkbox:checked + .checkboxIcon:before {
	}
	.simuCustomInfo .couponBox .link {
		display: block;
	}
	.simuCustomInfo .couponBox .link:after {
		content: " ";
		display: inline-block;
		width: 8px;
		height: 12px;
		margin-left: 3px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0/8px 12px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0;
		background-size: 8px 12px;
	}
	.simuCustomInfo .couponBox .price {
		display: block;
		color: #FF1D1D;
	}
	.btnAreaInfoConv {
		float: right;
	}
	.btnAreaInfoConv ul {
		letter-spacing: -.40em; /* 文字間 */

	}
	.btnAreaInfoConv li {
		float: left;
		display: inline-block;
		margin-right: 12px;

		letter-spacing: normal; /* 文字間 */
	}
	.btnAreaInfoConv .btnQuotation,
	.btnAreaInfoConv .btnContact,
	.btnAreaInfoConv .btnSave {
		width: 48px;
		margin-bottom: 0;
	}
	.btnAreaInfoConv .btnQuotation .btnText,
	.btnAreaInfoConv .btnContact .btnText,
	.btnAreaInfoConv .btnSave .btnText {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.simuCustomInfo {
		min-width: 323px;
		height: 54px;
		padding: 5px 10px;
	}
	.simuCustomInfo .priceBox {
		width: 110px;

		text-align: right;
	}
	.simuCustomInfo .priceBox .ttl {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 10px;
	}
	.simuCustomInfo .priceBox .price {
		display: inline-block;
		margin: 0 0 -5px 0;
		padding-top: 14px;
		font-size: 18px;

		border-bottom: none;
	}
	.simuCustomInfo .priceBox .price .unit {
		font-size: 12px;
	}

	.simuCustomInfo .couponBox {
		float: right;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	.simuCustomInfo .couponBox .heading {
		width: 30px;
		height: 30px;
		padding: 5px;

		font-size: 15px;
		font-weight: bold;

		/*background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat center bottom 2px/24px 24px #F476A9;*/
		background:	url(/sevice_shared/img/cloud/sim/ico_coupon.png) no-repeat center bottom 2px #F476A9;
		background-size: 24px 24px;
	}
	.simuCustomInfo .couponBox h3 {
	}
	.simuCustomInfo .couponBox .heading .openBtn {
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;

		/*background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_up.png) no-repeat center top 2px/12px 8px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_up.png) no-repeat center top 2px;
		background-size: 12px 8px;
	}
	.simuCustomInfo .couponBox .heading .openBtn.open {
		/*background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_down.png) no-repeat center top 2px/12px 8px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_couponBox_ya_down.png) no-repeat center top 2px;
		background-size: 12px 8px;

	}
	.simuCustomInfo .couponBox h3 .ttl {
		display: none;
	}
	.simuCustomInfo .couponBox ul {
		bottom: 48px;
		left: -145px;
		width: 300px;
		display: none;
	}
	.simuCustomInfo .couponBox ul:after {
		left: 160px; bottom: -8px;
		margin-left: 0;
	}
	.simuCustomInfo .couponBox li {
		position: relative;
		padding: 12px 10px 0 46px;
	}
	.simuCustomInfo .couponBox .checkbox + .checkboxIcon:before {
	}
	.simuCustomInfo .couponBox .checkbox:checked + .checkboxIcon:before {
	}
	.simuCustomInfo .couponBox .link {
		display: block;
	}
	.simuCustomInfo .couponBox .link:after {
		content: " ";
		display: inline-block;
		width: 8px;
		height: 12px;
		margin-left: 3px;
		/*background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0/8px 12px;*/
		background: url(/sevice_shared/img/cloud/sim/ico_link_ya.png) no-repeat 0 0;
		background-size: 8px 12px;
	}
	.simuCustomInfo .couponBox .price {
		display: block;
		color: #FF1D1D;
	}
	.btnAreaInfoConv {
	}
	.btnAreaInfoConv ul {
	}
	.btnAreaInfoConv li {
		margin-right: 8px;
	}
	.btnAreaInfoConv .btnQuotation,
	.btnAreaInfoConv .btnContact,
	.btnAreaInfoConv .btnSave {
		width: 40px;
		height: 40px;
		margin-bottom: 0;
	}
	.btnAreaInfoConv .btnQuotation .btnText,
	.btnAreaInfoConv .btnContact .btnText,
	.btnAreaInfoConv .btnSave .btnText {
		display: none;
	}

}

/*非選択時*/
.simCustomUnselected {
	display: none;
}
.simCustomUnselected .simCustomUnselectedBox {
	position: relative;
	display: block;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 30px 15px 26px;
	text-align: center;
	background: #FFF;
	border: 1px solid #d1d1d1;
	z-index: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simCustomUnselected .simCustomUnselectedBox:before {
	content: " ";
	display: block;
	position: absolute;
	top: -18px; left: 50%;
	width: 0px;
	height: 0px;
	margin-left: -3px;
	border-style: solid;
	border-width: 0 7px 18px 7px;
	border-color: transparent transparent #FFF transparent;
	z-index: 0;
}
.simCustomUnselected .simCustomUnselectedBox:after {
	content: " ";
	display: block;
	position: absolute;
	top: -19px; left: 50%;
	width: 0px;
	height: 0px;
	margin-left: -4px;
	border-style: solid;
	border-width: 0 8px 19px 8px;
	border-color: transparent transparent #d1d1d1 transparent;
	z-index: -1;
}
.simCustomUnselected .simCustomUnselectedBox .heading2_3 {
	margin-bottom: 15px;

}

/* 上部のナビゲーション（ステップナビ、戻るボタン）
----------------------------------------------*/
.navTopStep {
	position: relative;
	padding: 10px 0;
	text-align: right;

	z-index: 1;
}
.navTopStep.tabOn {
	margin-bottom: -60px;
}
@media screen and (max-width: 570px) {
	.navTopStep.tabOn {
		margin-bottom: -50px;
	}
}
.navTop {
	padding: 20px 0 0;
}
.navTop .btnAreaBack.heightAdjust {
	padding: 15px 0;
	height: 76px;
}
/* 下部のナビゲーション（戻るボタン）
----------------------------------------------*/
.navBottom {
	padding: 40px 0;
}

/* ステップナビ
----------------------------------------------*/
.navStep {
	position: absolute;
	top: 0;
	right: 10px;
	letter-spacing: -.40em; /* 文字間 */
}
.navTopStep .navStep {
	position: static;
	top: auto;
	right: auto;
}
.navStep li {
	position: relative;
	display: inline-block;
	min-width: 88px;
	margin-right: 20px;
	color: #C1C1C1;
	font-size: 13px;
	text-align: center;
	letter-spacing: normal; /* 文字間 */
}
.navStep li:last-child {
	margin-right: 0;
}
.navStep li:last-child:before {
	width: 0;
	border-bottom: none;
}
.navStep li.active {
}
.navStep li.past {
	opacity: 0.5;
}
.navStep li:before {
	content: " ";
	position: absolute;
	top: 27px;
	right: -37px;
	width: 100%;
	height: 0;
	border-bottom: 4px solid #C1C1C1;

	z-index: -1;
}
.navStep li.past:after {
}
.navStep li div {
	position: relative;
	z-index: 1;
}
.navStep a {
}
.navStep .ico {
	width: 54px;
}
.navStep .caption {
	display: block;
	margin-top: 5px;
	text-align: center;
}
/*色:オレンジ*/
.navStep.orange li.active {
	color: #FFA726;
}
.navStep.orange li.past {
	color: #FFA726;
	opacity: 0.5;
}
.navStep.orange li.past:before {
	border-bottom: 4px solid #FFA726;
}
.navStep.orange a {
	color: #FFA726;
}
/*色:ブルー*/
.navStep.blue li.active {
	color: #4D9FEB;
}
.navStep.blue li.past {
	color: #4D9FEB;
	opacity: 0.5;
}
.navStep.blue li.past:before {
	border-bottom: 4px solid #4D9FEB;
}
.navStep.blue a {
	color: #4D9FEB;
}

@media screen and (max-width: 767px) {
	.navStep {
		position: relative;
		text-align: right;
	}
	.navStep li {
		min-width: 60px;
		font-size: 11px;
	}
	.navStep li:before {
		top: 21px;
		right: -30px;
		width: 60px;
		height: 0;
		border-bottom: 3px solid #C1C1C1;
	}
	.navStep .ico {
		position: relative;
		width: 42px;
	}
}
@media screen and (max-width: 570px) {	/*幅調整*/
	.navStep li {
		min-width: auto;
		min-width: initial;
		margin-right: 5px;
		font-size: 10px;
	}
	.navStep.blue li:before {
		right: -6px;
		width: 6px;
	}
	.navStep.blue li:first-child:before {
		right: -5px;
		width: 6px;
	}
}

/* バナー表示
----------------------------------------------*/
.bannerArea {
	margin-top: 40px;
	padding: 40px 0 30px;
}
.bannerArea ul {
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.40em; /* 文字間 */
}
.bannerArea li {
	position: relative;
	display: inline-block;
	width: 24.15%;
	max-width: 285px;
	margin: 0 0.9% 10px 0;

	letter-spacing: normal; /* 文字間 */
}
.bannerArea li:nth-child(4n) {
	margin-right: 0;
}
@media screen and (max-width: 979px) {
	.bannerArea ul {
		max-width: 580px;
	}
	.bannerArea li {
		position: relative;
		display: inline-block;
		width: 48.5%;
		margin-right: 2.5%;

		letter-spacing: normal; /* 文字間 */
	}
	.bannerArea li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.bannerArea {
		margin-top: 20px;
		padding: 25px 0 15px;
	}
}


/* サービスメニュー
----------------------------------------------*/
.simServiceMenu {
	position: absolute;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #FFF;

	overflow: visible;

	transform: translate3d(0, 0, 0);
}
.simServiceMenu.fix:after {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #EAEAEA;
	z-index: 1;
}
.simServiceMenuTtl {
	padding-top: 20px;
}
.simServiceMenuTtl .heading2_3 {
	margin-top: 0;
	margin-bottom: 0;
}
.simServiceMenu .simuContent {
	overflow: visible;
}
.simServiceMenuMain {
	position: relative;
	padding: 20px 0;
	background-color: #FFF;

	z-index: 2;
}
.simServiceMenu.fix .simServiceMenuMain:after {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #EAEAEA;
	z-index: 1;
}
.simServiceMenu ul {
	margin: 0 auto;

	text-align: center;

	letter-spacing: -.40em; /* 文字間 */
}
.simServiceMenu li {
	position: relative;
	display: inline-block;

	text-align: center;
	vertical-align: top;
	letter-spacing: normal; /* 文字間 */
}
/* 一列表示設定 */
.simServiceMenu li {
	width: 12.0%;
	margin-right: 0.55%;
}
.simServiceMenu.menu9 li {	/*メニュー9個*/
	width: 9.50%;
	margin-right: 0.55%;
}
.simServiceMenu li:last-child {
	margin-right: 0;
}
.simServiceMenu a {
	position: relative;
	display: block;
	padding: 3px 0 2px;
	color: #296A9B;
	font-size: 10px;

	border: 1px solid #296A9B;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	background-color: #FFF;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: 0.3s;
}
.simServiceMenu a .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	margin: -1px;
	padding: 1px;

	background-color: rgba(0,0,0,0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;

	opacity: 0;
	z-index: 2;

	transition: 0.3s;
}
.simServiceMenu a.disabled {
	color: #296A9B !important;
	border: 1px solid #296A9B !important;
	background-color: #ddd !important;
	opacity: 0.5 !important;

	cursor: default !important;
}
.simServiceMenu a:hover,
.simServiceMenu a.active {
	color: #FFF;
}
.simServiceMenu a:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.65;
}
.simServiceMenu li.touch a {	/*タッチデバイス対応*/
	opacity: 1;
}
.simServiceMenu a.active:hover {
	opacity: 1;
}
.simServiceMenu li.touch a.active {	/*タッチデバイス対応*/
	opacity: 1;
}
.simServiceMenu a.active:hover .overlay {
	opacity: 1;
}
.simServiceMenu li.touch a.active .overlay {	/*タッチデバイス対応*/
	opacity: 0;
}
.simServiceMenu .ico {
	width: 32px;
}
/*ふきだし*/
.simServiceMenu .tooltips {
	position: absolute;
	margin-top: 8px;
	padding: 3px 5px;
	color: #333;
	font-size: 12px;
	line-height: 1.3;
	text-align: left;
	background: #FFF;

	border: 1px solid #BFBFBF;

	opacity: 0;
	z-index: 9999;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: none;
	transition: 0.5s;
}
.simServiceMenu li:hover .tooltips {
	opacity: 1;
	display: block;
}
.simServiceMenu li.touch .tooltips {	/*タッチデバイス対応*/
	opacity: 0;
	display: none;
}
.simServiceMenu .tooltips:before {
	content: "";
	position: absolute;
	left: 50%; top: -9px;
	margin-left: -4.5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #FFF transparent;

	z-index: 0;
}
.simServiceMenu .tooltips:after {
	content: "";
	position: absolute;
	left: 50%; top: -10px;
	margin-left: -5.5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 11px 6px;
	border-color: transparent transparent #BFBFBF transparent;

	z-index: -1;
}

.simServiceMenu .btnServiceMenuDisp {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 240px;
	height: 32px;
	margin-left: -120px;
	padding: 0 10px 10px;

	color: #FFF;
	font-weight: bold;
	text-align: center;

	/*background: url(/sevice_shared/img/cloud/sim/btn_ServiceMenuDisp.png) no-repeat center bottom/240px auto;*/
	background: url(/sevice_shared/img/cloud/sim/btn_ServiceMenuDisp.png) no-repeat center bottom;
	background-size: 240px auto;

	cursor: pointer;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: none;
}
.simServiceMenu .btnServiceMenuDisp .ico {
	width: 15px;
	margin-right: 5px;
	vertical-align: middle;
	opacity: 0.65;
}
.simServiceMenu .btnServiceMenuDisp span {
	line-height: 1.1;
	font-size: 12px;
	vertical-align: middle;
	opacity: 0.65;
}
.simServiceMenu .btnServiceMenuDisp:hover .ico,
.simServiceMenu .btnServiceMenuDisp:hover span {
	opacity: 1;
}
.simServiceMenu .btnServiceMenuDisp span:after {
	content: " ";
	display: inline-block;
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 18px;
	height: 8px;
	margin-left: -6px;

	/*background: url(/sevice_shared/img/cloud/sim/ico_serviceMenuDisp_ya_down.png) no-repeat center center/12px 6px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_serviceMenuDisp_ya_down.png) no-repeat center center;
	background-size: 12px 6px;
}
.simServiceMenu .btnServiceMenuDisp.open span:after {
	/*background: url(/sevice_shared/img/cloud/sim/ico_serviceMenuDisp_ya_up.png) no-repeat center center/12px 6px;*/
	background: url(/sevice_shared/img/cloud/sim/ico_serviceMenuDisp_ya_up.png) no-repeat center center;
	background-size: 12px 6px;
}
/*.simServiceMenu.fixed {
		position: fixed;
		top: 0;
		z-index: 1;
}*/

/* サービス毎の色 */
.simServiceMenu .idcfcloud a:hover,
.simServiceMenu .idcfcloud a.active {	/*IDCFクラウド*/
	background-color: #4D9FEB;
	border: 1px solid #4D9FEB;
}
.simServiceMenu .ilb a:hover,
.simServiceMenu .ilb a.active {	/*ILB*/
	background-color: #02905D;
	border: 1px solid #02905D;
}
.simServiceMenu .rdb a:hover,
.simServiceMenu .rdb a.active {	/*RDB*/
	background-color: #194448;
	border: 1px solid #194448;
}
.simServiceMenu .gcs a:hover,
.simServiceMenu .gcs a.active {	/*GCS*/
	background-color: #4486f9;
	border: 1px solid #4486f9;
}
.simServiceMenu .storage a:hover,
.simServiceMenu .cache a:hover,
.simServiceMenu .cache a.active {	/*CDN*/
	background-color: #1CCC00;
	border: 1px solid #1CCC00;
}
.simServiceMenu .dns-gslb a:hover,
.simServiceMenu .dns-gslb a.active {	/*DNS・GSLB*/
	background-color: #FF9B00;
	border: 1px solid #FF9B00;
}
.simServiceMenu .connect a:hover,
.simServiceMenu .connect a.active {	/*プライベートコネクト*/
	background-color: #7763B8;
	border: 1px solid #7763B8;
}
.simServiceMenu .baremetal a:hover,
.simServiceMenu .baremetal a.active {	/*ベアメタルサーバー*/
	background-color: #244FA2;
	border: 1px solid #244FA2;
}
.simServiceMenu .security a:hover,
.simServiceMenu .security a.active {	/*セキュリティ*/
	background-color: #55C296;
	border: 1px solid #55C296;
}

@media screen and (max-width: 979px) {
	/* 二列表示設定（4個ずつ） */
	.simServiceMenu li {
		width: 23.8%;
		margin-right: 1.0%;
		margin-bottom: 8px;
	}
	.simServiceMenu li:nth-child(4n) {
		margin-right: 0;
	}
	.simServiceMenu.menu9 li {	/*メニュー9個*/
		width: 24.0%;
		margin-right: 1.33%;
		margin-bottom: 8px;
	}
	.simServiceMenu.menu9 li:nth-child(4),	/*メニュー9個*/
	.simServiceMenu.menu9 li:last-child {
		margin-right: 0;
	}
	.simServiceMenu.menu9 li:nth-child(n + 5) {	/*メニュー9個*/
		width: 18.94%;
	}
	/*ふきだし*/
	.simServiceMenu .tooltips {
		padding: 3px;
		font-size: 10px;
	}
}
@media screen and (max-width: 767px) {
	.simServiceMenuMain {
	}
	.simServiceMenu .tooltips {
		display: none;
	}
	.simServiceMenu li:hover .tooltips {
		opacity: 0;
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.simServiceMenu.menu9 li {	/*メニュー9個*/
		width: 32.45%;
		margin-right: 1.33%;
		margin-bottom: 8px;
	}
	.simServiceMenu.menu9 li:nth-child(n + 5) {	/*メニュー9個*/
		width: 32.45%;
	}
	.simServiceMenu.menu9 li:nth-child(4) {	/*メニュー9個*/
		margin-right: 1.33%;
	}
	.simServiceMenu.menu9 li:nth-child(3n) {	/*メニュー9個*/
		margin-right: 0;
	}
}
@media screen and (min-width: 766px) {	/*メニューの改行調整*/
	.simServiceMenu .caption br {
		display: none;
	}
}

/*説明アイコン*/
.simuHelp {
	position: relative;
	/*margin-left: 0.5em;*/
}
.simuHelp a {
	color: #FFF;
	text-decoration: underline;
}
.simuHelp a:hover {
	text-decoration: none;
}
.simuHelp a.tgTtip {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;

    opacity: 0.65;
	transition: 0.3s;
}
.simuHelp a.tgTtip:hover,
.simuHelp a.tgTtip.active {
    opacity: 1;
}
.simuHelp .ico {
	width: 16px;
	vertical-align: middle;
}
.simuHelp .hide{
    display: none;
}
.simuHelp .tgToolTip {
	position: absolute;
	bottom: 29px;
	left: 0;
	width: 180px;
	min-height: 1em;

	margin: 0;
	padding: 8px;

	color: #fff;
	font-size: 12px;
	text-align: left;
	line-height: 1.2;
	background-color: #889caa;

	cursor: default;
	z-index: 80;

	display: none;
}
.simuHelp .tgToolTip:after {
	content: "";
	position: absolute;
	left: 8px;
	bottom: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color:  #889caa transparent transparent transparent;

	z-index: 10002;
}
.simuHelp.white a {
	color: #333;
}
.simuHelp.white .tgToolTip {
    color: #333;
    border: 1px solid #889caa;
    background-color: #fff;
}
.simuHelp.white .tgToolTip:before {
	content: "";
	position: absolute;
	left: 7px;
	bottom: -8px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color:  #889caa transparent transparent transparent;

	z-index: -1;
}
.simuHelp.white .tgToolTip:after {
	bottom: -7px;
	border-width: 9px 4px 0 4px;
	border-color:  #fff transparent transparent transparent;
}

.simuHelpDelete {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;

    z-index: 79;

    cursor: pointer;
}
@media screen and (max-width: 767px) {
	.simuHelp {
		display: none;
	}
}

/* お問い合せ
----------------------------------------------*/
.simuContactSection {
	padding-top: 0;
}
.simuContactTextarea {
	padding: 12px 12px;
	background-color: #FFF;
}
.simuContactTable {
	width: 100%;
	font-size: 14px;
	margin-bottom: 0;
}
.simuContactTable tr:first-child th,
.simuContactTable tr:first-child td {
	border-top: none;
}
.simuContactTable th,
.simuContactTable td {
	padding: 18px 15px;
	text-align: left;
	vertical-align: top;
	background-color: #FFF;
	border-bottom: 1px solid #F4F4F4;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuContactTable.borderWhite th,
.simuContactTable.borderWhite td {
	border-bottom: 1px solid #FFF;
}
.simuContactTable th {
	padding-top: 20px;
	font-size: 14px;
	font-weight: normal;
	width: 42%;
}
.simuContactTable.borderWhite th {
	background-color: #EAEAEA;
}
.simuContactTable td {
	vertical-align: middle;
}
.simuContactTable .simuContactNote {
	display: block;
	position: relative;
	bottom: -4px;
	color: #636363;
	font-size: 12px;
}
.simuContactTable .simuFormExample {
	display: block;
	position: relative;
	bottom: -8px;
	color: #636363;
	font-size: 12px;
}
.simuContactTable input[type="text"],
.simuContactTable input[type="tel"],
.simuContactTable input[type="email"] ,
.simuContactTable input[type="number"] {
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.simuContactTable .radioBox ul {
	letter-spacing: -.40em; /* 文字間 */
}
.simuContactTable .radioBox li {
	display: inline-block;
	margin-right: 30px;
	letter-spacing: normal; /* 文字間 */
}
.simuContactTable .radioBox li:last-child {
	margin-right: 0;
}
.simuContactTable .name {

}
.simuContactTable .radioBox ul {
	letter-spacing: -.40em; /* 文字間 */
}
.simuContactTable .radioBox li {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 0;
	letter-spacing: normal; /* 文字間 */
}
.simuContactTable .radioBox li:last-child {
	margin-right: 0;
}
.simuContactTable .name {

}

.simuContactTable .checkboxBox ul {
	letter-spacing: -.40em; /* 文字間 */
}
.simuContactTable .checkboxBox li {
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 5px;
	letter-spacing: normal; /* 文字間 */
}
.simPrivacyBox {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 10px;

	border: 1px solid #BFBFBF;

	background-color: #FFF;


	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuContactSection .simPrivacyBox {	/*お問い合せ画面*/
	margin-top: 0;
	margin-bottom: 10px;
}
.simPrivacyBox.modal {
	height: 210px;
	overflow: auto;
}
.simPrivacyBox .ttl {
	font-size: 18px;
}
.simPrivacyBox p:last-child {
	margin-bottom: 0;
}
.privacyAgree {
	margin-top: 40px;
	text-align: center;
}
.privacyAgree .checkboxBox {
	display: inline-block;
	padding: 0 0 0 28px;
	margin-bottom: 15px;
}
.btnAreaForm {
	text-align: center;
}
.formCompletionLink {
	margin-top: 20px;
}
.formCompletionLink p {
	margin-bottom: 2px;
}
.formCompletionLink .btnBack {
	margin-bottom: 10px;
}
.list_item_link.simarrow > a:before {
    top: 6px;
    background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat 0 0;
}
/*エラー表示*/
.simuContactErrorBox {
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 1px solid #FF1D1D;

	color: #FF1D1D;
	font-size: 16px;
	font-weight: bold;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.simuContactErrorBox p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.simuContactTable {
		width: 100%;
		font-size: 12px;
		margin-bottom: 0;
	}
	.simuContactTable th,
	.simuContactTable td {
		padding: 12px 10px;
	}
	.simPrivacyBox {
	}
	.simPrivacyBox.modal {
		height: 160px;
	}
	.simPrivacyBox .ttl {
		font-size: 16px;
	}
	.simPrivacyBox p {
		font-size: 12px;
	}
	.simuContactErrorBox {
		padding: 16px;

		font-size: 14px;
	}
	.privacyAgree {
		margin-top: 20px;
	}
}
@media screen and (max-width: 480px) {
	.simuContactTable th,
	.simuContactTable td {
		display: block;
		width: 100%;
		background-color: #FFF;
	}
	.simuContactTable th {
		padding: 8px 8px 2px;
	}
	.simuContactTable td {
		padding: 2px 8px 8px;
	}
	.simuContactTable tr:nth-child(2n) th,
	.simuContactTable tr:nth-child(2n) td {
		background-color: #EAEAEA;
	}
	.simuContactTable th {
		border-bottom: none;
	}
	.simuContactTable td {
		margin-bottom: 8px;
	}
	.simuContactTable tr:last-child td {
		margin-bottom: 0;
	}
	.simuContactTable .simuFormExample {
		margin-top: 5px;
		bottom: auto;
	}

	.simuContactTable.borderWhite th,
	.simuContactTable.borderWhite td {
		border-bottom: none;
	}
	.simuContactTable.borderWhite th {
		background-color: #FFF;
	}
	.simuContactTable.borderWhite tr:nth-child(2n) th {
		background-color: #EAEAEA;
	}
}

/* モーダル
----------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 12px;
  top: 12px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  /*.mfp-close:active {
    top: 1px; }*/

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/*個別の設定*/
.modalWrapper {
	text-align: center;
}
.modalL,
.modalM,
.modalS {
	position:relative;
	width: 90%;
	margin: 0 auto;
	background-color: #FFF;

	overflow: hidden;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.modalL {
	max-width: 950px;
}
.modalM {
	max-width: 720px;
}
.modalS {
	max-width: 510px;
}
.modalHeading {
	padding: 18px;

	font-size: 18px;
	font-weight: bold;
	background-color: #EAEAEA;
}
.modalMain {
	padding: 18px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modalBtnArea {
	margin: 10px auto 0;
	padding-bottom: 18px;

	text-align: center;

	letter-spacing: -.40em; /* 文字間 */
}
.modalSaveBox {
	margin-top: 20px;
	padding: 20px 15px 15px;
	background-color: #EAEAEA;
	text-align: center;
}
.modalSaveBox p {

}
.modalSaveBoxUrl {
	margin-bottom: 20px;
}
.modalSaveBoxUrl input[type="text"] {
	width: 90%;
	max-width: 430px;
}
.modalSaveBoxSend .modalSaveBoxSendBtnArea {
	display: inline-block;
}
/*サーバー選択*/
.serverConf .modalHeading {
	color: #FFF;
	background-color: #4D9FEB;
}
.serverConf .mfp-close {
	color: #FFF;
}

/*サーバー選択RDB*/
.serverConf .modalHeading.rdb {
	color: #FFF;
	background-color: #194448;
}

/* お見積書発行 */
.modalQuotationFin {
	display: none;
}
@media screen and (max-width: 767px) {
	.modalHeading {
		padding: 10px;

		font-size: 16px;
	}
	.modalMain {
		padding: 10px;
	}
	.mfp-close {
	  width: 38px;
	  height: 38px;
	  line-height: 38px;
	  position: absolute;
	  right: 6px;
	  top: 6px;
	  font-size: 24px;
	}
}

/*--   リスト矢印  --*/
.simuContent .list_item_link > a:before {
	top: 7px;
	background: url(/sevice_shared/img/cloud/ico_arrow_list.png) no-repeat 0 0;
}

/* add 2018/11 */
.sci-ml {
    margin-left: 10px;
    width: auto !important;
}
.name-title {
    margin-top: 10px;
    font-weight: bold;
}
.mtr {
    margin-top: initial;
}
.sci-ml .name-item .name {
    width: 110px;
}
.sci-ml .name-item .name.wide {
    width: 220px;
}
.unitPrice.va-m {
    vertical-align: middle;
}
.price .dollar {
    font-size: 14px;
    font-weight: initial;
}
.notesBox.tar {
    text-align: right;
}
.locationGrayout {
    background-color: #ebebe4;
    margin: 8px 0 10px 10px;
    padding: 7px 0 20px 26px;
}
@media screen and (max-width: 767px) {
    .isobtWordSml {
        letter-spacing: -2px;
        font-size: 11px;
    }
    .GcsserverSettingBoxMain {
        padding: 10px 0 30px 16px;
    }
    .locationGrayout {
        margin: 6px 0px 10px 0px;
        padding: 4px 0px 20px 16px;
    }
}

div.pb10 {
    padding-bottm: 10px;
}