@charset "UTF-8";


/* -----------------------------------------------------
nichiei CSS
bisard Inc
FileName:    en_style.css
Last Modified:     2009.6.22
----------------------------------------------------- */


/* 全リセット */
body,
html,
div,
table,
img,
ul,
ol,
li,
th,
td,
h1,h2,h3,h4,h5,address,dl,dt,dd,
textarea,
form{
	margin:0;
	padding:0;
}

/*基本*/
ul { list-style-type:none; }
li {text-align:left;}
object,embed {margin:0;padding:0;}
img { border: 0; }


/* global reset*/
/* ----------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* safari only */
	html[xmlns*=""] body: { color:#ffffff; }


/* Holly Hack */

/* clear */
/* ----------------------------------------------------- */
.clear { margin:0; padding: 0; border: none; clear: both; }
.hide {visibility:hidden; display:none;}


/* 【リンクカラー】 */
/* ----------------------------------------------------------------------------------------------------- */
/*通常コンテンツ内リンク色*/
a:link { color: #333333; text-decoration: none;}
a:visited {color: #333333; text-decoration: none;}
a:hover { color: #999692; text-decoration: underline;}
a:active{ color: red; text-decoration: none;}

a:active, a:focus{ outline:none; }

	/*左ナビなし*/
	a.nonlineLINK:link { color: #333333; text-decoration: none;}
	a.nonlineLINK:visited {color: #333333; text-decoration: none;}
	a.nonlineLINK:hover { color: blue; text-decoration: none;}
	a.nonlineLINK:active{ color: red; text-decoration: none;}


/* ベーシックブロック */
/* ----------------------------------------------------- */
/*全体固定*/
body {
	top:0; 
	margin: 0 auto ;	padding: 0;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","Arial","メイリオ","ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	font-size: 12px;
	line-height:1.6;
	color: #000000;
	text-align: center;
}


#container {
	clear: both;
	width: 800px;
	margin: 0 auto; padding: 0 10px 10px 10px;
	border-bottom: solid 1px #cecece;
	background:url(../images/bg.gif) center top repeat-y;
	text-align: left;
/*\*/
_width: 820px;
/**/
}


#left_container { 
	float: left;
	width: 200px;
	margin: 0 0 8px 0; padding: 0; 
}


#right_container { 
	float: right;
	width: 600px;
	margin: 0 0 8px 0; padding: 0; 
	background:url(../images/shadow01.gif) left top repeat-x;
	vertical-align: top;
}


#main_contents { 
	width: 560px;
	margin: 0 20px 0 20px; padding: 0;
}


/* ローカルナビ */
#en_Lnav { 
	width: 200px;
	margin: 0; padding: 0;
	clear: both;
	background-color: #eeeeee;
	}

	#en_Lnav ul { 
		margin: 0; padding: 0;
	}

		#en_Lnav li {
			border-bottom: solid 1px #ffffff;
			list-style-type: none;
		}

			#en_Lnav li span , #en_Lnav li span a{
				display: block;
				margin: 0; padding: 0;
			}

	#en_Lnav ul li.lnav_top a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow01.gif) 20px 13px no-repeat !important;
	}

	#en_Lnav ul li.lnav_profile a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow02.gif) 20px 13px no-repeat !important;
	}

	#en_Lnav ul li.lnav_product a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow03.gif) 20px 13px no-repeat !important;
	}

	#en_Lnav ul li.lnav_psap_print a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow04.gif) 20px 13px no-repeat !important;
	}

	#en_Lnav ul li.lnav_psap_industry a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow04.gif) 20px 13px no-repeat !important;
	}

	#en_Lnav ul li.lnav_matrix a.nav2nd {
		margin: 0; padding: 8px 8px 8px 32px;
		background: url(../images/ico_arrow05.gif) 20px 13px no-repeat !important;
	}


/* 【第三階層】 */
.local_3rdlink {
	padding: 0 0 0 30px;
}

.local_3rdlink ul li {
	margin: 0; padding: 8px 8px 8px 12px;
	border-top: solid 1px #ffffff !important;
	border-bottom: none !important;
}


/* ヘッダ */
#headBOX { 
	width: 800px;
	height: 57px;
	margin: 0;	padding: 0;
}


	#headBOX #comLOGO a {  
		width: 220px;
		height: 57px;
		float: left;
		position: relative;
		display: block;
		margin:  0;	padding: 0;
		background: url(../images/logo.jpg) left top no-repeat;
		text-align: left;
		font-size: 1px;	
		text-indent: -10000px;
		color: #fff;
	}


	#headBOX .comLOGO2 a {  
		width: 151px;
		height: 57px;
		float: right;
		position: relative;
		display: block;
		margin:  0;	padding: 0;
		background: url(../images/logo_netak.jpg) left top no-repeat;
		text-align: left;
		font-size: 1px;	
		text-indent: -10000px;
		color: #fff;
	}


#cate_head { 
	width: 800px;
	height: 72px;
	margin:  0;	padding: 0;
	background: url(../images/h1_common.jpg) right top no-repeat;
	font-size: 1px;	
	text-indent: -10000px;
	white-space: nowrap;
	color: #fff;
}

#cate_head span { 
	display: none;
}

	
/* ページ内リンク */

#inpagelink	{ 
	width: 560px;
	margin: 10px 0 30px 0;
	padding: 0 0 16px 0;
	background: url(../images/shadow01.gif) left bottom repeat-x !important;
	background-color: #cbc8c3 !important;
}

	#inpagelink ul	{ 
		width: 560px;
		margin: 0; padding: 8px 0 0 0;
		background: url(../images/shadow02.gif) left top repeat-x !important;
	}

		#inpagelink ul li	{ 
			width: 240px;
			float: left;
			margin: 0; padding: 5px 8px 0 27px;
/*\*/
_width: 280px;
/**/
		}


/*ページの先頭にもどる*/
.pagetopBOX {
	float: left;
	margin: 50px 5px 0 0;	padding: 0 0 0 14px;
	text-align: right;
	line-height: 1.2;
	background: url(../images/ico_arrow_top.gif) left 5px no-repeat;	
	}

.pagetopBOX_in { 
	margin-top: 30px;
	padding: 0 0 0 14px;
	text-align: left;
	line-height: 1.2;
	background: url(../images/ico_arrow_top.gif) left 5px no-repeat;	
	}


	.contactBOX_in { 
		border-top: dotted 2px #666666;
		margin: 8px 5px 30px 0;	  padding: 5px 0 10px 0;
	}


	.contactBOX_in ul , .contactBOX_ptop ul { 
		float: right;
	}


		.contactBOX_in ul li a ,.contactBOX_ptop ul li a { 
			width: 96px; height: 24px;
			margin: 0;  padding: 0;
			display: block;
			background: url(../images/btn_contact.jpg) left top no-repeat;
			text-align: left;
			font-size: 1px;	
			text-indent: -10000px;
			color: #fff;
		}


	.contactBOX_ptop { 
		margin: 0;	  padding: 20px 0 0 0;
	}


/* フッタ */
.sepBOX01 {
	margin: 0; padding: 0 10px;
	border-top: solid 1px #999999;
	text-align: center;
}


#en_footer {
	clear: both;
	width: 760px;
	border-top: dotted 2px #333333;
	margin: 0 20px 20px 20px; padding: 10px 0 0 0;
	color: #333333 !important;
	text-align: left;
}

	#en_footer p {
		float: left;
	}


	#en_footer #en_footmenu { 
		float: right;
		margin: 0;  padding: 0;
	}

		#en_footer #en_footmenu ul li a { 
			width: 96px; height: 24px;
			margin: 0;  padding: 0;
			display: block;
			background: url(../images/btn_contact.jpg) left top no-repeat;
			text-align: left;
			font-size: 1px;	
			text-indent: -10000px;
			color: #fff;
		}

/* 【h & テキスト】 */
/* ----------------------------------------------------------------------------------------------------- */
h1 {
	margin: 0; padding: 0;
}

h2 {
	margin: 5px 0 20px 0;
	font-size: 1px;	
	text-indent: -10000px;
	color: #fff;
}

h3 {
	margin: 20px 0;
	font-size: 1px;	
	text-indent: -10000px;
	color: #fff;
}

h4 {
	padding: 0 0 0 14px;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","Arial","メイリオ","ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	font-size: 14px;
	line-height:1.6;
	color: #000000;
	background: url(../images/bg_h4.gif) left center no-repeat;	
}


.txt10 {
	font-size: 10px !important;
}


/* 【テーブル】 */
/* ----------------------------------------------------------------------------------------------------- */
table th , table td {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","Arial","メイリオ","ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
	font-size: 12px;
	line-height:1.4;
	color: #000000;
	text-align: left;
	vertical-align: top;
}

table.productsTBL01 {
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 0;
}

	table.productsTBL01 th , table.productsTBL01 td {
		border-right: solid 5px #fff;
		border-bottom: solid 2px #fff;
		background-color: #eeeeee;
	}


		.productsTBL01 th {
			padding: 1px 3px;
		}

		.productsTBL01 td {
			padding: 1px 3px;
		}



table.productsTBL02 {
	margin-top: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px #cccccc;
}

		.productsTBL02 th {
			padding: 2px 16px;
			border-right: solid 1px #cccccc;
			border-bottom: solid 1px #cccccc;
		}

		.productsTBL02 td {
			padding: 2px 10px 2px 1px;
			border-bottom: solid 1px #cccccc;
		}

			.productsTBL02 th.glay {
				background: url(../images/bg_pet.jpg) left center no-repeat;	
			}

			.productsTBL02 th.blk {
				background: url(../images/bg_black.jpg) left center no-repeat;	
				color: #ffffff;
			}

			.productsTBL02 th.blue {
				background: url(../images/bg_acryl.jpg) left center no-repeat;	
			}


			.productsTBL02 th.bw {
				background: url(../images/bg_blackwhite.jpg) left center no-repeat;	
				color: #000000;
			}

/* 【フロートボックス】 */
/* ----------------------------------------------------------------------------------------------------- */
.leftbox {
	float: left;
	margin:10px;
	text-align: left;
}

	.leftbox0 {
		float: left;
		margin:0;
		text-align: left;
	}


.rightbox {
	float: right;
	margin:10px;
	text-align: left;
}

	.rightbox0 {
		float: right;
		margin:0;
		text-align: left;
	}


/* 【イメージ】 */
/* ----------------------------------------------------------------------------------------------------- */
img {
	border: none;
}


.imgR {
	float: right;
	margin: 0 0 12px 12px;
}

.imgL {
	float: left;
	margin: 0 12px 12px 0;
}

p {
	text-align:left;
}

.center {
	text-align: center !important;
}


/* 【マージンサイズ】 */
/* ----------------------------------------------------------------------------------------------------- */
.mgnT0px {
	margin-top: 0px !important;
}

.mgnT10px {
	margin-top: 10px !important;
}

.mgnT20px {
	margin-top: 20px !important;
}

.mgnT1em {
	margin-top: 1em !important;
}

.mgnT5px {
	margin-top: 5px !important;
}

.mgnT30px {
	margin-top: 30px !important;
}

.mgnT50px {
	margin-top: 50px !important;
}


.mgnL20px {
	margin-left: 20px !important;
}



/* 【リスト】 */
/* ----------------------------------------------------------------------------------------------------- */
ul.ul_dotted {
	margin: 0 0 0 16px;
	list-style-type: disc;
}