@charset "utf-8";

/*-+-+- LEFT�@NAVI -+-+-*/
#left-navi .ct-navi a {
	background: url(../images/snavi_server.gif) 0 0 no-repeat;
}

#left-navi .ct-navi .head {
	height: 50px;
	background: url(../images/snavi_server.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.dedicated a {
	background-position: -1px -50px;
}
#left-navi .ct-navi ul li.dedicated a:hover,
#left-navi .ct-navi ul li.dedicated a.current {
	background-position: -181px -50px;
}
#left-navi .ct-navi ul li.platform-st a {
	background-position: -1px -90px;
}
#left-navi .ct-navi ul li.platform-st a:hover,
#left-navi .ct-navi ul li.platform-st a.current {
	background-position: -181px -90px;
}

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

#left-navi .ct-navi ul li.platform-ad a {
	background-position: -1px -130px;
}
#left-navi .ct-navi ul li.platform-ad a:hover,
#left-navi .ct-navi ul li.platform-ad a.current {
	background-position: -181px -130px;
}
#left-navi .ct-navi ul li.services a {
	background-position: -1px -170px;
}
#left-navi .ct-navi ul li.services a:hover,
#left-navi .ct-navi ul li.services a.current {
	background-position: -181px -170px;
}
#left-navi .ct-navi ul li.information a {
	background-position: -1px -210px;
}
#left-navi .ct-navi ul li.information a:hover,
#left-navi .ct-navi ul li.information a.current {
	background-position: -181px -210px;
}
#left-navi .ct-navi ul li ul li a {
	background: url(../images/snavi_server-d3.gif) 0 0 no-repeat;
}
#left-navi .ct-navi ul li ul li.entry a {
	background-position: -1px -1px;
}
#left-navi .ct-navi ul li.entry a:hover,
#left-navi .ct-navi ul li.entry a.current {
	background-position: -171px -1px;
}
#left-navi .ct-navi ul li ul li.basic a {
	background-position: -1px -31px;
}
#left-navi .ct-navi ul li.basic a:hover,
#left-navi .ct-navi ul li.basic a.current {
	background-position: -171px -31px;
}
#left-navi .ct-navi ul li ul li.raid a {
	background-position: -1px -61px;
}
#left-navi .ct-navi ul li.raid a:hover,
#left-navi .ct-navi ul li.raid a.current {
	background-position: -171px -61px;
}
#left-navi .ct-navi ul li ul li.advanced a {
	background-position: -1px -91px;
}
#left-navi .ct-navi ul li.advanced a:hover,
#left-navi .ct-navi ul li.advanced a.current {
	background-position: -171px -91px;
}
#left-navi .ct-navi ul li ul.sub-navi li a {
	background-image: url(../images/snavi_server-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: #e7f1f9;
}

#left-navi .ct-navi ul.box-navi dt a {
	display: block;
	width: 150px;
	height: 17px;
	padding: 6px 0 6px 18px;
	text-indent: 0;
	color: #000;
	font-weight: bold;
	background: url(../images/snavi_server-icon.gif) no-repeat 8px 13px;
}
#left-navi .ct-navi ul.box-navi dt a.current {
	background: url(../images/snavi_server-icon.gif) no-repeat 8px 13px;
	background-color: #f3f8fb;
}
#left-navi .ct-navi ul.box-navi dd a {
	display: block;
	width: 153px;
	height: auto;
	margin: 5px 0 5px 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
	color: #000;
}
#left-navi .ct-navi ul.box-navi dd a.current {
	background-color: #eee;
}

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

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

.tbl-block table tr.thead th {
	background-color: #1b79c8;
}
.tbl-block table tr.subhead th {
	background-color: #e7f1f9;
}

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

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

.boxs-navi ul li.selected a,
.boxs-navi ul li.selected a:hover {
	border-color: #1b79c8;
	background-color: #1b79c8;
	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 table {
	border-color: #1B79C8;
}
.outline-block table tr.name th {
	background-color: #e7f1f9;
}

/* .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(../images/img_point-04.gif);
}
#points ul.point-list li.point-05 {
	background-image: url(../images/img_point-05.gif);
}
#points ul.point-list li.point-06 {
	background-image: url(../images/img_point-06.gif);
}
#points ul.point-list li.point-07 {
	background-image: url(../images/img_point-07.gif);
}
#points ul.point-list li.point-08 {
	background-image: url(../images/img_point-08.gif);
}
#points ul.point-list li.point-09 {
	background-image: url(../images/img_point-09.gif);
}
#points ul.point-list li.point-10 {
	background-image: url(../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 .float-list {
	padding-bottom: 20px;
}

.series01 {
	background: url(../images/bg_induction_middle01.png) repeat-y center top;
	width: 536px;
	margin-bottom: 10px;
	}

.series01 .bg-top {
	background: url(../images/bg_induction_top01.png) no-repeat center top;
	}

.series01 .bg-top .bg-bottom {
	background: url(../images/bg_induction_bottom01.png) no-repeat center bottom;
	padding: 14px 0 12px 0px;
	text-align: center;
	}

/* support */

#support {
	height: 255px;
	background: url(../images/support_bg.png) 0px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://server.sakura.ad.jp/common/css/PIE.htc);
	position: relative;
}
#support p:first-of-type {
	position: absolute;
	top: 20px;
	left: 22px;
}
#support ul li:nth-of-type(1) {
	position: absolute;
	top: 89px;
	left: 22px;
}
#support ul li:nth-of-type(2) {
	position: absolute;
	top: 118px;
	left: 22px;
}
#support ul li:nth-of-type(3) {
	position: absolute;
	top: 148px;
	left: 22px;
}
#support ul li:nth-of-type(4) {
	position: absolute;
	top: 178px;
	left: 22px;
}
#support ul li:nth-of-type(5) {
	position: absolute;
	top: 208px;
	left: 22px;
}
#support div {
	position: absolute;
	right: 20px;
	top: 79px;
}
#support p:last-of-type {
	position: absolute;
	top: 191px;
	right: 19px;
}

/* data */

#data {
	margin-left: 6px;
	background: url("../../dedicated/images/bg_data.png") no-repeat;
}
#data table {
	margin: 0 0 0 10px;
	border-collapse: collapse;
}
.hcell01 {
	width: 162px;
	text-align: center;
}
.hcell02 {
	width: 181px;
}
.hcell03 {
	width: 164px;
}
.hcell04 {
	width: 173px;
}
.hcell05 {
	width: 169px;
}
.hcell06 {
	width: 165px;
}
.hcell07 {
	width: 183px;
}
.hcell08 {
	width: 120px;
}
.hcell09 {
	width: 138px;
}

/* point */

#point ul{
	position: relative;
	width: 700px;
	height: 155px;
	margin: 0 auto;
}
#point li:nth-of-type(1) {
	position: absolute;
	bottom: 0;
	left: 0;
}
#point li:nth-of-type(2) {
	position: absolute;
	bottom: 0;
	left: 240px;
}
#point li:nth-of-type(3) {
	position: absolute;
	bottom: 0;
	right: -10px;
}
#point li p {
	position: absolute;
	top: 75px;
	left: 15px;
	width: 194px;
}

/* CAMP */

#camp {
	width: 760px;
	height: 42px;
	margin: 0 auto;
	background: url(../images/camp_bg.png) no-repeat 0px 0px;
	color: #fff;
}
#camp p {
	line-height: 42px;
	margin-left: 15px;
	padding-left: 25px;
	background: url(../images/camp_icon.png) no-repeat 0px 9px;
}
#camp p a {
	color: #7bbcf2;
	text-decoration: underline;
}

/* ALERT */

#alert {
	width: 735px;
	margin: 0 auto;
	padding: 10px 10px 10px 15px;
	background: #444;
	color: #fff;
}
#alert a {
	color: #7bbcf2;
	text-decoration: underline;
}
#alert strong {
	color: #ff9c00;
}