@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;
	}

div.dl_title_illust {
	font-size: 14px; 
	font-weight:bold; 
	color:#fff;
	width: 648px;
	margin-left: 15px;
	padding: 5px 5px 5px 15px; 
	margin-bottom: 12px; 
	height: 20px;
	background: url(../img/table_bg_illustrator.jpg) ;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
}

div.dl_title_photo {
	font-size: 14px; 
	font-weight:bold; 
	color:#fff; 
	width: 648px;
	margin-left: 15px;
	padding: 5px 5px 5px 15px; 
	margin-bottom: 12px; 
	height: 20px;
	background: url(../img/table_bg_photoshop.jpg) ;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
}

div.dl_title_ind {
	font-size: 14px; 
	font-weight: bold;
	color:#fff; 
	width: 648px;
	margin-left: 15px;
	padding: 5px 5px 5px 15px; 
	margin-bottom: 12px; 
	height: 20px;
	background: url(../img/table_bg_indesign.jpg) ;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
}



/* -----------------------------------------------------------------------------------------------------
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 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-oem {
	background: url(../support/contact/img/contact_oem.gif) no-repeat;
	}
	
#contact-business {
	background: url(../support/contact/img/contact_business.gif) no-repeat;
	}

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

#contact-plugin p, #contact-apparel p, #contact-oem p, #contact-business 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;
	}
	
.support_subtitle {
	width: 650px;
	background-color: #4d4d4d;
	color: #fff;
	line-height: 1.5em;
	padding-top: 7px;
	margin-left: 10px;
	margin-bottom: 20px;
	}