@charset "utf-8";

/* -----------------------------------------------------------
CSS Information:
File name:  design.css
----------------------------------------------------------- */

/*----------------------------------------------------
	テキストリンク設定
----------------------------------------------------*/

/* p, li, dd link */
p a:link, dd a:link {
	text-decoration: none;
	color: #0F4C9D;
}

p a:visited, dd a:visited {
	text-decoration: none;
	color: #0F4C9D;
}

p a:hover, dd a:hover {
	text-decoration: none;
	color: #0F4C9D;
	border-bottom: 1px dotted #0F4C9D;
}

p a:active, dd a:active{
	text-decoration: none;
	color: #0F4C9D;
}

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

#logo{
	float: left;
	padding: 11px 0 0 18px;
}

h1.catchword{
	float: left;
	padding: 69px 0 0 33px;
}

h1.headerTitle{
	float: left;
	padding: 30px 0 0 35px;
	width: 138px;
}

/*----------------------------------------------------
	header subMenu
----------------------------------------------------*/

ul#subMenu{
	float: right;
	width: 285px;
	padding: 22px 30px 0 0;
}

ul#subMenu li {
	list-style-type: none;
	display: inline;
	height: 15px;
}

ul#subMenu li.access{
	float: left;
	width: 81px;
}

ul#subMenu li.sitemap{
	float: left;
	width: 77px;
	padding-left: 15px;
}

ul#subMenu li.privacy{
	float: left;
	width: 102px;
	padding-left: 10px;
}

/*----------------------------------------------------
	contents
----------------------------------------------------*/

/*-------- for index.html cotents --------*/
#indexContents p{
	width: 550px;
	padding: 0 0 10px 11px;
}

#indexContents p.linkSystem{
	display: block;
	height: 16px;
}

#indexContents p.linkSystem a{
	padding: 0 10px 0 0;
	background: url(../images/index_arrowblue.gif) no-repeat right center;
	color: #009EC6;
}

/* only indexContents p Link */
#indexContents p.linkSystem a:link, #indexContents p.linkSystem a:visited, #indexContents p.linkSystem a:active{
	border-bottom: 1px dotted #FFF;
}

#indexContents p.linkSystem a:hover{
	background: url(../images/index_arrowblue_mo.gif) no-repeat right center;
	border-bottom: 1px dotted #0F4C9D;
}
/* only indexContents p Link end */

#wrapInfo{
	float: left;
	width: 570px;
	padding: 8px 0 0 0;
	background: url(../images/index_Infobg.gif) repeat-x left bottom;
}

#infoTitle{
	float: left;
	width: 570px;
	height: 29px;
	background: url(../images/index_oshirase_bg.gif) repeat-x left top;
}

#infoTitle h2{
	float: left;
	width: 48px;
	padding: 8px 0 0 11px;
}

#infoTitle p{
	display: block;
	float: right;
	text-align: right;
	width: 300px;
	padding: 8px 5px 0 0;
	font-size: 83.3%;
}

#infoTitle p a{
	color: #26B210;
	padding: 0 7px 0 0;
	background: url(../images/index_oshirase_arrow.gif) no-repeat right 2px;
}

#infoTitle p a:hover{
	background: url(../images/index_oshirase_arrow_mo.gif) no-repeat right 2px;
}

#wrapInfo dl{
	float: left;
	width: 548px;
	padding: 10px 11px;
	display:block;
}

#wrapInfo dl dt{
	float: left;
	width: 105px;
	font-size: 83.3%;
	font-weight: bold;
	color: #BABDBF;
}

#wrapInfo dl dd{
	float: left;
	width: 443px;
	color: #5C6362;
	line-height: 1.3;
	padding-bottom: 5px;
}
/*-------- for index.html cotents end --------*/


/*-------- for 2nd cotents --------*/
#contents h2{
	float: left;
	padding: 0 0 14px;
	width: 528px;
}

#contents h3{
	float: left;
	padding: 0 0 8px 0;
}
#contents h4 {
	font-weight: bold;
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 110%;
	width: 528px;
}
#tabnavi {
	background: url(../images/tabnavi_bk.gif) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	height: 24px;
	width: 513px;
	position: relative;
}
#tabnavi img {
	margin: 0px;
	padding: 0px 0px 0px 2px;
	float: left;
}



#contents p{
	float: left;
	width: 528px;
	padding: 0 0 20px 0;
}

.caution{
	color: #FD0C00;
	font-weight: bold;
}

/* table tbForm */
.tbForm{
	float: left;
	width: 528px;
	border: none;
	padding: 0;
}

th.koumoku{
	width: 80px;
	vertical-align: top;
}

.inputerea01{
	width: 120px;
	border: 1px solid #9ED2E8;
}

.inputerea02{
	width: 270px;
	border: 1px solid #9ED2E8;
}

.note{
	width: 140px;
	color: #0A8CCF;
	font-size: 83.3%;
}

.note02{
	width: 140px;
	color: #FF0101;
	font-size: 83.3%;
}

.note03{
	width: 140px;
	color: #0A8CCF;
	font-size: 83.3%;
	vertical-align:text-top;
}

.note04{
	color: #5C5C5C;
	font-size: 83.3%;
}

.sample{
	color: #0A8CCF;
}

.kakunin{
	padding: 10px 0 3px 0;
}

.dotline{
	float: left;
	width: 528px;
	height: 1px;
	background: url(../images/form_dotline.gif) repeat-x left top;
	margin: 5px 0 10px;
}

.dotline02{
	float: left;
	width: 528px;
	height: 1px;
	background: url(../images/form_dotline.gif) repeat-x left top;
	margin: 12px 0;
}

.doubleLine{
	float: left;
	width: 528px;
	height: 2px;
	background: url(../images/form_bg_btn.gif) repeat-x left top;
	margin: 14px 0 0 0;
}

.wrapFbtn{
	float: left;
	width: 528px;
	background-color: #F5F4F0;
	text-align: center;
	padding: 18px 0 0;
}

.btnSubmit{
	width: 150px;
	border: 1px solid #0A8CCF;
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
}
/*-------- for 2nd cotents end --------*/

/*----------------------------------------------------
	sidebar
----------------------------------------------------*/

.profile{
	float: left;
	width: 100%;
	font-size: 83.3%;
	line-height: 1.3;
	padding: 12px 0 0 0;
	margin-right: -3px;
}

.profile span{
	font-weight: bold;
}

/*-------- for indexSide --------*/
#wrapISO{
	float: left;
	width: 142px;
	padding: 16px 14px 0 13px;
	background: url(../images/index_sidebg.jpg) no-repeat left top;
}

.ISO01{
	padding: 0 0 10px 0;
}

.ISO02{
	padding: 0 0 7px 0;
}

#wrapISO p.isLink{
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
	font-size: 83.3%;	
	text-align: center;
}

/* only wrapISO p Link */
#wrapISO p.isLink a{
	padding: 0 7px 0 0;
	color: #595959;
	background: url(../images/side_rist_arrow.gif) no-repeat right 3px;
	border-bottom: 1px dotted #E7E7E7;
}

#wrapISO p.isLink a:hover{
	background: url(../images/side_rist_arrow_mo.gif) no-repeat right 3px;
	border-bottom: 1px dotted #0F4C9D;
}
/* only wrapISO p Link end */

/*-------- for indexSide end --------*/


/*-------- for 2nd sidebar --------*/
#sidebar h3, h4{
	float: left;
	width: 178px;
}

.sideBtn{
	float: left;
	width: 178px;
}

#sidebar a{
	text-decoration: none!important;
}

/*-------- sidebar ul link --------*/
#sidebar ul li a:link span{
	text-decoration: none;
	color: #0F4C9D;
}

#sidebar ul li a:visited span{
	text-decoration: none;
	color: #0F4C9D;
}

#sidebar ul li a:hover span{
	text-decoration: none;
	color: #0F4C9D;
	border-bottom: 1px dotted #0F4C9D;
}

#sidebar ul li a:active span{
	text-decoration: none;
	color: #0F4C9D;
}
/*-------- sidebar ul link end --------*/

#sidebar ul{
	float: left;
	width: 155px;
	background: url(../images/bg_sidebar.gif) repeat-y left top;
	padding: 12px 0 3px 23px;
	font-size: 83.3%;
}

#sidebar ul li{
	width: 140px;
	list-style-type: none;
	line-height: 1.3;
	padding: 0 0 9px 0;
}

#sidebar ul li a{
	background: url(../images/side_rist_arrow.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

#sidebar ul li a:hover{
	background: url(../images/side_rist_arrow_mo.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

/*-------- only IE6 --------*/
* html body #sidebar ul li a{
	display: block;
	background: url(../images/side_rist_arrow.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

* html body #sidebar ul li a:hover{
	display: block;
	background: url(../images/side_rist_arrow_mo.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

* html body #sidebar ul li span{
	width: 130px;
}
/*-------- only IE6 end --------*/

/*-------- only IE7 --------*/
*:first-child+html #sidebar ul li a{
	display: block;
	background: url(../images/side_rist_arrow.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

*:first-child+html #sidebar ul li a:hover{
	display: block;
	background: url(../images/side_rist_arrow_mo.gif) no-repeat right 50%;
	padding: 0 10px 0 0;
}

*:first-child+html #sidebar ul li span{
	width: 130px;
}
/*-------- only IE7 end --------*/

/*-------- for 2nd sidebar end --------*/

/*-------- for concept --------*/
#contents .isomark {
    background: url(../images/isomark_co2.gif) no-repeat;
    margin: 0 36px;
    padding: 0px;
    float: left;
    height: 166px;
    width: 528px;
}
#contents ol {
	margin: 15px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	float: left;
}
#contents li {
	list-style: decimal;
	margin: 0px;
	padding: 0px 0px 15px;
}
#contents #dirPhoto {
	margin: 0px;
	padding: 20px 0px 0px;
	float: left;
}
#contents #conceptword {
	padding-left: 130px;
}
#conceptword img {
	padding-top: 36px;
	padding-bottom: 10px;
	padding-left: 130px;
}
#conceptword ol {
	list-style: decimal outside;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 400px;
}
#conceptword li {
	margin: 0px 0px 0px 20px;
}
/*-------- for concept end --------*/

/*-------- for Machine List Table --------*/

#contents table#machineTb {
	width: 528px;
	margine:0 auto;
	background: #ffffff;
	float:left;
	border: 1px solid #AEABAC;
	border-collapse: collapse;
	}
#machineTb thead {
	background: #ECEAE8;
	}
#machineTb tbody{
	color:#666666;
	font-size: 80%;
	}
#machineTb caption{
	color:#666;
	font-size:80%;
	padding-bottom:3px;
	text-align:right;
	}
#machineTb th{
	height:28px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	border: 1px solid #AEABAC;
	}
#machineTb td{
	padding:5px 0px;
	border: 1px solid #AEABAC;
	}
#machineTb td.process{
	text-align:center;
	}
#machineTb td.mcname{
	padding:5px 5px;
	}
#machineTb td.mcspace{
	width: 1px;
	}
#machineTb td.mcnumber{
	text-align:center;
	}
#machineTb tr.odd{
	background:#FAF7F4;
	}
/*-------- for Machine List Table end--------*/

/*-------- for corporate about Table --------*/

#contents table#aboutTb {
	width: 528px;
	margine:0 auto;
	background: #ffffff;
	float:left;
	margin-top: 20px;
	}
#aboutTb caption{
	color:#666;
	font-size:80%;
	padding-top:3px;
	text-align:right;
	}
#aboutTb th{
	vertical-align:top;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	}
#aboutTb td{
	padding:5px 0px 7px;
	border: 1px solid #ffffff;
	}
#aboutTb th.head{
	text-align:left;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	font-size: 12px;
	font-weight: bold;
	color: #0e54a4;
	}
#aboutTb td.content{
	padding:5px 5px;
	text-align: left;
	}
#aboutTb td.spacer{
	width: 4px;
	background: #ebeff1;
	}
#aboutTb .content li {
	list-style: none;
	padding-bottom: 6px;
}
#aboutTb tr:hover{
	background:#F3F6F7;
	}
/*-------- for corporate about Table end--------*/

/*-------- for corporate access Table --------*/

#contents table#accessTb {
	width: 528px;
	margine:0 auto;
	float:left;
	margin-top: 10px;
	}
#accessTb th{
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	width: 140px;
	}
#accessTb td{
	padding:5px 0px 7px;
	}
#accessTb th.head{
	text-align:left;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	color: #0e54a4;
	}
#accessTb td.content{
	padding:5px 5px 5px 10px;
	text-align: left;
	}
#accessTb .bytrain{
	text-align:left;
	background: url(../images/access_bytrain.gif) no-repeat;
	text-indent: -2000px;
	}
#accessTb .bycar{
	text-align:left;
	background: url(../images/access_bycar.gif) no-repeat;
	text-indent: -2000px;
	}
#accessTb .golink{
	background:#F3F6F7 url(../images/go_n.gif) no-repeat;
	padding-left: 40px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	}
#accessTb .content li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px;
	background: url(../images/go_n.gif) no-repeat;
	text-indent: 15px;
}
#accessTb .content a {
	text-decoration: none;
	border-bottom: 1px dotted #3366FF;
	color: #3399FF;
}
#accessTb .content a:hover {
	text-decoration: none;
	border-bottom: 1px solid #FF3300;
	color: #FF3300;
}
#accessTb .content ul {
	margin: 0px;
	padding: 10px 0px 20px 50px;
}

/*-------- for corporate access Table end--------*/
#contents .actitle {
	margin: 0px;
	padding: 20px 0px 10px;
	float: left;
}
#contents #kiji {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 528px;
	border-bottom: 1px solid #DEDEDE;
}
#kiji h2 {
	font-size: 18px;
	font-weight: bold;
	color: #536063;
	margin: 0px;
	padding: 10px 0px 0px;
}
#kiji .entrytime {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color: #999999;
}
#kiji #honbun {
	margin: 0px;
	padding: 12px 0px 0px;
	float: left;
	width: 528px;
}
#honbun img {
	float: left;
}
#honbun .kijimono {
	float: right;
	width: 350px;
	text-align: left;
	vertical-align: middle;
}
#kiji ul {
	margin: 0px;
	padding: 10px 0px 0px 200px;
	float: right;
}
#kiji li {
	margin: 0px;
	padding: 0px 0px 6px;
	list-style: none;
	background: url(../images/go_n.gif) no-repeat;
	float: left;
	text-indent: 15px;
	text-align: left;
}
#kiji li a {
	text-decoration: none;
	border-bottom: 1px dotted #3366FF;
	color: #3399FF;
}
#kiji li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #FF3300;
	color: #FF3300;
}

/*-------for History Matrix------*/
#contents #hisMatrix {
	width: 521px;
	background: url(../images/history_bg.gif) no-repeat;
	margin: 10px 0px 0px 3px;
	padding: 0px;
	height: auto;
	float: left;
}
#hisMatrix #hisPhoto {
	float: left;
	width: 120px;
	text-align: center;
	font-size: 9px;
	color: #0e54a4;
}
#hisPhoto img {
	padding-top: 15px;
}

#hisMatrix #hislist {
	float: left;
	width: 280px;
}
#hisMatrix #hisMachine{
	float: right;
	width: 120px;
	text-align: center;
	font-size: 9px;
	color: #0e54a4;
}
#hisMachine img {
	padding-top: 30px;
}
#hislist #historyTb {
	margin: 0px;
	padding: 10px 0px 0px;
	width: 280px;
}
#historyTb th {
	font-size: 10px;
	color: #0e54a4;
	text-align: left;
	width: 40px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 5px;
	font-weight: normal;
	vertical-align: top;
}
#historyTb td {
	font-size: 10px;
	line-height: 130%;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 4px;
	width: 220px;
}
#historyTb .smtxt {
	font-size: 9px;
}
#historyTb caption {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	padding-left: 50px;
}
/*-------- for products Second Tab Navi --------*/
#contents #proNavi {
	background: url(../images/pro_tab_bk.gif) repeat-x;
	margin: 0px;
	padding: 0px 5px;
	float: left;
	height: 42px;
	width: 518px;
}
#proNavi img {
	margin: 0px;
	padding: 0px;
	float: left;
}
#proNavi .proAll {
	margin: 0px;
	padding: 0px;
	float: right;
}
#contents #proSubnavi {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 28px;
	width: 528px;
	border-bottom: 1px solid #22bbf7;
}
#proSubnavi li {
	font-size: 12px;
	color: #9BB0BC;
	margin: 0px;
	padding: 3px 20px 0px 5px;
	float: left;
	list-style: url(../images/pro_tab_go.gif) none inside;
	height: 22px;
	vertical-align: middle;
	text-align: left;
}
#proSubnavi .naviHere {
	font-weight: bold;
	color: #22bbf7;
	border-bottom: 3px solid #22bbf7;
}
#proSubnavi a {
	font-weight: normal;
	color: #8FAAB6;
	text-decoration: none;
}
#proSubnavi a:hover {
	font-weight: normal;
	color: #FF3333;
	border-bottom: 1px dotted #FF3300;
	}
/*-------- for sample products list Name --------*/	
#contents #proTabname {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 528px;
	font-size: 10px;
	font-weight: bold;
	color: #6a6968;
	vertical-align: middle;
	background: #f5f4f2;
	border-right: 1px solid #e7e6e4;
	border-bottom: 1px dotted #e7e6e4;
	border-left: 1px solid #e7e6e4;
}
#proTabname .prophoto {
	margin: 0px;
	padding: 0px;
	width: 103px;
	text-align: center;
}
#proTabname .promat {
	margin: 0px;
	padding: 0px;
	width: 50px;
	text-align: center;
}
#proTabname .prosize {
	margin: 0px;
	padding: 0px;
	width: 102px;
	text-align: center;
}#proTabname .proqua {
	margin: 0px;
	padding: 0px;
	width: 101px;
	text-align: center;
}
#proTabname .pronum {
	margin: 0px;
	padding: 0px;
	width: 51px;
	text-align: center;
}
#proTabname .protech {
	margin: 0px;
	padding: 0px;
	width: 127px;
	text-align: center;
}#proTabname th {
	border-right: 1px solid #e7e6e4;
	border-bottom: 1px dotted #e7e6e4;
	border-left: 1px solid #e7e6e4;
}
/*-------- for products Samplelist Table --------*/
#contents #proTabsample {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 528px;
	font-size: 10px;
	color: #333333;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px dotted #e7e6e4;
}
#proTabsample .wide100 {
	margin: 0px;
	padding: 0px;
	width: 100px;
	text-align: left;
	border-right: 1px solid #e7e6e4;
}
#proTabsample .wide50 {
	margin: 0px;
	padding: 0px;
	width: 50px;
	text-align: left;
	border-right: 1px solid #e7e6e4;
}
#proTabsample .wide128 {
	margin: 0px;
	padding: 0px;
	width: 125px;
	text-align: left;
}
#proTabsample ul {
	margin: 0px;
	padding: 5px 0px;
}
#proTabsample li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
#proTabsample .wide100 img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

/*-------- for products list pageOkuri --------*/
#contents #pageOkuri {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 24px;
	width: 528px;
}
#pageOkuri .preLists {
	font-size: 10px;
	color: #22bbf7;
	float: left;
	padding-top: 5px;
	text-decoration: none;
}
#pageOkuri .nexLists {
	font-size: 10px;
	color: #22bbf7;
	float: right;
	padding-top: 5px;
	text-decoration: none;
}
#pageOkuri a:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom: 1px dotted #FF6600;
}

#contents #proTechnavi {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 528px;
	border-bottom: 1px solid #22bbf7;
	height: auto;
}
#proTechnavi a{
	float: left;
	font-size: 10px;
	color: #22bbf7;
	text-decoration: none;
	background: url(../images/pro_tab_go.gif) no-repeat;
	text-align: left;
	text-indent: 10px;
	padding-right: 15px;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 2px;
	vertical-align: middle;
}
#proTechnavi a:hover{
	color: #FF6600;
	text-decoration: none;
	border-bottom: 1px dotted #FF6600;
}

#contents #quaList {
	margin: 0px;
	padding: 20px 0px 0px;
	width: 500px;
}
#quaList li {
	margin: 0px 0px 0px 40px;
	list-style: decimal outside;
}