@charset "utf-8";
/* 
* reset 
*/
/*
* {
	margin: 0;
	padding: 0;
}
*/
body,ul,li,p {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style-type: none;
}

img {
	border:0;
}

form {
	display: inline;
}
textarea {font-size:12px;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	margin: 0;
	padding: 0;	
}
address {
	font-style:normal;
}


/* 
* 共通定義
*/
/*リンクの色*/
a:link {
	color:#003399;
}
a:visited{
	color:#551A8B;
}
a:hover, a:active{
	color:red;
}
a:link, a:visited, a:hover a:active{
	text-decoration:underline;
}
a.arrowType1{
	background:url(../image_n/arrow_1.gif) no-repeat left center; padding-left:14px;
}
/*メッセージなど強調テキストの色*/
.msgTxt1{ color:#3333FF;} /* 青 */
.msgTxt2{ color:#CC0000/*#FF6600*/;} /* オレンジ */
.msgTxtGray{color:gray;}
.msgTxt3{background-color:#CC0000; color:white; padding:5px; line-height:1.5em;}
/*文字大きさの定義*/
.txtbold{font-weight:bold;}
.txtnormal{font-weight:normal;}
.txtSize10{
	font-size:10px;
}
.txtSize14{
	font-size:14px;
}
.txtSize16{
	font-size:16px;
}
.txtSize18{
	font-size:18px;
}
.clear {clear:both;}
/* スペース */
.space5 {height:5px; clear:both;}
.space20 {height:20px; clear:both;}

/* 
* bodyの定義
*/
body {
	color:#000;
	font-size:12px;
	line-height:1.3em;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, sans-serif;
	background: #fff url(../image_n/back.gif) repeat-y;
}

/* 
* ヘッダ部分の定義
*/
#headSection {
	width: 788px; height: 111px;
	overflow : hidden;
	clear:both;
}
#headBg {
	width: 788px; height: 51px;
	background:url(../image_n/Banner.jpg) no-repeat #fff left top;
	clear:both;
}
#loginSection{
	height:35px;
	background: url(../image_n/japan.gif) no-repeat;
	overflow: hidden;
	clear:both;
}
#loginSection .loginform{
	padding:5px 35px 5px 0px;
	float:right;
	text-align:center;
	border:0px;
}
#loginSection .loginform .loginBtn {
	position: absolute;
	top: 55px;
	left: 760px;
}
#loginSection .loginform .loginIpt {
	width:115px;
	border:#000000 solid 1px;
	height:20px;
	vertical-align:middle;
}
#siteBar{
	height:25px;
	line-height:25px;
	background-color:#314E9E;
	padding:0px 10px;
	color:white;
/*	border-top:1px #999999 solid;
	border-bottom:1px #999999 solid;*/
}
#siteBar .siteMenu{
	float:left;
}
#siteBar .logonTxt{
	float:right;
}
#siteBar a:link, #siteBar a:visited{
	color:white;
	text-decoration: none;
}
#siteBar a:hover, #siteBar a:active{
	color:red;
}

/* 
* コンテンツフレームの定義
*/
div#contentSection{
	width:788px;
    /*background-image:url(../image_n/menubg.gif);
	background-repeat: repeat-y;
    height:100%;
    min-height: 100%;*/
}
#contentSection:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #contentSection {
    height: 1em;
    overflow: visible;
}
/**/
body > #contentSection {
	height:auto;
}

/* 
* サイトメニューの定義
*/
#leftSection{
	width:160px;
	float:left;
	/*padding:10px 0px 0px 5px;*/
	padding:0px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/breadcrumb.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu, #menu ul {padding:0; margin:0; list-style:none;}
#menu {width:150px; height:706px; position:relative; z-index:500;}
#menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
#menu ul {position:absolute; left:-9999px;}
#menu li {width:150px; height:25px; float:left;}
#menu li a {display:block; width:100%; height:25px; line-height:25px; color:#777; text-decoration:none; font-size:12px; float:left;}
#menu li.sub a {}
#menu li a:hover {white-space:nowrap; position:relative; color:#06f; /*text-indent:-9999px;*/}
#menu li.sub a:hover {color:#06f; /*text-indent:-9999px;*/}
#menu li.sub a b {display:block; color:#06f; font-weight:normal;}
#menu li:hover {position:relative;}
#menu li:hover.sub > a {color:#06f;}
/* Level2 */
#menu :hover ul
{width:144px; height:auto; left:150px; top:0px; background:url(../image_n/menu/submenuAll.gif)  no-repeat;}
#menu :hover ul li,
#menu :hover ul li a
{width:144px; height:27px; line-height:27px; float:none;   /*text-indent:-9999px;*/}
#menu li.top {background:url(../image_n/menu/menuAll.gif)  no-repeat;}


#menu li a.top {background:url(../image_n/menu/menuAll.gif)  no-repeat;}

/* 企業情報 */
#menu li.categoryTitle1 {height:42px; background-position:0px 0px;}
#menu li.category1Menu1 {background-position:0px -42px;}
#menu :hover ul.category1Menu1Sub {height:106px; background-position:0px 0px;}
#menu li.category1Menu2 {background-position:0px -67px;}
#menu li.category1Menu3 {background-position:0px -92px;}
/*
* selectを後ろにさせるiframe
*/
#category1Menu1SubIframe{
	z-index:		-1;
	position:		absolute;
	display:		none;
	left:150px; top:0px;
	width:144px; height:106px;
}
#menu :hover #category1Menu1SubIframe{
	display:		block;
}
/* 製品・技術情報 */
#menu li.categoryTitle2 {height:38px; background-position:0px -117px;}
#menu li.category2Menu1 {background-position:0px -157px;}
#menu :hover ul.category2Menu1Sub {height:54px; background-position:0px -106px;}
#menu li.category2Menu2 {background-position:0px -181px;}
#menu :hover ul.category2Menu2Sub {height:80px; background-position:0px -160px;}
#menu li.category2Menu3 {background-position:0px -206px;}
#menu :hover ul.category2Menu3Sub {height:54px; background-position:0px -240px;}
#menu li.category2Menu4 {background-position:0px -231px;}
#menu li.category2Menu5 {background-position:0px -256px;}
#menu li.category2Menu6 {background-position:0px -281px;}
#menu li.category2Menu7 {background-position:0px -306px;}
/* 選定・計算 */
#menu li.categoryTitle3 {height:38px; background-position:0px -331px;}
#menu li.category3Menu1 {background-position:0px -369px;}
#menu li.category3Menu2 {background-position:0px -394px;}
#menu li.category3Menu3 {background-position:0px -419px;}
#menu li.category3Menu4 {background-position:0px -444px;}
#menu li.category3Menu5 {background-position:0px -469px;}
#menu li.category3Menu6 {background-position:0px -494px;}
#menu li.category3Menu7 {background-position:0px -519px;}
#menu li.category3Menu8 {background-position:0px -544px;}
#menu li.category3Menu9 {background-position:0px -569px;}
/* お問合せ */
#menu li.categoryTitle4 {height:38px; background-position:0px -594px;}
#menu li.category4Menu1 {background-position:0px -632px;}
#menu :hover ul.category4Menu1Sub {height:210px; background-position:0px -294px;}
#menu li.category4Menu2 {background-position:0px -657px;}
#menu li.category4Menu3 {background-position:0px -682px;}
#menu li.category4Menu4 {background-position:0px -708px;}

/* menu text */
html>body div.#mainMenu {
  position:relative;
  z-index:1;
}
/*#mainMenu #menu li strong,*/
#menu li strong
{
  position:relative;
  top:0;
  left:0;
  z-index:-1000;
  font-weight:normal;font-size:12px;
  overflow: hidden;

/*\*//*/
  display:inline-table;
/**/
}
a:focus{outline:none;}
*:first-child+html #menu a:hover, 
*:first-child+html #menu a {text-indent:-9999px;}
* html #menu a:hover,
* html #menu a {text-indent:-9999px;}
#menu li{_text-indent:-9999px;}
*:first-child+html #menu li.top {text-indent:-9999px;}
*:first-child+html #menu li a:hover {text-indent:-9999px;}
*:first-child+html #menu li.sub a:hover {text-indent:-9999px;}
*:first-child+html #menu :hover ul li,
*:first-child+html #menu :hover ul li a
{text-indent:-9999px;}
/* menu text */

/* 
* メインコンテンツ領域の定義
*/
#rightSection{
	float:right;
	width:619px;
	/*padding-top:10px;*/
}
#mainContent{
	padding-top:3px;
	clear:both;
}
/* ぱんくず */
#siteNavi{	
	padding-right:10px;
	padding-top:12px;
	padding-bottom:12px;
	float:right;
	clear:both;
	font-weight:bold;
}
#siteNavi a:visited{
	color:#003399;
}
#siteNavi a:hover, #siteNavi a:active{
	color:red;
}
/* 
* Footer領域の定義
*/
#footerSection{
	width:788px;
	clear:both;
/*	background-image: url(../image_n/menubg.gif);
	background-repeat: repeat-y;*/	
}
#footerSection:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #footerSection {
    height: 1em;
    overflow: visible;
}
#footerSection .footer{
	width:628px;
	text-align:center;
	float:right;
	padding-top:15px;
	padding-bottom:10px;
	clear:both;
}

/**
 * ページング
*/
.pagination{
	padding: 2px;
	clear:both;
}
.pagination:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 14px;
	float:right;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
}
.pagination a {color:#3366FF;}
.pagination a:visited{color:#551A8B;}
.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #FFFF80;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.currentpage, .pagination a.currentpage:hover{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

.pagination a.prevnext{
	font-weight: bold;
}

/* 
* エラーメッセージ
*/
.errorMsgBox {	
	margin:10px auto;
	border:2px solid #FF0000;
	width:98%;
}

.errorMsgBox .text{
	padding:8px 5px 8px 5px;
}
.errorMsgBox .text ul{
	width:90%;
	padding-left:15px;
}
.errorMsgBox .text li{
	list-style-type:disc;
}

/* 
* tooltip
*/
/* Tooltips CSS definitions */	

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
}
.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
.tooltip .xb1 { margin: 0 5px; background: #333; }
.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3 { margin: 0 2px; }
.tooltip .xb4 { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent {
	padding: 0 .5em;
	margin: 0;
	color: #000;
	text-shadow: 2px 2px 0px #CCC;
	word-wrap:break-word;
	border: 1px solid #333;
	border-width: 0px 1px 0 1px;
	background-color: #666;
}

/* 
* その他共通の定義
*/
div.titleline {
	background-image:url(../image_n/titleline.gif);
	background-repeat:no-repeat;
	height:10px;
	clear:both;
}