@charset "utf-8";
/* CSS Document */

#left {}

/*  #main h3{	margin: 10px 0;}  */

h3.title-plan-point{
	margin: 20px 0 !important;
}
#main div{
/*	margin: 10px 0;*/
}
#main div img{
	margin: 5px 0;
}

.sample-thumb{
	padding:0 !important;
}
.sample-thumb dl{
	float:left;
	margin-right: 5px;
}
.sample-thumb dd{
	padding:0;
	margin:0;
	text-align:center;
}

div.lets-our-server{
	padding-left:20px;
}
p.lets-our-server{
	padding-left: 30px;
	font-size: 15px;
	color:#133463;
}


#point3 table{
	border-collapse:separate !important;
	border-spacing: 2px;
	}
#point3 th{
	border: 1px solid #FFF;
	padding:0 5px;
	margin-bottom: 10px;
	border: 1px solid #999;
	width: 160px;
}
#point3 td{}
#point3 td img{
	margin-right: 5px;
}
#point3 th.point3-1{
	background:#FFCC99;
}
#point3 th.point3-2{
	background:#DBFBEB;
}
#point3 th.point3-3{
	background:#DDECF4;
}


.pbclass{
	width: 145px;
   none 0px white;
   url("/scripts/PopBox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge{
   solid thin #CCCCFF;
   url("/scripts/PopBox/images/magminus.cur"), pointer;
   float:left;
}

#point3 #sample img{
	width: 140px; 
}


#caution{
	margin-top: 2px;
	padding: 5px 20px 20px !important;
	border: 3px double #BF0C11;
}


table.list-template-plan{}
table.list-template-plan th{
	text-align:center;
	color:#333;
	background:#FFF;
	
}
table.list-template-plan th,
table.list-template-plan td{
	font-size: 12px;
	border-top: none;
	padding:0;
}
table.list-template-plan td{
	padding:5px;
}
table.list-template-plan th.basic{
	background:#FF9933;
	color:#FFF;
	
}
table.list-template-plan th.blog{
	background:#66CCCC;
	color:#FFF;
}
table.list-template-plan th.cms{
	background:#876B3D;
	color:#FFF;
}

table.table-price th{
	width: 120px;
}

table.table-spec th{
	width: 120px;
}

#slider {
	width:600px; 
}
.column-body img{
}

.column-body table{
	margin: 10px 0 !important;
}

dl.plan-detail{
	margin:0;
	padding:0;
}
dl.plan-detail dt{
	margin-bottom: 5px;
	text-decoration:underline;
}
dl.plan-detail dd {
	color:#333;
	font-size: 12px;
	margin-left:10px;
}
dl.plan-detail dd span{
	padding:2px 5px;	
	margin-right: 2px;
}
dl.plan-detail dd span.about-hp{
	background:#FED1D1;
}
dl.plan-detail dd span.about-flow{
	background:#A0D1F5;
}
dl.plan-detail dd span.about-server{
	background:#D0E9C2;
}


#chart {
	width: 640px;
	height:402px;
	background:url(../plan/img/chart.gif) no-repeat;
	position:relative;
	margin-bottom: 20px;

}
#chart div{
	position:absolute;
	width:61px;
	height:57px;
}
#chart ul{
	margin:0;
	padding:0;
	list-style:none;
}
#chart ul li{
	border-bottom: 1px dotted #999;
}
#chart a{
	display:  block;
	width:60px;
	height:60px;
}	

#chart h3{
	text-align:center;
	font-size: 12px;
	margin-bottom: 0;
	color:#333;
}
#chart a:hover {text-decoration:none;} /*BG color is a must for IE6*/
#chart a span {display:none; padding:2px 3px; margin-left:65px; width:220px;}
#chart a:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;} 


#chart table{
	font-size: 11px;
}
#chart table th,
#chart table td{
	padding: 2px;
	border-bottom: 1px solid #FFF;
}
#chart table th{background:#D9EEEE;
}
#chart table tr.price th{
	background:none;
	color:#000;
	font-weight:bold;
}
#chart table tr.price td{
	font-weight: bold;
	font-size: 12px;
	color:#06C;
}
#chart_sample1 {
	left:71px;	top:285px;	z-index:1;
}

#chart_sample2 {
	left:150px;	top:250px;	z-index:1;
}

#chart_sample3 {
	left:241px;
	top:238px;
	z-index:1;
}

#chart_sample4 {
	left:242px;
	top:155px;
	z-index:1;
}

#chart_sample5 {
	left:241px;
	top:76px;
	z-index:1;
}

#chart_sample6 {
	left:337px;
	top:153px;
	z-index:1;
}

#chart_sample7 {
	left:337px;
	top:54px;
	z-index:1;
}

#chart_sample8 {
	left:438px;
	top:137px;
	z-index:1;
}

#chart_sample9 {
	left:438px;
	top:48px;
	z-index:1;
}

#chart_sample10 {
	left:534px;
	top:281px;
	z-index:1;
}

#chart_sample11 {
	left:535px;
	top:183px;
	z-index:1;
}

#chart_sample12 {
	left:534px;
	top:38px;
	z-index:1;
}


#pattern1 #layout table{
	width: 100%;
	background:#F4F2EA}
#pattern1 #layout table th{
	padding-left: 5px;
}
#pattern1 #layout table img{
	padding: 4px;
}
	
#pattern1 #layout table td p{
	text-align:center;
}

#pattern1 p.combination{
	line-height: 3;
	font-size: 16px;
	background:#FCECB6;
	text-align:center;
}
#pattern1 p.combination strong{
	font-size: 20px;
	font-weight: bold;
	color:#069;
}

a.openwin{
	font-size: 11px;
}