@import url("common.css");

/* ========== plan decoration ========== */

.plan {
	margin				: 20px 0 10px 0;
	padding				: 5px;
	color				: #538906;
	text-align			: left;
	font-size			: 12px;
	line-height			: 1.5;
	background-color	: #f4f4f4;
	border				: 1px dashed #d0d6bc;
}

.plantext {
	background-color	: #fff;
	padding				: 10px;
	border				: 1px solid #c5daa6;
	background-color	: #fafafa;
}

.planTable {
	font-size			: 12px;
	line-height			: 1.5;
	text-align			: left;
}

.Table01 ,
.Table01 {
	font-size			: 12px;
	line-height			: 1.5;
	text-align			: left;
	margin				: 10px 0;
}


.planSpecH {
	width				: 200px;
	background-color	: #f5f5f5;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #ddd;
	border-right		: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
}

.planSpecD {
	width				: 350px;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
}

.planSpecD0 {
	width				: 175px;
	padding				: 5px 5px 5px 15px;
	border-top			: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
	border-left			: 1px dashed #aaa;
}

.planSpecD00 {
	width				: 116px;
	padding				: 5px 5px 5px 15px;
	border-top			: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
	border-left			: 1px dashed #aaa;
}

.planSpecD000 {
	width				: 87px;
	padding				: 5px 5px 5px 15px;
	border-top			: 1px solid #ddd;
	border-bottom		: 1px solid #ddd;
	border-left			: 1px dashed #aaa;
}

.planSpecH2 {
	width				: 200px;
	color				: #643d04;
	background-color	: #fff8dd;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #c1a67f;
	border-right		: 1px solid #c1a67f;
	border-bottom		: 1px solid #c1a67f;
}

.planSpecD2 {
	width				: 350px;
	color				: #444;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #c1a67f;
	border-bottom		: 1px solid #c1a67f;
	text-align			: left;
}

.planCostTable2 {
	margin				: 10px 0 0 0;
}

.planCostH {
	font-size			: 12px;
	line-height			: 1.5;
	width				: 200px;
	background-color	: #fff8dd;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #f6c57d;
	border-right		: 1px solid #f6c57d;
	border-bottom		: 1px solid #f6c57d;
}

.planCostD {
	font-size			: 16px;
	line-height			: 1.5;
	color				: #c84b0d;
	width				: 350px;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #f6c57d;
	border-bottom		: 1px solid #f6c57d;
}

.planCostD2 {
	font-size			: 16px;
	line-height			: 1.5;
	color				: #c84b0d;
	width				: 175px;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #f6c57d;
	border-bottom		: 1px solid #f6c57d;
	border-left			: 1px solid #f6c57d;
}

.planCostT1 {
	font-size			: 12px;
	line-height			: 1.5;
	width				: 200px;
	background-color	: #f2e6b8;
	text-align			: center;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #f6c57d;
	border-right		: 1px solid #f6c57d;
	border-bottom		: 1px solid #f6c57d;
}

.planCostT2 {
	font-size			: 12px;
	line-height			: 1.5;
	width				: 175px;
	background-color	: #f2e6b8;
	text-align			: center;
	padding				: 5px 0 5px 15px;
	border-top			: 1px solid #f6c57d;
	border-left			: 1px solid #f6c57d;
	border-bottom		: 1px solid #f6c57d;
}

.DomainContactTable {
	width				: 500px;
	margin				: 10px auto;
	border				: 1px solid #ddd;
}

.domainT {
	font-size			: 12px;
	line-height			: 1.5;
	background-color	: #f5f5f5;
	padding				: 5px 0 5px 0;
	text-align			: center;
}

.domainH {
	font-size			: 12px;
	line-height			: 1.5;
	width				: 200px;
	background-color	: #f9f9f9;
	text-align			: center;
	padding				: 5px 0 5px 15px;
	border				: 1px solid #ddd;
}

.domainD {
	font-size			: 12px;
	line-height			: 1.5;
	padding				: 5px 0 5px 15px;
	border				: 1px solid #ddd;
}

.domainD a {
	color					: #640804;
}

.domainD a:hover {
	color					: #c84b0d;
}



.sslH {
	width					: 140px;
	font-size				: 12px;
	line-height				: 1.5;
	background-color		: #f9f9f9;
	padding				: 5px 0 5px 15px;
	border					: 1px solid #ddd;
}

.sslH2 {
	width					: 140px;
	font-size				: 12px;
	line-height				: 1.5;
	background-color		: #f9f9f9;
	text-align				: center;
	border					: 1px solid #ddd;
}

.sslH3 {
	width					: 150px;
	font-size				: 12px;
	line-height				: 1.5;
	background-color		: #f9f9f9;
	padding					: 5px;
	border					: 1px solid #ddd;
}


.sslD {
	width					: 140px;
	font-size				: 12px;
	line-height				: 1.5;
	text-align				: center;
	border					: 1px solid #ddd;
}

.sslD2 {
	font-size				: 12px;
	line-height				: 1.5;
	padding					: 10px;
	border					: 1px solid #ddd;
}

.serverPlanList li {
	margin					: 25px 0;

	border-bottom			: 1px dashed #cfa568;
}


.compareTable {
	width					: 580px;
	text-align				: left;
	font-size				: 12px;
	line-height				: 1.5;
	color					: #333;
	margin					: 20px 0;
}

.cotaTh {
	width					: 150px;
	padding					: 5px 5px 5px 10px;
	color					: #996600;
	border-top				: 1px solid #b2a56b;
	border-bottom			: 1px solid #b2a56b;
	background-color		: #fffcec;
}
.cotaTh2 {
	width					: 150px;
	padding					: 5px;
	border-top				: 1px solid #b2a56b;
	border-bottom			: 1px solid #b2a56b;
}

.cotaTd01 {
	padding					: 5px;
	border-top				: 1px solid #b2a56b;
	border-bottom			: 1px solid #b2a56b;
	border-left				: 1px solid #b2a56b;
}

.cotaTd02 {
	width					: 60px;
	text-align				: center;
	border-top				: 1px solid #b2a56b;
	border-bottom			: 1px solid #b2a56b;
	border-left				: 1px solid #b2a56b;
}

.serverbill00 {
	display					: block;
	width					: 310px;
	float					: left;
}

.serverbill01 {
	display					: block;
	width					: 300px;
	float					: left;
	font-size				: 14px;
	line-height				: 25px;
}


.serverbill02 {
	display					: block;
	width					: 210px;
	float					: right;
}


.usage {
	width					: 560px;
	margin					: 20px auto;
}

.usageth {
	width					: 150px;
	height					: 70px;
	text-indent				: -9999px;
}

.usagetd {
	width					: 410px;
	height					: 70px;
	font-size				: 12px;
	line-height				: 1.2;
	color					: #056f51;
	text-align				: left;
}

.usagein {
	width					: 350px;
	display					: block;
	margin-left				: 10px;
}

.usage01 {background		: url("../img/intro01.jpg") no-repeat;}
.usage02 {background		: url("../img/intro02.jpg") no-repeat;}
.usage03 {background		: url("../img/intro03.jpg") no-repeat;}
.usage04 {background		: url("../img/intro04.jpg") no-repeat;}
.usage05 {background		: url("../img/intro05.jpg") no-repeat;}
.usage06 {background		: url("../img/intro06.jpg") no-repeat;}
.usage07 {background		: url("../img/intro07.jpg") no-repeat;}
.usage08 {background		: url("../img/intro08.jpg") no-repeat;}
.usage09 {background		: url("../img/intro09.jpg") no-repeat;}

.usage001 {background		: url("../img/intro001.jpg") no-repeat;}
.usage002 {background		: url("../img/intro002.jpg") no-repeat;}
.usage003 {background		: url("../img/intro003.jpg") no-repeat;}
.usage004 {background		: url("../img/intro004.jpg") no-repeat;}
.usage005 {background		: url("../img/intro005.jpg") no-repeat;}
.usage006 {background		: url("../img/intro006.jpg") no-repeat;}
.usage007 {background		: url("../img/intro007.jpg") no-repeat;}
.usage008 {background		: url("../img/intro008.jpg") no-repeat;}
.usage009 {background		: url("../img/intro009.jpg") no-repeat;}



#SiteMapLeft {
	width					: 280px;
	float					: left;
}

#SiteMapRight {
	width					: 280px;
	float					: right;
}

.sitmapList li {
	margin					: 5px 0;
}

.sitmapList a {
	color					: #555555;
}

.sitmapList a:hover {
	color					: #669900;
}