@charset "utf-8";

/*

   レイアウト
   
*/


/* ----------------------------------------------------------
	ベース / 共通
------------------------------------------------------------- */

body {
	background: #fff url(../../images/hikaku/bg_body.png) 50% 0 repeat;
	text-align: center;
}

#container {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

.content { padding: 0 0 50px; }

.title {
	height: 90px;
	margin: 0 0 20px;
	background: #fff url(../../images/hikaku/bg_title.png) 0 0 repeat;
	text-align: center;
}
.title img { margin: 26px 0 0; }

.box {
	width: 870px;
	margin: 0 auto;
}


/* ----------------------------------------------------------
	ヘッダー / #header
------------------------------------------------------------- */

#header {
	padding: 21px 0 0;
	background: #fff url(../../images/hikaku/bg_header.png) 100% 0 no-repeat;
}
#header .tagline {
	float: left;
	width: 540px;
	font-size: 85.7%;
}
#header .btns {
	float: right;
	width: 315px;
}
#header .poweredby {
	float: right;
	width: 207px;
	height: 35px;
}
#header .btn {
	float: left;
	width: 103px;
	height: 28px;
	margin: 3px 0 0;
}

#pagetitle {
	width: 930px;
	height: 224px;
	margin: 15px 0 0;
}

#intro {
	margin: 22px 0 0;
	padding: 20px 30px 25px;
	background: #fff url(../../images/hikaku/bg_gray.png) 0 0 repeat;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* ----------------------------------------------------------
	フッター / #footer
------------------------------------------------------------- */

#footer { margin: 50px 0; }
#footer .pagetop {
	margin: 0 0 15px;
	padding: 0 30px;
	text-align: right;
}
#footer .box {
	width: auto;
	margin: 0;
	padding: 10px 30px 13px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#footer .copyright {
	float: left;
	width: 570px;
	color: #999;
	line-height: 70px;
	font-weight: bold;
}
#footer .bnrs {
	float: right;
	width: 283px;
}
#footer .servicelist {
	width: 750px;
	margin: 20px auto;
	font-size: 71.4%;
}
#footer .servicelist li {
	float: left;
	width: 227px;
	margin: 0 0 5px;
	padding: 0 0 0 23px;
}
#footer .servicelist .service_xserver { background: url(../../images/hikaku/icon_xserver.png) 0 50% no-repeat; }
#footer .servicelist .service_xbiz { background: url(../../images/hikaku/icon_xbiz.png) 0 50% no-repeat; }
#footer .servicelist .service_sixcore { background: url(../../images/hikaku/icon_sixcore.png) 0 50% no-repeat; }
#footer .servicelist .service_wpx { background: url(../../images/hikaku/icon_wpx.png) 0 50% no-repeat; }
#footer .servicelist .service_xdomain { background: url(../../images/hikaku/icon_xdomain.png) 0 50% no-repeat; }
#footer .servicelist .service_drivee { background: url(../../images/hikaku/icon_drivee.png) 0 50% no-repeat; }
#footer .servicelist .service_xdrive { background: url(../../images/hikaku/icon_xdrive.png) 0 50% no-repeat; }
#footer .servicelist a { color: #777; }
#footer .servicelist a:link,
#footer .servicelist a:visited { text-decoration: none; }
#footer .servicelist a:hover,
#footer .servicelist a:active { text-decoration: underline; }


/* ----------------------------------------------------------
	コンテンツ
------------------------------------------------------------- */

/* 各サービスの主な特長 / #point
------------------------------------------------------------- */
#point {
	padding-top: 20px;
	background: #1966B2 url(../../images/hikaku/bg_point.png) 50% 0 repeat-y
}

#point .title {
	height: auto;
	background: none;
}
#point .title img { margin: 0; }
#point .box {
	width: auto;
	margin: 0;
	padding: 0 10px;
}
#point tbody {}
#point th { vertical-align: top; }
#point td { vertical-align: top; }
#point tbody tr:first-child th,
#point tbody tr:first-child td { padding: 10px 0 0; }
#point table img { display: block; }
#point .space { background: url(../../images/hikaku/bg_point_space.png) 0 0 no-repeat; }

/* サービス間で異なる仕様・機能 / #compare
------------------------------------------------------------- */
#compare {}
#compare table {
	margin: 0 0 10px;
	background: #fff url(../../images/hikaku/bg_compare.png) 0 0 no-repeat;
}
#compare td,
#compare th {
	text-align: center;
	vertical-align: middle;
}
#compare tbody td {
	height: 66px;
	font-size: 71.4%;
	font-weight: bold;
}
#compare .cell_h1 {
	width: 36px;
	height: 66px;
}
#compare .cell_h2 {
	width: 154px;
	height: 66px;
	font-size: 85.7%;
	font-weight: bold;
}
#compare .cell_data { width: 85px; }
#compare #t2_c1 { text-align: left; }

#footnotes {}
#footnotes p {
	display: inline;
	padding: 0 10px 0 0;
	font-size: 71.4%;
}


/* 共通する仕様・機能 / #common
------------------------------------------------------------- */
#common {}

#common .title { margin: 0; }
#common li {
	float: left;
	width: 251px;
	margin: 0 21px 0 0;
	padding: 20px 0 20px 25px;
	background: url(../../images/hikaku/icon_circle.png) 9px 50% no-repeat;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#common li:nth-child(3n) { margin-right: 0; }

/* 遷移ボタン / #buttons
------------------------------------------------------------- */
#buttons {
	height: 251px;
	margin: 50px 0 0;
	background: #fff url(../../images/hikaku/bg_gray.png) 0 0 repeat;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#buttons .btn {
	position: relative;
	top: -50px;
	width: 420px;
	padding: 79px 0 0;
}
#buttons .fl { background: transparent url(../../images/hikaku/bg_btn_rentalserver.png) 101px 0 no-repeat; }
#buttons .fr { background: transparent url(../../images/hikaku/bg_btn_cloud.png) 73px 0 no-repeat; }