@charset 'UTF-8';

/* -----------------------------------------------------------------------------------------------------
download
----------------------------------------------------------------------------------------------------- */
table#sp_dl_software {
	width: 668px;
	border:1px solid #CCC;
	border-collapse: collapse;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.7em;
	}

table#sp_dl_software td {
	border: 1px solid #CCC;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 1.7em;
	}


table#sp_dl_software thead th {
	background: #fff url(../support/download/img/th_bck.gif) repeat-x;
	line-height: 34px;
	height: 34px;
	color: #fff; 
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #CCC;
	font-weight: normal;
	}

table#sp_dl_software tfoot td, tfoot th {
	border-left: none;
	border-top: 1px solid #CCC;
	padding: 4px;
	background: #fff url(../support/download/img/foot_bck.gif) repeat-x;
	color: #666;
	}

table#sp_dl_software tbody th {
	width: 160px;
	background: #fafafb;
	color: #000;
	border-top: 1px solid #CCC;
	text-align: left;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	}

table#sp_dl_software tbody th span {
	color: #ff0000;
	font-size: 10px;
	}

table#sp_dl_software tbody th span.pre-version {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	}

table#sp_dl_software tbody th a {
	text-decoration: none;
	color: #000;
	}
table#sp_dl_software tbody th a:hover {
	text-decoration: none;
	color: #484848;
	}

table#sp_dl_software tbody tr td {
	padding: 8px 10px 9px;
	color: #0066cc;
	}

table#sp_dl_software tbody tr td span {
	color: #333;
	}

table#sp_dl_software tbody tr:hover, table#sp_dl_software tbody th:hover {
	background: #333 url(../support/download/img/tr_bck.gif) repeat;
	}

table#sp_dl_software tbody tr:hover td {
	color: #0066cc;
	}

table#sp_dl_software tr td a {
	color: #005fec;
	background: url(../support/download/img/datadl.gif) no-repeat 100% 50%;
	padding-right: 30px;
	padding-bottom: 5px;
	}

table#sp_dl_software tr td a:hover {
	color: #666;
	font-weight: bold;
	}

table#sp_dl_software a:hover {
	color: #484848;
	text-decoration: none;
	}

table#sp_dl_software a:active {
	color: #003366;
	}

/* -----------------------------------------------------------------------------------------------------
contact top
----------------------------------------------------------------------------------------------------- */
div.contactop {
	width: 700px;
	background: url(../img/lbar_middle.gif) repeat-y #fff;
	}

div.contactop-top {
	width: 700px;
	height: 145px;
	background: url(../support/contact/img/contactop_img.jpg) no-repeat #fff;
	}

div.contactop-top h1 {
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: 0.1em;
	color: #000;
	padding: 20px 12px 7px;
	margin-bottom: 10px;
	}

div.contactop-top p {
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding: 0 40px 10px 30px;
	}

div.contactop-top a {
	color: #0055ac;
	text-decoration: none;
	}

div.contactop-top a:hover {
	color: #4d4d4d;
	text-decoration: none;
	}

div.contactop-top h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #333;
	padding: 0 40px;
	}

div.contactop-content {
	width: 700px;
	height: auto;
	padding-top: 15px;
	margin-top: -5px;
	padding-bottom: 0;
	display: inline-block;
	}

div.contactop-content:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

div.contactop-content p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 0 15px 15px;
	}

div.contactop-bottom {
	width: 700px;
	height: 10px;
	background: url(../img/lbar_bottom.gif) no-repeat #fff;
/* ------ for IE6 bug ------ */
	padding-bottom: 2px;
	}

div.contactop > div.contactop-bottom {
	padding-bottom: 11px;
	}
	
#contact-plugin {
	background: url(../support/contact/img/contact_plugin.gif) no-repeat;
	width: 700px;
	height: 117px;
	position: relative;
	padding-bottom: 11px;
	}

#contact-plugin p{
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px 15px 15px;
	margin-left: 300px;
	color: #fff;
	}

/* -----------------------------------------------------------------------------------------------------
contact 3 division
----------------------------------------------------------------------------------------------------- */
div.biggercolorbox_c-top h2.eachcontact_title {
	color: #ddd;
	}

#contact-plugin {
	background: url(../support/contact/img/contact_plugin.gif) no-repeat;
	}

#contact-apparel {
	background: url(../support/contact/img/contact_apparel.gif) no-repeat;
	}

#contact-other {
	background: url(../support/contact/img/contact_other.gif) no-repeat;
	}

#contact-plugin, #contact-apparel, #contact-other {
	width: 700px;
	height: 117px;
	position: relative;
	padding-bottom: 11px;
	}

#contact-plugin p, #contact-apparel p, #contact-other p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px 15px 15px;
	margin-left: 300px;
	color: #fff;
	}

p.contact_but {
	font-weight: bold;
	line-height: 26px;
	letter-spacing: 1px;
	margin-top: 0;
	margin-left: 0;
	font-size: 12px;
	}

p.contact_but a {
	width: 153px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	text-indent: 17px;
	display: block;
	padding-top: 4px;
	background: url(../support/contact/img/contactb.gif) no-repeat 0 0;
	position: absolute;
	top: 75px;
	right: 20px;
	}

p.contact_but a:hover {
	color: #eff5f8;
	text-decoration: none;
	background: url(../support/contact/img/contactb_hover.gif) no-repeat 0 0;
	}

.howto_title {
	color: #0033cc;
	font-weight:bold;
	margin-top:5px;
	}

/* ======== for the contact button ======== */

.contact_button {
	width: 153px;
	height: 26px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: 1px;
	margin-bottom: 0;
/*---- for IE6 bug ----*/
	margin-top: 0;
	padding-top: 0;
	float: right;
	clear: both;
	padding-right: 20px;
	}
	
.contact_button a{
	width: 153px;
	height: 26px;
	color: #fff;
	text-decoration: none;
	text-indent: 17px;
	display: block;
	background: url(../img/sbar_button.gif) no-repeat 0 0;
	padding-left: 25px;
	padding-top:3px;
	}

.contact_button a:hover {
	color: #eff5f8;
	text-decoration: none;
	background: url(../img/sbar_button_o.gif) no-repeat 0 0;	
	}


p#serial_reset {
	padding: 0;
	padding-top: 4px;
	width: 142px;
	height: 28px;
	font-size: 12px;
	color: #fff; 
	background: url(../img/resetbutton.gif) no-repeat #fff;
	border: none !important;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 15px;
	}

p#serial_post, div#form_end {
	padding: 0;
	padding-top: 4px;
	width: 142px;
	height: 28px;
	font-size: 12px;
	color: #fff; 
	background: url(../img/postbutton.gif) no-repeat #fff;
	border: none !important;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 15px;
	}
	
div#form_end {
	text-align: center;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
	}
	
div#form_end a{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	}
	
div#form_end a:hover {
	color: #fff;
	text-decoration: none;
	}
	
/* ================================
For Serial information input form
================================ */	
	
table#serial_table {
	margin-left: 25px;
	}
	
table#serial_table tr{
	margin-bottom: 5px;
	}
	
table#serial_table td{
	padding: 5px;
	font-size: 12px;
	color: #4d4d4d;
	font-weight: normal;
	}
	
table#serial_table td.field_name {
	text-align: right;
	width: 150px;
	}

table#serial_table td.input_field {
	text-align: left;
	width: 400px;
	}
	
table#serial_table td input, table#serial_table td input.textarea, table#serial_table td select{
	margin-left: 10px;
	}
	
table#serial_table input, select, textarea {
	font-size:12px;
	line-height: 1.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	color: #333333;
	background: #f1f1ed;
	padding: 2px;
	}

table#serial_table input:focus, select:focus, textarea:focus {background: #ffffff;}

table#serial_table button{
	background: none;
	border: none;
	}
	
.no_bg {
	background: none;
	border: none;
	}