@charset "UTF-8";

/*.section
===============================*/
.section {
	position: relative;
	}
	
.section h4 {
	font-weight: bold;
	margin-bottom: 7px;
	}
	
.section .tumb {
	text-align:center;
	margin-top: 15px;
	margin-bottom: 20px;
	}
	
.section table {
	border-collapse: collapse;
	border-spacing:0;
	line-height: 1.4;
	position: relative;
	z-index: 100;
	}

.section table th {
	text-align: center;
	color: #999999;
	font-size: 94%;
	}
	
.section table td {
	text-align:center;
	font-size: 93%;
	border: 1px solid #ddd;
	}
	
.section table td.plan {
	background: url(../img/bg_td.gif) #fff repeat-x bottom;
	padding: 6px 8px;
	font-weight: bold;
	width: 140px;
	text-align: left
	}
	
.section table td.price {
	text-align: right;
	padding-right: 10px;
	}
	
.section .typeA td.price {
	width: 57px;
	}
	
.section .typeB {
	width: 100%;
	}
	
.section .typeB td {
	width: atuo;
	text-align: left;
	padding: 6px 10px;
	}
	
.section > .page-top {
	text-align: right;
	font-size: 87%;
	padding: 17px 20px 0 0;
	}
	
/*.typeA
===============================*/


/*.cation
===============================*/
.cation {
	font-size: 87%;
	color: #8f8f8f;
	}
	
table + .cation {
	display: block;
	padding-top: 8px;
	}

table .cation {
	font-size: 8px;
	line-height: 1;
	}


/*#page-menu
===============================*/

#page-menu .cont03 > p {
	padding-right: 15em;
	margin-bottom: 10px;
	}

#page-menu .cont03 > a {
	display: block;
	float: right;
	width: 165px;
	height: 74px;
	background: url(../img/btn_pdf.png) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 10px;
	}
	
#page-menu .cont03 > a:hover {
	background-position: 0 -74px;
	}
	
#page-menu .cont03 > ul {
	clear: both;
	overflow: hidden;
	/zoom:1;
	margin-right: -9px;
	}
	
#page-menu .cont03 > ul li {
	float: left;
	margin : 0 7px 7px 0;
	}
	
/*#section-server
===============================*/

#section-server .cont03 > img {
	position: absolute;
	right: 7px;
	top: -14px;
	z-index: 0;
	}
	
#section-server table {
	width: 100%;
	}
	
#section-server table .table-head02 {
	width: 92px;
	}
	
#section-server table .table-head03 {
	width: 92px;
	}
	
#section-server table .table-head04 {
	width: 92px;
	}
	
#section-server table .table-head05 {
	width: 90px;
	}
	
#section-server table + table {
	float: right;
	}
	
/*.section-disk
===============================*/
#section-disk .cont03 {
	overflow: hidden;
	/zoom:1;
	}
	
#section-disk .cont03 > img {
	position: absolute;
	right: 18px;
	top: -9px;
	z-index: 0;
	}

#section-disk table {
	float: left;
	}

#section-disk table + table {
	float: right;
	}
	
/*#section-net
===============================*/

#section-net {
	margin-bottom: 22px;
	}

#section-net .cont03 > div {
	overflow: hidden;
	/zoom:1;
	margin-bottom: 25px;
	padding-left: 1px;
	padding-right: 1px
	}
	
#section-net .cont03 > div + div + div {
	margin-bottom: 0;
	} 
	
#section-net .cont03 > div table {
	float: left;
	}
	
#section-net .cont03 > div table + table {
	float: right;
	}
	
#section-net .cont03 > img {
	position: absolute;
	right: 29px;
	top: -11px;
	z-index: 0;
	}
	
	
/*#section-cont
===============================*/

#section-cont {
	margin-bottom: 22px;
	}

#section-cont .cont03 > div {
	margin-bottom: 20px;
	}
	

#section-cont .cont03 > div + div + div + div {
	margin-bottom: 0px;
	}

#section-cont .cont03 > div + div + div + div table {
	font-size: 87%;
	}

#section-cont .cont03 > div + div + div + div table td.plan {
	background:#3b8e00;
	padding: 6px 8px;
	color: #FFFFFF;
	width: 60px;
	text-align:left;
	}

#section-cont .cont03 > div + div + div + div table td.plan02 {
	background:#c7e2b3;
	color: #3b8e00;
	padding: 6px 8px;
	width: 90px;
	text-align:left;
	}

#section-cont .cont03 > div + div + div + div table td.plan03 {
	width: 80px;
	}

#section-cont .cont03 > img {
	position: absolute;
	top: -21px;
	right: 29px;
	z-index: 0;
	}

/*#section-temp
===============================*/

#section-temp {
	margin-bottom:	23px;
	}

#section-temp .cont03 {
	}

#section-temp .cont03 > img {
	position: absolute;
	right: 29px;
	top: -20px;
	z-index: 0;
	}
	
#section-temp ul,
#section-install ul {
	margin-right: -5px;
	overflow: hidden;
	/zoom:1;
	text-align: left;
	}
	
#section-temp ul li,
#section-install ul li {
	display: inline-block;
	/display: inline;
	/zoom:1;
	background: url(../img/bg_button_inst.gif) repeat-x;
	border: 1px solid #e9e9e9;
	vertical-align: top;
	padding: 6px;
	margin:0 9px 7px 0;
	width: 131px;
	min-height: 36px;
	text-align:left;
	line-height: 1.4;
	}
	
	
/*#section-install
===============================*/

#section-install .cont03 {
	}

#section-install .cont03 > img {
	position: absolute;
	top: -20px;
	right: 44px;
	z-index: 0;
	}
	
#section-install ul {
	}

/*#section-option
===============================*/

#section-option {
	margin-bottom: 26px;
	}
	
#section-option h4 {
	margin-bottom: 0px;
	}

#section-option .cont03 {
	overflow: hidden;
	/zoom:1;
	}
	
#section-option .cont03 > img {
	position: absolute;
	top: -16px;
	right: 35px;
	z-index :0;
	}

#section-option .cont03 > div {
	float: left;
	position: relative;
	z-index: 2;
	width: 300px;
	}
	
#section-option .cont03 > div + div {
	float: right;
	}

/*#section-service
===============================*/

#section-service .cont03 {
	padding-top: 24px;
	}

#section-service .cont03 > img {
	position: absolute;
	top: -25px;
	right: 29px;
	z-index: 0;
	}
	
#section-service table td p {
	margin-bottom: 14px;
	}

/*#section-domain
===============================*/
#section-domain .cont03 > img {
	position: absolute;
	top: -15px;
	right: 32px;
	z-index: 0;
	}

#section-domain table td dl dt,
#section-domain table td dl dd {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: middle;
	}
	
#section-domain table td dl dt {
	width: 98px;
	}