@charset "utf-8";

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/



/*共通設定
////////////////////////////////////////////////////*/
#contents {
	width: 690px;
}


/*tableの設定
////////////////////////////////////////////////////*/

table {
	text-align: center;
}


table th {
	height: 30px;
	width: 200px;
}

table td.subTitle {
	height: 30px;
}

table td {
	height: 30px;
}


/*IDCサービスの概要の設定
////////////////////////////////////////////////////*/

dl.outlineText {
	padding-bottom: 50px;
	background: url(../data/img/bg_arrow_blue.gif) center bottom no-repeat;
}

.outlineText dt {
	color: #003C86;
	font-weight: bold;
	margin-bottom: 8px;
}

.outlineText dd {
	margin-bottom: 30px;
}


/*ハードウェア/ソフトウェアについての設定
////////////////////////////////////////////////////*/

table.about td {
	width: 215px;
	padding: 5px 0;
}

table.about td ul {
	padding-left: 18px;
	text-align: left;
}

table.about td li {
	letter-spacing: 0;
}

/*ソフトバンクIDCのデータセンターを使用しますの設定
////////////////////////////////////////////////////*/

/*.innerchildBox {
	overflow: hidden;
}

.sb-idcBox img {
	clear: both;
	float: left;
	margin-bottom: 20px;
}

.sb-idcBox p {
	width: 385px;
	float: right;
}*/

.sb-idcBox {
	padding-bottom: 10px;
}

/*サーバ監視、障害見地要ハードウェア「監視Blocks」の設定
////////////////////////////////////////////////////*/

.blocksBox .childBox {
	overflow: hidden;
}

.blocksBox img {
	clear: both;
	float: left;
	margin-bottom: 20px;
}

.blocksBox dl {
	width: 360px;
	float: right;
}

.blocksBox dl dt {
	font-weight: bold;
}

/*障害切り分け、復旧の設定
////////////////////////////////////////////////////*/


/*国際接続速度一覧の設定
////////////////////////////////////////////////////*/

.speed-listBox table th {
	vertical-align: center;
}

.speed-listBox table td {
	height: 40px;
	width: 215px;
}

.speed-listBox caption {
	caption-side: bottom;
	text-align: right;
}

/*万全のサポート体制の設定
////////////////////////////////////////////////////*/

.supportBox dt {
	font-weight: bold;
	margin-bottom: 10px;
}

.supportBox dd {
	margin-bottom: 15px;
	padding-bottom: 8px;
	background: url(../common/img/bg_mini_dotted.jpg) repeat-x left bottom;
}

.supportBox .supportBoxBottom {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

/*サービスご提供価格の設定
////////////////////////////////////////////////////*/

#contents .annotation {
	margin: 0;
}

.firstTable {
	margin-bottom: 10px;
}

.firstTable th ,.firstTable td  {
	width: 326px;
	height: 30px;
}

.secondTable {
	margin-bottom: 10px;
}

.secondTable th ,.secondTable td  {
	width: 162px;
	height: 40px;
}



/**/

#contents ol {
	margin-bottom: 30px;
}

.address {
	text-align: left;
	background-color: #FBFBFB;
	letter-spacing: 0;
}

.address td {
	background-color: #FBFBFB;
}

.red {
	color: #FF0000;
}

.blue {
	color: #003F8C;
}

#contents .right p {
	padding-right: 1.5em;
	margin: 0;
}

/*追加*/

/*IDCサービス*/
#outlineDetail {
	text-align: center;
}

#outlineDetailSub {
	margin: 30px auto 0 auto;
	width: 600px;
	background-color: #F9F9F9;
	text-align: center;
}

#outlineDetailSub dl {
	padding: 15px;
	border: 1px solid #E8E8E8;
	text-align: left;
}

#outlineDetailSub dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	color: #003C86;
}

#outlineDetailSub dl dd {
	padding-left: 0.5em;
	text-indent: -1em;
}

#outlineDetailSub dl#requestList dt {
	margin-bottom: 20px;
	font-weight: normal;
	color: #333333;
}

#outlineDetailSub dl#requestList dd {
	margin-bottom: 20px;
	text-indent: 0;
	padding-left: 0;
}

#outlineDetailSub dl#requestList dd dl {
	padding: 0;
	border: none;
}

#outlineDetailSub dl#requestList dd dl dd {
	text-align: center;
}

ul#photoList {
	margin-bottom: 40px;
	text-align: center;
}

ul#photoList li {
	margin: 0 10px;
	display: inline;
}

#idcImage {
	margin-bottom: 30px;
}

#idcChildBox {
	margin: 0;
	padding: 0;
}

.childBox h4 {
	margin-bottom: 20px;
}

.childSubBox {
	padding: 0 14px;
}

.childListBox {
	margin-bottom: 25px;
}

.childList {
	float: left;
	margin-right: 15px;
	width: 315px;
}

.childList h5 {
	height: 4em;
	letter-spacing: 0;
	font-size: 80%;
	color: #003C86;
}

.childList dl {
	float: right;
	width: 185px;
	letter-spacing: 0;
}

.childList dl dt {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 0;
}

.childList dl dd {
	margin-bottom: 3px;
	font-size: 80%;
	letter-spacing: 0;
}

.photoHard {
	float: left;
}

.bold {
	font-weight: bold;
}

p#planBt {
	margin-top: 45px;
	text-align: center;
}

/*プラン詳細*/
table.sideTable {
	margin-bottom: 20px;
}

table.sideTable tr th {
	width: 170px;
}

table.sideTable tr td {
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
}

table.sideTable tr td span {
	display: block;
	width: 478px;
}

.grandchildBox {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	background-color: #ECF4FF;
}