@charset "utf-8";

/*=====================リセット==========================*/

body { font-size: 13px;}

h1 { margin: 0px;}

h2,h3,h4,h5 {
    background: none;
    font-size: 100%;
    height: auto !important;
    line-height: 1.3;
    margin: 0;
    min-height: inherit;
    padding:0;
    position: static;
}

label { cursor: pointer;}

sup { font-size:77%; line-height:0.5; padding:0 0 0 5px; font-weight:normal; vertical-align:text-top;}

a:hover { text-decoration:underline;}



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

#social {
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
	}

#social li {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: middle;
	line-height: 1;
	}
	
#social .btn-tweet {
	overflow: hidden;
	}
	
#social .rss {
	margin-right: 15px;
	}

#social .plusone {
	width: 70px;
	}

#social .hatebu {
	margin-right: 7px;
	}

.cate-sub {
	font-size: 150%;
	color: #0f77cb;
	font-weight: bold;
	}

.cation {
	font-size: 92%;
	color: #888888;
	clear: both;
	line-height: 1.0;
	}

.error {
	color: #ff0000;
	}
	
.dot-radius-middle {
	background: url(../images/bg_dot_radius_middle.png) repeat-y left top;
	/zoom:1;
	}
	
.dot-radius-bottom {
	background: url(../images/bg_dot_radius_bottom.png) no-repeat left bottom;
	}
	
.dot-radius-top {
	background: url(../images/bg_dot_radius_top.png) no-repeat left top;
	padding: 10px;
	}
	
.arrow {
	background: url(../images/icon_arrow.png) no-repeat left center;
	padding: 0 0 0 12px;
	font-size: 92%;
	}

.txtRed {
	color: #CC0000;
	}

#maincontents {
    overflow: visible;
}

#main-area {
	width: 772px;
	margin-right: -5px;
	}
	
.main-middle {
	background: url(../images/bg_contents_middle.png) repeat-y left top;
	margin-bottom:20px;
	}
	
.main-bottom {
	background: url(../images/bg_contents_bottom.png) no-repeat left bottom;
	padding-bottom: 10px;
	overflow: hidden;
	/zoom:1;
	}
	
.under-layer {
	background: url(../images/bg_contents_bottom_underlayer.png) no-repeat left bottom;
	}

/*==========#gNavi============*/

#gNavi {
	width:772px;
	height:118px;
	background: url(../images/gnavi_under.png) no-repeat 0 0;
	margin-bottom:30px;
	text-indent:-9999px;
	position:relative;
	}	

#gNavi.waiting {
	background: url(../images/gnavi_under_waiting.png) no-repeat 0 0;
	}	

#gNavi dt {
	width:772px;
	height:37px;
	background: url(../images/gnavi_under_foot.png) no-repeat 0 -80px;
	position:absolute;
	bottom:0;
	left:0;
	}	

#gNavi dd {
	width:752px;
	height:39px;
	padding:10px 10px 0;
	}
	
	

#gNavi li {
	width:150px;
	height:36px;
	float:left;
	}
	
#gNavi li a {
	width:150px;
	height:36px;
	display:block;
	}

#gNavi li a:hover {background: url(../images/gnavi_under.png) no-repeat;}	

#gNavi li.n01 a:hover {background-position: -10px -128px;}	
#gNavi li.n02 a:hover {background-position: -160px -128px;}	
#gNavi li.n03 a:hover {background-position: -310px -128px;}	
#gNavi li.n04 a:hover {background-position: -460px -128px;}	
#gNavi li.n05 a:hover {background-position: -610px -128px;}	
#gNavi li.n06 a:hover {background-position: -10px -164px;}	
#gNavi li.n07 a:hover {background-position: -160px -164px;}	
#gNavi li.n08 a:hover {background-position: -310px -164px;}	
#gNavi li.n09 a:hover {background-position: -460px -164px;}	
#gNavi li.n10 a:hover {background-position: -610px -164px;}	

/*==========#series============*/	
	
.series {
	background: url(../images/bg_induction_middle.png) repeat-y left top;
	width: 712px;
	margin-bottom: 20px;
	}
	
.series .bg-top {
	background: url(../images/bg_induction_top.png) no-repeat left top;
	}
	
.series .bg-top .bg-bottom {
	background: url(../images/bg_induction_bottom.png) no-repeat left bottom;
	padding: 14px 0 12px 0px;
	text-align: center;
	}	
	
.series01 {
	background: url(../images/bg_induction_middle01.png) repeat-y left top;
	width: 536px;
	margin-bottom: 20px;
	}
	
.series01 .bg-top {
	background: url(../images/bg_induction_top01.png) no-repeat left top;
	}
	
.series01 .bg-top .bg-bottom {
	background: url(../images/bg_induction_bottom01.png) no-repeat left bottom;
	padding: 14px 0 12px 0px;
	text-align: center;
}
	

/*==========#contents-server============*/	
#contents-server {
	width: 712px;
	margin: 0 auto;
	padding: 25px 0 0 0;
	}
	
	
/*==========#asideArea============*/
#asideArea {
	background: url(../images/bg_asidearea_mddle.png) repeat-y left top;
	padding-bottom: 20px;
}

#asideArea h3 {
    margin-bottom: 6px;
	}
	
#asideArea > .inner {
	background: url(../images/bg_asidearea_top.png) no-repeat left top;
	padding: 55px 37px 0 37px;
}

#asideArea > .inner h2,
.cate-title {
	color: #0f77cb;
	font-size: 210%;
	line-height: 1;
	margin-bottom: 15px;
	}

.bg-contents-middle-w712 {
	background: url(../images/bg_contents_middle_w712.png) repeat-y left top;
	}
	
.bg-contents-top-w712 {
	background: url(../images/bg_contents_top_w712.png) no-repeat left top;
	}
	
.bg-contents-bottom-w712 {
	background: url(../images/bg_contents_bottom_w712.png) no-repeat left bottom;
	padding: 17px 25px;
	overflow: hidden;
	/zoom:1;
	}

.bg-contents-middle-w710 {
	background: url(../images/bg_contents_middle_w710.png) repeat-y left top;
	}
	
.bg-contents-top-w710 {	
	background: url(../images/bg_contents_top_w710.png) no-repeat left top;
	}
	
.bg-contents-bottom-w710 {
	background: url(../images/bg_contents_bottom_w710.png) no-repeat left bottom;
	padding: 17px 25px;
	overflow: hidden;
	/zoom:1;
	}
	
.bg_contents_middle_2column {
	background: url(../images/bg_contents_middle_2column.png) repeat-y left top;
	}
	
.bg_contents_top_2column {
	background: url(../images/bg_contents_top_2column.png) no-repeat left top;
	}
	
.bg_contents_bottom_2column {
	background: url(../images/bg_contents_bottom_2column.png) no-repeat left bottom;
	padding: 17px 25px;
	overflow: hidden;
	/zoom:1;
	}
	
	
.bg_contents_middle_3column {
	background: url(../images/bg_contents_middle_3column.png) repeat-y left top;
	}
	
.bg_contents_top_3column {
	background: url(../images/bg_contents_top_3column.png) no-repeat left top;
	}
	
.bg_contents_bottom_3column {
	background: url(../images/bg_contents_bottom_3column.png) no-repeat left bottom;
	padding: 17px 25px;
	overflow: hidden;
	/zoom:1;
	}
	
	
.bg_contents_middle_4column {
	background: url(../images/bg_contents_middle_4column.png) repeat-y left top;
	}
	
.bg_contents_top_4column {
	background: url(../images/bg_contents_top_4column.png) no-repeat left top;
	}
	
.bg_contents_bottom_4column {
	background: url(../images/bg_contents_bottom_4column.png) no-repeat left bottom;
	padding: 17px 25px;
	overflow: hidden;
	/zoom:1;
	}		
	
/*==========#contact============*/

#contact {
	margin-bottom: 20px;
	}

#contact .dot-radius-top {
	overflow: hidden;
	/zoom:1;
	}

#contact h3 + img {
	float: left;
	}
	
#contact dl {
	float: left;
	margin-left: 32px;
	padding-top: 15px;
	}
	
#contact dl dt {
	color: #8d8d8d;
	margin-bottom: 7px;
	font-weight: bold;
	}
	


/*==========#aplli============*/

#aplli {
	margin-bottom: 10px;
	}

#aplli p {
	margin-bottom: 10px;
	}
	
#aplli p a {
	background: url(../images/icon_arrow.png) no-repeat 2px center;
	padding-left: 12px;
	}
	
#aplli #tab {
	overflow: hidden;
	/zoom:1;
	}
	
#aplli #tab li {
	float: left;
	}
	

/*==========.tab-contents============*/

#tab {
	position: relative;
	z-index: 2;
	}

#tab li  {
	background: url(../images/tab_01_off.png) no-repeat left center;
	width: 161px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	margin-right: 2px;
	cursor: pointer;
	}

#tab li + li{
	background: url(../images/tab_02_off.png) no-repeat left center;
	}

#tab li.act, #tab li:hover {
	background: url(../images/tab_01_on.png) no-repeat left center;
	}

#tab li + li.act, #tab li + li:hover {
	background: url(../images/tab_02_on.png) no-repeat left center;
	}

.tab-contents {
	border: 3px solid #d5d5d5;
	background: #ffffff;
	padding: 15px;
	position: relative;
	top: -3px;
	z-index: 1;
	line-height: 1.5;
	}

#aplli .tab-contents li h4, #aplli .tab-contents li h5, #aplli .tab-contents li > p {
	margin-bottom: 5px;
	}

#aplli .tab-contents li h4 {
	color: #0f77cc;
	}
	
#aplli .tab-contents h5 + p {
	margin-bottom: 10px;
	}

#aplli .tab-contents p.excelLink {
	background: url(../images/icon_excel.png) no-repeat left center;
	padding-left: 45px;
	}

/*==========.pr-block============*/
	
.pr-block ul {
	overflow: hidden;
	/zoom:1;
	border: 2px solid #c0d6e7;
	}
	
.pr-block ul li {
	float: left;
	}
	
/*==========.price-table-top============*/

.altText {
	text-indent:-9999px;
	}

#summary {
	margin-bottom: 35px;
	}
	
#summary > p.lead {
	padding-left: 10px;}
	
.ex_img {
	float: right;
	}
	
.price-table-top .inner table tr th span {
	font-size: 80%;
	font-weight: normal;
	}

.price-table-top {
	background: url(../images/bg_table_middle1.png) repeat-y left top;
	clear: both;
	width: 700px;
	}
	
.price-table-top .inner {
	padding: 0px 0px 0 5px;
	}
	
.price-table-top .inner table {
	width: 691px;
	table-layout: fixed;
	word-break:break-all;
	word-wrap:break-word;
	}
	
.price-table-top .inner table tr:first-child th {
	width: 166px;
	padding: 25px 0 10px 0;
	line-height: 1.2;
	}
	
.price-table-top .inner table tr:first-child td {
	padding-top: 15px;
	}
	
.price-table-top .price-row td {
	background: url(../images/bg_table_line2_height.png) #696969 repeat-y right top;
	}
	
.price-table-top .price-row th span {
	font-size: 77%;
	color: #444444;
	display: inline-block;
	padding-top: 3px;
	/zoom:1;
	}
	
.price-table-top .table-line th {
	background: url(../images/bg_table_line_width.png) repeat-x left bottom;
	}
	
.x-small { font-size: 85%;}
	
.price-table-top table .large {
	width: 81px;
	font-size: 85%;
	}
	
.price-table-top table .large div {
	height: 100%;
	}
	
.price-table-top table th.short {
	font-size: 80%;
	width: 85px;
	background: url(../../images/line_l.png) no-repeat left bottom;
	}
	
.price-table-top td {
	text-align:center;
	background: url(../images/bg_table_line_width_td.png) repeat-x left bottom;
	font-size: 12px;
	}
	
.price-table-top td div {
	padding: 10px 0 10px 0;
	}
	
.price-table-top td div.b-right {
	background: url(../../images/bg_table_line_height_td_01.png) repeat-y top right;
	}
	
.price-table-top td div.b-left {
	border-left: 1px solid #b6cfe4;
	}
	
.price-table-top td em {
	font-size: 250%;
	font-weight: bold;
	font-style: normal;
	color: #5bc0fb;
	}

.price-table-top td span {
	font-size: 77%;
	}
	
.price-table-bottom {
	background: url(../images/bg_table_middle2.png) repeat-y left top;
	margin-bottom: 25px;
	width: 700px;
	}
	
.price-table-bottom table {
	width: 100%;
	border: none;
	}
	
.price-table-bottom table .large{
	width: 81px;
	border-right: 1px solid #cccccc;
	font-size:92%;
	}
	
.price-table-bottom table .short{
	width: 84px;
	font-size: 77%;
	padding: 6px 0;
	}
	
.price-table-bottom table td {
	padding: 10px 0 10px 50px;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	}
	
.price-table-bottom table .even {
	background: #eeeeee;
	}
	
.price-table-bottom table th {
	border-bottom: 1px solid #cccccc;
	}
	
.price-table-bottom table .aline-left {
	text-align: left;
	padding-left: 20px;
	}
	
.price-table-bottom table .bold {
	font-weight: bold;
	}

.price-table-bottom .inner {
	background: url(../images/bg_table_bottom.png) no-repeat left bottom;
	padding: 0 4px 10px 5px;
	}

.price-table-bottom table .border-none {
	border-bottom: none;
	}
	
.price-table-bottom + p {
	margin: -15px 0 25px 0;
	padding-left: 8px;
	font-size: 92%;
	}


/*==========#series-feature============*/
	
#series-feature {
	margin-bottom: 35px;
	}
	
#series-feature > div {
	padding-left: 138px;
	margin-bottom: 25px;
	min-height:101px;
	}
	
#series-feature > div h3 {
	font-weight: bold;
	font-size: 150%;
	line-height: 1.2;
	margin-bottom: 5px;
	min-height: 0;
	}
	
	
	
#series-feature #p01 { background: url(../images/img_root.png) no-repeat left top;}
#series-feature #p02 { background: url(../images/img_clock.png) no-repeat left top;}
#series-feature #p03 { background: url(../images/img_pc.png) no-repeat left top;}
#series-feature #p04 { background: url(../images/img_server.png) no-repeat left top;}

#series-feature .point p {
	margin-bottom: 5px;
	}

#series-feature .point p.txtRed {
	font-size: 92%;
	}
	
#series-feature #p02 .bg-middle {
	background: url(../images/bg_ex_feature_middle.png) repeat-y left top;
	}
	
#series-feature #p02 .bg-bottom {
	background: url(../images/bg_ex_feature_bottom.png) no-repeat left bottom;
	}
	
#series-feature #p02 dl {
	background: url(../images/bg_ex_feature_top.png) no-repeat left top;
	padding: 11px 14px;
	}
	
#series-feature #p02 dl dt {
	font-weight: bold;
	margin-bottom: 3px;
	}

#series-feature #p02 dl dd {
	font-size: 92%;
	}
	
	
	
	
		
#service-use h3 {
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
#service-use .arrow {
	margin-left: 10px;
	}
	
#service-use ul {
	width: 710px;
	overflow: hidden;
	zoom:1;
	margin-right: -10px;
	}
	
#service-use ul.normal {
	padding: 0 0 10px 10px;
	}
	
#service-use ul.option {
	padding-left: 10px;
	}
	
#service-use ul li{
	float: left;
	margin:0 10px 0px 0;
	padding-bottom: 10px;
	}
	
#service-use .series {
	margin-top: 42px;
	}
	
 p.page-top {
	text-align: right;
	padding-right: 4px;
	margin: 10px 0;
	font-size: 85%;
	}

.outerLink {
	background: url(../images/icon_outerlink.png) no-repeat 100% 1px;
	padding-right: 15px;
 }

/*==========.spe============*/

.spe > .cation {
	margin-bottom: 34px;
	}
	
.spe .arrow {
	font-size: 100%;
	}
	
.spe .cate-title {
	margin-bottom: 10px;
	}
	
.spe-table {
	margin-bottom: 13px;
	}
	
.spe-table h2,
.spe-table h3,
.spe-table > p {
	margin-left: 4px;
	}
	
.spe-table > h3 { margin: 0px 0 5px 4px; padding-top: 20px;}

.spe-table > h2 + h3 {
	padding-top: 13px;
	font-size: 110%;
	}

.spe-table h3 + .bg-middle {
	margin-top: 0px;
	}
	
.spe-table .cate-title {
	margin-bottom: 7px;
	}
	
.spe-table .bg-middle {
	background: url(../../images/bg_spe_table_middle.png) repeat-y left top;
	margin-top: 10px;
	clear: both;
	overflow: hidden;
	}
	
.spe-table .bg-top {
	background: url(../../images/bg_spe_table_top.png) no-repeat left top;
	}
	
.spe-table .bg-bottom {
	background: url(../../images/bg_spe_table_bottom.png) no-repeat left bottom;
	padding: 7px 4px 4px 4px;
	}
	
.spe-table .bg-bottom2 {
	background: url(../../images/bg_spe_table_bottom2.png) no-repeat left bottom;
	}
	
.spe-table .bg-bottom3 {
	background: url(../../images/bg_spe_table_bottom3.png) no-repeat left bottom;
	padding-bottom: 8px;
	}
	
.spe-table table {
	width: 700px;
	font-size: 85%;
	}
	
		
		
.spe-table table th {
	background: #444444;
	color: #ffffff;
	border-left: 1px solid #555555;
	padding:5px 0;
	}
	
.spe-table table th span {
	font-size: 90%;
	font-weight:normal;
	}
	

.spe-table table tr:first-child th:first-child {
	border-left: none;
	}
	
.spe-table table th.gray {
	background: #bcbcbc;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	color: #444444;
	font-weight:normal;
	}
	

.spe-table table .gray:first-child {
	
	}
	
.spe-table table tr td {
	border-left: 1px solid #dddddd;
	padding: 6px 10px;
	border-top: 1px solid #dddddd;
	text-align: center;
	}
	
.spe-table table tr.gray td {
	background: #eeeeee;
	border-left: 1px solid #ccc;
	}
	
.spe-table table tr.gray td:first-child {
	background: #eeeeee;
	border-left: none;
	}
	
.spe-table table tr.price td {
	text-align: right;
	padding: 6px 10px;
	background: #bcbcbc;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	}
	
.spe-table table tr.price td:first-child {
	text-align: left;
	border-left: none;
	}
	
.spe-table table tr.option td {
	background: #444444;
	color: #ffffff;
	border: none;
	}
	
.spe-table table tr.border-none td {
	border-top: none;
	}
	
.mb15 {
	margin-bottom: 13px;
	}

.foot-pr-block {
	width:740px;
	margin:0 auto;
}

.bnr-ex-flex {
 text-align: center;
 padding: 20px 0 0 0;
 }

.bnr-ex-flex > span { padding: 0 5px;}
.bnr-ex-flex > a { padding: 0 5px;}

#left-navi .ct-navi ul li ul.sub-navi li a {
	font-size: 90%;
	}
	
#link6 table tr td:first-child { text-align:center;}

.os-lineup {
	overflow: hidden;
	/zoom:1;
	margin: 36px 0;
	}
	
.os-lineup h3 {
	margin-bottom: 10px;
	}
	
.os-lineup > p {
	clear: both;
	}
	
.os-lineup .left,
.os-lineup .right {
	margin-bottom: 15px;
	}

.lineup-box {
	background: url(../images/bg_lineupbox_bottom.png) no-repeat left bottom;
	}
	
.lineup-box .bg-top {
	background: url(../images/bg_lineupbox_top.png) no-repeat left top;
	padding: 5px 3px;
	width: 340px;
	}
	
.lineup-box table {
	width: 100%;
	}
	
.lineup-box table th {
	width: 86px;
	padding: 5px 0;
	vertical-align: top;
	border-bottom: 1px solid #c6c6c6;
	}
	
.lineup-box table th span {
	font-weight: normal;
	font-size: 80%;
	}

.lineup-box table .height-meter {
	height: 128px;
	}

.lineup-box table td {
	padding: 5px 10px;
	vertical-align: top;
	border-bottom: 1px solid #e5e5e5;
	font-size: 85%;
	line-height: 1.4;
	}
	
.lineup-box table .line-none {
	border: none;
	}
	
.lineup-box dl {
	width: 340px;
	}
	
.lineup-box dl dt {
	float: left;
	clear: both;
	width: 85px;
	font-weight: bold;
	text-align: center;
	padding: 6px 0;
	}
	
.lineup-box dl dd {
	padding: 6px 0 0 94px;
	border-bottom: 1px solid #e5e5e5;
	}
	
.series-overview {
	overflow: hidden;
	padding: 28px 8px 0 8px;
	}
	
.series-overview h2 {
	padding: 0;
	}
	
.series-overview .right {
	text-align: right;
	}