@charset "utf-8";

/* =======================================

	Others CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	

========================================== */



/* Table Style
****************************************************************************************/

.table_wrap {
	width: 526px;
	margin: 0 auto;
}


/* 共通
========================================== */
.table_wrap table {
	margin-bottom:0.6em;
}
table th,
table td {
	font-size: 92.4%;
	font-weight: normal;
}

 /* 交互に背景色を設定 */ 
table .bg th,
table .bg td {
	background-color: #F3F3F3;
}
 /* 交互に背景色を設定 */ 





/* 動作環境
========================================== */
.tbl_01 {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 100%;
}
.tbl_01 td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none; 
	padding: 14px 10px;
	line-height: 1.5;
}
.tbl_01 th {
	width: 120px;
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	background-color: #E5E5E5;
	font-weight: bold;
	padding: 10px;
	text-align:center;
}

.tbl_01 #memory ul span,
.tbl_01 #softwear ul span,
.tbl_01 #db ul li .label {
	display:block;
	float:left;
	width:8em;
}
.tbl_01 #db ul li {
	clear:left;
}
.tbl_01 #db ul li .type {
	display:block;
	padding-left:9em;
}


/* 会社概要
========================================== */

.tbl_02 {
	border-top: 1px solid #B1B1B1;
	border-bottom: none;
	border-left:  1px solid #B1B1B1;
	border-right:  1px solid #B1B1B1;
	width: 100%;
}
.tbl_02 td {
	border-top: none;
	border-bottom: 1px solid #B1B1B1;
	border-left: none;
	border-right: none;
	padding: 14px 20px;
	line-height: 1.5;
}
.tbl_02 th {
	width: 150px;
	border-top: none;
	border-bottom: 1px solid #B1B1B1;
	border-left: none;
	border-right:  1px solid #B1B1B1;
	padding: 10px;
	text-align:center;
}
.tbl_02 .bg  {
	background: #F3F3F3;
}


/* サービス内容
========================================== */
.tbl_03 {
	border-top:1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
	border-left: 1px solid #B1B1B1;
	border-right: none;
	width: 100%;
}
.tbl_03 th,.tbl_03 td {
	line-height: 1.5;
	text-align:center;
}

.tbl_03 th {
	width: 25%;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	border-right:  1px solid #B1B1B1;
	background:#C7C7C7;
	padding: 10px 10px;
}
.tbl_03 td {
	border-top:1px solid #B1B1B1;
	border-bottom: none;
	border-left: none;
	border-right:  1px solid #B1B1B1;
	padding: 15px 10px;
}
.tbl_03 th.fir {
	background: #C7C7C7 url(../../../imgs/zerosoft/parts/tbl_bg.gif) repeat-y left top;
}
.tbl_03 th.last {
	background: #C7C7C7 url(../../../imgs/zerosoft/parts/tbl_bg.gif) repeat-y right top;
}
.tbl_03 .bg  {
	background: #F3F3F3;
}







/* プライステーブル
========================================== */

/* テーブル上のキャプション用 */
.price_table_wrap p{
	border-bottom	:1px solid #000;
	width			:555px;
	margin			:3px auto;
	text-align		:right;

}

.price_table_wrap p > span{
	display			:inline-block;
	background-color:#272727;
	color			:#fff;
	font-weight		:bold;
	padding			:5px 20px;
	border-radius	:5px 5px 0 0;
	margin-right	:10px;
}

.price_table_wrap small.att2{
	display			:block;
	text-align		:right;
	margin-right	:11px;
}



/* トップページテーブル共通 */
.price_table_wrap table{
	width			:555px;
	margin			:0 auto;
	white-space		:nowrap;
/*
	border-bottom	:1px solid #000;
	border-collapse	:collapse;
*/
}

.price_table_wrap tr,
.price_table_wrap th,
.price_table_wrap td{
	border			:1px solid #aaa;
	padding			:5px 3px;
	text-align		:center;
}



/* 価格表（MBN会員）*/
.price_table_wrap .mbn th{
	color			:#ec7e13;
	font-weight		:bold;
	padding			:8px 3px;

}
.price_table_wrap .mbn td{
	width			:20%;
	position		:relative;
}
.price_table_wrap .mbn td.td_left{
	width			:40%;
	background-color:#ddd;
}
.price_table_wrap .mbn td.non{
	background-color:#eee;
}

.price_table_wrap .mbn span.att1{
	position		:absolute;
	right			:20px;
	bottom			:5px;
	font-size		:12px;
	color			:#f00;
}


/* 価格表（MBN会員）の会員価格部分*/
.price_table_wrap .mbn_price{
	margin-top		:2px;
}

.price_table_wrap .mbn_price td{
	width			:20%;
	color			:#ec7e13;
	font-weight		:bold;
	font-size		:15px;
	border			:1px solid #ec7e13;
}

.price_table_wrap .mbn_price span{
	display			:block;
	background-color:#ec7e13;
	padding			:5px 0;
}

.price_table_wrap .mbn_price td.td_left{
	width			:40%;
	padding			:2px 2px;
/*
	background-color:#ec7e13;
*/
	color			:#fff;
}






/* ネットワークプラン
========================================== */
.network_wrap,
.network_wrap{
	margin-top		:30px;
}
.network_wrap br{
	clear			:both;
}

.network_wrap .network_lan,
.network_wrap .network_wan{
	border			:1px solid #1f93cd;
	position		:relative;
}

.network_wrap .network_top{
	position		:absolute;
	top				:-21px;
	left			:10px;
	background-color:#272727;
	color			:#fff;
	font-weight		:bold;
	padding			:2px 10px 0 10px;
	border-radius	:5px 5px 0 0;
}

.network_wrap .network_sub{
	position		:absolute;
	top				:-18px;
	right			:10px;
	color			:#555;
}


.network_wrap .network_lan{
	float			:left;
	margin-left		:10px;
}
.network_wrap .network_wan{
	float			:right;
	margin-right	:10px;
}

.network_wrap .network_lan .network_lan01,
.network_wrap .network_lan .network_lan02,
.network_wrap .network_wan .network_wan01,
.network_wrap .network_wan .network_wan02,
.network_wrap .network_wan .network_wan03{
	position		:absolute;
	bottom			:3px;
}

.network_wrap .network_lan .network_lan01{left:10px;}
.network_wrap .network_lan .network_lan02{right:10px;}

.network_wrap .network_wan .network_wan01{left:20px;}
.network_wrap .network_wan .network_wan02{left:140px;}
.network_wrap .network_wan .network_wan03{right:10px;}


/* 価格表（ネットワークプラン）*/
.price_table_wrap .mbn_network td{
	width			:33%;
	position		:relative;
	font-size		:15px;
	padding			:2px;
}

.price_table_wrap .mbn_network th{
	color			:#1f93cd;
	font-weight		:bold;
}
.price_table_wrap .mbn_network td.td_left{
	background-color:#ddd;
	font-size		:12px;
}


/* トライアル
========================================== */
table#price_trial{
	border			:1px solid #1f93cd;
	width			:575px;
//	margin			:0 auto;
	padding			:10px 5px;
	margin			:10px auto;
	border-spacing	:5px 3px;
}


table#price_trial th{
	text-align		:right;
	padding-right	:10px;
	font-weight		:bold;
}


table#price_trial td.part,
table#price_trial td.part2{
	background-color:#1f93cd;
	width			:100px;
	text-align		:center;
	color			:#fff;
	font-size		:16px;
	white-space	:nowrap;
}


table#price_trial td.part2{
	background-color:#ec7e13;
}


table#price_trial td.itemtop{
	border-top	:1px solid #1f93cd;
}

table#price_trial td.itemtop,
table#price_trial td.item{
	border-bottom	:1px solid #1f93cd;
	width		:300px;
	white-space	:nowrap;
}

table#price_trial td.itemtop2{
	border-top	:1px solid #ec7e13;
}
table#price_trial td.itemtop2,
table#price_trial td.item2{
	border-bottom	:1px solid #ec7e13;
	width		:300px;
}







/* +1000円で罫線付き印刷
========================================== */
div.nosupply{
	margin		:10px 0 15px 0;
}

div.nosupply div.table{
	display		:table;
	width		:575px;
	margin		:5px 0;
}

div.nosupply div.table div{
	display		:table-cell;
	text-align	:center;
}

div.nosupply div.table img{
	width		:100px;
	height		:70px;
	border:1px solid #f68200;
}