/* CSS Document */
@charset "Shift_JIS";

/***************************************/
/************** body,html **************/
/***************************************/

/* define */
* { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; }
html { background-color: white; overflow: -moz-scrollbars-vertical; }
textarea { overflow: auto; }
form { margin: 0; padding: 0; border-color: gray; }
form input { vertical-align: middle; }
table { border-collapse: collapse; empty-cells: show; }


html,body{
         margin:0;
		 padding:0;
          }

body{
line-height: 1.5em;
font-size:small;
color:#656565;
}

img {
	 vertical-align:bottom;
	 border:0;
	 }

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
a:hover { text-decoration:none;}

/***************************************/
/******P Text Link  em cite list********/
/***************************************/
/* --------------------------　H1 ----------------------------- */

h1 {
	font-size:12px;
	color:#999999;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width:966px;
	height:20px;
	font-weight:normal;
	}

	
h2 {
    font-size:14px; /*一般タイトル*/
	border-bottom: 3px solid #03afef;
	color:#03257f;
	padding:3px 0 0 19px;
	background:url(../contents/img/titlearrow.gif) no-repeat left;
	margin-bottom:7px;
	}
	
h3 {
    font-size:14px;/*page title*/
	color:#03257f;
	background-color:#f3f3f3;
	border-left:4px solid #0bb7e2;
	padding:2px 0 2px 10px;
	margin:0;
	}
	
h4 {
    font-size:110%;/*page title*/
	color:#03257f;
	background-color:#f3f3f3;
	border-left:4px solid #0bb7e2;
	padding:2px 0 2px 10px;
	margin:0;
	}
	
h5 {
    font-size:110%; /*一般タイトル*/
	border-top:3px solid #000;
	border-bottom:1px solid #9cabbe;
	color:#FFF;
	padding:2px 0 3px 30px;
	background:url(../contents/img/titlearrow02.gif) no-repeat left #8db0d8;
	margin-bottom:0;
	margin-top:0;
	text-align:left;
	}
		
	
h6 {
    font-size:110%;/*page title*/
	color:#000000;
	background-color:#f3f3f3;
	border-left:4px solid #0bb7e2;
	padding:2px 0 2px 10px;
	margin:0;
	}		

cite{
    font-style:normal;
	color:#FF0000;
}

dl{
  margin:0;
  padding:0;
  }

dt{
   padding:0;
   margin:0;
   }

dd{
   margin:0 15px 0 16px;
   font-size:12px;
   line-height:14px;
   padding:0;
   }	

p {
   line-height:140%;
   font-size:90%;
   }  

/* q&a list style */

#qa ul{
       margin:0px; 
	   padding:-10px 0px 0px -10px; 
	   list-style:none;  
       }
   
#qa li{
      list-style-image:url(../contents/img/q.gif);
	  vertical-align:middle;
	  margin:0px ; 
	  padding:0px 0px 0px 0px;
	  color:#0070bc;
     /*margin-left:10px;*/
	/* padding-left:20px;*/
}


#qa a{
       color:#0070bc;
	   font-size:100%;
	   }

#qa a:hover{
        color:#0070bc;
	   }

#qa ul,li,img  { vertical-align: middle;  }
   
  
/* news list */

#newsbox ul{
       margin:0px; 
	   padding:0px; 
	   list-style:none;  
       }
   
#newsbox li{
     /* list-style-image:url(../img/newsarrow.gif);*/
	  margin:0px ; 
	  padding:0px 0px 0px 13px;
	  color:#585858;
	  border-bottom:1px solid #eeeeee;
	  background-image:url(../img/newsarrow.gif);
	  background-repeat:no-repeat;
     /*margin-left:10px;*/
	/* padding-left:20px;*/
}

#newsbox a{
       color:#585858;
	   font-size:12px;
	   font-weight:normal;
	   }

#newsbox a:hover{
        color:#585858;
	   }

acronym { border: none; text-decoration: none; }

/*#newsbox ul,li,img  { vertical-align: middle;  }*/
     
  
  
    
/***************************************/
/************** Lay out  **************/
/***************************************/

#container{
width: 966px; /*セイト全体の広さ*/
margin: 0 0 0 12px;
}

#header{
height: 138px;
}

#topmenu{
        width:966px;
		background:url(../img/topmenuback.gif) left top x-repeat;
        }
		
#topmenu a:active,a:hover,a:visited{
           border:0;
		   }
		   
#contentwrapper{
float: left;
width:100%;
}

#leftcolumn ,
.leftcolumn {
float: left;
width: 168px; 
margin-top:8px; 
diplay: inline; 
}

#contentcolumn{
	float:left;
	width:615px; /*左右のcolumnが右と左のmaginになります。*/
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 17px;
	diplay: inline; 
}


#contentcolumn1016{
	float:left;
	width:800px; /*左右のcolumnが右と左のmaginになります。*/
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	diplay: inline; 
}

#contentcolumn2{
	float:left;
	width:615px; /*左右のcolumnが右と左のmaginになります。*/
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 17px;
	diplay: inline; 
}

#rightcolumn{
float: right;
width: 154px; 
margin-top:15px;
text-align:right;
diplay: inline; 
}

#rightcolumn img{
margin:0 0 5px 0;
border:0;
}

#rightcolumn_syousai{
float: right;
width: 125px; 
margin-top:10px;
text-align:right;
}

#footer{
clear: left;
width: 100%;
color: #666;
padding: 4px 0;
border-top:4px solid #2d6bc0;

}

/***************************************/
/***********  index page  **************/
/***************************************/

.top_box{
width:615px;
clear:both;
}

.top_box a:hover {
	text-decoration:none;
}

#whatsnew{
		 width:615px;
		 height:110px;
		 clear:left;
		 }

#whatsnew_box{
	overflow: auto;
	width: 615px;
	height: 104px;
	background-color: #ffffff;
	padding:0;
	border:0;
	scrollbar-base-color:#FFFFFF;
　　scrollbar-track-color:#FFFFFF;
　　scrollbar-face-color:#FFFFFF;
　　scrollbar-arrow-color:#CCCCCC;
　　scrollbar-3dlight-color:#FFFFFF;
　　scrollbar-darkshadow-color:#FFFFFF;
　　scrollbar-highlight-color:#FFFFFF;
　　scrollbar-shadow-color:#FFFFFF;
}

#whatsnew_box ul{
            list-style:none;
			margin:5px 5px 5px 5px;
			padding:0px;
		   }
		   
#whatsnew_box li{
		   color:#585858;
		   padding:0px 5px;
		   margin:0px;
		   }

#whatsnew_box a:link { 
			text-decoration: none;
			color:#585858;
			}
			
#whatsnew_box a:visited { 
			text-decoration: none;
			color:#585858;
			}
#whatsnew_box a:active { 
			text-decoration: none;
			color:#585858;
			}
#whatsnew_box a:hover { 
			text-decoration:none;
			color:#585858;
			}

#btob_bt{
		width /**/:205px;
		float:right;
	   }

#imgnews{
        float:right;
		width:250px;
		line-height:110%;
		}

#imgup{
        float:right;
		width:250px;
		padding-bottom:10px;
		}		
				 
#imgup img{
          border:0px;
		  padding:2px 5px 2px 2px;
		  float:left;
		  }

#imgdown{
        float:right;
		width:250px;
		
		}		 

#imgdown img{
          border:0px;
		  padding:2px 5px 2px 2px;
		  float:left;
		  }

#solution {
			float:left;
			background:url(../img/in_title02back.gif) no-repeat left top;
			width:615px;
			height:275px;
		 
          }

#solution a{
              font-style:normal;
			  font-weight:bold;
			  color:#fd7318;
	   }

#solution a:hover{
              font-style:normal;
			  font-weight:bold;
			  color:#fd7318;
	   }


#solution dl{
            margin:0;
			padding:10px;
			display:inline;
            }
			
#solution dt{
            float:right;
			width:430px;
			margin:10px 0px 0px 10px; 
			padding:0px;
			font-weight:bold;
			}

#solution dt.title03{
            float:right;
			width:430px;
			margin:0px 0px 0px 10px; 
			padding:0px;
			font-weight:bold;
			}

			
#solution dd{
             margin:0px;
			 padding:-10px 20px 5px 0;
			 line-height:16px;
            }			

#solution dd.img img{
           float:left;
		   margin:-18px 8px 3px 13px;
		   background-color:#0066FF;
		   /*padding:13px 5px 10px 15px;*/
		   }	

#solution dd.txt {
				 margin-top:0px;
				 height:48px;
				 width:423px;
				 float /**/:right;
				 padding-right /**/:10px;
                 }
 
#solution cite{
              font-style:normal;
			  font-weight:bold;
			  color:#fd7318;
              }  
			  
#in_dt {
        margin:-20 0 0 0;
		padding:0;
		width:423px;
		background-color:#000033;
		}

.clearer { clear: both; }

#tech{
       background:url(../img/tech_back.png) left top no-repeat;
	   width:616px;
	   height:126px;
	   margin-bottom:10px
      }
	  
#techleft{
         float:left;
		 width:300px;
		 padding-top:16px;	

		 }

#techright{
          float:right;
		  width:310px;
		  padding-top:16px;
		  }
#tech dt{
         text-align:center;
		 margin-top:8px;
         }	
#tech dd{
		line-height:16px;
		margin-top:15px;
		}		
#tech img {
          border:0px;
		  }		  
		  
#mainsys {
         background:url(../img/mainsystem_back.gif) left top no-repeat;
		 width:616px;
		 height:111px;
		 margin-bottom:10px;
		 }
		 
		 
#mainsys01 {
         background:url(../img/mente_bg01.gif) left top no-repeat;
		 width:615px;
		 height:60px;
		 margin-bottom:10px;
		 }
		 
#mainsys ul{
            list-style:none;
			margin:0px 5px 5px 15px;
			padding:5px 3px;
		   }
		   
#mainsys li{
           background:url(../img/mainsys_bo.gif) no-repeat 0 50%;
		   color:#585858;
		   padding:0px 15px;
		   margin:0px;
		   
		   }		
		   
#camerasys {
           width:616px;
		   margin-bottom:10px;
		   }
		   
#camerasys p{
            margin:0px;
			padding:0px;
			font-weight:bold;
			vertical-align: text-bottom ;
			}
			
#camerasys blockquote{
                    margin:0px;
					padding-left:15px;
                    }	
					
#bottombanner {
              width:616px;
			  margin: 0 0 30px 0;
			  padding:0px;
			  }
			
#bottombanner img{
                 border:0px;
				 padding:0px;
				 margin:0px;
                 }			  					
/***************************************/
/*******  contents box & line  *********/
/***************************************/

/* table of basic01 */

table.basic01{
width:100%;
border:1px solid #a1c2e1;
border-collapse:collapse;
margin:3px 0 5px 0;
background-color:#FFF;
font-size:90%;
}


table.basic01 td,table.basic01 th{
border-bottom:1px solid #a1c2e1;
border-right:1px solid #a1c2e1;
padding: 5px 5px 5px 15px;
text-align:left;
color:#000;
}

table.basic01 th{ background-color: #edf4fa;
                  width:30%;
				  font-weight:normal;
				  text-align:left;
				  vertical-align:text-top; }

/* table of basic02 */

table.basic02{
width:100%;
border:1px solid #b4d7bd;
border-collapse:collapse;
margin:5px 0 5px 0;
background-color:#FFF;
font-size:90%;
}


table.basic02 td,table.basic02 th{
border-bottom:1px solid #b4d7bd;
border-right:1px solid #b4d7bd;
padding: 5px 5px 5px 15px;
text-align:left;
}

table.basic02 th{ background-color: #f5fdf7;
                  width:30%;
				  color:#000;
				  font-weight:normal;
 }

table.basic02 p{margin:0;
		 padding:0;
		 border:0;
		 text-align:left;}

/* contents box*/

.linedbox{
padding:3px 3px 3px 17px;
background-color:#f6fdf6;
border:3px solid #b5d7be;
color:#000;
}


.topbox01{
margin: 10px 10px 10px 10px; /*columnの中にcontentsを入れる時column全体にmaginを与えます。*/
padding:px 10px 0px 10px;
}


.topbox02{
margin: 0px 0px 0px 0px; /*columnの中にcontentsを入れる時column全体にmaginを与えます。*/
padding:0px 0px 0px 10px;
}



.topbox{
margin: 0px 10px 10px 10px; /*columnの中にcontentsを入れる時column全体にmaginを与えます。*/
padding:0 5px 0 5px;
}

.topbox a:hover {
	text-decoration:none;
}


/*basic center box */

.center01{
          text-align:center;
		  padding-top:20p;
		  padding-bottom:20px;
		 }
		 
.center02{
          border-top:1px dotted #999999;
		  padding:0;
		  margin:0;
		  height:165px;
		  background:url(../contents/img/center02back.gif) top no-repeat ;
		  }		 
		  
.center02 img{
             float:left;
			 margin:110px 10px 20px 300px;
			 }

.center021{
          border-top:1px dotted #999999;
		  padding:0;
		  margin:0;
		  height:165px;
		  background:url(../contents/img/jisseki_bo.gif) top left no-repeat ;
		  }		 
		  
.center021 img{
             float:left;
			 margin:60px 10px 20px 40px;
			 }


/* maintenance mail with not doted line*/

.center022{
         /* border-top:1px dotted #999999;*/
		  padding:0;
		  margin:0;
		  height:165px;
		  background:url(../contents/img/jisseki_bo.gif) top left no-repeat ;
		  }		 
		  
.center022 img{
             float:left;
			 margin:60px 10px 20px 40px;
			 }


#center03{
         text-align:center;
		 margin-bottom:10px;
         }	   

#center03 a{
           border-right:1px solid #c2c2c2;
           text-decoration:none;
		   color:#777777;
		   margin-right:7px;
         }
		 
#center03 a:active,a:visited{
		   text-decoration:none;
		   color:#777777;
		   }

#center03 a:hover{
		text-decoration:none;
		   color:#777777;
		   }  
		   
		   
		   
#center33{
         text-align:left;
		 margin-bottom:10px;
         }	   

#center33 a{
           border-right:0px solid #c2c2c2;
           text-decoration:none;
		   color:#777777;
		   margin-right:0px;
         }
		 
#center33 a:active,a:visited{
		   text-decoration:none;
		   color:#777777;
		   }

#center33 a:hover{
		text-decoration:none;
		   color:#777777;
		   } 
		   
		    

.center03_1{
           text-decoration:none;
		   color:#777777;
		   margin-right:7px;
}



/* jisseki contents */

#center04{
          width:80%;
		  text-align:left;
		  margin-bottom:5px;
		  margin-top:-11px;
		  padding-left:55px;
		  color:#0b47c1;
		  font-weight:normal;
		  /*background-color:#000033;*/
		  
		 }

#center04 a{
           color:#121886;
		   text-decoration:none;
		   font-weight:normal;
		   }

#center04 a:active,a:hover,a:visited{
           color:#121886;
		   text-decoration:none;
		   font-weight:normal;
		   }
		   
#center04 table{
              width:100%;
			  border:0px;
			  padding:8px;
			  }

/* center05 jisseki contents*/

.center05{
          background-color:#eeeeee;
		  height:362px;
		  padding:8px;
		  margin:0　0 10px 0;
		  }

.center05 img{
         margin:3px;
		 float:left;
		 }


.center05left{
             float:left;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }
			 
.center05center{
             float:left;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }

.center05right{
             float:right;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }
			 
			 

/* center06 jisseki contents*/

.center06{
          background-color:#eeeeee;
		  height:870px;
		  padding:8px;
		  margin:0　0 10px 0;
		  }

.center06 img{
         margin:3px;
		 float:left;
		 }


.center06left{
             float:left;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }
			 
.center06center{
             float:left;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }

.center06right{
             float:right;
			 font-size:12px;
			 line-height: 15px;
			 width:195px;
			 }
			 


/* bottom gray box*/
			
.graybox{
        margint-top:11px;
		width:963px;
		height:90px;
		background:url(../img/graytop.gif) no-repeat top left;
		padding-top:15px;
		color:#3c3c3c;
		}	

.graybox img{
            float:left;
			margin-left:15px;
			margin-right:15px;
			}		
.graybox p{
		   line-height:140%;
		   margin-top:4px;
           }

/*contents border gray box*/

.roundgray{width:597px;
           height:159px;
		   background:url(../img/grayround.gif) no-repeat top left;
		   margin-top:11px;
		   }
		   
.roundgray img{
               float:left;
               padding:6px 5px 18px 14px;
			   display:inline;
               }
			   
.roundinn{
          text-align:left;
		  width:315px;
		  margin-top:-10px;
		  margin-left:-5px;
		  float:left;
		  background:url(../img/redarrow.gif) reapeat top left;
		  /*margin:15px 16px 18px 40px;
		  padding-left:15px;*/
          }

		   
.img01{
      margin:0 0 0 -30px;;
	  padding:0;
      }

/*  dotted line */

.dotline{
         /*border-bottom-color:#999999;
		 border-bottom-style:dotted;
		 border-bottom-width:1px;*/
	     width:100%;
		 height:32px;
		 background:url(../contents/img/dotline.gif) repeat-x;
		}


.dotline02{
         /*border-bottom-color:#999999;
		 border-bottom-style:dotted;
		 border-bottom-width:1px;*/
	     width:100%;
		 height:9px;
		 background:url(../contents/img/dotline02.gif) repeat-x;
		 margin-top:-10px;
		}

/*maintenance big gray box */

#biggray {
          background-image:url(../contents/img/main_gray.gif);
		  background-repeat:no-repeat;
		  width:615px;
		  height:289px;
		  margin:12px 0 0 0;
         }

#biggray h1{margin-top:8px;
            }
		  
/* maintenance n01 , n02, n03 */

#n01 {
     background-image:url(../contents/img/main_n01.gif);
	 background-repeat:no-repeat ;
	 width:616px;
	 height:155px;
	 margin:0px;
	 padding:0px;
      }		  

#n01 p{
      padding-top:95px; 
	  width:500px; 
	  margin-left:45px;
	  }

#n02 {
     background-image:url(../contents/img/main_n02.gif);
	 background-repeat:no-repeat ;
	 width:616px;
	 height:155px;
	  margin:0px;
	 padding:0px;
      }
	  
#n02 p{
      padding-top:95px; 
	  width:500px; 
	  margin-left:45px;
	  }	  
	  
#n03 {
     background-image:url(../contents/img/main_n03.gif);
	 background-repeat:no-repeat ;
	 width:616px;
	 height:155px;
	  margin:0px;
	 padding:0px;
      }	  
	  
#n03 p{
      padding-top:95px; 
	  width:500px; 
	  margin-left:45px;
	  }	  
	  
#n04 {
     background-image:url(../contents/img/main_n04.gif);
	 background-repeat:no-repeat ;
	 width:616px;
	 height:197px;
      }	

#n04left {
          float:left;
		  width:235px;
		  margin-top:100px;
		 /* background-color:#000000;*/
		  padding:0 3px 5px 23px;
		  line-height:110%;
		  }
		  
#n04right {
          float:right;
		  width:315px;
		  margin-top:100px;
		  /*background-color:#999999;*/
		  padding:0 20px 5px 20px;
		  line-height:110%;
           }		  

/*lease top */

.leasetop {
           /*background-color:#00FF66;*/
		   width:600px;
		   margin-left:15px;
           }

.leasetop p{
           color:#0070bc;
		   font-weight:bold;
		   font-size:110%;
		   }	  		  

.leasetop blockquote{
          margin:-15px 5px 3px 15px;
		  line-height:110%;
		  }		   
		  
/* Q&A sub contents */		  

.qasub {
	   background:url(../contents/img/qa_back.gif) top left no-repeat;
	   width:616px;
       }
		  
.qasub p{
        color:#0070bc;
		font-weight:bold;
		padding:5px 0 3px 30px;
        }		  

.qasub blockquote{
       line-height:110%;
	   margin-top:0px;
	   }		

#qalist {
         margin:0px 0px 0px -25px;
		 padding:0px;
		/* background-color:#003300;*/
        }		

/***************************************/
/**********        Form      ***********/
/***************************************/

.fstyle01 input{
			 border:1 solid #eee;
			 }
          
/*.fstyle01 textarea {
                 width:334px;
				 height:87px;
                }*/

.miniform{
         width:80%;
		 
		 }

/***************************************/
/************** Navigation *************/
/***************************************/

#mitsumori_bt{
		border:0;
		margin-bottom:10px;
		background:url(/img/mitumori_uke.png) no-repeat;
		height:120px;
		}
		
#mitsumori_bt ul{
	margin:0;
	padding:5px 5px 10px 10px;
	font-size:12px;
		}

#btob_bt{
	width:169px;
	border:0;
	margin-bottom:10px;
		}
		
#left ,
ul.left {
     list-style:none;
	 width:169px;
	 width /**/:168px;
	 color:#666666;
	 margin:0;
	 padding: 0;
	}

#left a,
ul.left a{
       color:#666666;
	   text-decoration:none;
	   font-size:12px;
	   }

#left li,
ul.left li{
     background:url(../img/menu_arrow.gif) no-repeat 0 47%;
	 border-bottom:1px solid #cecece;
	 background-color:#f7f7f7;
	 padding:3px 0 2px 20px;
	 font-size:12px;
	 /*margin:0;*/
     }

#left a:hover,
ul.left a:hover {
       color:#666666;
	   text-decoration:none;
	   background:url(../img/menu_arrow02.gif) no-repeat 0 47%;
	   }

#sub ,
li.#sub {
     background:url(../img/menu_arrow.gif) no-repeat 0 47%;
	 border-bottom:1px solid #cecece;
	 background-color:#f7f7f7;
	 padding:3px 0 2px 20px;
	 font-size:12px;
	 /*margin:0;*/
     }
	 
#subend ,
li.subend {
     background:url(../img/menu_arrow.gif) no-repeat 0 47%;
	 background-color:#f7f7f7;
	 padding:2px 0 2px 20px;
	 font-size:12px;
     }

#main {
     /* border-bottom:1px dotted #666666;
      background-color:#eeeeee;
	  background:#eeeeee url(../img/menu_back.gif) right repeat-y;
	  font-weight:bold;
	  padding:3px 0 2px 18px;*/
	  margin:0 0 0 -20px;
	  padding:0;
	  border:0;
       }

/* add sub menu  */

#menu dt {
width:188px;
cursor:pointer;
background:#eeeeee url(../img/menu_back.gif) right repeat-y;
margin:0px;
height:25px;
padding:0px 2px 0px 18px;
text-align:left;
border-bottom:1px dotted #666666;
}

#menu dt a {
 color:#000000;
 font-weight:bold;
 margin:0px;
 height:20px;
 text-decoration:none;
 list-style-type:none;
 display:block;
 padding:2px 2px 2px 50px;
}

#menu dt a:hover{
              text-decoration:none;
              list-style-type:none;
			  color:#FFFFFF;
			  background:url(../img/menu03_back.gif) no-repeat top right;
			  margin:0px;  
              }

#menu dd {
position:absolute;
margin-left:25px;
margin-top:-600px;
z-index:100;
left:150px;
background:#f9fbfd;
}

#menu ul {
margin:0;
width:170px;
list-style-type: none;
padding:2px;
text-decoration: none;
}

.submenu03{
          background:url(../img/submenutitle.gif) no-repeat left;
		  color:#FFFFFF;
		  font-weight:bold;
		  display:block;
		  height: 20px;
		  padding-left:20px;
          padding-top:6px;
          }

#menu li {
background:url(../img/submenuback.gif) no-repeat left;
font-size:12px;
height: 23px;
padding-left:18px;
border-right:1px solid #cecece;
border-left:1px solid #cecece;
}

#menu li a {
margin:1px;
padding-left: 10px;
padding-top:2px;
color: #333333;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: none;
}


/***************************************/
/************ Text Link   **************/
/***************************************/

#rightform{
          float:right;
		  width:50%;
		  padding:0;
		  margin:0;
		  text-align:left;
		  }
#leftform{
          float:left;
		  width:40%;
		  padding:0;
		  margin:0;
		  text-align:left;
		  }
		  
		  







/**************************************************/
/************ こちらで追加したタグ   **************/
/**************************************************/

/* --------------------------　H1 ----------------------------- */

.orange_b {
	color: #ff6600;
	font-weight: bold;
}

.mente_merit td {
	color: #121886;
	padding:3px 0 3px 0;
	vertical-align:top;
}

.mente_merit img {
	margin-top:2px;
}

#mente-mrt {
    font-size:14px; /*maintenance sub title*/
	font-weight:bold;
	color:#121886;
	padding:10px 3px 3px 5px;
	/*background:url(../contents/img/titlearrow03.gif) no-repeat left;*/
	margin-bottom:0;
	margin-top:0;
	text-align:left;
	vertical-align:middle;
	}

#mente01{
           width:575px;
           float:right;
		   margin-top:5px;
		   padding:0px 15px 20px 5px;
		   margin:0px;
          }

#mente-mrt2 {
    font-size:14px; /*maintenance sub title*/
	font-weight:bold;
	color:#121886;
	padding:10px 3px 3px 5px;
	margin-bottom:0;
	margin-top:-10px;
	text-align:left;
	vertical-align:middle;
	}

#mente02{
           width:575px;
           float:right;
		   padding:0px 15px 20px 5px;
		   margin:0px;
          }

#mente-mrt3 {
    font-size:14px; /*maintenance sub title*/
	font-weight:bold;
	color:#121886;
	padding:10px 3px 3px 5px;
	/*background:url(../contents/img/titlearrow03.gif) no-repeat left;*/
	margin-bottom:0;
	margin-top:63px;
	text-align:left;
	vertical-align:middle;
	}
	
#mente03{
           width:575px;
           float:right;
		   margin-top:5px;
		   padding:0px 15px 20px 5px;
          }	

/* technology new */		  
		 		  
.tech_title {
             font-size:16px;
			 font-weight:bold;
			 color:#172d5f;
			 margin:0 0 0 15px;
			 padding:0;
			 }		  
			 
table.tabel_tech{
width:617px;
margin:3px 0 5px 0;
font-size:12px;
border-bottom:5px solid #1075b9;
}


table.tabel_tech td{
border-bottom:1px solid #e7e7e7;
padding: 5px 5px 5px 15px;
text-align:left;
color:#666666;
}

table.tabel_tech th{ background-color: #1075b9;
				  font-weight:normal;
				  color:#fff;
				  text-align:center;
				 }			
				 
.techbox {
          width:610px;
		  padding:3px 3px 7px 3px;
		  border:1px solid #a9dcf7;
		  }
		/* ここから今日の変更分*/  
#tech01_01 {
           background-image:url(../contents/img/tech01_co02.gif);
		   background-repeat:no-repeat;
		   height:147px;
		   }		  
		   
#tech01_left {
              float:left;
			  padding:2px 3px 0 150px;
			  }
             		   
#tech01_right {
               float:right;
			   padding:2px 3px 0 0px;
			   width:250px;
			   }					   
			   
.techinner {
            padding:3px 3px 3px 10px;
			color:#2d9fdb;
			 font-size:14px;
			 font-weight:bold;
			}			   

.techinner img{
              float:left;
			  vertical-align:top;
			  }

.techinner blockquote{
                   color:#000;
				   font-weight:bold;
				   font-size:16px;
				   margin-top:2px;
                   }
.techinner p {
             color:#666666;
			 font-size:10pt;
			 font-weight:normal;
			 margin-top:-10px;
			 line-height:14px;
			 }
			
.techinner01 {
            padding:3px 5px 2px 17px;
			}			   			

.techinner02 {
            background-image:url(../contents/img/tech02_co08back.gif);
			background-repeat:no-repeat;
			padding:3px 5px 2px 17px;
			height:245px;
            }

.techinner03 {
            background-image:url(../contents/img/tech02_co10back.gif);
			background-repeat:no-repeat;
			padding:3px 0px 2px 10px;
			height:277px;
            }		
.techinner03 cite {
                  font-weight:bold;
				  color:#fe7f0c;
                 }
.techinner04 {
            background-image:url(../contents/img/tech02_co12back.gif);
			background-repeat:no-repeat;
			padding:3px 0px 2px 10px;
			height:247px;
            }		
			
.center022{
		  padding:0;
		  margin:0;
		  height:165px;
		  background:url(../contents/img/jisseki_bo.gif) top left no-repeat ;
		  }	
/*--------------------------- technology03で追加 ----------------------------------------*/
			
.techinner05 {
			margin:10px 0px 5px 0px;
            padding:3px 3px 3px 5px;
			color:#666666;
			font-size:14px;
			font-weight:bold;
			}

.techinner05 img{
              float:left;
			  vertical-align:top;
			  }

.techinner06 {
            padding:3px 5px 10px 20px;
			font-size:12px;
			}

.techinner06 img{
              float:left;
			  vertical-align:top;
			  }

.techinner07 {
            padding:3px 3px 3px 5px;
			color:#666666;
			 font-size:14px;
			 font-weight:bold;
			 }

.techdemo {
		width:265px;
		height:250px;
		}

.techlist ul{
		list-style-image:url(../contents/img/tech_list.gif);  
			} 

.techlist li {
		list-style-image:url(../contents/img/tech_list.gif);
		float:left;
		padding:0px 10px 0px 10px;
		}

.tech03_box {
			float:left;
			width:610px;
			height:320x;
			font-size:12px;
			}/*林追加*/

.tech03_boxl {
			float:left;
			width:360px;
			}

.tech03_boxr {
			float:right;
			width:250px;
			height:300px;
			}/*林追加*/

.tech03txt {
		margin:3px 5px 3px 10px;
		}

table.tabel_tech2 {
		border-top:1px solid #e4e4e4;
		border-left:1px solid #e4e4e4;
		border-collapse:collapse;
		border-spacing:0px;
		width:600px;
		font-size:12px;
}

table.tabel_tech2 th {
		border-right:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4;
		background-color: #e4e4e4;
		text-align:center;
				 }	

table.tabel_tech2 td{
		border-right:1px solid #e4e4e4;
		border-bottom:1px solid #e4e4e4;
		padding: 5px 5px 5px 15px;
		text-align:left;
		color:#666666;
		}

.tech_title2 {
			 background-image:url(../contents/img/titlearrow04.gif);
			 background-repeat:no-repeat;
             font-size:16px;
			 font-weight:bold;
			 color:#172d5f;
			 margin:3px 3px 3px 5px;
			 padding:0px 0px 0px 25px;
			 }

.test {
		float:left;
		vertical-align:top;
		}
.test2 {
		float:right;
		font-size:12px;
		padding:3px 5px 10px 10px;
		}

.title_top {
		height:36px;
		}

.tech_ouyou {
	background-image:url(../contents/img/tech_taflame.gif);
	width:610px;
	height:109px;
	}


.tech_ouyou2 {
	width:520px;
	height:50px;
	font-size:14px;
	font-weight:bold;
	margin:29px 45px 29px 45px;
	}

.contents03 {
			 background-image:url(../contents/img/redpoint.gif);
			 background-repeat:no-repeat;
             font-size:12px;
			 margin:3px 3px 3px 5px;
			 padding:0px 0px 0px 25px;
			 }
/* --------------------------　カメラ接続図専用　----------------------------- */

.setuzokubox{
margin: 0px 10px 10px 10px; /*columnの中にcontentsを入れる時column全体にmaginを与えます。*/
padding:0 5px 0 5px;
}

/* --------------------------　工事の流れ専用　----------------------------- */


.nagarewaku {
	width: 580px;
	margin: 0px 0px 10px 30px;
	padding: 0px;
	}

.nagarewaku01 {
	float: left;
	width: 190px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	text-align: center;
	}

.nagarewaku02 {
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
	}

.nagarewaku img {
	margin: 0px;
	padding: 5px 0px;
	}

.nagarebr {

	clear: both;
	}
	
/* --------------------------　システム構築専用　----------------------------- */
.contents {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	}
/* --------------------------　会社紹介専用　----------------------------- */

#com_link{
	margin:10px 0 10px 0;
	text-align:right;
	}

#com_link a{
       color:#585858;
	   text-decoration:none;
	   font-weight:normal;
	   }

#com_link a:hover{
       color:#585858;
	   text-decoration:none;
	   }

#policy{
	clear:both;
	}


.supply{
	border-bottom:1px solid #cbcbc9;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
	}
	
.supply_end{
	border-bottom:1px solid #ffffff;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
	}
	
.supply p{
	padding:0 10px 0 60px;
	margin-top:0;
	}
		
.supply_end p{
	padding:0 10px 0 60px;
	margin-top:0;
	}


.mission{
	border-bottom:1px solid #cbcbc9;
	clear:both;
	height:110px;
	margin-bottom:15px;
	vertical-align:middle;
	margin-top:10px;
	}

.mission_end{
	border-bottom:1px solid #ffffff;
	height:110px;
	margin-bottom:15px;
	vertical-align:middle;
	margin-top:10px;
	}
	
.mission p{
	padding:10px 10px 0 60px;
	margin-top:0;
	}

.mission_end p{
	padding:10px 10px 0 60px;
	margin-top:0;
	}
	
.summary{
	float:left;
	border-left:4px solid #FF6600;
	width:290px;
	padding-left:10px;
	margin:10px 0 10px 0;
	}	
	
.summary_index{
	background:url(../contents/img/spotmark_blue.gif) top left no-repeat ;
	padding-left:15px;
	font-size:1.2em;
	margin-top:10px;
	}	
	
table.PN01 {
	width:100%;
	border-spacing: 0px;
	font-size:12px;
	line-height:20px;
}
table.PN01 th, table.PN01 td {
	border-width: 1px;
	border-style: solid;
	border-color: #E9E9E9 #BFBFBF #BFBFBF #E9E9E9;
	padding: 4px;
	text-align: left;
}

table.PN01 th {
	background-image: url(/img/bg_2.png);
	background-repeat: repeat;
	font-weight:normal;
	width:100px;
}
table.PN01 td {
	background-image: url(/img/bg_3.png);
	background-repeat: repeat;
}
	
/* 左メニュー大枠 */
.mainleft {
	float: right;
	width: 181px;
	text-align: left;
	margin: 0px 5px 0px 0px;
	}


/* --------------------------　左メニューリスト定義　----------------------------- */
.mainleft-border {
	/*border: solid 1px #000000;*/
	margin: 0px;
	}
	
.mainleft-listtitle {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px dotted #999999;
	width: 170px;
	}

div.mainleft ul {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	margin-left: 5px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	}

li.item1 {
	border-bottom: 1px dotted #999999;
	color: #227ED2;
	font-weight: bold;
	width: 145px;
	list-style-type: none;
	background: url(http://altaclasse.co.jp/images/menubullet02.gif) 3px 5px no-repeat;
	padding: 1px 0px 1px 17px;
	}
	
li.item2 {
	border-bottom: 1px dotted #999999;
	width: 145px;
	list-style-type: none;
	background: url(http://altaclasse.co.jp/images/menubullet01.gif) 11px 6px no-repeat;
	padding: 1px 0px 1px 19px;
	}


/* --------------------------　当店特選商品　----------------------------- */

.tokusensyouhin {
	width: 163px;
	margin: 10px 0px 0px 3px;
	padding: 0px;
	font-weight: bold;
	}

/* --------------------------　店長おすすめ商品・新商品のご案内・売れ筋商品　----------------------------- */

.tentyouosusume {
	width: 163px;
	margin: 10px 0px 0px 3px;
	}

.tentyouosusume ol {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	list-style-type: decimal;
	}

li.item3 {
	font-size: 11px;
	line-height: 13px;
	width: 140px;
	padding: 3px 0px;
	margin: 0px;
	}
	

/* --------------------------　出店モール　----------------------------- */
.syutten {
	width: 163px;
	text-align: center;
	margin: 10px 0px 0px 3px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #adcdfe;
	}

.syutten01 {
	margin: 0px;
	padding: 10px 0px;
	}
	

/* --------------------------　代表電話　----------------------------- */
.daihyoudenwa {
	width: 163px;
	margin: 10px 0px 30px 3px;
	}

/* --------------------------　新カテゴリーページ用CSS　----------------------------- */

.copytext {
	font-size: 10pt;
	color: #1E77D1;
	font-weight: bold;
	line-bottom: 20px;
}

.setumeitxt {
	font-size: 9pt;
	color: #666666;
	line-height: 16px;
}

.shiyoukoumoku {
	float: left;
	width: 130px;
	font-size: 9pt;
	color: #666666;
	line-height: 16px;
}

.shiyoukoumoku2 {
	font-size: 9pt;
	color: #666666;
	line-height: 16px;
}

.syousaibutton {
	margin: 0px 0px 0px 30px;
	}

.tujyoukakaku {
	text-align: center;
	font-size: 9pt;
	color: #666666;
	line-height: 16px;
	margin: 10px 0px 4px 0px;
}

.tokubetukakaku {
	text-align: center;
	font-size: 10pt;
	color: #FF0000;
	line-height: 16px;
	font-weight: bold;
	margin: 3px 0px 3px 0px;
}

.tokubetukakaku2 {
	text-align: center;
	font-size: 10pt;
	color: #FF0000;
	line-height: 16px;
	font-weight: bold;
	margin: 3px 0px 8px 0px;
}

.kagobutton {
	text-align: center;
	margin: 3px 0px 0px 0px;
}

.kagotyuu {
	width: 130px;
	font-size: 8pt;
	color: #666666;
	line-height: 12px;
	margin: 2px 0px 0px 0px;
}
/* ++++++++++++++++++++　テーブル　++++++++++++++++++++++++++ */

table.spec {
  margin-top: 0.2em;
  margin-bottom: 1em;
  margin-left:auto;
  margin-right:auto;
	font-size:12px;
	line-height:1.2em;
  border-collapse: collapse;
  border: solid 1px #999;
}

table.spec th,
table.spec td {
  border: solid 1px #999;
  padding: 4px 6px;
}

table.spec th {
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
  color: #666;
  font-weight:bold;
}

.style1 {color: #000000;}


#contentcolumn .hx2 {
    font-size:14px; /*一般タイトル*/
	border-bottom: 3px solid #03afef;
	color:#03257f;
	padding:3px 0 0 19px;
	background:url(../contents/img/titlearrow.gif) no-repeat left;
	margin-bottom:7px;
	font-weight: bold; 
	}
	
#contentcolumn .hx3 {
    font-size:14px;/*page title*/
	color:#03257f;
	background-color:#f3f3f3;
	border-left:4px solid #0bb7e2;
	padding:2px 0 2px 10px;
	margin:0;
	font-weight: bold; 
	}


#topmenu2 { width: 966px; background-image: url('/img/topmenuback.gif'); height: 27px; margin: 0; padding: 0; }
#topmenu2 ul { margin: 0; padding: 0; width:966px; text-align: center; list-style: none; height: 27px; }
#topmenu2 ul li { width: 133px; margin: 0; padding: 0; text-align: center; list-style: none; height: 27px; display: block; float: left; font-size: 9pt; }
#topmenu2 ul li a { display: block; width: 133px; margin: 0 auto; padding: 0; text-align: center; list-style: none; height: 27px; float: left; text-indent: -9999em; }
#topmenu2 ul li.x01 { width: 168px !important; background-image: url('/img/topmenu01.gif'); }
#topmenu2 ul li.x01:hover { width: 168px; background-image: url('/img/topmenu01_over.gif'); }
#topmenu2 ul li.x01 a { width: 168px !important;}
#topmenu2 ul li.x02 { background-image: url('/img/topmenu02.gif'); }
#topmenu2 ul li.x02:hover { background-image: url('/img/topmenu02_over.gif'); }
#topmenu2 ul li.x03 { background-image: url('/img/topmenu03.gif'); }
#topmenu2 ul li.x03:hover { background-image: url('/img/topmenu03_over.gif'); }
#topmenu2 ul li.x04 { background-image: url('/img/topmenu04.gif'); }
#topmenu2 ul li.x04:hover { background-image: url('/img/topmenu04_over.gif'); }
#topmenu2 ul li.x05 { background-image: url('/img/topmenu05.gif'); }
#topmenu2 ul li.x05:hover { background-image: url('/img/topmenu05_over.gif'); }
#topmenu2 ul li.x06 { background-image: url('/img/topmenu06.gif'); }
#topmenu2 ul li.x06:hover { background-image: url('/img/topmenu06_over.gif'); }
#topmenu2 ul li.x07 { background-image: url('/img/topmenu07.gif'); }
#topmenu2 ul li.x07:hover { background-image: url('/img/topmenu07_over.gif'); }


/*-- アイコン用 --*/
table.icon {
	width: 315px;	
}
table.icon td {
	width: 45px;
	padding-top: 3px;
	padding-bottom: 3px;
}







/*-- SEO 100805 --*/ 
.top_box h2{
	padding:0;
	margin:0;
	border:none;
}

.leftcolmun_box p{
	padding:0;
	margin:0;
}

#solution div.dl{
	margin:0;
	padding:0;
	width:615px;
	padding-top:12px;
}

#solution div.dl div.dl_r{
	width:430px;
	float:right;
}
			
#solution div.dl h3{
	font-size:13px;
	color:#666;
	background:none;
	border:none;
	padding:0;
	margin:0;
	width:430px;
	
}

#solution div.dl h3 span{
	color:#fd7318;
}

#solution div.dl p.pics1{
	width:160px;
	float:left;
	padding:0;
	margin:0;
	padding-left:12px;
}

#solution div.dl p.pics1 img{
	vertical-align:top;
}

#solution div.dl p.pics{
	width:160px;
	float:left;
	padding:0;
	margin:0;
	padding-left:12px;
	padding-top:3px;
}

#solution div.dl p.pics img{
	vertical-align:top;
}

#solution div.dl p.txt{
	padding:0;
	margin:0;
	width:415px;
	float:right;
	padding-right:15px;
}


#techleft h3,
#techright h3{
	background:none;
	border:none;
	text-align:center;
	font-weight:normal;
	font-size:13px;
	padding:0;
	margin:0;
}

#techleft p,
#techright p{
	padding-left:15px;
}

#camerasys h3{
	background:none;
	border:none;
	font-size:12px;
	color:#666;
	padding:0;
	margin:0;
}

#camerasys p{
	font-weight:normal;
	font-size:13px;
	padding-left:15px;
}

#solution div.dl:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

#solution{
	zoom:100%;
}