@charset "utf-8";

/*--------------------
 CATEGORY
--------------------*/

#index #category {
	position: relative;
	margin: 25px auto 0 auto;
	width: 960px;
	height: 330px;
}

/* RENTAL */

#index #category #rental {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 457px;
	height: 274px;
	background:
		url(../images/category/bg_rental.png);
}
#index #category #rental dt {
	position: absolute;
	top: 10px;
	left:15px;
}
#index #category #rental dd:nth-of-type(1) {
	position: absolute;
	top: 56px;
	left: 12px;
}
#index #category #rental dd:nth-of-type(2) {
	position: absolute;
	top: 56px;
	left: 234px;
}
#index #category #rental dd:nth-of-type(3) {
	position: absolute;
	top: 104px;
	left: 12px;
}
#index #category #rental dd:nth-of-type(4) {
	position: absolute;
	top: 155px;
	left: 12px;
}
#index #category #rental dd:nth-of-type(5) {
	position: absolute;
	top: 155px;
	left: 234px;
}
#index #category #rental dd:nth-of-type(6) {
	position: absolute;
	top: 214px;
	left: 12px;
}
#index #category #rental dd:nth-of-type(7) {
	position: absolute;
	top: 214px;
	left: 234px;
}

/* VPS */

#index #category #vps {
	position: absolute;
	top: 32px;
	left: 473px;
	width: 235px;
	height: 105px;
	background:
		url(../images/category/bg_vps.png);
}
#index #category #vps dt {
	position: absolute;
	top: 10px;
	left:15px;
}
#index #category #vps dd {
	position: absolute;
	top: 56px;
	left: 12px;
}

/* SERVER */

#index #category #dedicated {
	position: absolute;
	top: 154px;
	left: 473px;
	width: 235px;
	height: 152px;
	background:
		url(../images/category/bg_dedicated.png);
}
#index #category #dedicated dt {
	position: absolute;
	top: 10px;
	left:15px;
}
#index #category #dedicated dd:nth-of-type(1) {
	position: absolute;
	top: 55px;
	left: 12px;
}
#index #category #dedicated dd:nth-of-type(2) {
	position: absolute;
	top: 103px;
	left: 12px;
}

/* CLOUD */

#index #category #cloud {
	position: absolute;
	top: 32px;
	right: 0;
	width: 235px;
	height: 80px;
	background:
		url(../images/category/bg_cloud.png);
}
#index #category #cloud dt {
	position: absolute;
	top: 5px;
	left:15px;
}
#index #category #cloud dd {
	position: absolute;
	top: 40px;
	left: 13px;
}

/* DATACENTER */

#index #category #dc {
	position: absolute;
	top: 130px;
	right: 0;
	width: 235px;
	height: 80px;
	background:
		url(../images/category/bg_datacenter.png);
}
#index #category #dc dt {
	position: absolute;
	top: 5px;
	left:15px;
}
#index #category #dc dd {
	position: absolute;
	top: 40px;
	left: 13px;
}

/* DOMAIN */

#index #category #domain {
	position: absolute;
	top: 226px;
	right: 0;
	width: 235px;
	height: 80px;
	background:
		url(../images/category/bg_domain.png);
}
#index #category #domain dt {
	position: absolute;
	top: 5px;
	left:15px;
}
#index #category #domain dd {
	position: absolute;
	top: 40px;
	left: 13px;
}

/* P */

#index #category p {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*--------------------
 WAY
--------------------*/

#index #way {
	margin: 10px auto 30px auto;
	width: 960px;
}

/* DIV */

#index #way div {
	position: relative;
	margin-top: 12px;
	width: 960px;
	height: 247px;
	background:
		url(../images/way/bg.png)
		no-repeat;
}

/* FEE */
#index #way #fee {
	position: relative;
	float: left;
	width: 320px;
	height: 255px;
	background:
		url(../images/way/gfx_fee.png)
		no-repeat
		205px 18px
}
#index #way #fee dt {
	position: absolute;
	top: 22px;
	left: 17px;
}
#index #way #fee dd:nth-of-type(1) {
	position: absolute;
	top: 75px;
	left: 15px;
}
#index #way #fee dd:nth-of-type(2) {
	position: absolute;
	top: 115px;
	left: 15px;
}
#index #way #fee dd:nth-of-type(3) {
	position: absolute;
	top: 155px;
	left: 15px;
}
#index #way #fee dd:nth-of-type(4) {
	position: absolute;
	top: 195px;
	right: 12px;
}

/* REGISTRY */

#index #way #registry {
	position: relative;
	float: left;
	width: 320px;
	height: 255px;
	background:
		url(../images/way/gfx_registry.png)
		no-repeat
		192px 13px
}
#index #way #registry dt {
	position: absolute;
	top: 22px;
	left: 16px;
}
#index #way #registry dd:nth-of-type(1) {
	position: absolute;
	top: 75px;
	left: 12px;
}
#index #way #registry dd:nth-of-type(2) {
	position: absolute;
	top: 115px;
	left: 12px;
}
#index #way #registry dd:nth-of-type(3) {
	position: absolute;
	top: 155px;
	left: 12px;
}
#index #way #registry dd:nth-of-type(4) {
	position: absolute;
	top: 195px;
	right: 14px;
}

/* HELP */

#index #way #help {
	position: relative;
	float: left;
	width: 318px;
	height: 255px;
	background:
		url(../images/way/gfx_help.png)
		no-repeat
		170px 0px
}
#index #way #help dt {
	position: absolute;
	top: 32px;
	left: 14px;
}
#index #way #help dd:nth-of-type(1) {
	position: absolute;
	top: 75px;
	left: 9px;
}
#index #way #help dd:nth-of-type(2) {
	position: absolute;
	top: 115px;
	left: 9px;
}
#index #way #help dd:nth-of-type(3) {
	position: absolute;
	top: 155px;
	left: 9px;
}
#index #way #help dd:nth-of-type(4) {
	position: absolute;
	top: 195px;
	left: 9px;
}












/*=============================================================
 index Layout
=============================================================*/
/* top-hdr-info
-------------------------------------------------------------*/
#top-hdr-info {
	background:#eee;
	border:1px solid #ccc;
	padding:3px;
	margin:25px 0 0px;
}
#top-hdr-info .column-layout {
	background:#fff;
	width:906px;
	padding:18px 18px 18px 28px;
}
#top-hdr-info .title {
	margin-bottom:15px;
}
#top-hdr-info p.cRight {
	padding-top:56px;
}
/* top-hdr-bnr
-------------------------------------------------------------*/
#top-hdr-bnr {
	background:url(../images/bg_top-hdr-bnr.gif) no-repeat left bottom;
	width:100%;
	margin:25px 0 10px;
	padding-bottom:14px;
	overflow:hidden;
}
#top-hdr-bnr li {
	float:left;
}
#top-hdr-bnr li.first {
	padding-right:16px;
}
#top-hdr-bnr li.sep {
	padding-right:21px;
}
#top-hdr-bnr li.add-rss {
	width:172px;
	position:relative;
}
#top-hdr-bnr li ul {
	position:absolute;
	top:113px;
	left:104px;
}
#top-hdr-bnr li ul li {
	float:none;
}
/* main-area
-------------------------------------------------------------*/
#main-area {
	padding-top:0;
}

/* top-faq-area
-------------------------------------------------------------*/
#maincontents #top-faq-area {
	background:url(../images/bg_top-faq-area_btm.gif) no-repeat left bottom;
	padding-bottom:17px;
}
#maincontents #top-faq-area .inner-box {
	background:url(../images/bg_top-faq-area_top.gif) no-repeat left 101px;
}
#top-faq-area .half div {
	background:#f7f7f7;
	margin-top:20px;
	padding:10px 15px 0;
}
#top-faq-area .half div ul {
	background:url(../common/images/line_dot-gray.gif) repeat-x left top;
	margin:10px 0;
	padding-top:7px;
}
#top-faq-area .half div ul li {
	background:url(../common/images/line_dot-gray.gif) repeat-x left bottom;
	padding-bottom:1px;
}
#top-faq-area .half div ul li a {
	text-decoration:none;
	background:url(../images/icon_question.gif) no-repeat left 9px;
	display:block;
	padding:8px 0 6px 23px;
}
#top-faq-area .half div ul li a:hover {
	text-decoration:underline;
}

/* === Suggest === */
div.SS_suggest {
  font-weight: normal;
  z-index: 9999;
  display: none;
  position: absolute;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 200px;
}
#SS_searchForm div.SS_suggest {
left:auto !important;
top:auto !important;
}
div.SS_suggest div.SS_suggestItemOff { 
  background-color: #FFF;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;	
  width: 100%;
}
div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;	
  width: 100%;
}
div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
  padding-left: 4px;
}
div.SS_suggest span.SS_suggestRate {
  width: 100px;
}