@charset "utf-8";

/*
	1.Spec Common Layout.
		1-1.TAB Layout.
		1-2.Common Style.
		1-3.Anchor Link Layout.
	2.Spec - Base Spec Type Layout.
		2-1.Base Spec.
		2-2.Server Type.
		2-3.Server Spec.
		2-4.Disk.
		2-5.Network.
		2-6.Firewall.
		2-7.Charges.
		2-8.Prohibitions.
		2-9.Other.
	3.Spec - Option Spec Type Layout.
		3-1.Option Spec.
		3-2.Customize.
		3-2.Server Copy.
		3-3.Monitoring.
		3-4.Monitoring Free.
		3-5.SSL.
		3-6.DNS.
	4.Spec - Module Plane & Module Server Layout.
*/

/*----------------------------------------------------------
	1.Price Common Layout.
-----------------------------------------------------------*/
/* 1-1.TAB Layout. */
div#spec h3{
	margin: 30px 0px 20px 0px;
	background: url(/cloud/common/images/bg_h3_head.gif) no-repeat top left;
	padding: 3px 0px 3px 10px;
	color: #fff;
}

div#spec a[target="_blank"]{
	padding-right: 16px;
	background: url(/cloud/common/images/icon_blank.png) no-repeat center right;
}
div#spec ul#tabNavigation{
	height:30px;
	margin:0px 0px 20px 0px;
	padding:0px 10px;
	list-style:none;
	overflow:hidden;
	background:url(/cloud/common/images/bg_tab.gif) repeat-x bottom left;
	}
div#spec .feeList{
	margin-bottom: 10px;
}
div#spec .serviceList{
	overflow: hidden;
}
div#spec .serviceList ul{
	padding-left: 16px;
	float: left;
}
div#spec .serviceList ul.left{
	width: 221px;
	padding: 0;
}
div#spec .serviceList ul.center{
	width: 205px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
div#spec .serviceList ul.right{
	width: 205px;
}

div#spec ul#tabNavigation li{
	height:30px;
	margin:0px;
	margin-right:5px;
	padding:0px;
	background:none;
	display:block;
	float:left;
	text-indent:-9999px;
	}

ul#tabNavigation li a{
	height:30px;
	display:block;
	}

ul#tabNavigation li.base a{
	width:75px;
	background:url(/cloud/common/images/spec/tab_icon_base.jpg) no-repeat top left;
	}

ul#tabNavigation li.base a.selected,
ul#tabNavigation li.base a:hover{
	background:url(/cloud/common/images/spec/tab_icon_base-on.jpg) no-repeat top left;	
	}

ul#tabNavigation li.option a{
	width:110px;
	background:url(/cloud/common/images/spec/tab_icon_option.jpg) no-repeat top left;	
	}

ul#tabNavigation li.option a.selected,
ul#tabNavigation li.option a:hover{
	background:url(/cloud/common/images/spec/tab_icon_option-on.jpg) no-repeat top left;	
	}

/* 1-2.Common Style. */

div#spec .illustL{
	margin-top:10px;
	}
	
div#spec .illust{
	text-align:center;
	margin-top:10px;
	}

.layout{
	margin-bottom:20px;
	}

span.link{
	padding-left:10px;
	display:block;
	background:url(/cloud/common/images/arrow_blue.gif) no-repeat center left;
	}

div#spec table{
	width:100%;
	border:1px solid #e3e3e3;
	border-bottom:none;
	border-right:none;
	border-collapse:collapse;
	border-spacing:0;
	}

div#spec table a{
	margin-right: 10px;
}
div#spec th,
div#spec td{
	padding:10px;
	border-right:1px solid #e3e3e3;
	text-align:left;
	word-break:normal;
	word-wrap::break-all;
	}

div#spec th{
	background:url(/cloud/common/images/bg_table_th.gif) 0 100% repeat-x #f2f2f2;
	}

div#spec td{
	background:url(/cloud/common/images/bg_table_td.gif) 0 100% repeat-x;
	}

div#spec ul{
	margin:20px 5px;
	list-style:none;
	}

div#spec ul.subList{
	margin:0px 5px;
	}
	
div#spec ul#subList{
	margin:0px;
	}

div#spec ul#subList li{
	background:none;
	padding-left:1em;
	text-indent:-1em;
	}

div#spec li{
	padding-left:15px;
	background:url(/cloud/common/images/arrow_dot.gif) no-repeat top left;
	}

div#spec li.point{
	color:#900;
	}

div#spec .releaseAnnounce{
	border: 1px solid #f00;
	color: #f00;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: -16px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 1px 4px;
	text-align: left;
	}
/* 	1-3.Anchor Link Layout. */

div#anchorLink{}

div#anchorLink ul{
	margin:20px 10px;
	}

div#anchorLink li{
	background: none;
	border: 1px solid #369;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 0px;
	white-space: nowrap;
	}

div#anchorLink li a{
	background: url(/cloud/common/images/arrow_blue.gif) no-repeat 5px center;
	display: inline-block;
	padding: 2px 5px 0px 12px;
	text-decoration: none;
	}

div#anchorLink li span.new{
	color: #f20067;
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	}
	
div#anchorLink p{
	clear: both;
	color: #f00;
	}

/*----------------------------------------------------------
	2.Spec - Base Spec Type Layout.
-----------------------------------------------------------*/

/* 2-1.Base Spec. */
div#baseSpec{}

div#baseSpec h2{
	background:url(/cloud/common/images/spec/h2_base-spec.jpg) no-repeat top left;
	}

/* 2-2.Server Type. */
div#serverType{}

div#serverType div#serverPoint{
	width:660px;
	margin:20px;
	padding-bottom:10px;
	background:url(/cloud/common/images/spec/bg_service_point_foot.gif) no-repeat bottom left;
	}

div#serverPoint h4{
	height:20px;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:none;
	text-indent:-9999px;
	}

div#serverPoint p{}

div#serverPoint div#innerL,
div#serverPoint div#innerR{
	width:190px;
	padding:10px 10px 0px 120px;
	display:block;
	}

div#serverPoint div#innerL{
	background:url(/cloud/common/images/spec/bg_service_point_left.gif) no-repeat top left;
	float:left;
	}

div#serverPoint div#innerL h4{
	background:url(../images/spec/h3_point_left.gif) no-repeat top left;
	}

div#serverPoint div#innerR{
	background:url(/cloud/common/images/spec/bg_service_point_right.gif) no-repeat top left;
	float:right;
	}

div#serverPoint div#innerR h4{
	background:url(../images/spec/h3_point_right.gif) no-repeat top left;
	}

/* 2-3.Server Spec. */
div#serverSpec{}

/* 2-4.Disk. */
div#disk{}

/* 2-5.Network. */
div#network{}

/* 2-6.Firewall. */
div#firewall{}

/* 2-7.Charges. */
div#charges{}

/* 2-8.Prohibitions. */
div#prohibitions{}

div#prohibitions div.point{
	padding:10px;
	background:#FFEECC;
	}

/* 2-9.Other. */
div#other{}

/*----------------------------------------------------------
	3.Spec - Option Spec Type Layout.
-----------------------------------------------------------*/
/* 3-1.Option Spec. */
div#optionSpec{}

div#optionSpec h2{
	background:url(/cloud/common/images/spec/h2_option-spec.jpg) no-repeat top left;
	}

/* 3-2.Customize. */
div#customize{}

/* 3-2.Server Copy. */
div#serverCopy{}

/* 3-3.Monitoring. */
div#monitoring{}

/* 3-4.Monitoring Free. */
div#monitoringFree{}

/* 3-5.SSL. */
div#ssl{}

/* 3-6.DNS. */
div#dns{}

/*----------------------------------------------------------
	4.Spec - Module Plane & Module Server Layout.
-----------------------------------------------------------*/

div#modulePlane{}
div#moduleServer{}

div#modulePlane h2,
div#moduleServer h2{
	background:url(/cloud/common/images/spec/h2_sonetcloud_servicelist.jpg) no-repeat top left;
	}

div#modulePlane ul,
div#moduleServer ul{
	width:230px;
	margin-left:2px;
	float:left;
	}

div#modulePlane li,
div#moduleServer li{
	padding-left:15px;
	background:url(/cloud/common/images/arrow_dot.gif) no-repeat top left;
	}