.nav-order-contents{margin-top:1px;background:#000 url(/img/bg_nav_contents.gif) repeat-x 0px 0px;color:#FFFFFF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding:8px 16px;font-size:108%}
.nav-order-contents a{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;padding:6px 24px;color:#FFFFFF;text-decoration:none}
.nav-order-contents a.active{border-top:1px solid #00527a;border-left:1px solid #00527a;border-right:1px solid #1fb4ff;border-bottom:1px solid #1fb4ff;text-shadow:1px 1px 1px #000000;background:#08c;color:#FFFFFF}
.nav-order-contents a.active:hover{background:#00527a;color:#FFFFFF}
.nav-order-contents a:hover{background:#00527a;color:#FFFFFF}
.page-order .section-server-order{margin-top:24px;border:1px solid #ddd;padding:8px;background:#FFFFFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.page-order .section-server-order p.hb-oneliner-alert{display:none}.page-order .section-server-order h3{color:#002B36}.page-order .section-server-order .inner{overflow:hidden;*zoom:1;background:url(/order/img/order_section_bg.gif) repeat-y 0px 0px}.page-order .section-server-order .server-image{float:left;width:128px}.page-order .section-server-order .server-image h3{text-align:center;margin-top:8px}.page-order .section-server-order .server-image .btn-goto-page{display:block;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:4px 8px;margin-top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.6);text-decoration:none;color:#FFFFFF;background:#888888}.page-order .section-server-order .server-index{float:left;width:472px;padding:0px 16px}.page-order .section-server-order .server-index h3{margin-top:0px;font-weight:lighter}.page-order .section-server-order .server-index h3 span.total-price-detail{font-size:100%}.page-order .section-server-order .user-actions{float:left;width:128px}.page-order .section-server-order .user-actions a.box-btn-order{padding:8px 16px}.page-order .section-server-order .user-actions a.box-btn-contact{padding:8px 16px}.page-order .section-server-order .user-actions a.box-btn-estimate{padding:8px 16px}.page-order .section-server-order .user-actions .btn-goto-page{display:block;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:4px 8px;margin-top:8px;text-shadow:1px 1px 1px rgba(0,0,0,0.6);text-decoration:none;color:#FFFFFF;background:#888888}.page-order .section-server-order table.table-spec td{text-align:left}.page-order .section-server-order .server-cost-total{width:100%;border-collapse:collapse;border:1px solid #dbdbdb}.page-order .section-server-order .server-cost-total thead th,.page-order .section-server-order .server-cost-total thead td{text-align:center}.page-order .section-server-order .server-cost-total thead th{font-weight:bold;padding:8px 16px;background:#e7e8df;color:#484b36;border-bottom:1px solid #dedfd3}.page-order .section-server-order .server-cost-total thead th a{text-decoration:none;color:#0088CC}.page-order .section-server-order .server-cost-total thead th a:hover{color:#0044CC}.page-order .section-server-order .server-cost-total tbody tr{border-top:1px solid #efefef}.page-order .section-server-order .server-cost-total tbody th,.page-order .section-server-order .server-cost-total tbody td{text-align:center;padding:8px 16px}.page-order .section-server-order .server-cost-total tbody tr.month-6 th,.page-order .section-server-order .server-cost-total tbody tr.month-6 td{font-weight:bold}.page-order .section-server-order .server-cost-total tbody tr.month-12 th,.page-order .section-server-order .server-cost-total tbody tr.month-12 td{padding:16px 16px;font-weight:bold;background:#f5fbff;font-size:116%;color:#F94A6D}.page-order .section-server-order .server-cost-total{margin-top:4px}.page-order .section-server-order .server-cost-total thead th{padding:6px 6px}.page-order .section-server-order .server-cost-total thead th span{display:none}.page-order .section-server-order .server-cost-total tbody th,.page-order .section-server-order .server-cost-total tbody td{padding:6px 6px}.page-order .section-server-order .server-cost-total tbody tr.month-1 th,.page-order .section-server-order .server-cost-total tbody tr.month-1 td,.page-order .section-server-order .server-cost-total tbody tr.month-6 th,.page-order .section-server-order .server-cost-total tbody tr.month-6 td,.page-order .section-server-order .server-cost-total tbody tr.month-12 th,.page-order .section-server-order .server-cost-total tbody tr.month-12 td{padding:6px 6px;font-size:100%}.page-order .section-server-order table.order-table-spec{font-size:91%;border-top:1px solid #DDDDDD}.page-order .section-server-order table.order-table-spec th{font-weight:bold;background:#FFFFFF;border-right:none}.page-order .section-server-order table.order-table-spec th,.page-order .section-server-order table.order-table-spec td{padding:2px;border-bottom:1px solid #DDDDDD}.page-order-howto #howtopay h4{background-color:#000000;margin:0px;padding:0px 0px 0px 5px;color:#FFFFFF}.page-order-howto #howtopay table{border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;width:100%;border-collapse:inherit}.page-order-howto #howtopay table th,.page-order-howto #howtopay table td{border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC}.page-order-howto #howtopay table thead th,.page-order-howto #howtopay table thead td{color:#FFFFFF;text-align:center;padding:5px 10px;background:#333333;font-weight:lighter}.page-order-howto #howtopay table tbody th,.page-order-howto #howtopay table tbody td{padding:2px 10px}.page-order-howto #howtopay table tbody th{text-align:left;color:#000000;background:#E5E5E5;font-weight:lighter;width:180px}.page-order-howto #howtopay table tbody td{text-align:left}.page-order-howto #howtopay #conveni_list p{margin:0.5em 0;padding:0;font-weight:bold}.page-order-howto #howtopay #conveni_list ul{margin:0 0 0 15px;padding:0}.page-order-howto #howtopay #conveni_list ul li{margin:0;padding:0.2em 0;line-height:1.3em;list-style:disc}

@media screen and (max-width: 960px){ /* スマホの場合 */
	#Agreement {
		height: 300px;
		overflow: auto;
	}
	.page-order .section-server-order .inner{background:none;}
	.page-order .section-server-order .server-image{float:none;width:auto;text-align:center;}
	.page-order .section-server-order .server-image h3 img{width: 128px;height:128px;}
	.page-order .section-server-order .server-index{float:none;width:auto;padding:0}
	.page-order .section-server-order .server-index .table-wrap table th {white-space: nowrap;}
	.page-order .section-server-order .user-actions{float:none;width:auto;text-align:center;}
	.page-order .section-server-order .user-actions img{width: 128px;height:82px;}
	.table-wrap table th {white-space: nowrap;}
}