@charset "UTF-8";
html,body,form,fieldset,legend,label,input,textarea,table,thead,tbody,tfoot,th,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
fieldset,img,iframe{border:none;}
address,code,em,th{font-style:normal;font-weight:normal;}
li{list-style:none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
pre,code{font-family:monospace;*font-size:108%;line-height:100%;}
table{border-collapse:separate; border-spacing:1px;}
iframe{background:transparent;margin:0;padding:0;border:none;}


/* ---------------------------------
 * Fixed Classes
 * create 2008-07-31
 * update 2009-05-03
 * ------------------------------ */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}/* IE-mac */
.clearfix {display:block;}/* IE-mac */

.clear   {clear:both; display:block;}

.l {text-align:left !important;}
.r {text-align:right !important;}
.c {text-align:center !important; margin:0 auto !important;}
.fl {float:left !important;}
.fr {float:right !important;}

.noIME {ime-mode:disabled;}
.monospace {font-family:monospace;}


/**色**/
.blue{
	color:#0000ff;
}

.red{
	color:#ff0000;
}


/**フォントサイズ**/

.font18{
	font-size:18px;
}

.font12{
	font-size:12px;
}

.font9{
	font-size:9px;
}


/**位置**/
.left{
	text-align:left;
}

.right{
	text-align:right;	
}

.center{
	text-align:center;
}




/* ---------------------------------
 * Fix Margin / Fix Padding
 * create 2009-03-01
 * ------------------------------ */

.fixPT {padding-top:5px;}
.fixPR {padding-right:5px;}
.fixPB {padding-bottom:5px;}
.fixPL {padding-left:5px;}
.fixMT {margin-top:5px;}
.fixMR {margin-right:5px;}
.fixMB {margin-bottom:5px;}
.fixML {margin-left:5px;}

.mt {margin-top:1em !important;}
.mr {margin-right:1em !important;}
.mb {margin-bottom:1em !important;}
.ml {margin-left:1em !important;}

.mt05 {margin-top:0.5em !important;}
.mr05 {margin-right:0.5em !important;}
.mb05 {margin-bottom:0.5em !important;}
.ml05 {margin-left:0.5em !important;}



/* ---------------------------------
 * Hover Alpha Image
 * create 2009-05-15
 * update 2009-05-15
 * ------------------------------ */

a.alpha:hover,
a.alpha:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}



/* ---------------------------------
 * Inner Padding
 * create 2009-05-15
 * update 2009-05-15
 * ------------------------------ */

div.inner {
	padding:0 10px;
}



/* ---------------------------------------------------------------------- block link -- */

a.block {display:block;}

a.blocklink0,
a.blocklink0:visited {
	padding               : 2px 4px;
	background-color      : #cae1ff;
	color                 : #333!important;
	text-decoration       : none;
	border-radius         : 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
}

a.blocklink1,
a.blocklink1:visited {
	padding               : 2px 4px;
	background-color      : #f70;
	color                 : #fff!important;
	text-decoration       : none;
	border-radius         : 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius    : 4px;
}

a.blocklink1:hover {
	background-color      : #f50;
}

a.arrow0 {
	padding-left          : 15px!important;
	background-image      : url('/img/arrow-black.png');
	background-repeat     : no-repeat;
	background-position   : 5px 6px;
}

a.arrow1 {
	padding-left          : 15px!important;
	background-image      : url('/img/arrow-white.png');
	background-repeat     : no-repeat;
	background-position   : 5px 6px;
}




/* ---------------------------------------------------------------------- form settings -- */

.NSF_errors {
	margin:1em 0 1em 0;
	padding:5px 10px;
	border:1px solid #FC6;
	background-color:#FFC; 
	font-size:100%;
}

.NSF_errors p {
	margin:0;
}

.NSF_errors p em {
	color:#d00;
	font-style:normal;
	font-weight:bold;
}

.NSF_errors b {
	font-weight:bold;
	color:#f00;
}

.NSF_errors ul {
	margin:8px 0;
	padding:0;
}

.NSF_errors ul li {
	list-style:disc inside;
	padding-right:2px;
}

.NSF_errors span {
	color:#00f;
}

.NSF_required {
	font-size:100%;
	font-style:normal;
	font-family:'MS Gothic',monospace;
	color:#d00;
}

.NSF_error {
	border-color:#d00 !important;
	background-color:#fcf !important;
}



/* ---------------------------------------------------------------------- form box settings -- */

select,
input,
textarea     {padding:2px; font-size:108%; font-family:'MS Gothic',monospace;}
input.medium {width:100px;}
input.large  {width:140px;}

select,
input[type="text"],
input[type="password"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
textarea {
}

select:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="file"]:hover,
textarea:hover {
	background-color:#eee;
}

input:focus,
input.error:focus,
select.error:focus,
textarea:focus {
	background-color:#ffc!important;
	border-color:#fc6!important;
}

input {vertical-align:middle!important;}



/* ---------------------------------------------------------------------- formWrapper settings -- */

.formWrapper {
	margin            : 2em auto;
	text-align        : left;
}

.formWrapper .message {
	margin-top        : 35px;
}

.formWrapper .step .title {
	color             : #787878;
	border            : 1px solid #dddddd;
	margin-bottom     : 2em;
	text-align        : center;
}

.formWrapper .step .body {
	padding           : 10px;
	background-color  : #efefef;
	color             : #787878;
	border            : 1px solid #bbbbbb;
	margin-bottom     : 2em;
	text-align        : center;
}

.formWrapper .step .body b {
	color             : #fd0;
	font-weight       : bold;
}

.formWrapper .step .body strong {
	color             : #000;
	font-weight       : bold;
}

.formWrapper .step .body span {
	font-family       : 'MS Gothic', monospace;
}

.formWrapper table.input tbody tr th {
	width             : 200px;
}

.formWrapper table.input tbody tr td {
	width             : 400px;
	text-align        : left;
}




/* ---------------------------------------------------------------------- base table settings -- */

/* detail setting of tables */
table tr th.i, table tr td.i       {font-family:'MS Gothic',monospace !important; text-align:right !important;}
table tr th.l, table tr td.l       {text-align:left !important;}
table tr th.r, table tr td.r       {text-align:right !important;}
table tr th.c, table tr td.c       {text-align:center !important;}
table tr th.w, table tr td.w       {white-space:nowrap !important;}


/* odd */
table tbody tr.odd {background-color:#eee !important;}


/* No value */
table tr th.none,
table tr td.none {background-color:#eee !important;}



/* ---------------------------------------------------------------------- simple horizontal table settings -- */

table.listView {
	/*font-family:'MS Gothic', monospace, 'Arial', sans-serif;*/
	font-size:12px;
	background-color:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	text-align:left;
	line-height:1.2;
	margin-bottom:1.5em;
}

table.listView caption {
	padding-bottom:5px;
}

table.listView th {
	font-size:13px;
	text-align:center;
	font-weight:bold;
	color:#666;
	padding:5px 5px;
	border-bottom:2px solid #666;
	background-color:#fff;
}

table.listView tbody tr {
	background-color:#fff;
}

table.listView tbody tr th {
	color:#444;
	padding:6px 5px;
	border-bottom:0 dotted #999;
	background-color:#eee;
	font-weight:bold;
}

table.listView tbody tr td {
	color:#444;
	padding:6px 5px;
	border-bottom:0 dotted #999;
}

table.listView tbody tr:hover td {
	color:#000;
	background-color:#eee;
}

table.noHoverAction tbody tr:hover td {
	color:inherit;
	background-color:inherit;
}



/* ---------------------------------------------------------------------- input table settings -- */

table.input {
	width:100%;
	background-color:#fff;
	border-collapse:separate;
	border-spacing:0px;
	border:0;
	line-height:1.3;
}

table.input thead th {text-align:center;}

table.input tbody tr {
	vertical-align:top;
}

table.input tbody tr th {
	color:#666;
	padding:15px;
	font-weight:bold;
	text-align:right;
	border-bottom:1px solid #dddddd;
	background-color:#fff;
}

table.input tbody tr th .NSF_required {
	font-weight:normal;
}

table.input tbody tr th.submit {
	width:100%;
	color:#fff;
	text-align:center;
	font-weight:normal;
	padding:15px;
	border-bottom:0;
}

table.input tbody tr td {
	color:#333;
	padding:15px 10px;
	font-weight:normal;
	vertical-align:middle;
	border-bottom:1px solid #dddddd;
	background-color:#fff;
	word-wrap:break-word;
	word-break:break-all;
}

table.input tbody tr td b {
	color:#666;
	font-weight:bold;
	text-align:left;
}

table.input input,
table.input select,
table.input textarea {
	vertical-align:middle;
}

table.input tbody tr td p {
	color:#555;
	font-size:90%;
	vertical-align:middle;
}



/* ---------------------------------------------------------------------- agreement settings -- */

#agreementTD {
	padding:0;
}

#agreementTD .body {
	margin:0;
	padding:15px;
	background-color:#f5f5f5;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}

#agreementTD .scroll {
	height:10em;
	overflow:auto;
	padding:10px;
	margin:10px 0;
	border:1px solid #ddd;
	background-color:#fff;
	width:570px;
}

#agreementTD .scroll .fixmt {
	margin-top:0 !important;
}

#agreementTD label {
	margin-left:5px;
}




/* ---------------------------------------------------------------------- basic settings -- */

html {
	height           : 100%;
}

body {
	margin           : 0 auto;
	padding          : 0;
	background-color : #ffffff;
	color            : #202020;
	text-align       : center;
	line-height      : 1.6;/*|1.6|1.4em|*/
	font-size        : 13px;
	height           : 100%;
	font-family      : "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
}

* {
	font-family      : "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	/*font-family      : "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family      : 'Meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Helvetica','Arial',sans-serif;*/
}




/* ---------------------------------------------------------------------- layout settings -- */

* html #container {
	height            : 90%;
}

#container {
	width             : 800px;
	text-align        : center;
	margin            : 0 auto;
	min-height        : 90%;
}



/* ---------------------------------------------------------------------- header settings -- */

#header {
	height            : 64px;
	padding           : 5px 0 0 0;
	background-image  : url(/img/back1.png);
}

.home #header {
	height            : 89px;
}

#nav {
	height            : 53px;
}



/* ---------------------------------------------------------------------- pagebody settings -- */

#pagebody {
	text-align        : left;
}

#bodyWide {
	text-align        : left;
}

#bodyNarrow {
	width             : 600px;
	margin            : 2em auto;
}

#bodyError {
	width             : 400px;
	margin            : 4em auto;
	height            : 100%;
}



/* ---------------------------------------------------------------------- footer settings -- */

#footer {
	margin-top        : 20px;
	padding           : 20px 0;
	color             : #888;
	font-size         : 85%;
	font-weight       : bold;
	line-height       : 1.6;
	border-top        : 1px solid #ddd;
	background-color  : #eee;
	font-family       : 'Arial','Verdana',sans-serif;
	text-align        : center;
/*
	background-image  : url(/img/footer_back.png);
	background-repeat : no-repeat;
	background-color  : #00325F;
	-moz-border-radius-topright     : 20px;
	-moz-border-radius-topleft      : 20px;
	-webkit-border-top-left-radius  : 20px;
	-webkit-border-top-right-radius : 20px;
*/
}

#footer a,
#footer a:visited {
	color             : #777;
}

#footer a:hover {
	color             : #999;
}

#footer .nav {
	text-align        : center;
	margin            : 0 auto;
	width             : 800px;
}

#footer .nav a.F {
	font-weight       : bold;
}

#footer .nav ul {
	display           : block;
}

#footer .nav ul li {
	display           : inline;
	padding           : 2px 0.2em 2px 0.5em;
	border-right      : 1px solid #D4D4D4;
}

#footer .nav ul li a {
	padding-right     : 0.5em;
}

#footer .nav ul li.last {
	border            : none;
	padding-right     : 0;
}

#footer .nav ul li.first {
	padding-right     : 0.5em;
}

#footer .nav ul li.none {
	border            : none;
	padding           : 0;
}

#copyright {
	margin-top        : 20px;
}



/* ---------------------------------------------------------------------- logo settings -- */

#header .logo {
	float:left;
	width:400px;
	height            : 64px;
	background-image  : url(/img/ja/company_name_mini.png);
	background-repeat : no-repeat;
}

.home #header .logo {
	height            : 89px;
	background-image  : url(/img/ja/company_name.png);
	background-repeat : no-repeat;
}

#header .logo a {
	display           : block;
	margin-top        : 18px;
	width             : 300px;
	height            : 40px;
	text-indent       : -9999px;
}

.home #header .logo a {
	display           : block;
	margin-top        : 20px;
	width             : 300px;
	height            : 50px;
}



/* ---------------------------------------------------------------------- language settings -- */

#header .right {
	width             : 400px;
	float             : right;
	font-size         : 90%;
	background-image  : none;
}

#header .right .lang {
	display           : block;
	font-size         : 90%;
	color             : #ffffff;
	background-image  : url(/img/lang_back.png);
	background-repeat : no-repeat;
	height            : 26px;
	padding           : 10px 10px 0 20px;
}

#header .right .lang li {
	margin-left       : 10px;
	display           : inline;
}

#header .right .lang li a {
	color             : #ffffff;
	text-decoration   : none;
}	

#header .right .lang li a:hover {
	color             : #ffff00;
}



/* ---------------------------------------------------------------------- catch phrase settings -- */

#header .right h1 {
	width             : 370px;
	height            : 43px;
	padding-left      : 20px;
	padding-right     : 10px;
	padding-top       : 10px;
	background-image  : url(/img/lang_under.png);
	background-repeat : x-repeat;
	font-size         : 80%;
	text-align        : right;
}

#header .userlogin {
	width             : 350px;
	height            : 23px;
	padding-left      : 50px;
	padding-top       : 30px;
	background-image  : url(/img/lang_under.png);
	background-repeat : x-repeat;
	text-align        : left;
	font-size         : 90%;
	line-height       : 15px;
}

#header .right .under {
	width             : 380px;
	height            : 28px;
	background-image  : url(/img/lang_under.png);
	background-repeat : x-repeat;
	text-align        : left;
	font-size         : 90%;
	line-height       : 15px;
}

#header .right .langunder {
	width             : 350px;
	height            : 25px;
	padding-left      : 50px;
	padding-top       : 3px;
	background-image  : url(/img/lang_under.png);
	background-repeat : x-repeat;
	text-align        : left;
	font-size         : 90%;
	line-height       : 15px;
}




/* ---------------------------------------------------------------------- header settings -- */


#nav ul{
	padding-right:1px;
	padding-left:1px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:#202020;
}

#nav ul li,
#nav ul li a{
	width:114px;
	height:51px;	
	float:left;
	display:block;
}

#nav ul li.product a{
	background-image:url(/img/ja/navi_product.png);
	background-repeat:no-repeat;
}

#nav ul li.product a:hover{
	background-image:url(/img/ja/navi_product_over.png);
	background-repeat:no-repeat;
}


#nav ul li.aboutqc a{
	background-image:url(/img/ja/navi_aboutqc.png);
	background-repeat:no-repeat;
}

#nav ul li.aboutqc a:hover{
	background-image:url(/img/ja/navi_aboutqc_over.png);
	background-repeat:no-repeat;
}

#nav ul li.catalog a{
	background-image:url(/img/ja/navi_catalog.png);
	background-repeat:no-repeat;
}

#nav ul li.catalog a:hover{
	background-image:url(/img/ja/navi_catalog_over.png);
	background-repeat:no-repeat;
}

#nav ul li.overseas a{
	background-image:url(/img/ja/navi_overseas.png);
	background-repeat:no-repeat;
}

#nav ul li.overseas a:hover{
	background-image:url(/img/ja/navi_overseas_over.png);
	background-repeat:no-repeat;
}

#nav ul li.ourcompany a{
	background-image:url(/img/ja/navi_ourcompany.png);
	background-repeat:no-repeat;
}

#nav ul li.ourcompany a:hover{
	background-image:url(/img/ja/navi_ourcompany_over.png);
	background-repeat:no-repeat;
}

#nav ul li.event a{
	background-image:url(/img/ja/navi_event.png);
	background-repeat:no-repeat;
}

#nav ul li.event a:hover{
	background-image:url(/img/ja/navi_event_over.png);
	background-repeat:no-repeat;
}

#nav ul li.contactus a{
	background-image:url(/img/ja/navi_contactus.png);
	background-repeat:no-repeat;
}

#nav ul li.contactus a:hover{
	background-image:url(/img/ja/navi_contactus_over.png);
	background-repeat:no-repeat;
}


#nav ul li a span{
	display:none;
}



/* ---------------------------------------------------------------------- menu settings -- */

#menu {
	height            : 26px;
	padding-top       : 7px;
	padding-left      : 10px;
	text-align        : left;
	background-color  : #00325F;
/*
	background-image  : url(/img/ja/navi_subback.png);
	background-repeat : no-repeat;
	-moz-border-radius-bottomright     : 20px;
	-moz-border-radius-bottomleft      : 20px;
	-webkit-border-bottom-left-radius  : 20px;
	-webkit-border-bottom-right-radius : 20px;
*/
}

#menu ul li {
	display           : inline;
	margin-right      : 18px;
}


#menu ul li a {
	padding-left        : 10px;
	display             : inline;
	font-size           : 85%;
	color               : #fff;
	text-decoration     : none;
	background-image    : url(/img/mark-link1.png);
	background-repeat   : no-repeat;
	background-position : center left;
}

#menu ul li a:hover {
	text-decoration:none;
	color:#ffff00;
}





.flash {
	width               : 780px;
	height              : 210px;
	padding             : 10px;
	background-color    : #f6f6f6;
}

#topics {
	width               : 800px;
	margin-top          : 10px;
}

#topics .left {
	width               : 150px;
	height              : 150px;
	float               : left;
	background-image    : url(/img/ja/topics.png);
	background-repeat   : no-repeat;
	background-position : top center;
}

#topics .right {
	width               : 650px;
	height              : 150px;
	font-size           : 14px;
	line-height         : 20px;
	text-align          : left;
	float               : right;
}

.footer_buttom {
	width               : 790px;
	height              : 60px;
	/*background-image    : url(/img/ja/back1.png);*/
	background-color    : none;
	padding-left        : 10px;
	padding-top         : 1px;
}

.footer_buttom li,
.footer_buttom li a {
	width               : 156px;
	height              : 60px;
	float               : left;
	display             : block;
}

.footer_buttom .qc {
	background-image    : url(/img/ja/navi_qc.png);
	background-repeat   : none;
}

.footer_buttom .qc a:hover {
	background-image    : url(/img/ja/navi_qc_over.png);
	background-repeat   : none;
}

.footer_buttom .twodim {
	background-image    : url(/img/ja/navi_2dim.png);
	background-repeat   : none;
}

.footer_buttom .twodim a:hover {
	background-image    : url(/img/ja/navi_2dim_over.png);
	background-repeat   : none;
}

.footer_buttom .maboutqc {
	background-image    : url(/img/ja/navi_maboutqc.png);
	background-repeat   : none;
}

.footer_buttom .maboutqc a:hover {
	background-image    : url(/img/ja/navi_maboutqc_over.png);
	background-repeat   : none;
}

.footer_buttom .excel {
	background-image    : url(/img/ja/navi_excel.png);
	background-repeat   : none;
}

.footer_buttom .excel a:hover {
	background-image    : url(/img/ja/navi_excel_over.png);
	background-repeat   : none;
}

.footer_buttom .mcontactus {
	background-image    : url(/img/ja/navi_mcontactus.png);
	background-repeat   : none;
}

.footer_buttom .mcontactus a:hover {
	background-image    : url(/img/ja/navi_mcontactus_over.png);
	background-repeat   : none;
}

.footer_buttom .intro {
	background-image    : url(/img/ja/navi_intro.png);
	background-repeat   : none;
}

.footer_buttom .intro a:hover {
	background-image    : url(/img/ja/navi_intro_over.png);
	background-repeat   : none;
}



/* ---------------------------------------------------------------------- logo settings -- */

.eventheight{
	height:600px;
}

table#event{
	width:700px;
	margin:0 0 0 50px;
	font-size:14px;
	text-align:left;
}


table#event tr{
	text-align:left;
}

table#event td{
	text-align:center;
	line-height:18px;
	background-color:#cccccc;
}

ul#event{
	width:800px;
	margin:0px 0 0 100px;
}

ul#event li{
	width:200px;
	height:500px;
	float:left;
	margin:0 0 0 1px;
	display:block;
}

#userlog{
	width:600px;
	margin:30px 0 30px 100px;
	text-align:left;
}

#userlog img{
	margin:5px 0 0 0;
	padding:0;
}

#userlog .gray20bold{
	margin:0 0 20px 0;
	color:#666666;
	font-size:20px;
	font-weight:bold;
}

.waku01{
	width:570px;
	height:80px;
	border:solid 5px #e6e6e6;
	font-size:12px;
	line-height:20px;
	margin:30px 0 0 0;
	padding:30px 0 0 50px;
	text-align:center;
}



/* ---------------------------------------------------------------------- h2～h4 title settings -- */

.title2 {
	color             : #004781;
	font-weight       : bold;
	/*border-left       : 6px solid #004781;*/
	/*padding-left      : 0.5em;*/
	margin            : 1em 0;
	font-size         : 16px;
	text-align        : left;
}

#bodyWide .title2 {
	margin-left       : 1em;
}

.title3 {
	color             : #333;
	font-weight       : bold;
	border-bottom     : 1px solid #888;
	padding-bottom    : 0.1em;
	margin-bottom     : 1em;
	margin-top        : 1em;
	font-size         : 15px;
	text-align        : left;
}




/* ----------------------------------------------------------------- message setting -- */

div.point {
	background-color:#FFFFCC;
	padding:15px;
	border:1px solid #FAD658;
	font-size:110%;
}

div.caution {
	background-color:#eee;
	padding:10px;
	border:1px dotted #d00;
	color:#d00;
	margin-bottom:1em;
}

div.message {
	background-color:#FFC;
	padding:0.8em;
	border:1px solid #FC6;
	color:#555;
	font-size:100%;
	font-weight:bold;
	margin-bottom:1em;
	text-align:center;
}

div.message input {
	font-weight:normal;
}

div.messageInner {
	background-color:#fff;
	padding:0.6em;
	border:1px solid #FC6;
	margin-top:1em;
	text-align:center;
}

div.actionTimer {
	background-color:#fcf;
	padding:10px;
	border:1px solid #d00;
	font-weight:bold;
	color:#d00;
	margin-bottom:1em;
}






ul#aboutqc{
	margin-top:20px;
	display:block;
	color:#202020;
}

ul#aboutqc li{
	float:left;
}

ul#aboutqc li a{
	width:220px;
	height:100px;
	margin:0 0 20px 20px;
	padding:80px 0px 0px 20px;
	display:block;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#202020;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}

ul#aboutqc li.aqc1 a{
	background-image:url(/img/ja/aboutqc_01.png);	
}

ul#aboutqc li.aqc2 a{
	background-image:url(/img/ja/aboutqc_02.png);	
}

ul#aboutqc li.aqc3 a{
	background-image:url(/img/ja/aboutqc_03.png);	
}

ul#aboutqc li.aqc4 a{
	background-image:url(/img/ja/aboutqc_04.png);	
}

ul#aboutqc li.aqc5 a{
	background-image:url(/img/ja/aboutqc_05.png);	
}

ul#aboutqc li.aqc6 a{
	background-image:url(/img/ja/aboutqc_06.png);	
}

ul#aboutqc li a:hover{
	color:#0000ff;
}



ul#subnavi{
	width:800px;
	height:33px;
	background-image:url(/img/ja/navi_subback.png);
	background-repeat:no-repeat;
}

ul#subnavi li{
	float:left;
}


ul#subnavi li a{
	width:114px;
	height:23px;
	padding:10px 0 0 0;
	float:left;
	display:block;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background-image:url(/img/ja/kugiri.png);
	background-repeat:no-repeat;
	background-position:center right;
}

ul#subnavi li a:hover{
	text-decoration:none;
	color:#ffff00;
}

ul#catalog{
	width:250px;
	height:100px;
	margin:0px 0 0 0;
	padding:70px 0px 0px 0px;
	display:block;
	float:left;
	font-size:14px;
	text-align:left;
	color:#202020;
	background-color:#fff;
	text-decoration:none;
}

ul#catalog li{
	float:left;
}

ul#catalog li a{
	width:150px;
	height:20px;
	margin:10px 0 0px 20px;
	padding:0px 0px 0px 30px;
	display:block;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#202020;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
}

ul#catalog.qc{
	background-image:url(/img/ja/catalog_qc.png);
	background-repeat:no-repeat;
	background-position:top center;	
}

ul#catalog.twodim{
	background-image:url(/img/ja/catalog_twodim.png);
	background-repeat:no-repeat;
	background-position:top center;			
}

ul#catalog.ppc{
	background-image:url(/img/ja/catalog_ppc.png);
	background-repeat:no-repeat;
	background-position:top center;		
}

ul#catalog.excel{
	background-image:url(/img/ja/catalog_excel.png);
	background-repeat:no-repeat;
	background-position:top center;		
}

ul#catalog.userlogin{
	background-image:url(/img/ja/catalog_userlogin.png);
	background-repeat:no-repeat;
	background-position:top center;		
}

ul#catalog.intro{
	background-image:url(/img/ja/catalog_intro.png);
	background-repeat:no-repeat;
	background-position:top center;		
}

ul#catalog li a:hover{
	color:#0000ff;
}

ul.login{
	width:800px;
	height:300px;
	padding:20px 0 0 0;
	line-height:18px;
	display:block;
	background-color:#e6e6e6;
}

ul.login li{}

ul.login li a{}

ul.login li.left{}

ul.login li.left a{
	width:300px;
	height:150px;
	display:block;
	margin:0 50px 0 50px;
	padding:150px 0 0 0;
	float:left;
	text-align:left;
	background-image:url(/img/ja/loginb1.png);
	background-repeat:no-repeat;
	background-position:top center;
}

ul.login li.left a:hover{
	background-image:url(/img/ja/loginb1over.png);
}

ul.login li.right{}

ul.login li.right a{
	width:300px;
	height:150px;
	display:block;
	margin:0 50px 0 50px;
	padding:150px 0 0 0;
	float:right;
	text-align:left;
	background-image:url(/img/ja/loginb2.png);
	background-repeat:no-repeat;
	background-position:top center;		
}

ul.login li.right a:hover{
	background-image:url(/img/ja/loginb2over.png);
}

#contactus.form1{
	margin:0 0 0 100px;
}

#contactus table{
	width:600px;
}

#contactus td.title{
	width:95px;
	height:20px;
	text-align:left;
	font-size:14px;
	padding:0 0 0 5px;
	background-color:#e6e6e6;
}

#contactus td.name{
	width:250px;
	height:20px;
	text-align:left;
	font-size:14px;
}

#contactus td.zipcode{
	width:50px;
	height:20px;
	text-align:left;
	font-size:14px;
}

#contactus td.mail{
	width:250px;
	height:20px;
	text-align:left;
	font-size:14px;
}

#contactus td.comment{
	width:250px;
	text-align:left;
	font-size:14px;
}

#contactus td.ex{
	font-size:12px;
	text-align:right;
}

#contactus td.sample{
	font-size:12px;
	text-align:left;
}

#contactus span{
	font-size:10px;
	color:#ff0000;
}


/* ---------------------------------------------------------------------- signup / step -- */

.step .body {
	padding:10px;
	background-color:#efefef;
	color:#787878;
	border:1px solid #bbb;
	margin-bottom:2em;
	text-align:center;
}

.step .body strong {
	color:#000;
	font-weight:bold;
}

.step .body span {
	font-family:'MS Gothic', monospace;
}




table#ourcompany{
	width:550px;
	margin:0 0 0 125px;
	font-size:14px;
	line-height:20px;
	text-align:left;
}

table#ourcompany td{
	padding:3px 0 3px 10px;
	border-bottom:2px dotted #949494;
}

#ourcompany.greeting img{
	margin:0 0 0 160px;
}

#ourcompany.greeting{
	width:500px;
	margin:0 0 0 150px;
	font-size:14px;
	text-align:left;
}

.greetingL{
	width:500px;
	margin:0 0 0 150px;
	font-size:14px;
	text-align:left;
}

table.customer{
	width:750px;
	margin:50px 0 80px 25px;
	font-size:14px;
	text-align:left;
	line-height:20px;
}

table.customer caption{
	text-align:left;
	font-weight:bold;
}

table.customer tr td{
	width:250px;
	height:20px;
	border-bottom:1px dotted #ccc;
}

#ourcompany.chronicle{
	width:600px;
	margin:0 0 0 100px;
	font-size:14px;
	text-align:left;
	line-height:20px;	
}

table#overseascustomer{
	width:750px;
	margin:0 0 0 25px;
	line-height:20px;
	font-size:12px;
}

table#overseascustomer tr{

}

table#overseascustomer td{
	width:250px;
}

table#overseascustomer td{
	background-color:#e6e6e6;
}

table#overseascustomer td.white{
	text-align:left;
	font-weight:bold;
	color:#949494;
	background-color:#fff;
}

#overseas{
	width:800px;
	height:350px;
	font-size:12px;
}

#overseas_s{
	width:800px;
	height:200px;
	font-size:12px;
}

#overseas.border2{
	width:770px;
	height:30px;
	line-height:30px;
	text-align:left;
	padding:0 0 0 30px;
	background-image:url(/img/aboutqc_title.png);
	background-repeat:no-repeat;
}

#overseas.border3{
	width:520px;
	height:16px;
	text-align:left;
	padding:0 0 0 10px;
	background-color:#ededed;
	border-left:10px solid #00CCFF;
	border-right:10px solid #00CCFF;	
}

#overseas.overseas{
	width:400px;
	height:160px;
	line-height:30px;
	font-size:16px;
	margin:0 0 30px 0;
	padding:0 0 0 400px;
	text-align:left;
	background-image:url(/img/overseas_earth.png);
	background-repeat:no-repeat;
	background-position:center left;
}



#overseas.thailand{
	width:550px;
	height:160px;
	padding:0 0 0 250px;
	text-align:left;
	background-image:url(/img/overseas_thai_map.png);
	background-repeat:no-repeat;
	background-position:center left;
}

#overseas.vietnum{
	width:550px;
	height:160px;
	padding:0 0 0 250px;
	text-align:left;
	background-image:url(/img/overseas_vietnum_map.png);
	background-repeat:no-repeat;
	background-position:center left;
}

#overseas.china{
	width:550px;
	height:160px;
	padding:0 0 0 250px;
	text-align:left;
	background-image:url(/img/overseas_china_map.png);
	background-repeat:no-repeat;
	background-position:center left;
}

#overseas.korea{
	width:550px;
	height:160px;
	padding:0 0 0 250px;
	text-align:left;
	background-image:url(/img/overseas_korea_map.png);
	background-repeat:no-repeat;
	background-position:center left;
}

ul#overseas{
	width:755px;
	margin:10px 0 0 20px;
}
ul#overseas li{
	width:150px;
	height:113px;
	float:left;
	margin:0 0 0 1px;
	display:block;
}
table#overseas{
	width:540px;
	height:50px;
	padding:0 0 0 10px;
}
table#overseas tr{

}
table#overseas td{
	width:270px;

}

table#price{
	width:710px;
	font-size:14px;
	text-align:left;
	margin:0 0 0 45px;
}

table#price th{
	width:150px;
	height:30px;
	text-align:center;
}

table#price th.price{
	width:100px;
}

table#price th.memo{
	width:250px;
}

table#price td{
	width:150px;
	text-align:center;
	background-color:#CCFFFF;
}

table#price td.price{
	width:100px;
}

table#price td.memo{
	width:250px;
	padding:5px;
	text-align:left;
}
/*見積もり*/
table#price2{
	width:600px;
	font-size:14px;	
	text-align:left;
	margin:0 0 0 100px;
}

table#price2 tr{
	height:20px;
}

table#price2 td{
	width:150px;
	text-align:right;	
	border-bottom:1px solid #e6e6e6;
	background-color:#fff;
}

table#price2 td.price{
	width:100px;
}

table#price2 td.memo{
	width:250px;
	text-align:left;
}

.margin100{
	margin:0 0 0 100px;
}



ul#subnavi{
	width:800px;
	height:33px;
	background-image:url(/img/ja/navi_subback.png);
	background-repeat:no-repeat;
}

ul#subnavi li{
	float:left;
}


ul#subnavi li a{
	width:114px;
	height:23px;
	padding:10px 0 0 0;
	float:left;
	display:block;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background-image:none;
}

ul#subnavi li a:hover{
	text-decoration:none;
	color:#ffff00;
}

h1.title{
	width:775px;
	height:12px;
	text-align:left;
	font-size:12px;
	border-left:20px solid #949494;
	border-bottom:3px solid #949494;
	padding:0 0 2px 5px;
	margin:20px 0 30px 0;
}

h2{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

h3{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

h4{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

h5{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}

h6{
	font-size:14px;
	line-height:20px;
	font-weight:normal;
}


#products.title{
	width:775px;
	height:12px;
	text-align:left;
	font-size:12px;
	border-left:20px solid #949494;
	border-bottom:3px solid #949494;
	padding:0 0 2px 5px;
	margin:20px 0 30px 0;
}

ul#products{
	margin:20px 0 0 0;
	display:block;
	color:#202020;
}

ul#products li{
	float:left;
}

ul#products li a{
	width:240px;
	height:95px;
	margin:0 20px 40px 0px;
	padding:60px 20px 0 120px;
	display:block;
	font-size:14px;
	text-align:left;
	color:#202020;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top center;
	text-decoration:none;
}

ul#products li.qc a{
	background-image:url(/img/ja/products_qc.png);
}

ul#products li.qc a:hover{
	background-image:url(/img/ja/products_qc_over.png);
	color:#0000ff;
}

ul#products li.twodim a{
	background-image:url(/img/ja/products_twodim.png);
}

ul#products li.twodim a:hover{
	background-image:url(/img/ja/products_twodim_over.png);
	color:#0000ff;
}

ul#products li.ppc a{
	background-image:url(/img/ja/products_ppc.png);
}

ul#products li.ppc a:hover{
	background-image:url(/img/ja/products_ppc_over.png);
	color:#0000ff;	
}


ul#products li.excel a{
	background-image:url(/img/ja/products_excel.png);
}

ul#products li.excel a:hover{
	background-image:url(/img/ja/products_excel_over.png);
	color:#0000ff;	
}

#products.outline{
	width:700px;
	margin:0 auto;
	text-align:left;
}

#products.concept{
	line-height:25px;
}

#products.border{
	width:655px;
	height:20px;
	margin:10px 0 10px 0;
	padding:0 0 0 5px;
	background-color:#ededed;
	border-left:20px solid #00CCFF;
	border-right:20px solid #00CCFF;
}

#products.border2{
	width:695px;
	height:30px;
	font-size:12px;
	line-height:30px;
	padding:0 0 0 5px;
	background-image:url(/img/ja/aboutqc_title.png);
	background-repeat:x-repeat;
}

#products.border3{
	width:650px;
	height:30px;
	font-size:12px;
	line-height:30px;
	padding:0 0 0 10px;
	background-image:none;
	background-repeat:no-repeat;
	background-color:#ededed;
	border-left:20px solid #00CCFF;
	border-right:20px solid #00CCFF;
}

img.aboutqc_01-1{
	margin:0px 0 0 50px;
}

img.aboutqc05-1{
	margin:0px 0 0 50px;
}

img.aboutqc05-2{
	margin:0px 0 0 50px;
}

#aboutqc.aboutqc_02-1{
	width:700px;
	height:206px;
	margin:0 0 20px 0;
}

img.aboutqc_02-1{
	height:206px;
	width:300px;
	float:left;
	display:block;
}

#aboutqc.aboutqc_02-1detail{
	height:176px;
	width:385px;
	padding:30px 0 0 15px;
	float:right;
	display:block;
	font-size:12px;
	line-height:20px;
}
h1.explaination{
	width:700px;
	height:100px;
	text-align:left;
	margin:10px 50px 10px 50px;
}


ul#subnavi{
	width:800px;
	height:33px;
	background-image:url(/img/ja/navi_subback.png);
	background-repeat:no-repeat;
}

ul#subnavi li{
	float:left;
}


ul#subnavi li a{
	width:114px;
	height:23px;
	padding:10px 0 0 0;
	float:left;
	display:block;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	background-image:url(/img/ja/kugiri.png);
	background-repeat:no-repeat;
	background-position:center right;
}

ul#subnavi li a:hover{
	text-decoration:none;
	color:#ffff00;
}

/*���iDETAIL�ݒ�*/

h2.title{
	width:800px;
	height:50px;
	margin:10px 0 30px 0;
	padding:18px 0 0 50px;
	text-align:left;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background-image:url(/img/title_back.png);
	background-repeat:no-repeat;
}
.PD {
	width:690px;
	margin: 0 auto;
	color:#202020;
}

ul.PDetail{
	width:230px;
	height:250px;
	margin: 0 auto;
	float:left;
	display:block;
	color:#202020;
}

ul.PDetail li {
	width:230px;
	height:30px;
	float:left;
	display:block;
	line-height:20px;
	text-align:left;
	text-decoration:none;
	color:#202020;
}

ul.PDetail li a {
	text-decoration:none;
	color:#202020;
}

ul.PDetail li a:hover {color:#0000ff;}

ul.PDetail li.PKtitle {
	font-size:16px; 
	font-weight:bold;
}

ul.intro{
	width:780px;
	height:198px;
	margin:0 auto;
	background-color:#666;
	display:block;
}

ul.intro li{
	width:250px;
	height:188px;
	margin:5px 5px 0 5px;
	display:block;
	float:left;
}


/*���iDETAIL�p�b�P�[�W�ݒ�*/

.ppc_other1{
	width:700px;
	margin:0 0px 0 60px;
	text-align:left;
	font-size:14px;
}

.qc_other1{
	width:600px;
	margin:0 0 0 100px;
	text-align:left;
	font-size:16px;
	line-height:36px;
}


/*���iDETAIL�p�b�P�[�W�ݒ�*/
#products.left_screen{
	width:590px;
	height:365px;
	float:left;
	background-color:#e6e6e6;
}

#products.right_sentense{
	width:185px;
	height:355px;
	margin:0 0 0 5px;
	padding:5px 5px 5px 5px;
	float:right;
	text-align:left;
	font-size:12px;
	background-image:url(/img/products_package_detailback2.png);
	background-repeat:none;
}

#products.right_sentense2{
	width:185px;
	height:355px;
	margin:0 0 0 5px;
	padding:5px 5px 5px 5px;
	float:right;
	text-align:left;
	font-size:12px;
	background-image:url(/img/products_package_detailback.png);
	background-repeat:repeat;
}

#products.all{
	width:800px;
	height:365px;
	margin:0 0 10px 0;
}

/*���i�A�_�v�^�ݒ�*/
#products.left_adapter{
	width:350px;
	height:405px;
	float:left;
	background-color:#fff;
}

#products.right_adapter{
	width:340px;
	height:400px;
	margin:0 0 0 5px;
	padding:5px 5px 0px 5px;
	float:right;
	text-align:left;
	line-height:18px;
	font-size:12px;
	background-image:url(/img/ja/products_package_detailback.png);
	background-repeat:repeat;
}

#products.adapter{
	width:705px;
	height:405px;
	margin:0 0px 10px 47px;
}

.font12{
font-size:12px;
}

/*xls�T���v��*/

.JSback{
	width               : 800px;
	height              : 35px;
	margin              : 20px 0 20px 0;
	padding             : 15px 0 0 0;
	text-align          : center center;
	color               : #fff;
	font-size           : 14px;
	background-image	: url('/img/title_bar.png');
	background-repeat	: no-repeat;
	background-position : center center;
}

.xlsformBg {
	clear               : both;
    width               : 800px;
    height              : 1000px;
	background-color	: #fff;
}

table.xlsform {
	clear               : both;
	width				: 650px;
	margin              : 0 auto;
	/*background-color    : #f00;*/
}

table.xlsform tr td {
	text-align          : center;
	width               : 190px;
	height              : 250px;
	margin-top          : 20px;
}

table.xlsform tr td a {
	width               : 190px;
	height              : 250px;
	margin-top          : 20px;
	display             : block;
	cursor              : pointer;
	text-decoration     : none;
	background-repeat   : no-repeat;
	background-position : bottom center;
	text-align          : center;
}

table.xlsform tr td a span {
	display             : block;
	text-align          : center;
	font-size			: 12px;
	font-weight         : bold;
	color               : #202020;
	background-color:#fff;
}

table.xlsform tr td.menu01 a       {background-image: url('/img/ja/qcxls/xls0509_2m.png');}
table.xlsform tr td.menu01 a:hover {background-image: url('/img/ja/qcxls/xls0509_2over.png');}
table.xlsform tr td.menu02 a       {background-image: url('/img/ja/qcxls/xls0509_3m.png');}
table.xlsform tr td.menu02 a:hover {background-image: url('/img/ja/qcxls/xls0509_3over.png');}
table.xlsform tr td.menu03 a       {background-image: url('/img/ja/qcxls/xls051510m.png');}
table.xlsform tr td.menu03 a:hover {background-image: url('/img/ja/qcxls/xls051510over.png');}
table.xlsform tr td.menu04 a       {background-image: url('/img/ja/qcxls/xls0515m.png');}
table.xlsform tr td.menu04 a:hover {background-image: url('/img/ja/qcxls/xls0515over.png');}
table.xlsform tr td.menu05 a       {background-image: url('/img/ja/qcxls/xls0520m.png');}
table.xlsform tr td.menu05 a:hover {background-image: url('/img/ja/qcxls/xls0520over.png');}
table.xlsform tr td.menu06 a       {background-image: url('/img/ja/qcxls/xls100902m.png');}
table.xlsform tr td.menu06 a:hover {background-image: url('/img/ja/qcxls/xls100902over.png');}
table.xlsform tr td.menu07 a       {background-image: url('/img/ja/qcxls/xls100905m.png');}
table.xlsform tr td.menu07 a:hover {background-image: url('/img/ja/qcxls/xls100905over.png');}
table.xlsform tr td.menu08 a       {background-image: url('/img/ja/qcxls/xls1009m.png');}
table.xlsform tr td.menu08 a:hover {background-image: url('/img/ja/qcxls/xls1009over.png');}
table.xlsform tr td.menu09 a       {background-image: url('/img/ja/qcxls/xls2009m.png');}
table.xlsform tr td.menu09 a:hover {background-image: url('/img/ja/qcxls/xls2009over.png');}
table.xlsform tr td.menu10 a       {background-image: url('/img/ja/qcxls/xls3009m.png');}
table.xlsform tr td.menu10 a:hover {background-image: url('/img/ja/qcxls/xls3009over.png');}
table.xlsform tr td.menu11 a       {background-image: url('/img/ja/qcxls/xls4009m.png');}
table.xlsform tr td.menu11 a:hover {background-image: url('/img/ja/qcxls/xls4009over.png');}

table.xlsform tr td.menu15 a       {background-image: url('/img/ja/qcxls/xlsblank.png');}














/*
body {
	width:800px;
	height:600px;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
	font-family:'Arial';
	color:#202020;
}

.renewpage {
	width:550px;
	height:250px;
	margin:0;
	padding:350px 0 0 250px;
	background-image:url(/img/ja/renewpage.png);
	background-repeat:no-repeat;
	background-position:center center;
}
*/




#sitemap.all{
	width:760px;
	height:380px;
	padding:20px 20px 20px 20px;
	margin:0 0 20px 0;
	background-image:url(/img/back2.png);	
}

ul#sitemap{
	width:170px;
	padding:5px 5px 5px 5px;
	margin:0 5px 10px 5px;
	font-size:12px;
	line-height:18px;
	background-image:url(/img/back3.png);
	display:block;
	float:left;
	text-align:left;
}

ul#sitemap.li{
	display:block;
	float:left;
	text-align:left;
}

#error {
	width          : 420px;
	height         : 400px;
	margin         : 80px auto;
	font-size      : 12px;
	line-height    : 1.6;
	text-align     : left;
	color          : #555555;
}

#error .title {
	color          : #202020;
	font-size      : 30px;
	border-bottom  : 6px solid #202020;
	line-height    : 1.0;
	padding-bottom : 10px;
}

#error .subtitle {
	color          : #202020;
	font-size      : 20px;
	padding-top    : 10px;
	line-height    : 1.0;
}

#error .body {
	padding        : 30px 0;
}

#error .link {
	font-size      : 14px;
	line-height    : 20px;
}

#error .prtitle {
	color          : #202020;
	font-size      : 15px;
	line-height    : 1.4;
	border-bottom  : 1px solid #111;
	padding-bottom : 5px;
	font-weight    : bold;
}

#error .prbody {
	padding        : 10px 0;
}