﻿@charset "utf-8";

.support#webarena h1 {
	clear: both;
	width: 968px;
	line-height: 46px;
	margin: 0 auto;
	padding: 0 0 0 12px;
	background: url("../images/h1_default.gif") no-repeat;
	font-size: 170%;
	font-weight: bold;
}
.support#webarena h2.ver1 {
	padding:10px;
	font-size: 18px;
	color:#fff;
	text-shadow:0px -1px 1px #000;
	background:url("/images/h2_webarena_all.png") no-repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 18px;
	line-height: 1.6;
	behavior: url("PIE.htc");
}
.support_visual {
	clear:both;
	width:100%;
	float:left;
	margin:5px 0 0;
	padding:0 0 20px;
}
.support_visual img {
	float:left;
}
.support_visual div {
	width:200px;
	height:108px;
	float:right;
	padding:34px 0 0;
	background:url("../images/visual_right_bg.gif") no-repeat;
	text-align:center;
}
.support_visual div img {
	float:none;
}
ul.top_tab {
	list-style:none;
	clear:both;
	padding:20px 0 0;
  width:900px;
  margin:0 auto;
}
ul.top_tab li {
	width:290px;
	float:left;
	padding:0 10px 0 0;
}
ul.top_tab li.last {
	padding:0;
}
.top_btn {
	clear:both;
	width:980px;
	height:532px;
	float:left;
	margin:0 0 20px;
	background:url("../images/top/bg_buttons.gif") no-repeat;
}
.top_btn ul {
	list-style:none;
	padding:20px 0 0;
}



.top_btn li {
	width:311px;
	height:106px;
	float:left;
	padding:0 0 20px 15px;
	text-align:center;
}
*+html .top_btn li {
	padding:0 0 2px 15px !important;
}


.top_btn li img {
	float:left;
}
.top_btn h3 {
	clear:both;
	padding:0 0 0 15px;
	font-size:170%;
	font-weight:bold;
}
.top_btn_service {
	height:824px;
	background:url("../images/top/bg_buttons_service.gif") no-repeat;
}

*+html .top_btn_service h3 {
	margin-top: 20px;
}

.top_btn_service2 {
	height:440px;
	background:url("../images/top/bg_buttons_service2.gif") no-repeat;
}
.top_btn_keyword {
	height:250px;
	background:url("../images/top/bg_buttons_keyword.gif") no-repeat;
}
.top_btn_keyword .keyword_wrap {
	padding:20px 20px 0;
}
.top_btn .keyword_wrap h3 {
	padding:0 0 20px;
}
.top_btn_keyword input.keyword_search {
	width:280px;
	font-size:14px;
	height:40px;
	line-height:40px;
	padding:0 10px;
	background:url("../images/top/keyword_search.gif") no-repeat;
}
.top_btn_keyword input.keyword_search_button {
	width:76px;
	height:42px;
	background:url("../images/top/keyword_search_button.gif") no-repeat !important;
}
ul.support_list {
	list-style:none;
	clear:both;
	width:100%;
	float:left;
	padding:0;
}
ul.support_list li {
	width:326px;
	height:107px;
	float:left;
	padding:0 0 30px;
	text-align:center;
}
ul.support_list li img {
	float:left;
}
ul.index_list {
  list-style:none;
  clear:both;
  padding:0 0 20px;
}
ul.index_list li {
  clear:both;
  width:100%;
  padding:0 0 10px;
  background:none;
  color:#333;
  font-size:130%;
  font-weight:bold;
}
ul.index_list li a {
  #color:#1c757e;
  font-size:100%;
  font-weight:normal;
  text-decoration:underline;
}
ul.index_list li a:hover {
  text-decoration:none;
}
ul.index_list li ul {
  clear:both;
  width:628px;
  margin:0 0 10px;
  padding:20px !important;
  background:#eee;
}
ul.index_list li ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.index_list li ul li {
  clear:none;
  width:45%;
  float:left;
  margin:0 15px 0 0;
  padding:0 0 0 13px;
  #background:url("../images/page_nav_vps.png") no-repeat 0 5px;
  line-height:1;
  font-size:0.8em;
  border:none;
}
ul.index_list li ul li ul li  {
  font-size: 100%;
}
ul.index_list li ul li ul {
  margin: 0;
  padding: 5px;
}
h1.support_top {
	clear:both;
	width:962px;
	line-height:46px;
	margin:0 0 20px;
	padding:0 0 0 12px;
	font-size:170%;
	font-weight:bold;
}
.v_sidebar_right .continue {
	width:222px;
	height:30px;
	margin:3px 0 0 3px;
	padding:33px 0 0 34px;
}
.v_sidebar_right .continue a {
	color:#fff !important;
}

/*** table ***/
table.ver1 th {vertical-align:top !important;}
table.td-center td {text-align:center !important;}
table.top-th-center tr:first-child th {text-align:center !important; vertical-align:middle !important;}
table td ul:last-child, table td ol:last-child, table td p:last-child, {padding-bottom:0 !important; margin-bottom:0 !important;}


/*** mente-list ***/
.mente-list{
	overflow: hidden;
	padding:0 20px 9px;
}

.mente-list dt {
	float:left;
	width:60px;
	clear:both;
}

.mente-list dd {
	margin-left:60px;
}

#support.webarena ul.arrow {
	clear:both;
	margin:0 0 20px;
}
#support ul.list_mainte {
	list-style:none;
	clear:both;
	width:100%;
	float:left;
	padding:0 0 20px;
}
#support ul.list_mainte li {
	clear:both;
	width:100%;
	float:left;
	padding:0 0 5px;
}
#support ul.list_mainte li img {
	float:left;
	margin:0 10px 0 0;
}
pre {
  margin: 10px 0;
  display: block;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #000000;
  background-color: #202020;
  color: #efefef;
	clear: both;
}
pre.green, pre .green {
  color:#66ee00;
  font-size: 12px;
}
pre.green, pre .fc_f9e830{
	color:#f9e830 !important;
	}

pre .bold {
	color:white !important;
  font-size: 12px;
}
ul li p:last-child, ul li pre:last-child {padding-bottom:0 !important; margin-bottom:0 !important;}

h3.ver5 {margin-top:15px;}

#support h1.ver_syoho {
	clear: both;
	width: 968px;
	line-height: 46px;
	margin: 0 auto;
	padding: 0 0 0 12px;
	background: url(/support/images/h1_default.gif) no-repeat;
	font-size: 170%;
	font-weight: bold;
}
#support .onecolumn {
	width: 700px;
	margin: 10px auto 20px;
	padding: 20px 140px;
	background: #fff;
	border: solid #ddd 1px;
	box-shadow: 0 -1px -1px #efefef;
}
#support .syoho_nav_wrap ul {
	padding: 10px 0 0 10px;
	background: #efefef;
	height: 30px;
	margin-bottom: 14px;
}
#support .syoho_nav_wrap ul li {
	display: inherit;
	padding: 0 20px 0 13px;
	background: url(/support/images/arrow_default.png) no-repeat 0 5px;
	color: #5b4e8b;
	float:left;
	margin:0 10px 0 0;
}
#support .syoho_nav_wrap ul li a {
	color:#5B4E92;
}
#support h2.ver_syoho {
	clear: both;
	width: 100%;
	float: left;
	padding: 0 0 10px;
	color: #5b4e8b;
	font-size: 170%;
	font-weight: bold;
}
#support table.ver_syoho {
	width: 100%;
	margin: 0 auto 20px;
	border: 1px solid #ddd;
}
#support table.ver_syoho th, #support table.ver_syoho td {
	
}
#support table.ver_syoho th {
	width: 170px;
	padding: 5px 10px;
	background: #f5f5f5;
	color: #5b4e8b;
	font-weight: bold;
	border: 1px solid #ddd;
}
#support table.ver_syoho td {
	padding: 5px 10px;
	border: 1px solid #ddd;
}
#support h2.ver_syoho2 {
	clear: both;
	width: 100%;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: solid #5b4e8b 1px;
}


