@charset "UTF-8";

/*==========================================
             common
================================================*/
.pageTitle{
 display:block;
 width: 880px;
 margin-bottom: 15px;
}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}










/*==========================================
             products
================================================*/
.to_proBox{
 width: 810px;
 margin-left: 35px;
 margin-right: 35px;
 margin-bottom: 20px;
}

.to_proIn{
 width: 798px;
 border: solid 2px #CCCCCC;
 padding: 5px 8px 5px 0px;
}

.to_proIn div{
 float: left;
 width: 590px;
}

.to_proIn div h3{
 margin-bottom: 2px;
}

.to_proIn div .p01{
 padding-left: 25px;
 font-size: 8pt;
 margin-bottom: 5px;
}

.to_proIn div .p02{
 display: block;
 width: 148px;
 height: 25px;
 margin-left: 25px;
}



.to_proImg{
 float: right;
 display: block;
 width: 185px;
 height: 139px;
}







.navi93 a{
 display: block;
 width: 98px;
 height: 15px;
 background: url(../img/navi2.jpg) no-repeat -195px -15px;
 text-indent: -9000px;
 overflow: hidden;
}
.navi93 a:hover{background: url(../img/navi2.jpg) no-repeat -195px -15px;}

.proLeft{
 float: left;
 width: 610px;
}

.proName{
 width: 586px;
 display: block;
 border: solid 2px #CCCCCC;
 background: #2E3699;
 color: #FFFFFF;
 line-height: 2;
 padding: 0px 10px;
 font-weight: bold;
 margin-bottom: 15px;
 font-size: 12pt;
}

.proTable{
 width: 610px;
 margin-bottom: 20px;
}

.proPhoto{
 width: 339px;
}

.proPhoto p{
 width: 320px;
 padding: 1px;
 border: solid 1px #CCCCCC;
}

.proGaiyo{
 width: 271px;
}

.proGaiyo_txt{
 padding: 5px;
 background: #E5E5E5
}



.down a{
 background: url(../img/pdf_icon.gif) no-repeat 0 0;
 padding-left: 20px;
 line-height: 17px;
}

.down a:link{
 color: #006699;
 text-decoration: none;
 background: url(../img/pdf_icon.gif) no-repeat 0 0px;
}

.down a:visited{
 color: #006699;
 text-decoration: none;
 background: url(../img/pdf_icon.gif) no-repeat 0 0px;
}

.down a:hover{
 color: #006699;
 text-decoration: underline;
 background: url(../img/pdf_icon.gif) no-repeat 0 0px;
}

.proRight{
 float: right;
 width: 235px;
}

.proNavi01 a{
 display: block;
 width: 235px;
 height: 30px;
 background: url(../../products/img/01.jpg) no-repeat 0 0;
 text-indent: -9000px;
 overflow: hidden;
}
.proNavi01 a:hover{background: url(../../products/img/01.jpg) no-repeat 0px -30px;}

.proNavi02 a{
 display: block;
 width: 235px;
 height: 30px;
 background: url(../../products/img/02.jpg) no-repeat 0 0;
 text-indent: -9000px;
 overflow: hidden;
}
.proNavi02 a:hover{background: url(../../products/img/02.jpg) no-repeat 0px -30px;}

.proNavi03 a{
 display: block;
 width: 235px;
 height: 30px;
 background: url(../../products/img/03.jpg) no-repeat 0 0;
 text-indent: -9000px;
 overflow: hidden;
}
.proNavi03 a:hover{background: url(../../products/img/03.jpg) no-repeat 0px -30px;}

.proNavi04 a{
 display: block;
 width: 235px;
 height: 30px;
 background: url(../../products/img/04.jpg) no-repeat 0 0;
 text-indent: -9000px;
 overflow: hidden;
}
.proNavi04 a:hover{background: url(../../products/img/04.jpg) no-repeat 0px -30px;}

.proNavi05 a{
 display: block;
 width: 235px;
 height: 30px;
 background: url(../../products/img/05.jpg) no-repeat 0 0;
 text-indent: -9000px;
 overflow: hidden;
}
.proNavi05 a:hover{background: url(../../products/img/05.jpg) no-repeat 0px -30px;}

.proAnchor{
 width: 213px;
 border-right: solid 1px #E5E5E5;
 border-bottom: solid 1px #E5E5E5;
 border-left: solid 1px #E5E5E5;
 padding: 10px;
}

.proAnchor p{
 width: 213px;
 height: 60px;
 display:block;
}

.proAnchor p a{
 display: block;
 width: 213px;
 height: 60px;
}








/*==========================================
             company
================================================*/
.navi92 a{
 display: block;
 width: 98px;
 height: 15px;
 background: url(../img/navi2.jpg) no-repeat -97px -15px;
 text-indent: -9000px;
 overflow: hidden;
}
.navi92 a:hover{background: url(../img/navi2.jpg) no-repeat -97px -15px;}

.comLeft{
 float: left;
 width: 536px;
}

.comCate{
 width: 536px;
 margin-bottom: 10px;
}

.gaiyo{
 width: 536px;
 margin-bottom: 15px;
}

.gaiyoTd01{
 width: 80px;
 padding: 5px 10px;
 border-bottom: solid 1px #FFFFFF;
 background:url(../../company/img/bg.jpg) repeat 0 0;
 font-weight: bold;
}

.gaiyoTd02{
 padding: 5px 10px;
 border-bottom: dotted 1px #E5E5E5;
}

.history{
 width: 536px;
 border-top: dotted 1px #E5E5E5;
 margin-bottom: 15px;
}

.historyTd01{
 width: 100px;
 padding: 5px 10px;
 font-weight: bold;
 border-bottom: dotted 1px #E5E5E5;
}

.historyTd02{
 padding: 5px 10px;
 border-bottom: dotted 1px #E5E5E5;
}

.comRight{
 float: right;
 width: 324px;
}

.comRight p{
 display: block;
 border: solid 1px #CCCCCC;
 padding: 1px;
 margin-bottom: 15px;
}

/*==========================================
             line
================================================*/
.navi94 a{
 display: block;
 width: 98px;
 height: 15px;
 background: url(../img/navi2.jpg) no-repeat -293px -15px;
 text-indent: -9000px;
 overflow: hidden;
}
.navi94 a:hover{background: url(../img/navi2.jpg) no-repeat -293px -15px;}

.lineTxt01{
 display: block;
 margin-bottom: 15px;
}

.lineBox{
	width: 780px;
	border: solid 5px #CCCCCC;
	padding: 10px;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	background: url(../../line/img/bg.jpg) no-repeat right bottom;
}


/*==========================================
             pp
================================================*/
.ppH3{
 display: block;
 margin-bottom: 5px;
}

.ppTxt01{
 display: block;
 margin-bottom: 15px;
 padding-left: 5px;
}

.ppBox{
	width: 780px;
	border: solid 5px #CCCCCC;
	padding: 10px;
	margin-top: 0px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
}

.ppTxt21{
 display: block;
 width: 750px;
 margin: 0px 15px 15px 15px;
 border-bottom: dotted 1px #E5E5E5;
}

.ppTxt22{
 display: block;
 margin: 0px 15px 15px 15px;
}


/*==========================================
             sitemap
================================================*/
.sitemapBox{
 width: 730px;
 height: 300px;
 border: solid 10px #E5E5E5;
 padding: 15px;
 margin: 0px 50px 20px 50px;
}

.sitemapBox table{
 width: 730px;
}

.sitemapTd{
 width: 350px;
}

.sitemapP01{
 display: block;
 width: 350px;
 border-bottom: dotted 1px #E5E5E5;
}

.sitemapP01 a{
 display:block;
 width: 340px;
 border-left: solid 2px #2E3699;
 padding: 3px 0px 3px 10px;
 font-weight: bold;
}

.sitemapP01 a:link{
 color: #333333;
 text-decoration: none;
}

.sitemapP01 a:visited{
 color: #333333;
 text-decoration: none;
}

.sitemapP01 a:hover{
 color: #333333;
 text-decoration: none;
 background: #E5E5E5;
}

.sitemapP02{
 display: block;
 width: 320px;
 margin-left: 30px;
 border-bottom: dotted 1px #E5E5E5;
}

.sitemapP02 a{
 display:block;
 width: 320px;
 padding: 3px 0px 3px 0px;
 font-weight: bold;
}

.sitemapP02 a:link{
 color: #333333;
 text-decoration: none;
}

.sitemapP02 a:visited{
 color: #333333;
 text-decoration: none;
}

.sitemapP02 a:hover{
 color: #333333;
 text-decoration: none;
 background: #E5E5E5;
}


/*--------------------*/
.koji{
 display: block;
 height: 500px;
}
/*===============================*/
.pageTop{
 clear: both;
 width: 880px;
 padding: 5px 0px;
}

.pageTop p{
 display: block;
 float: right;
 cursor: pointer;
}


/*===============================*/