@charset "utf-8";

/*-+-+- LEFT NAVI -+-+-*/
#left-navi .ct-navi a {
	background: url(../images/snavi_datacenter.gif) 0 0 no-repeat;
}
#left-navi .ct-navi .head a {
	height: 50px;
	background-position: 0 0;
}
#left-navi .ct-navi .head a:hover {
	background-position: right 0;
}
#left-navi .ct-navi ul li.housing a {
	background-position: -1px -90px;
}

#left-navi .ct-navi ul li.housing a:hover,
#left-navi .ct-navi ul li.housing a.current {
	background-position: -181px -90px;
}

#left-navi .ct-navi ul li ul.sub-navi li a {
	background-image: url(../images/snavi_datacenter-icon.gif);
}
#left-navi .ct-navi ul li ul.sub-navi li a:hover,
#left-navi .ct-navi ul li ul.sub-navi li a.current {
	background-color: #edeaf1;
}

/*==================↓2012.6.12追加=============================*/
#left-navi .ct-navi ul li.housing a.remote {
	background-position: -1px -50px;
}

#left-navi .ct-navi ul li.housing a.remote:hover,
#left-navi .ct-navi ul li.housing a.remote.current {
	background-position: -181px -50px;
}
/*==================↑2012.6.12追加=============================*/

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

.option-block {
	background-color: #edeaf1;
}

.tbl-block table tr.thead th {
	background-color: #533676;
}
.tbl-block table tr.subhead th {
	background-color: #edeaf1;
}

/* navigation --------------------------------- */

.tab-navi ul {
	border-color: #533676;
}
.tab-navi ul li.selected a,
.tab-navi ul li.selected a:hover {
	border-color: #533676;
	background-color: #533676;
	background-image: url(../images/icon_link-below-on.gif);
}

.boxs-navi ul li.selected a,
.boxs-navi ul li.selected a:hover {
	border-color: #533676;
	background-color: #533676;
	background-image: url(../images/icon_link-below-on.gif);
}

/* for index ---------------------------------- */

/* .mainimage */
.mainimage {
	margin-bottom: 20px;
	padding-bottom: 0;
	width: 740px;
	height: 140px;
	background: 0 0 no-repeat;
}
.mainimage * {
	text-indent: -999em;
}

/* .outline-block */
.outline-block {
	padding-bottom: 22px;
}
.outline-block table {
	margin-bottom: 8px;
	width: 100%;
	border-top: 2px solid #1b79c8;
	border-bottom: 2px solid #1b79c8;
}
.outline-block table tr th,
.outline-block table tr td {
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}
.outline-block table tr th.color,
.outline-block table tr td.color {
	background-color: #e7f7f7;
}
.outline-block table tr th {
	padding: 15px 8px 8px;
}
.outline-block table tr td {
	padding: 8px;
}
.outline-block table tr.line th,
.outline-block table tr.line td {
	border-bottom: 1px solid #dddddd;
}
.outline-block table tr.explain td {
	padding-top: 0;
}
.outline-block table tr.explain td p.catch {
	font-weight: bold;
}
.outline-block table tr.value td {
	padding: 0 8px;
}
.outline-block table tr.value p {
	margin-bottom: 0;
	padding: 8px 0;
	background: url(../../resource/images/line_dot-gray.gif) left bottom repeat-x;
	overflow: hidden;
	*zoom: 1;
}
.outline-block table tr.value p:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
.outline-block table tr.value td.btm p {
	background: none;
}
.outline-block table tr.value span,
.outline-block table tr.value strong {
	float: right;
	text-align: right;
}
.outline-block table tr.value strong {
	font-size: 116.6%;
	color: #ff3366;
}
.outline-block table tr.value span strong {
	font-size: 100%;
}
.outline-block table tr.value span.head {
	float: left;
	font-size: 91.6%;
	line-height: 1.9;
	text-align: left;
}
.outline-block table tr.btn td {
	margin-bottom: 0;
	padding: 10px 0 0 0;
	text-align: center;
}
.outline-block table tr.btn td.btm {
	padding-bottom: 10px;
}

/* .value */
ul.value {
	margin-bottom: 16px;
	overflow: hidden;
	*zoom:1;
	border: 1px solid #dddddd;
}
ul.value:after {
	content:".";display:block;height:0;clear: both;visibility:hidden;font-size:0;line-height:0;
}
ul.value li {
	display: block;
	float: left;
	padding: 1px 0;
	width: 245px;
	border-right: 1px solid #dddddd;
	text-align: center;
}
ul.value li.right {
	padding-top: 7px;
	width: 246px;
	border-right: none;
}
ul.value li {
	font-weight: bold;
}
ul.value li span {
	margin-right: 3px;
	font-size: 250%;
	color: #ff3366;
}
ul.value li.right span {
	font-size: 200%;
	color: #333333;
}

/* #option */
#option {
}
#option p.link {
}
ul.option-navi {
	width: 745px;
}
ul.option-navi li {
	margin: 0 5px 5px 0;
	width: 144px;
	float: left;
}
ul.option-navi li a {
	display: block; /* for tooltip.js */
}
ul.option-navi li.large {
	width: auto;
}
#option table tr th {
	width: 140px;
}

/* #points */
#points {
}
#points ul.point-list {
	padding-bottom: 5px;
}
#points ul.point-list li {
	margin-bottom: 25px;
	padding-left: 67px;
	min-height: 60px;
	_height: 60px; /* for IE6 */
	background: 0 0 no-repeat;
}
#points ul.point-list li.point-01 {
	background-image: url(../images/img_point-01.gif);
}
#points ul.point-list li.point-02 {
	background-image: url(../images/img_point-02.gif);
}
#points ul.point-list li.point-03 {
	background-image: url(../images/img_point-03.gif);
}
#points ul.point-list li.point-04 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-04.gif);
}
#points ul.point-list li.point-05 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-05.gif);
}
#points ul.point-list li.point-06 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-06.gif);
}
#points ul.point-list li.point-07 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-07.gif);
}
#points ul.point-list li.point-08 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-08.gif);
}
#points ul.point-list li.point-09 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-09.gif);
}
#points ul.point-list li.point-10 {
	background-image: url(http://datacenter.sakura.ad.jp/common/images/img_point-10.gif);
}
#points ul.point-list li p.catch {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 116.6%;
	color: #333333;
}

/* #pickup */
#pickup {
}
#pickup .float-list {
	padding-bottom: 20px;
}


/* action-block */
.action-block table tr td.txt {
	padding-top: 5px;
}