@charset "Shift_JIS";

/*
===== CONTENTS ==============================
	1:h1-h6
	2:#header
		#logo
	3:#globalNav
	7:#footer
		#asisstNav
	8:.pageTop
=============================================
*/

/*
===== 1: #wrapper =====
*/
#wrapper {
	width: 800px;
	height: auto;
	margin: 9px auto 7px;
}


/*
===== 2: #header =====
*/
#header {
	width: 800px;
	height: 88px;
}


/*
===== 3: #contents =====
*/
#contents {
	padding: 0 28px 10px;
	background: url(../images/bgc.gif) repeat-y left top;
}

#contents h2 {
	margin: 15px 0;
	color: #000;
}

#contents h3 {
	margin: 0;
	padding: 5px;
	color: #fff;
	font-size: 75%;
}
#contents h3.tlt01 {
	background: #333;
	text-align: right;
}
#contents h3.tlt02 {
	background: #555;
	text-align: left;
}

#contents h3.cap {
	margin: 0;
	padding: 5px;
	color: #f33;
	font-size: 85%;
}


#contents p {
	font-size: 75%;
}


#contents input {
	vertical-align: middle;
	margin-bottom: 2px;
}


/* table */
#contents table {
	width: 744px;
	clear: both;
	margin: 0 0 30px;
	font-size: 100%;
	background: url(../images/table_border_top.gif) no-repeat left top;
}

#contents table.type02 {
	margin-top: 2px;
}

#contents table th,
#contents table td {
	background: url(../images/table_border.gif) repeat-x left bottom;
	text-align: left;
}

#contents table .first-child {
	padding-top: 7px;
}

#contents table th {
	width: 200px;
	height: 100%;
	padding: 3px 0 4px;
	font-weight: normal;
	vertical-align: top;
}

#contents table.type02 th {
	width: 194px;
	padding: 3px 3px 4px;
	background: none;
	background-color: #555;
}



#contents table.type02 th.first-child {
	border-top: 4px solid #fff;
}

#contents table th p {
	padding: 8px 10px 5px;
	background: #eee;
}

/* safari only \*/
html:\66irst-child #contents table th p {
	padding: 9px 10px 5px;
}
/* end */


#contents table th .middle {
	height: 2em;
	_height: 3em;
}

#contents table th .high {
	height: 3.6em;
	_height: 5em;
}

#contents table th p.note {
	background-image: url(../images/notice.gif);
	background-repeat: no-repeat;
}

#contents table.type01 th p.note {
	background-position: 185px 10px;
}

#contents table.type02 th p.note {
	background-position: 180px 10px;
}

#contents table th p span {
	background-repeat: no-repeat;
}

#contents table.type01 th p span {
	padding-left: 12px;
	background-position: left 2px;
	background-image: url(../images/mark_01.gif);

}
#contents table.type02 th p span {
	padding-left: 12px;
	background-position: left 3px;
	background-image: url(../images/mark_02.gif);
}
/* safari only \*/
html:\66irst-child #contents table th p span {
	background-position: left 1px;
}
/* end */

#contents table td {
	font-size: 75%;
	padding: 5px 0 5px 5px;
}

#contents table td.first-child {
	padding-top: 9px;
}

#contents table td label {
	margin: 0 10px 0 0;
}

#contents table.type04 {
	width: 450px;
	margin: 20px 150px 30px;
	border-top: 2px solid #fff;
	border-left: 1px solid #fff;
	background: none;
}

#contents table.type04 th,
#contents table.type04 td {
	width: auto;
	border-bottom: 1px solid #fff;
	vertical-align: middle;
	background: none;
}

#contents table.type04 th {
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}

#contents table.type04 th.end {
	border-right: 1px solid #fff;
}

#contents table.type04 th p {
	margin: 0;
	padding: 14px 0;
	background-color: #333;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}

#contents table.type04 th p.maker,
#contents table.type04 th p.status,
#contents table.type04 th p.price {
	padding: 6px 0 5px;
}

#contents table.type04 td {
	border-right: 1px solid #fff;
}

#contents table.type04 th span {
	padding: 1.2em 1.5em 1.1em;
	_padding: 1.2em 1.8em 1.1em;
	background-color:#fff;
}

#contents table.type04 td.code {
	height: 100%;
	padding: 2px;
}


#contents table.type04 td.code p {
	width: 100%;
	height: 100%;
	padding: 1.5em 0;
	background-color:#eee;
	text-align: center;
	font-size: 100%;
}

#contents table.type04 .borderNone {
	border-bottom: none;
	background: url(../images/table_border2.gif) repeat-x left bottom;
}

#contents table.type04 .nonPub {
	background-color: #ccc;
}


#contents table.type04 td.btn {
	text-align: center;
	padding: 6px 0 5px;
}






/* class */
#contents .borderNone {
	background: none;
}


#contents .loginName {
	float: right;
	margin: 5px 8px 0 0;
}

#contents .btn {
	float: right;
}
#contents .btn2 {
	float: left;
}

#contents .ex {
	color: red;
}

#contents .adm {
	color: #bfd5ff;
}

#contents input.adm {
	background-color: #bfd5ff;
	color: #000000;
}

#contents .non_pub {
	color: #ccc;
}


#contents .txt2 {
	width: 30px;
}
#contents .txt4 {
	width: 48px;
}
#contents .txt5 {
	width: 60px;
}
#contents .txt7 {
	width: 90px;
}
#contents .txt8 {
	width: 100px;
}
#contents .txt10 {
	width: 120px;
}
#contents .txt11 {
	width: 132px;
}
#contents .txt12 {
	width: 144px;
}
#contents .txt20 {
	width: 240px;
}
#contents .txt22 {
	width: 264px;
}
#contents .txt25 {
	width: 300px;
}
#contents .txt40 {
	width: 480px;
}
#contents .txt44 {
	width: 528px;
}

#contents .row2 {
	height: 2em;
}




#contents .pageTop {
	margin: 40px 0 0;
	_margin: 100px 0 0;
	text-align: right;
}
*:first-child+html #contents .pageTop {
	margin/**/:100px 0 0;/*IE7*/
}


#contents .pageTop2 {
	margin: 30px 0 0;
	_margin: 50px 0 0;
	text-align: right;
}
*:first-child+html #contents .pageTop2 {
	margin/**/:50px 0 0;/*IE7*/
}

/*
===== 4: #aspect =====
*/
#aspect {
	margin: 0 0 9px;
	padding: 12px 0 2px;;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	_height:1%;
}

#aspect p {
	font-size: 87.5%;
	font-weight: bold;
}

#aspect p span {
	color: #3d8eff;
}

#aspect.login p span {
	color: #ff9d3e;
}


/*
===== 5: #headTlt =====
*/
#headTlt {
	margin: 0 0 9px;
	overflow: hidden;
	_height:1%;
}

#headTlt p {
	padding: 3px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}

#headTlt .companyName {
	float: left;
}

#headTlt .partsCode {
	float: right;
}

#headTlt span {
	margin: 0 15px;
	color: #fff;
}

#headTlt .page {
	float: left;
	padding: 6px 3px 6px 10px;
	background-color: #333;
}

#headTlt .page span {
	margin: 0 0 0 10px;
	padding: 5px 10px;
	background-color: #fff;
	color: #000;
}

#headTlt .page span em {
	font-style: normal;
	color: red;
}

#headTlt .search {
	float: right;
}

#headTlt .search p {
	float: left;
	background: #e0cfc5 url(../images/search_icon.gif) no-repeat 5px center;
	color: #000;
	font-weight: normal;
}

#headTlt .search .pages {
	padding: 4px 3px 3px 32px;
}

#headTlt .search .parts {
	padding: 4px 3px 3px 34px;
	margin: 0 0 0 10px;
}



/*
===== 6: #pageNav2 =====
*/
#pageNav2 {
	/* overflow: hidden; */
	overflow: visible;
}

#pageNav2 .before {
	float: left;
	margin: 0;
	padding: 0;
}

#pageNav2 .next {
	float: right;
	margin: 0;
	padding: 0;
}

#pageNav2 .qrimg {
	float: right;
	margin: -45px 20px 0 0;
	padding: 0;
}

/* Firefox */
@-moz-document url-prefix() {
	#pageNav2 .qrimg {
		float: right;
		margin: -45px 10px 0 0;
		padding: 0;
	}
}



/*
===== 4:#footer =====
*/
#footer {
	width: 800px;
	height: 49px;
}



/*
===== 5:#print =====
*/

span.print1 {page-break-before: always; }
span.print2 {page-break-before: always; page-break-after: always; }



===== reference =====

#contents .line {
	border-style: dotted solid;
	border-width:4px;
	border-color:#FFCCCC;
	padding:4px;
}






/* #fontChg */
#aspect #usability {
	width:740px;
	height:1px;
}

#aspect #usability li {
	float:left;
}
#aspect #usability ul {
	float:right;
}

#aspect #usability a {
	display: block;
}

#aspect #usability #fontChg {
	width:179px;
	float:right;
}
#aspect #usability #fontChg p {
	margin:0 3px 0 0;
	float:left;
}
#aspect #usability #fontChg .tlt {
	padding: 12px 0 0 3px;
	float:left;
}

#aspect #usability #fontChg li a {
}
#aspect #usability #fontChg li span {
	display: none;
}

#aspect #usability #fontChg li.sizeS {
	width: 26px;
	height: 26px;
	margin: 0 0 0 4px;
	padding: 6px 0 0;
	background: url(../images/sizeS_on.gif) no-repeat left bottom;
}

#aspect #usability #fontChg li.sizeS a {
	width: 26px;
	height: 26px;
}

#aspect #usability #fontChg li.sizeM {
	width: 26px;
	height: 26px;
	margin: 0 0 0 4px;
	padding: 6px 0 0;
	background: url(../images/sizeM_off.gif) no-repeat left bottom;
}

#aspect #usability #fontChg li.sizeM a {
	width: 26px;
	height: 26px;
}

#aspect #usability #fontChg li.sizeL {
	width: 26px;
	height: 26px;
	padding: 6px 0 0;
	background: url(../images/sizeL_off.gif) no-repeat left bottom;
}

#aspect #usability #fontChg li.sizeL a {
	width: 26px;
	height: 26px;
}

body.fontM #aspect #usability #fontChg li.sizeS {
	background: url(../images/sizeS_off.gif) no-repeat left bottom;
}
body.fontM #aspect #usability #fontChg li.sizeM {
	background: url(../images/sizeM_on.gif) no-repeat left bottom;
}
body.fontL #aspect #usability #fontChg li.sizeS {
	background: url(../images/sizeS_off.gif) no-repeat left bottom;
}
body.fontL #aspect #usability #fontChg li.sizeL {
	background: url(../images/sizeL_on.gif) no-repeat left bottom;
}



/* table */
#contents table.type06 {
	margin: 5px 0 5px;
	background: none;
	align: center;
	margin-top: 2px;
	width: auto;
}

#contents table.type06 th,
#contents table.type06 td {
	width: auto;
	vertical-align: middle;
	background: none;
	height: 100%;
}


#contents table.type07 {
	margin: 5px 0 5px;
	background: none;
	align: center;
	margin-top: 2px;
	width: 300px;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

#contents table.type07 th,
#contents table.type07 td {
	width: auto;
	vertical-align: middle;
	background: none;
	height: 100%;
}

#contents table.type07 th {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

#contents table.type07 .tlt {
	background-color: #ddd;
	width: 100px;
	font-weight: bold;
}




#contents table.type08 {
	margin: 5px 0 5px;
	background: none;
	align: center;
	margin-top: 2px;
	width: auto;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

#contents table.type08 th,
#contents table.type08 td {
	width: 744px;
	vertical-align: middle;
	background: none;
	height: 100%;
	border: 1px 1px 1px 1px;
}

#contents table.type08 th {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

#contents table.type08 .tlt {
	background-color: #ddd;
	width: 100px;
	font-weight: bold;
}

#contents table.type08 td.kata {
	background-color: #fff;
	width: 3%;
	text-align: left;
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
}
#contents table.type08 td.modelm {
	background-color: #fff;
	width: 3%;
	text-align: left;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
}
#contents table.type08 td.model {
	background-color: #eee;
	width:20%;
	text-align: left;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
}
#contents table.type08 td.list {
	width: absolute;
	text-align: center;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
}


#contents table.type08 td.end {
	width: absolute;
	text-align: center;
	border-bottom: 3px double #555;
	border-right: 1px solid #555;
}

#contents table.type08 td.end2 {
	width: absolute;
	border-top: 3px double #555;
	border-right: 1px solid #555;
}



#contents #pan {
	text-align: center;
}



#contents table.type11 {
	margin: 5px 0 5px;
	background: none;
	align: center;
	margin-top: 2px;
	width: 744px;
}

#contents table.type11 th,
#contents table.type11 td {
	font-size: 90%;
	vertical-align: top;
	background: none;
	height: 100%;
}

#contents table.type11 .sel {
	width: 250px;
}

#contents #noticeselect {
	margin-bottom: 8px;
	font-size: 90%;
	text-align: center;
}

#contents table.type12 {
	margin: 5px 0 5px;
	background: none;
	align: center;
	margin-top: 2px;
	width: 300px;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

#contents table.type12 th,
#contents table.type12 td {
	width: auto;
	vertical-align: middle;
	background: none;
	height: 100%;
}

#contents table.type12 .selectdata {
	padding-left: 18px;
	font-size: 90%;
	font-weight: normal;
}

#contents table.type12 .tlt {
	background-color: #ddd;
	width: 250px;
	font-weight: bold;
}