@charset "utf-8";

/* ============ カテゴリー ============ */
.categort h2 {
	font-size:28px;
	margin-bottom:0;
	background:url(/img/bg/line.png) no-repeat 0 bottom;
}
#description {
	height:180px;
	padding-left:210px;
}
.category-vps #description {background:url(/img/menu/vps.jpg) no-repeat;}
.category-shared #description {background:url(/img/menu/shared.jpg) no-repeat;}

#description p {
	margin:0.5em 0 1em;
	font-size:92%;
	color:#555; 
}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav {display:none;}}

.ui-tabs-hide {display:none!important;}

/* タブ */
#tabs {}
#tabs ul.fix li {
	margin:1.6em 0 0!important;
}
#tabs ul.fix li {
	float:left; margin:0 2px;
}
#tabs ul.fix a {
	display:block;
	position:relative;
	margin-bottom:-1px; padding:3px 20px 2px;
	text-decoration:none !important;
	background:#444; color:#ccc !important;
	border:1px solid #222; border-bottom:none;
}
#tabs ul.fix a:hover {
	background:#888; color:#eee;
}
#tabs ul.fix .ui-tabs-selected a {
	background:#f8f8f8; color:#444 !important;
	font-weight:700;
	text-shadow:0 0 1px #ccc;
	border-color:#ccc;
}
#tabs ul.fix li.ui-tabs-selected a,
#tabs ul.fix li.ui-tabs-selected a,
#tabs ul.fix li.ui-state-disabled a,
#tabs ul.fix li.ui-state-processing a {
	cursor:text;
}
.ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor:pointer;
}
.ui-tabs-panel {
	min-height:300px;
	height:auto!important;
	border-top:1px solid #ccc;
	background:url(/img/loading-horizontal.gif) no-repeat 50% 30px;
}
* html .ui-tabs-panel {
	height:300px;
}

#show {
	background:#fff;
}

/* 並べ替え */
div.sort {
	margin:20px 0 1em 10px;
	font-size:13px;
	color:#555;
}
div.sort form {
	display:inline;
}
div.sort select {
	padding:3px 5px;
	background-color:#eee;
}

/* サーバーリスト */
#list {
	margin:0 0 30px;
	border-top:1px solid #eee;
}
#list li {
	padding:30px 0 10px;
	border-bottom:1px solid #ddd;
}
#list dl {
	margin:10px 0;
}
#list dt {
	height:34px;
	margin:0; font-size:114%;
	padding-bottom:10px;
	border-bottom:1px dotted #ddd;
}
#list dt a {
	height:34px; line-height:34px;
	padding-right:60px;
	display:inline-block;
	font-weight:700;
	text-decoration:none!important;
	background:url(/img/bg/detail.png) no-repeat right 50%;
}
#list dt a img {
	width:32px; height:32px;
	margin-right:3px;
	border:1px solid #ddd;
}
#list dd {
	display:block;
	padding:10px 0;
}
#list dd img {
	width:200px; height:125px;
}
#list dd p {
	margin:0;
}

/*
#list div {
	width:248px;
	float:left; display:inline;
}
#list div img {
	padding:3px;
	background:#f0f0f0;
	border:1px #ddd solid;
}
#list div img {
	padding:3px 3px 27px 3px;
	background:#f0f0f0 url(/img/bg/website.png) no-repeat 50% bottom;
	border:1px #ddd solid;
}
#list div img:hover {
	border-color:#0b4871;
}
#list li .lstd li {
	padding:0;
	border:none;
}
*/

.archive table {
}
.archive thead th,.category tfoot th {
	text-align:center;
	background:#f0ffd4;
}
.archive tbody th {
	font-weight:700;
}
.archive td {
	text-align:center;
}

/* 一覧表示 */
#alllist {padding-top:30px; font-size:92%; background:#fff;}
#alllist table {}
#alllist td {white-space:nowrap;}
#alllist a{display:block; text-decoration:none !important;}


/* ============ タクソノミー ============ */
dd.meta {position:relative; padding-left:120px; margin:10px 0;}
dd.meta span{display:block;}
dd.meta span.hot{text-align:center; width:110px; }



/* ============ シングル ============ */
.desc {position:relative;}
.desc img {width:400px; height:250px;}
.single h2 {line-height:32px; padding:0 0 10px 38px;}
.desc span {position:absolute; top:10px; right:0;}

.key {padding:14px; border:1px solid #c7cc56;}
.key dt {padding-left:20px; line-height:18px; background:url(/img/list/tag_green.gif) no-repeat 0 50%;}
.key dd {padding:7px 0 0; border-top:1px dotted #ddd;}
.key ul {margin:0; font-size:85%;}
.key li {float:right; display:inline; }

h3 {
	padding-left:1em;
	line-height:1.2;
	background:#ddd;
	border:none;
}
h3 span {
	padding:3px 1em;
	line-height:1.2;
	background:#f8f8f8;
}

#price table {}
#price table th {white-space:nowrap; padding-left:1em; padding-right:1em;}
#price table thead th {text-align:center; background:#f0ffd4;}
#price table td {text-align:center;}
#price dt {padding:.5em 0; width:100px; float:left; clear:left;}
#price dd {padding:.5em 0 .5em 114px; border-bottom:1px dotted #ccc;}
#price ul {margin:0;}


#info table {width:380px; float:left;}
#info table th {white-space:nowrap; background:#f0ffd4;}
#info table td {}
#info table td span {font-size:87%; color:#555;}
#info .biko {width:240px; float:right;}

.biko {}
.biko dd {padding:4px 0; margin-bottom:20px;}