@charset "UTF-8";

/* ====================================
	File : layout.css
	Date : 2007.07.07_tanabatasan
	Last Update : 2007.??.??
===================================== */


/* /////////////////////////////////////////////////////////////////////////// Block */



div#neu{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/*--BODY--*/
body{
}

/* --HEADER-- */
div#header{
}

div#header div#ci{	
	position:relative;
	right:0px;
	text-align:right;
	width:100%;
	padding:0.5cm 0;
	border-bottom:3px solid #ddd;
}

/** sub navigation */

div#header div#snavi{ display:none;}

/** gloval navigation */

div#header div#gnavi { display:none;}

/* ////////////////////////////////////////////////////////////// MAIN_AREA */

div#mainWrap {
	width:100%;
	margin:1cm 0;
}

div#leftArea { display:none;}

div#rightArea {
	width:100%;
}

div#mainV { display:none;}

body#index div#rightArea {
	padding:3px 18px 12px 5px;
}

/**for use Products page*/
body#product div#rightArea {
	width:100%;
}

div#breadC {
	background:url(img/bread_mat.gif) no-repeat 0 0;
	height:26px;
}


/**for use Products page*/
body#product div#breadC {
	margin:0 2px;
	width:100%
}

div#breadC p {
	color:#6D769A;
	font-size:10px;
	padding:5px 0 0 11px;
	word-spacing:0.3em;
}

div#breadC p a {
	text-decoration: underline;
	color:#6D769A;
}

div#breadC p a:hover {
	text-decoration: none;
	color:#6D769A;
}

ul#test {
	width:100%
}

ul#test li{
	padding:5px 0 5px 18px;
}

/** local Area */

div#lnavi{ display:none;}
div#bn{ display:none;}


/* /////////////////////////////////////////////////////////////////// FOOTER */

/****************sub navigation */

div#footer {
	border-top:3px solid #ddd;
	width:100%;
}

div#footer div#fnavi{ display:none;}

div#footer p.pagetop{ display:none;}

address{
	text-align: right;
	padding:15px 0 25px 0;
}


/*/////////////////////////////////////////////////////////////////////////////////////////CONTENTS*/

div.blockhover a{
	text-decoration:underline;
}

/* //////////////////////////////////////////////////////////////////////////// index*/

body#index div#productIndex {
	border:1px solid #ddd;
	width:100%
	margin:12px 0;
	padding:8px 0 0 0;
}

body#index div#productIndex div#pTop {
	background:url(img/ptop_bg.gif) bottom no-repeat;
	padding:0 0 5px 0;
}

body#index div#productIndex div#pTop div.topB {
	width:273px;
	padding:0 0 5px 0;
}

body#index div#productIndex div#pBottom {
	padding:0 0 3px 0;
}

body#index div#productIndex div#pTop div.btopFd ul.topicFd{
	margin:5px 0 7px;
}

body#index div#productIndex div#pTop div.btopFd div.putbox li{
	display:inline;
}

body#index div#productIndex div#pTop div.btopFd div.putbox {
	width:273px;/*273*/
}

body#index div#productIndex div#pTop div.btopFd div.putbox {
	margin-right:1px;
}

body#index div#productIndex div#pTop div.btopFd div.putbox ul.normalFd{
	width:257px;/*273*/
	padding: 0 8px;
}

body#index div#productIndex div#pTop div.putbox ul.normalFd li div {
	width:103px;
	padding:0 5px 1px 10px;
	margin-right:7px;
	float:left;
	position:relative;
}

body#index div#productIndex div#pTop div#putbox li div{
	width:125px;
}

body#index div#productIndex div#pTop div.topFd div.putbox li a{
	width:110px;
}

body#index div#productIndex div#pTop div.topFd div.putbox li a:hover {
	color:#424C70;
}

body#index div#productIndex div.twoB{
	width:273px;/*273*/
}

body#index div#productIndex div.twoB div.leftbox{
	position:relative;
	float:left;
	margin-right:1px;
	width:135px;/*136*/
}

body#index div#productIndex div.twoB div.rightbox{
	position:relative;
	float:right;
	width:136px;/*136*/
}

body#index div#productIndex div.twoB div.putbox{
	width:128px;/*136*/
}

body#index div#productIndex div.twoB div.putbox ul{
	padding:2px 0 4px 8px;
}

body#index div#productIndex div.twoB div.putbox li {
	background:url(img/arrow_product_top.gif) 0 0 no-repeat;
	padding:0 5px 1px 10px;
}

div#productIndex div#pTop div.putbox ul.normalFd li a,
div#productIndex div.putbox div.topFd ul.fr li a,
div#productIndex div.twoB div.putbox li a{
	width:136px;/*136*/
	border-bottom:1px solid #424C70;
}

div#productIndex div#pTop div.putbox ul.normalFd li a:hover,
div#productIndex div.putbox div.topFd ul.fr li a:hover,
div#productIndex div.twoB div.putbox li a:hover{
	width:136px;/*136*/
	color:#424C70;
	border-bottom:1px none #f5f5f5;
}


/************************************************************** SEARCH*/

div#search{
	padding:11px 11px 10px 11px;
	background:url(img/search_mat.gif) 0 0 no-repeat;
}

div#search table.bundlle{
	width:401px;
	padding:5px 0 0 0;
}

div#search tr,
div#search tr td{
	margin:0;
	padding:0;
}

div#search table.bundlle tr td{
	background:url(img/search_td_mat.gif) bottom repeat-x;
	padding:0 0 4px 0;
}

div#search table.bundlle tr.btm td{
	padding-top:5px;
}

div#search table.bundlle select{
	width:155px;
	background:#fff;
}

div#search table.bundlle select.mate{
	width:100px;
}


div#search table.bundlle input{
	width:70px;
	height:17px;
	background:#fff;
}

div#search td.btn {
	width:118px;
	padding-left:6px;
}


/**************************************************************attentionP*/

div#leftArea div#ltop{
	background: #fff;
	padding-bottom:8px;
}

div.attentionP{
	width:184px;/*188*/
	border:1px solid #ddd;
	background: #fff;
	padding:1px;
}

div.attentionP{
	width:184px;/*188*/
	border:1px solid #ddd;
	background: #fff;
	padding:1px;
}

div.attentionP div.blocklink{
	width:170px;/*184*/
	padding:7px 7px;
	position:relative;
}

div.attentionP div.blockhover {
	background:url(img/.gif) #E6DDBE 0 0 no-repeat;
	width:170px;/*184*/
	cursor: pointer;
}

div.attentionP div.ftxt{
	position:relative;
	float:right;
	width:109px;/*117*/
	margin-left:6px;
}

div.attentionP div.fimg{
	position:relative;
	float:left;
	width:53px;
	border:1px solid #ddd;
}

div.attentionP div.blockhover div.fimg{
	border:1px solid #E6DDBE;
}

div.attentionP h3 a{
	background:url(img/arrow_product.gif) 0 0 no-repeat;
	font-weight: bold;
	padding:0 0 2px 9px;
}

div.attentionP div.blockhover h3 a:link, 
div.attentionP div.blockhover h3 a:visited {
	background:url(img/arrow_product_on.gif) 0 0 no-repeat;
	color:#424C70 ;
	text-decoration: none;
}

div.attentionP p {
	line-height: 1.4em;
}

div.attentionP div.blockhover p {
	color:#424C70 ;
}


/**************************************************************support*/

div#indexbottom{
	border-top:3px solid #ddd;
	margin:18px0 0 0;
	padding:18px 0 0 0;
}

div.supportarea {
	background:#F2F0E4;
	width:533px;/*549px*/
	padding:8px 8px 4px 8px;
}

div.supportarea img{
	padding:0 0 4px;
}


/* //////////////////////////////////////////////////////////////////////////// prooduct*/

body#gtop div#productIndex {
	border:1px solid #ddd;
	width:547px;
	margin:12px 0;
}

body#gtop div#productIndex div.topFd li{
	display:inline;
}

body#gtop div#productIndex div.btopFd {
	background:url(img/top_fd_bg.gif) bottom no-repeat;
	width:547px;
	padding:0 0 9px 0;
}

body#gtop div#productIndex div.twoB {
	background:url(img/top_dotted_x.gif) bottom no-repeat;
	width:547px;
	padding:0 0 9px 0;
}

body#gtop div#productIndex div.twoB div.leftbox{
	position:relative;
	float:left;
}

body#gtop div#productIndex div.twoB div.rightbox{
	position:relative;
	float:right;
}

body#gtop div#productIndex div.twoB div.putbox{
	width:273px;/*273*/
}

body#gtop div#productIndex div.btopFd div.putbox {
	width:547px;
}

body#gtop div#productIndex div.putbox ul{
	padding:4px 0 0 12px;
	margin:0 0 7px 0:
}

body#gtop div#productIndex div.twoB div.putbox li,
body#gtop div#productIndex div.topFd div.putbox li {
	display:inline;
}

body#gtop div#productIndex div.twoB div.putbox li div,
body#gtop div#productIndex div.topFd div.putbox li div,
body#gtop div#productIndex div.topFd ul.fr li div{
	background:url(img/arrow_product_top.gif) 0 0 no-repeat;
	width:109px;
	padding:0 5px 0 10px;
	position:relative;
	float:left;
}

body#gtop div#productIndex div.topFd ul{
	padding:0;
}

body#gtop div#productIndex div.topFd ul.fl{
	width:265px;
}

body#gtop div#productIndex div.topFd ul.fr{
	margin-top:3px;
	width:261px;/*282*/
	padding:2px 0 0 21px;
}

body#gtop div#productIndex div.twoB div.putbox li a,
body#gtop div#productIndex div.topFd div.putbox li a,
body#gtop div#productIndex div.topFd ul.fr li a{
	width:124px;
}


/*result*/

div.result{
	border:3px solid #ddd;
	width:543px;
	padding:17px 0 4px;
	text-align:center;
}

div.result p{
	line-height:0em;
	font-size: 12pt;
}

div.result p span{
	line-height:0em;
	padding:0 10px 0 5px;
	font-weight:bold;
	color:#424C70;
	font-size: 19pt;
}

html>body div.result p span{
	font-size: 15pt;
}


/* ////////////////////////////////////////////////////////////////////// categoryTop*/

div#categoryTop{
}

div#categoryTop ul.selection{
	width:549px;/*549*/
}

div#categoryTop li{
	display:inline;
}

div#categoryTop div.blocklink{
	background:url(img/ctop_li_bg.gif) 0 0 no-repeat;
	width:260px;/*274*/
	padding-top:7px;
	padding-right:7px;
	/*padding-bottom:16px;*/
	padding-left:7px;
	position:relative;
	float:left;
}

div#categoryTop div.blockhover {
	background:url(img/ctop_li_bg.gif) #E6DDBE 0 0 no-repeat;
	width:260px;
	cursor: pointer;
}

div#categoryTop div.ftxt{
	position:relative;
	float:right;
	width:171px;/*188*/
	padding:15px 7px 0 0;
	margin-left:10px;
}

div#categoryTop div.ftxt p{
	margin-top:8px;
	line-height:1.4em;
}

div#categoryTop div.fimg{
	position:relative;
	float:left;
	width:70px;
	margin-top:10px;
	border:1px solid #ddd;
}

div#categoryTop div.blockhover div.fimg{
	border:1px solid #E6DDBE;
}

div#categoryTop h3{
	line-height:1.1em;
}

div#categoryTop h3 a{
	background:url(img/arrow_product.gif) 0 0 no-repeat;
	font-weight: bold;
	padding:0 0 0 9px;
}

div#categoryTop div.blockhover h3 a:link, 
div#categoryTop div.blockhover h3 a:visited {
	background:url(img/arrow_product_on.gif) 0 0 no-repeat;
	color:#424C70 ;
	text-decoration: none;
}

div#categoryTop p {
	line-height: 1.5em;
	margin-top:4px;
}

div#categoryTop div.blockhover p {
	color:#424C70 ;
}

/* /////////////////////////////////////////////////////////////// prooduct detail*/

div#ctopMain{
	margin:7px 0 0 0;
}

div#ctopMain p{
	padding:7px 12px;
}

/* !!ATTENSION!! Excluding the tab margin:0 2px;*/

div#topBack { display:none;}

div#topArea{
	width:100%
	margin:0 2px;
	background:url(img/p_main_bg.gif) no-repeat 0 0;
	padding:1px 0;
}

table.topTable{
	width:100%
	margin:0 30px;
}

table.topTable tr td{
	vertical-align: middle;
	text-align:left;
}

table.topTable tr td.ftxt{
	width:100%
	padding-top:12px;
}

table.topTable tr td p{
	padding-left:20px;
}

/*PDF_DOWNLOAD*/

div#downloadBtn { display:none;}



/* standardSpec -----------------------------------------------------*/

div#standardSpec{
	background:url(img/s_spec_border_bottom.gif) no-repeat 0 bottom;
	margin:0 2px 28px 2px;
	padding:3px 0 5px 0;
	width:100%
}

div#standardSpec div.ftable{
	position:relative;
	float:right;
	margin:0 8px 0 0;
}

div#standardSpec div.fimg{
	position:relative;
	float:left;
	width:86px;
}

div#standardSpec table tr th,
div#standardSpec table tr td {
	border-top:1px solid #E8E8E8;
	padding:2px 0;
}

div#standardSpec table tr td {
	width:100%;
	padding:0 32px 0 3px;
}

div#standardSpec table tr.topCell th,
div#standardSpec table tr.topCell td {
	border-top:0px none #fff;
}

div#standardSpec table tr th{
	width:20%;
	text-align:left;
	font-weight:normal;
	padding:2px 20px 2px 12px;
}

div#standardSpec table tr td{
	width:80%;
}


dl.subsidiaryP dt{
	padding:2px 0 0;
	margin:3px 0 0;
}

dl.subsidiaryP dd{
	border-bottom:1px solid #ddd;
	padding:0 0 4px 0;
}

div#productTab{ display:none;}
div#btmHref{ display:none;}

div.swapcontent{
/*	display: inline; */
	display: block !important;
	padding:10px 21px 0;
	width:100%
}

/* SPEC -----------------------------------------------------*/

div.swapcontent ul#spec li{
	margin:0.5cm 0;
	padding:0.5cm;
	border-top:1px solid #ddd;
	width:100%
}

div.swapcontent ul#spec h3{
	margin:2px 0 0 0;
	color:#424C70;
}

div.swapcontent ul#spec li p{
	margin-top:6px;
}

div.swapcontent div.ftxt{
	position:relative;
	float:left;
	width:270px;
}

div.swapcontent div.specbox img{
	position:relative;
	float:right;
}

div.specbox{
	width:100%;
}

/*OTHER_TABS*/

ul.importData{
	padding:14px 0 0px 0;
}

ul.importData li{
	margin:0 0 18px 0;
}

ul.importData h3{
	background:url(img/h3_line.gif) no-repeat 0 0;
	padding:0 0 0 9px;
	margin:0 0 6px 0;
}


/*//////////////////////// TAB_TABLE*/

/*bInto -----------------------------------------------------*/

li.penetration1 p,
li.penetration2 p,
li.penetration3 p,
li.penetration4 p,
div.bInto {
	padding-left:9px;
}

div.sPenetration1 table,
div.sPenetration2 table,
div.sPenetration3 table,
div.sPenetration4 table,
div.bInto table{
	width:100%;
	border-top :0px none #fff;
	border-right :0px none #fff;
	border-bottom :1px solid #e4e4e4;
	border-left :0px solid #e4e4e4;
}

div.sPenetration1 td,
div.sPenetration2 td,
div.sPenetration3 td,
div.sPenetration4 td,
div.bInto td{
	border-top :1px solid #e4e4e4;
	border-right :0px none #fff;
	border-bottom :0px none #fff;
	border-left :1px solid #e4e4e4;
	text-align:center;
	vertical-align: middle;
}

div.sPenetration1 th,
div.sPenetration2 th,
div.sPenetration3 th,
div.sPenetration4 th,
div.bInto th{
	background-color:#000;
	padding:0;
	margin-bottom:0px;
}

div.sPenetration1 table,
div.sPenetration2 table,
div.sPenetration3 table,
div.sPenetration4 table{
	width:100%;
}


/*01 sPenetration1 -----------------------------------------------------*/


div.sPenetration1 table tr th{
	background:url(img/bg_bbb.gif) #d5d7de bottom repeat-x;
	border-left :1px solid #fff;
	border-bottom :1px solid #fff;
	vertical-align: middle;
	height:26px;
	padding:2px 0;
	line-height:1.3em;
}

div.sPenetration1 table tr th.topCell{
	border-left :0px none #000;
}

div.sPenetration1{
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:0px;
}



/*02 sPenetration2 -----------------------------------------------------*/


div.sPenetration2 table tr th{
	background:url(img/bg_bbb.gif) #d5d7de bottom repeat-x;
	border-top :1px solid #fff;
	border-right :1px solid #fff;
	border-left :1px solid #ddd;
	text-align:left;
	width:100px;
	padding:3px 0 3px 10px;
}

div.sPenetration2 table tr th.topCell{
	border-top :1px solid #D8DAE2;
}

div.sPenetration2{
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:0px;
}


/*03 sPenetration3 -----------------------------------------------------*/


div.sPenetration3 table tr th{
	background:url(img/bg_bbb.gif) #d5d7de bottom repeat-x;
	border-left :1px solid #fff;
	border-bottom :1px solid #fff;
	text-align:center;
	padding:3px 10px;
}

div.sPenetration3 table tr th.topCell{
	background:url(img/bg_bbb.gif) #d5d7de bottom repeat-x;
	border-left :0px none #fff;
}

div.sPenetration3 table tr th.yTh{
	background:#f5f5f5;
	border-top :1px solid #ddd;
	border-left :1px solid #ddd;
	border-bottom :0px none #fff;
	text-align:left;
	padding:3px 0 3px 8px;
}

div.sPenetration3{
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding:1px 0;
}


/*04 sPenetration4 -----------------------------------------------------*/


div.sPenetration4 table{
	background:#f5f5f5;
	border :1px solid #ddd;
}

div.sPenetration4 table tr td{
	background:#fff;
}

div.sPenetration4 table tr th{
	background:#f5f5f5;
	border-left :1px solid #ddd;
	border-bottom :1px solid #fff;
	text-align:center;
	padding:3px 10px;
}

div.sPenetration4 table tr th.topCell{
	background:#f5f5f5;
	border-left :1px solid #f5f5f5;
	border-bottom :1px solid #f5f5f5;
}

div.sPenetration4 table tr th.yTh{
	background:url(img/bg_bbb.gif) #d5d7de bottom repeat-x;
	border-right :1px solid #fff;
	border-left :1px solid #fff;
	border-top :1px solid #fff;
	border-bottom :0px solid #fff;
	text-align:left;
}

div.sPenetration4 {
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding:1px 0;
}


/*01 penetration1 -----------------------------------------------------*/

li.penetration1 table tr th{
	background:url(img/bg_ddd.gif) bottom repeat-x;
	border-left :1px solid #fff;
	border-bottom :1px solid #fff;
	vertical-align: middle;
	height:26px;
	padding:2px 0;
	line-height:1.3em;
}

li.penetration1 table tr th.topCell{
	border-left :1px solid #ddd;
}

li.penetration1 div.bInto{
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding:1px 0;
	margin:0 9px;
}


/*02 penetration2 -----------------------------------------------------*/

li.penetration2 table tr th{
	background:#f5f5f5;
	border-top :1px solid #ddd;
	border-right :1px solid #fff;
	border-left :1px solid #ddd;
	text-align:left;
	padding:3px 0 3px 10px;
}

li.penetration2 table tr th.topCell{
	border-top :1px solid #ddd;
}

li.penetration2 div.bInto{
	border-top :1px solid #f2f2f2;
	border-bottom :1px solid #f2f2f2;
	padding:1px 0;
	margin:0 9px;
}


/*03 penetration3 -----------------------------------------------------*/

li.penetration3 table tr th{
	background:url(img/bg_ddd.gif) bottom repeat-x;
	border-left :1px solid #fff;
	text-align:center;
	padding:3px 10px;
}

li.penetration3 table tr th.topCell{
	background:url(img/bg_ddd.gif) bottom repeat-x;
	border-left :0px none #fff;
}

li.penetration3 table tr th.yTh{
	background:#f5f5f5;
	border-top :1px solid #ddd;
	border-left :1px solid #ddd;
	text-align:left;
	padding:3px 0 3px 8px;
}

li.penetration3 div.bInto{
	border-bottom :1px solid #f2f2f2;
	border-top :1px solid #f2f2f2;
	padding:1px 0;
	margin:0 9px;
}


/*04 penetration4 -----------------------------------------------------*/

li.penetration4 table{
	background:#f5f5f5;
	border :1px solid #ddd;

}

li.penetration4 table tr td{
	background:#fff;
}

li.penetration4 table tr th{
	background:#f5f5f5;
	border-left :1px solid #ddd;
	border-bottom :1px solid #fff;
	text-align:center;
	padding:3px 10px;
}

li.penetration4 table tr th.topCell{
	background:#f5f5f5;
	border-left :1px solid #f5f5f5;
	border-bottom :1px solid #f5f5f5;
}

li.penetration4 table tr th.yTh{
	background:url(img/bg_ddd.gif) bottom repeat-x;
	border-right :1px solid #fff;
	border-left :1px solid #fff;
	border-top :1px solid #fff;
	border-bottom :0px solid #fff;
	text-align:left;
	padding:3px 0 3px 8px;
}

li.penetration4 div.bInto{
	border-top :1px solid #eee;
	border-bottom :1px solid #f2f2f2;
	padding:1px 0;
	margin:0 9px;
}


/*///////////////////// proposal*/
div#proposal{
	margin-bottom:12px;
}

div#proposal ul.selection{
	width:504px;/*511*/
	padding-left:7px;
}

div#proposal li{
	display:inline;
}

div#proposal div.blocklink{
	width:224px;/*245*/
	padding:7px;
	margin:7px 7px 0 0;
	position:relative;
	float:left;
}

div#proposal div.blockhover {
	background: #E6DDBE;
	width:224px;
	cursor: pointer;
}

div#proposal div.ftxt{
	position:relative;
	float:right;
	width:159px;/*171*/
	margin-left:10px
}

div#proposal div.fimg{
	position:relative;
	float:left;
	width:53px;
	border:1px solid #ddd;
}

div#proposal div.blockhover div.fimg{
	border:1px solid #ddd;
}

div#proposal h3{
	padding:4px 0 3px 0;
	line-height:1.4em;
}

div#proposal h3 a{
	background:url(img/arrow_product.gif) 0 0 no-repeat;
	font-weight: bold;
	padding-left:11px;
}

div#proposal div.blockhover h3 a:link, 
div#proposal div.blockhover h3 a:visited {
	background:url(img/arrow_product_on.gif) 0 0 no-repeat;
	color:#424C70 ;
	text-decoration: none;
}

div#proposal p {
	line-height: 1.6em;
}

div#proposal div.blockhover p {
	color:#424C70 ;
	text-decoration: none;
}


/*pFoot -----------------------------------------------------*/

div#pFoot{
	background:url(img/ctop_contact_line.gif) top no-repeat;
	width:549px;/*572*/
	margin:3px 0 0;
	padding:18px 0 0 0;
}

div#pContact{
	margin:0 0 8px 0;
	border:1px solid #ddd;
	padding:14px 29px 17px 21px;
	width:497px;
}

div#pContact div#web{
	position:relative;
	float:left;
	width:245px;
}

div#pContact div#tel{
	position:relative;
	float:right;
	width:246px;
}

div#btmBack{ display:none;]

body#product div#pFoot{
	width:549px;/*572*/
	background:url(img/tab_border_bottom.gif) 0 0 no-repeat;
	margin:18px 2px 0;
	padding:20px 0 0 0;
}

*{background:none;}


