/*================
フォント関係 
================*/
  .golden{font-family:Tahoma; color:#000000; }
  .main{
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
  .green{font-family:Tahoma;  color:#99A447; }
  
  a:link{font-weight: bold;text-decoration: underline; color:#818181;}
  a:visited{font-weight: bold;text-decoration: underline; color:#818181;}
  a:hover{
	text-decoration: none;
	color:#000000;
}
  a:active{text-decoration: none;}

h3{font-size:14px; font-weight: bold;margin: 0 0 5px 0;}

/*================
共通レイアウト
================*/
body {
	margin:5px 0px 0px 10px;
	font-family:Tahoma;
	font-size:11px;
	line-height: 1.7;
	color: #000000;
}

#wrapper{
	width:850px;
	margin: 0 auto;
	height: 100%;
}

#container{
	margin-top:0px;
	margin-bottom:100px;
	height:auto;
	background-color: #FFFFFF;
	border-left:solid 1px #CCCCCC;
	width: 30%;
}

#header{
	width:100%;
	height:100%;
	margin-top:0px;
	margin-bottom:0px;
}

#sidebar{
	float:left;
	width:100%;
	margin:10px 0px 0px 0px;
	height: 10px;
	background-image: url(images/line0.png);
	background-repeat: repeat-x;
}

.sidecontent{
	margin: 100px 0px 0px　5px;
	height: 110px;
	width: 350px;
	float: right;
}
                 
#main{
	float:left;
	width:50%;
	border-left:solid 1px #b9bab1;
	background-color: #E2EFEC;
	background-image: url(images/menubg02.jpg);
}

#sidebar-isms{
	margin:px 0px 0px 0px;
	font-size:10px;
	float: right;
	width: 200px;
}

/*================
各ページレイアウト
================*/

/*ABOUT US(会社案内）*/
/*--　サイドバー　--*/
#sidebar-aboutus{
	float:left;
	width:280px;
	margin:0px 0px 0px 0px;
	border-width: 5;
	background-image: url(images/menubg03.jpg);
}

.sideheader-aboutus{
	color: #000000;
	background-image:url(images/red-circle.gif);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:30px;
	font-size:14px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
}


/*SERVICE(サービス）*/
/*--　サイドバー　--*/
#sidebar-service{
	float:left;
	width:209px;
	margin:0px 0px 0px 0px;
	height: 100%;
	border-top:solid 4px #FFE600;
}

.sideheader-service{
	color: #000000;
	background-image:url(images/yellow-circle.gif);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:30px;
	font-size:14px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
}


/*PRODUCTS(製品）*/
/*--　サイドバー　--*/
#sidebar-products{
	float:left;
	width:209px;
	margin:0px 0px 0px 0px;
	height: 100%;
	border-top:solid 4px #D7FC03;
}

.sideheader-products{
	color: #000000;
	background-image:url(images/ygreen-circle.gif);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:30px;
	font-size:14px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
}


/*CAREERS(開発実績）*/
/*--　サイドバー　--*/
#sidebar-careers{
	float:left;
	width:209px;
	margin:0px 0px 0px 0px;
	height: 100%;
	border-top:solid 4px #03FC54;
}

.sideheader-careers{
	color: #000000;
	background-image:url(images/green-circle.gif);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:30px;
	font-size:14px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
}

/*SECURITY(情報セキュリティ）*/
/*--　サイドバー　--*/
#sidebar-security{
	float:left;
	width:209px;
	margin:0px 0px 0px 0px;
	height: 100%;
	border-top:solid 4px #02BEFD;
}


.sideheader-security{
	color: #000000;
	background-image:url(images/blue-circle.gif);
	background-repeat:no-repeat;
	width:160px;
	height:26px;
	padding-left:30px;
	font-size:14px;
	font-weight: bold;
	margin: 10px 0px 10px 10px;
}







.column01{
	width:200px;
	background-color:#fff;
	margin:0px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	height: 100px;
}

.column02{
width:195px;
background-color:#f3f3ef ; background-image: url(images/tall_top.gif);background-repeat:repeat-x;
padding:5px 20px 0px 20px;
margin-top: 0;}

.column03{
width:196px;
height:100%;
background-color:#e8e8df; background-image: url(images/tall_top2.gif);background-repeat:repeat-x;
padding:5px 20px 10px 20px;
margin-top: 0;}

.column2-01{
	width:450px;
	height:100%;
	background-color:#E2EFEC;
	margin:0px 0px px 0px;
	padding:10px 20px 0px 20px;
	float: right;
}

.column2-02{
	width:530px;
	background-color:#FFFFFF;
	background-image: url(images/tall_top.gif);
	background-repeat:repeat-x;
	padding:5px 10px 10px 10px;
	margin:0px 0px 0px 0px;
	float: right;
}

.column04{
	margin:10px 10px 20px 5px;
	padding:10px 0px 5px 10px;
	font-size: 11px;
}

.column05{
margin:10px 10px 10px 5px;
padding:5px 0px 5px 10px;
background-image: url(images/product_back.jpg);background-repeat:no-repeat;
}

.column05 img{
padding-left:7px;
}

.column06{
margin:10px 20px 10px 10px;
padding:5px 0px 5px 5px;
border: 2px solid #5166af;
line-height: 1.3;
}

.blue{
font-weight: bold;
color:#5166af;
}

.column04_2{
margin:10px 10px 10px 5px;
padding:5px 0px 100px 10px;
}

.column07{
margin:7px 0px 7px 10px;
}

.column08{
	float:right;
	margin-top:10px;
	color:#000000;
}

.column09{
margin:5px 0px 5px 0px;
}

.blue_02{
font-size:14px;
font-weight:bold;
color: #5166af;
}


#policy{
	margin-top: 0px;
	background-image: url(images/line0.png);
	background-repeat: repeat-x;
}

#footer{
	text-align: center;
	padding-top:11px;
	height: 30px;
}

#map{
text-align: center; 
margin-top:20px;}

/*================
ヘッダ部分
================*/
.sideheader01{
	width:160px;
	height:26px;
	padding-left:30px;
	margin: 10px 0px 10px 10px;
	font-size:14px;
	font-weight: bold;
	/* 2009.11.12 color:#99A447を変更*/
color: #000000;
}


.contentheader01{
float: right;
background-image: url(images/header_02.gif);background-repeat: no-repeat;
width:320px; height:26px;
padding-bottom: 5px;
padding-left:30px;
margin:0px 0px 0px 0px;
font-size:14px; font-weight: bold;color:#99A447;}

.contentheader02{
background-image: url(images/header_03.gif);background-repeat: no-repeat;
width:160px; height:26px;
padding-bottom: 5px;
padding-left:30px; 
margin:5px 0px 12px 0px;font-size:14px; font-weight: bold;color:#99A447;}

.contentheader03{
	background-image: url(images/menubar_01.jpg);
	background-repeat: repeat-x;
	width: 100%;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	background-color: #CCE7FD;
	color: #FFFFFF;
}

.contentheader2-01{
	float: right;
	background-image: url(images/menubar_02.jpg);
	background-repeat: no-repeat;
	width:550px;
	height:26px;
	padding-bottom: px;
	padding-left:0px;
	margin:0px 0px 0px 0px;
	font-size:14px;
	font-weight: bold;
	/*2009.11.12 color:#99A447を変更*/
color:#FFFFFF;
}

.contentheader2-02{
	background-image: url(images/menutitle01.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 26px;
	padding-left: 30px;
	margin: 10px 0px 12px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.contentheader2-03{
	background-image: url(images/menutitle01.jpg);
	background-repeat: no-repeat;
	width: 364px;
	height: 26px;
	padding-left: 30px;
	margin: 5px 0px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	/*2009.11.12 color:#99A447を変更*/
color:#FFFFFF;
	float: left;
}

.contentheader2-04{
	float: right;
	background-image: url(images/header_02.gif);
	background-repeat: no-repeat;
	width:260px;
	height:26px;
	padding-bottom: 0px;
	padding-left:30px;
	margin:0px 0px 12px 0px;
	font-size:14px;
	font-weight: bold;
	color:#000000;
}

/*--------------------------------------------------------------------
 20090703 TOPページのレイアウトのために追加 naraoka -start-
 -------------------------------------------------------------------*/

.contentheader04{
background-image: url(images/header_06.gif);background-repeat: no-repeat;
height:25px;
background-color:#ebebeb;
padding-left:20px;
margin:5px 10px 0px 5px;
font-size:14px; font-weight: bold;
}

.contentphoto04{
float: left;
}

.contentheader05{
	float:right;
	background-image: url(images/header_06.gif);
	background-repeat: no-repeat;
	vertical-align:middle;
	width:125px;
	height:25px;
	background-color:#ebebeb;
	padding-left:20px;
	font-size:12px;
	font-weight: bold;
}



/*--------------------------------------------------------------------
 20090813 securityページのレイアウトのために追加 naraoka -start-
 -------------------------------------------------------------------*/

.contentheader06{
background-image: url(images/header_06.gif);background-repeat: no-repeat;
width:300px; height:30px;
background-color:#ebebeb;
padding-left:20px;
margin:10px 10px 0px 5px;
font-size:16px;
}


/*----------------------------------------------- 20090813 -end- ---*/


/*================
テーブル関連
================*/
.table01{
width:430px; line-height: 1.8; 
}

.table02{
	width:480px;
	margin:10px 0 0 0px;
	line-height: 1.8;
	border-top:1px #b9bab1 solid;
}

.tl{
border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;   
padding: 10px 0px 5px 0px;
}

.tltitle{
width: 7em;border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
font-weight:bold;
padding: 10px 0px 10px 0px;
}

.tltitle-light{
width: 7em;border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
padding: 10px 0px 10px 0px;
}

.table02 .tltitle{
border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
font-weight:bold;
padding: 10px 0px 5px 0px;
}

.tl02{
border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
padding: 10px 0px 10px 0px;
}

.tltitle02{
width:250px;border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
padding: 10px 17px 10px 0px;
}

.tltitle03{
width:12em;border-bottom: 1px #b9bab1 solid;
border-collapse: collapse;
border-spacing: 0;
padding: 10px 17px 10px 0px;
}

.tltitle04{
width:7.em;
	border-bottom: 1px #b9bab1 solid;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 20px 20px 20px 0px;
	font-weight:bold;
}

/*--------------------------------------------------------------------
 20090629 ビジネスパートナーのレイアウトのために追加 naraoka -start-
 -------------------------------------------------------------------*/
.table03{
width:400px;
margin:30px 0px 30px 10px;
}

.table03 td{
vertical-align:middle;
padding: 0px 5px 0px 0px;
}

.table03_box{
	height:40px;
	border: 2px solid;
	background-color: #f4f5f4;
	padding: 3px 0px 3px 5px;
	margin:6px 0px 8px 0px;
	font-size:12px;
	font-weight: bold;
	color:#000000;
}

.table03_box img{
float:left;
text-align:middle;
padding-right:5px;
}

.partner_box{
border: 2px solid;
padding: 5px;
margin:0px 10px 0px 10px;
}

/*----------------------------------------------- 20090629 -end- ---*/

/*--------------------------------------------------------------------
 20090724 ビジネスパートナーのレイアウトのために追加 naraoka -start-
 -------------------------------------------------------------------*/
 .table04{
	width:500px;
	margin:20px 0 0 10px;
	line-height: 1.8;
	border-top:1px #b9bab1 solid;
}
 /*----------------------------------------------- 20090724 -end- ---*/


/*================
画像関連
================*/
.contentphoto{
float: left;
margin: 0px;
padding: 2px 2px 2px 2px;
border: solid 1px #b1b751;
}

.contentphoto02{
	float:left;
	margin: 0px 12px 12px 0px;
	padding:2px 2px 2px 2px;
	border:solid 1px #b1b751;
}

.contentphoto03{
float:right;
margin-left:12px ;
padding:2px 2px 2px 2px;
border:solid 1px #b1b751;
}


/*================
その他の指定
================*/
.margin-bottom15{
margin-bottom: 15px;}

.margin-left15{
margin-left: 15px;}

.margin-left200{
margin-left: 200px;}

td{
vertical-align: top;}

.p-text{
	margin:0px;
}

.p-right{
text-align: right;}

br {line-height: 0;
}

.p-bold{ 
font-family:"ＭＳ ゴシック", "Osaka－等幅"; font-weight:bold; color:#000000;
}

/*================
リスト関連
================*/

.menu2{
	width:110px;
	position:relative;
	color:#000000;
	margin:0px 0px 10px 0px;
	z-index:100;
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; 
}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li {
float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#000;
	width:130px;
	height:30px;
	line-height:29px;
	font-weight: bold;
	color:#000000;
	background:transparent;
	padding-left:10px;
	text-decoration:underline;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:130px; w\idth:140px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:100;
 }

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; 
border-top:1px solid #dcdcdc; 
border-right:1px solid #dcdcdc; 
border-bottom:2px solid #d4d5c5; 
border-left:2px solid #d4d5c5; 
background:#fff;
 color:#000; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; color:#818181; line-height:15px; padding:5px 0 5px 10px; height:auto; text-decoration:underline; 
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:#b1b751;color:#fff;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}

.menustyle1{
background: url(images/pointer_border.gif) no-repeat 3px 0.4em; color:#000;width:170px;
}
.menustyle2{
background:#fff;width:140px;background: url(images/pointer_border.gif) no-repeat 3px 0.4em;
}
.menustyle3{
background:#fff;width:140px;background: url(images/pointer_border02.gif) no-repeat 3px 0.4em;
}


ul.bar01{
margin: 0; 
padding:0px 0px 0px 0px;
}

ul.bar01 li{
width: 165px;
padding:2px 0px 2px 12px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
list-style: none;
list-style-position:outside;
font-weight:bold;
border-bottom: dotted 1px #d4d5c5;
}

/*--------------------------------------------------------------------
 20090716 PDFアイコン画像のため追加 naraoka -start-
 -------------------------------------------------------------------*/
ul.bar01 img{
padding-left:5px;
vertical-align:bottom;
}
/*----------------------------------------------- 20090716 -end- ---*/

ul.list2{
margin: 0; 
padding:0px 0px 0px 0px;
}

ul.list2 li{
width: 165px;
padding:2px 0px 2px 12px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
list-style: none;
list-style-position:outside;
font-weight:bold;
border-bottom: none;
}

ul.mainlist{
font-size:11px;
float:right;
width:115px;
margin: 0 0 0 1em; 
padding: 0px 0px 5px 0px;
}

ul.mainlist li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
list-style: none;
list-style-position:outside;
font-weight:bold;
}

ul.policy {
float:left;
margin: 0;
padding: 0;
width: 500px;
}


ul.policy li{
float:left;
display:inline;
margin-right:20px;
padding-left:10px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
list-style: none; 
list-style-position: inside;
font-family:Tahoma; font-size:11px;  color:#B7B7B7; text-decoration:none;
}

.pagetop{
float:right;
margin:0;
padding-left:10px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
font-family:Tahoma; font-size:11px;  color:#B7B7B7; text-decoration:none;
}

ul.pointer{
margin-left:17px;padding:0px;
}

ul.pointer li{
list-style: none;
list-style-image: url(images/pointer.gif);
list-style-position: outside;
}

ul.decimal{
margin-left:2em;padding:0px;
}

ul.decimal li{
list-style-type: decimal;
list-style-position: outside;
}

/*--------------------------------------------------------------------
 20090703 TOPページのレイアウトのために追加 naraoka -start-
 -------------------------------------------------------------------*/
 
ul.mainlist02{
	font-size:10px;
	float:left;
	width:130px;
	margin: 0 0 0 1em;
	padding: 0px 0px 0px 0px;
}

ul.mainlist02 li{
padding: 0px 0px 0px 12px;
background: url(images/pointer.gif) no-repeat 3px 0.4em;
list-style: none;
list-style-position:outside;
}

/*----------------------------------------------- 20090703 -end- ---*/
servicetext {
	float: right;
	width: 500px;
	height: 500px;
}


td img {display: block;}