@charset "Shift_JIS";

body{
	margin:0px;
	padding:0px;
	color:#454545;
	font-size:small;
	line-height:120%;
}


#wrapper{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
	background:url(img/base.gif);
	width:808px;
}


#head{
	background:url(img/head_base.gif) no-repeat;
	overflow:auto;
	width:100%;
}

#logo{
	float:left;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:10px;
}

h1{
	padding:0px;
	margin:0px;
}

#sitemap{
	float:right;
	text-align:right;
	padding-right:15px;
	padding-top:15px;
}

#sitemap img{
	padding-right:5px;
}

#main{
	clear:both;
	width:790px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

.main_img{
	margin-top:5px;
	margin-bottom:5px;
}

.whats-new {
	margin:15px 0 10px 0;
	width:560px;
	height:22px;
	padding:0;
}

.whats-new ul{
	float:left;
}

.whats-new li{

}
	
.update-what {
	width:560px;
	height:160px;
	overflow:auto;
	margin-bottom:10px;
}

.update-what dl {
	width:540px;
	overflow: auto;
	margin:0;
}

.update-what dt {
	width:100px;
	float:left;
	padding:7px 0 6px 10px;
	font-weight:bold;
}

.update-what dd {
	margin:0;
	padding:7px 3px 6px 6.6em;
	border-bottom:1px #CCCCCC dotted;
	line-height:120%;
}


.update {
	width:560px;
	height:150px;
	overflow:auto;
	margin-bottom:10px;
}

.update dl {
	width:540px;
	overflow: auto;
	margin:0;
}

.update dt {
	width:100px;
	float:left;
	padding:7px 0 6px 10px;
	font-weight:bold;
}

.update dd {
	margin:0;
	padding:7px 3px 6px 6.6em;
	border-bottom:1px #CCCCCC dotted;
	line-height:120%;
}

ul{
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	width:790px;
}
li{
	float:left;
}

:root li{
	list-style-type:none;
	float:left;
}

*:first-child+html li{
	list-style-type:none;
	float:left;
}

li img{
	border:0;
}
li.home{
	background:url(./img/navi_on_home.gif);
}
li.company{
	background:url(./img/navi_on_company.gif);
}
li.products{
	background:url(./img/navi_on_products.gif);
}
li.download{
	background:url(./img/navi_on_download.gif);

}
li.contact{
	background:url(./img/navi_on_contact.gif);
}
li.information{
	background:url(./img/navi_on_information.gif);
}

li a{
	display:block;
}
li a:hover {
	background-color:transparent;
}
li a:hover img{
	visibility:hidden;
}

a img{
	border:0px;
}

a:hover{
	color:#ff6600;
	text-decoration:underline;
}
a{
	text-decoration:none;
	color:#454545;
}

.middle {
	vertical-align:middle;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.no-border {
	border:none;
}


.m_t10 {
	margin-top:10px;
}

.m0p0 {
	margin:0;
	padding:0;
}


.f7 {
	font-size:7px;
}

.f11 {
	font-size:11px;
}

.f13 {
	font-size:13px;
}


.f18 {
	font-size:18px;
}

.line-h {
	line-height:150%;
}

.red {
	color:#F00;
}

.white {
	color:#FFF;
}

.yellow {
	color:#FF0;
}

#flash {
	margin:15px 0;
}


#top_left{
	float:left;
	width: 570px;
}

#top_left img{
	margin-left:2px;
}

#top_right{
	float:right;
	width:220px;
}

.copy{
	margin:12px;
	margin-top:8px;
}

:root .copy{
	margin:10px;
	margin-top:8px;
}
*:first-child+html .copy{
	margin:10px;
	margin-top:8px;
}

#foot{
	clear:both;
}



#top_right ul{
	margin:0px;
	padding:0px;
	width:220px;
}
#top_right li{
	margin-top:3px;
}

#products_menu ul{
	margin:0px;
	padding:0px;
	width:220px;
}
#products_menu li{
	margin-top:3px;
}



li.product1{
	background:url(./img/btn_on_p1.gif);
}
li.product2{
	background:url(./img/btn_on_p2.gif);
}
li.product3{
	background:url(./img/btn_on_p3.gif);
}
li.product4{
	background:url(./img/btn_on_p4.gif);
}
li.product_mt{
	background:url(./img/btn_on_mt.gif);
}
li.product_mi{
	background:url(./img/btn_on_mi.gif);
}
li.product_m{
	background:url(./img/btn_on_m.gif);
}
li.product5{
	background:url(./img/btn_on_p5.gif);
}
li.product6{
	background:url(./img/btn_on_p6.gif) no-repeat;
}

li.product6b{
	background:url(./img/btn_on_p6b.gif) no-repeat;
}
li.product7{
	background:url(./img/btn_on_p7.gif) no-repeat;
}
li.product7b{
	background:url(./img/btn_on_p7b.gif) no-repeat;
}

li.product8{
	background:url(./img/btn_on_p8.gif) no-repeat;
}
li.product8b{
	background:url(./img/btn_on_p8b.gif) no-repeat;
}

li.product9{
	background:url(./img/btn_on_p9.gif) no-repeat;
}
li.product9b{
	background:url(./img/btn_on_p9b.gif) no-repeat;
}
li.product10{
	background:url(./img/btn_on_p10.gif) no-repeat;
}
li.product11{
	background:url(./img/btn_on_p11.gif) no-repeat;
}

li.product12{
	background:url(./img/btn_on_p12.gif) no-repeat;
}

li.prat1{
	background:url(img/part-on-01.jpg) no-repeat;
}



/*　フッター　*/

#footer{
	margin-top:20px;
}

#f-navi01{
	margin:10px 0;
	height:58px;
}

#f-navi01 li.f-contact{
	background:url(img/f-navi_contact-on.jpg);
}

#f-navi01 li.f-download{
	background:url(img/f-navi_download-on.jpg);
}

#f-navi01 li.f-download-nokoba{
	background:url(img/f-navi_nokoba-on.jpg);
}

#f-navi02{
	margin:10px 0;
	height:26px;
}

#f-navi02 li.f-mm{
	background:url(img/f-navi_mm-on.jpg);
}

#f-navi02 li.f-sp{
	background: url(img/f-navi_sp-on.jpg);
}

#f-navi02 li.f-be{
	background: url(img/f-navi_net-on.jpg);
}


#f-navi02 li.f-related-01{
	background: url(img/related-01-on.jpg);
}

#f-navi02 li.f-related-02{
	background: url(img/related-02-on.jpg);
}

.fotter-line{
	border:#173480 solid 1px;
}

address {
	font-size: 12px;
	text-align:center;
	line-height: 1.5;
}

/*　プロダクトメニュー　*/

#products_menu ul.sublist{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:218px;
	overflow:hidden;
	padding-top:5px;
}

#products_menu ul.sublist li{
	background:none;
	margin-top:0px;
	width:208px;
	padding:5px;
	padding-bottom:0px;
	padding-left:0px;
	margin-left:20px;
	list-style-type: disc !important;
	marker-offset:1em;
}

#products_menu ul.sublist li .on{
	color:#f60;
}

#products_menu ul.sublist li.subsub{
	list-style-type: none !important;;
	padding-left:1em;
}

#products_menu .sub_foot{
	background:url(./img/sub_foot.gif);
	width:220px;
	height:11px;
}

#contents{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}




.bar_title{
	margin-top:30px;
	margin-bottom:25px;
}

#tb_cm{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #cccccc;
	border-collapse:collapse;
}

td{
	border-bottom:#cccccc 1px solid;
	padding:5px;
	margin:0px;
	vertical-align:top;
}

.midasi{
	width:150px;
	background-color:#eeeeee;
	font-weight:bold;
}

.midasi2{
	background-color:#666666;
	font-weight:bold;
	color:#ffffff;
	line-height:120%;
	font-size:12px;
}

.midasi2n{
	background-color:#E0E7F5;
	font-weight:bold;
	color:#000000;
	line-height:120%;
	font-size:12px;
}
.midasi3{
	background-color:#666666;
	font-weight:bold;
	color:#ffffff;
	line-height:120%;
	text-align:center;
	width:70px;
}

.midasi3n{
	background-color:#C9E8E5;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}

.midasi4{
	background-color:#FFFBCC;;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}
.midasi5{
	background-color:#99CCFF;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}


#bar{
	background:#eeeeee;
	padding:5px;
	font-weight:bold;
	margin-bottom:5px;
}

.inp_border{
	border:1px solid #cccccc;
}

#contact_waku{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
}

.or{
	color:#ff6600;
}

#bun{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

#bar_map{
	border:1px solid #cccccc;
	background:#eeeeee;
	padding:5px;
	width:220px;
	vertical-align:middle;
	margin-bottom:5px;
}
#bar_map2{
	border:1px solid #cccccc;
	background:#eeeeee;
	padding:5px;
	width:220px;
	vertical-align:middle;
	margin-left:135px;
	margin-bottom:5px;

}
#bar_map3{
	border:1px solid #cccccc;
	background:#eeeeee;
	padding:5px;
	width:220px;
	vertical-align:middle;
	margin-left:270px;
	margin-bottom:5px;

}


#sitemaplist ul li{
	background-image:url(img/icon.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	
	border:1px solid #cccccc;
	background-color:#eeeeee;
	padding:5px;
	width:180px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:left;
	padding-left:35px;
	float:none;
}

.bar_map{

}
.bar_map2{
	margin-left:135px;

}
.bar_map3{
	margin-left:270px;
}
.bar_map4{
	margin-left:405px;
}

#enkaku{
	margin:0px;
	padding:0px;
	border:none;
}

#enkaku td{
	padding-top:3px;;
	padding-bottom:3px;
	padding-right:3px;
	margin:0px;
	border:none;
}

.nengo{
	width:90px;
	text-align:right;

}

#products_menu{
	float:left;
	width:221px;
	overflow:hidden;

}

#products_main{
	float:right;
	width:520px;
	padding-top:5px;
}

.products_title_spc{
	margin-bottom:15px;
}



#subtitle{
	border:1px solid #cccccc;
	border-left:5px #18398C solid;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
}

#p_bun{
	width:500px;
	margin-left:10px;
}

#p_bun2{
	width:720px;
	margin-left:10px;
}

#waku{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:0px;
	padding:0px;
	width:500px;
}

#waku2{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:0px;
	padding:0px;
	width:500px;
	font-size:10px;
}

.d-close-up {
	width:488px;
	border:#CCC solid 1px;
	margin-top:10px;
	padding:5px;
}

.d-close-up .title {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background-color:#F90;
	padding:2px;
}
	
#waku4{
	border-collapse:collapse;
	border:1px solid #ffffff;
	background-color:#FFEF95;
	margin-bottom:10px;
	width:490px;
}

#waku5{
	border-collapse:collapse;
	border:1px solid #ffffff;
	background-color:#FFEF95;
	margin-bottom:10px;
}

#p_bun td{
	border:1px solid #cccccc;
	padding:2px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
}

#hyo_midasi{
	font-weight:bold;
	padding:5px;
	margin-top:15px;
}

#p_bun .hyo_s{
	text-align:left;
	padding-left:15px;
}

#p_bun .hyo_s2{
	text-align:left;
	padding-left:15px;
	background:#eeeeee;
}

#p_bun .eee{
	background:#eeeeee;
}
#hosoku{
	border-top:1px solid #cccccc;
	padding:3px;
	margin-top:10px;
}

#hosoku2{
	border-bottom:1px solid #cccccc;
	padding:3px;
	margin-bottom:10px;
}


#pagetop{
	clear:both;
	margin-top:20px;

	text-align:right;
	padding:5px;
}

.pgtop{
	background:#18398C;
	padding:3px;
}

.pgtop a{
	color:#ffffff;
	font-size:10px;
}

.css10{
	font-size:10px;
}

.icon{
	background:#18398C;
	padding:3px;
	color:#ffffff;
	font-size:10px;
}

.green {
	color:#79CCC8;
}

.icon2{
	background:#cc0000;
	padding:3px;
	color:#ffffff;
	font-size:10px;
}

.blue{
	color:#0099FF;
	font-weight:bold;

}

#dist_title{
	background:#33CC99;
	font-weight:bold;
	color:#ffffff;
	padding:3px;
	margin-top:15px;
	margin-bottom:10px;
}

#waku3{
	border:none;
	margin-bottom:10px;
	width:500px;
}

#dist_photo{
	border:none;
	width:200px;
	padding-right:10px;
}

#dist_data td{
	border:none;
	text-align:left;
	vertical-align:top;
}
#dist_data ol{
	margin:0px;
	padding:0px;
	margin-left:25px;
}

#dist_data li{
	float:none;
	list-style:decimal;
}

#dist_movie {
	text-align:center;
}



/*ダウンロード*/

#tb_dl{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #cccccc;
	border-collapse:collapse;
}

#tb_dl td .midasi7, .midasi8{
	border-bottom:#cccccc 1px solid;
	padding:3px;
	margin:0px;
	vertical-align:middle;
}

.midasi6{
	background-color:#666666;
	padding:5px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	color:#FFF;
}

.midasi7{
	width:60%;
	background-color:#eeeeee;
	font-weight:bold;
	vertical-align:middle;
}

.midasi9{
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}

.midasi8{
	width:40%;
}

.middle img{
	vertical-align:middle;
}

.dl_tbl{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.dl_td1{
	border:none;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:10px;
	width:320px;
	text-align:center;
}
.dl_td{
	border:none;
	border-right:1px solid #cccccc;
	padding:10px;
	width:320px;
	text-align:center;
}

#dl_title{
	background:#666666;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	margin-bottom:15px;
}

#dl_btn a{
	background:url(download/img/dl_btn.gif);
	width:120px;
	height:24px;
}

#dl_btn a{
display:block;
width:120px;
background:url(download/img/dl_btn.gif) no-repeat;
height:24px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;

}



#dl_btn a:hover{
background:url(download/img/dl_btn2.gif) no-repeat;
}

.dl_td2{
	text-align:center;
	width:150px;
	border:none;
}
.dl_td2 img{
	margin-bottom:5px;
}

#fax{
	font-size:14px;
	font-weight:bold;
	color:#cc0000;
	margin-top:10px;
	padding:0;
}

#com{
	margin-bottom:15px;
	overflow:hidden;
	line-height:18px;
}

#com img{
	margin-right:15px;
	float:left;
}

* html #com h2 {
	padding-top:3px;
	font-size:18px;
}

*+html #com h2 {
	padding-top:3px;
	font-size:18px;
}

#sitemap .btn{
	margin-top:10px;
	margin-right:-10px;
}

.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

#detail{
	overflow:hidden;
}

#detail .tower{
    float:left;
    width:120px;
    background:url(./product/img/tower1.gif);
    height:450px;
}

#detail .detail_right{
    float:right;
    width:390px;
    position:relative;
	margin-bottom:10px;
}

#detail .detail_right .card{
    background:#e4e4e4;
    padding:10px;
    width:165px;
    float:left;
    margin-bottom:15px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
    position: relative;
    behavior: url(/PIE.htc);
}

#detail .detail_right .ml15{
    margin-left:15px;
}

#detail .detail_right .mt15{
    margin-top:35px;
}

.mr10{
    margin-right:10px;
}

.ml10{
	margin-left:10px;
}

.mtb10{
	margin:10px 0;
}

#detail .detail_right .card h2{
    font-size:12px;
    padding:2px 0px 2px 5px;
    margin-top:0px;
}

#detail .detail_right .card h2.bar{
    border-left:3px solid #666;
}


#detail .detail_right .card h2.bar_orange{
    border-left:3px solid #f60;
}

#detail .detail_right .card h2.bar_blue{
    border-left:3px solid #36f;
}

#detail .detail_right .card h2.bar_pink{
    border-left:3px solid #f39;
} 

#detail .detail_right .card h2.bar_green{
    border-left:3px solid #090;
} 

#detail .detail_right .card img{
    margin-left:10px;
    margin-bottom:10px;
}

#detail .detail_right .waku{
    top:35px;
    left:0px;
    position: absolute;
    z-index: 100;
    width:365px;
    padding:10px;
    min-height:360px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
    behavior: url(/PIE.htc);
}

#detail .detail_right .waku img{
    margin:10px;
    margin-left:42px;
}

#detail .detail_right .waku h2{
    padding:5px 0px 5px 10px;
}

#detail .detail_right .detail_a{
    background:#FFD0A1;    
}

#detail .detail_right .detail_b{
    background:#CAD3FF;    
}

#detail .detail_right .detail_c{
    background:#FFC4DD;    
}

#detail .detail_right .detail_d{
    background:#CEF2BB;    
}

#detail .detail_right .detail_a h2{
    border-left:5px solid #f60;
	line-height:1em;
}

#detail .detail_right .detail_b h2{
    border-left:5px solid #36f;
	line-height:1em;	
}

#detail .detail_right .detail_c h2{
    border-left:5px solid #f39;
	line-height:1em;	
} 

#detail .detail_right .detail_d h2{
    border-left:5px solid #090;
	line-height:1em;	
} 


h2.subtitle{
	background:#CCE1F6;
	padding:5px;
	margin-top:5px;
	font-size:16px;
}

.info_contents{
	width:700px;
	margin:0px auto;
}

.info_contents h2{
	line-height:1.5em;
}

.info_date{
	color:#fff;
	background:#039;
	padding:3px;
	font-size:16px;
}

p.info{
	border-bottom:1px dotted #ccc;
	padding:10px;
}
/*　のこ刃　*/
.nokoba_contents{
	width:700px;
	margin:0px auto;
}

.nokoba_contents td{
	border-bottom:none;
}

/*　システム実績一覧表　*/

.system_contents{
	width:700px;
	margin:0px auto;
}

.system_contents h2{
	line-height:1.5em;
}

.system_date{
	color:#fff;
	background:#84B703;
	margin-right:10px;
	padding:3px;
	font-size:16px;
}

p.system{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

#tb_system{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #cccccc;
	border-collapse:collapse;
}


.midasi_system{
	background-color:#eeeeee;
	font-weight:bold;
}

#system_back{
	clear:both;
	margin-top:20px;

	text-align:right;
}


#gallery{
	margin-top:10px;
}

#gallery .left_zu{
	float:left;
	width:300px;
}

#gallery .left_zu table{
	border:1px solid #ccc;
	border-collapse:collapse;
	
	margin-bottom:10px;
}


#gallery .left_zu th{
	border:1px solid #ccc;
	background:#eee;
	
}

#gallery .right_zu{
	float:right;
	width:175px;
}

#gallery .right_zu img{
	border:1px solid #ccc;
	padding:3px;
	margin-bottom:10px;
}

.clear_both {
	clear:both;
	font-size:1px;
	height:1px;
}

/*   マツイマシンって  */

#what_sele {
	width:760px;
	padding:0;
	margin:20px 0;
	background-color:#F2F2F2;
}

#what_sele_l {
	float:left;
	width:380px;
	display:inline;
	padding:5px 0;
}

#what_sele_r {
	float:right;
	width:380px;
	display:inline;
	padding:5px 0;
}

#what_sele  ul {
	margin:10px 0;
	padding:0;
	font-weight:bold;
}

#what_sele li {
	clear:both;
	margin:5px 0;
	padding:0 10px 0 15px;
	list-style:none;
	background:url(what/img/icon.gif) no-repeat 5px;
}

.what_contents {
	margin:20px 0　30px 0;
	height:auto;
}

.what_contents .title {
	margin-bottom:15px;
	background:#18398C;
	padding:5px 10px;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
}

.what_contents li {
	clear:both;
}

.b {
	font-weight:bold;
}

.right {
	float:right;
	margin-right:30px;
}

/*   クローズアップ  */

#croseup {
	width:600px;
	margin:10px;
	text-align:left;
}

#croseup .column {
	width:600xp;
	margin-bottom:10px;
	background:#CCC;
	padding:5px;
	font-weight:bold;
}

.click {
	background:#333;
	color:#FFF;
	padding:2px;
	font-weight:bold;
}

#p_bun_croseup{
	width:600px;
	margin-left:10px;
}

#waku_croseup{
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:0px;
	padding:0px;
	width:600px;
}




#subtitle_croseup{
	background-color:#18398C;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
}

.subtitle_01_croseup{
	font-weight:bold;
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
}

/* スライドショー */

#slideshow {
   position: relative;
   width:  790px; /* 画像の横幅に合わせて記述 */
   height: 280px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;