@charset "Shift_JIS";

@import "../../../css/navi.css";
@import "../../../css/base.css";
@import "../../../css/id.css";
@import "../../../css/color2.css";

#MAIN{
width:748px;
text-align:left;
}


.MLEFT{
float:left;
width:323px;
height:135px;
background-image: url(img/1top_1.jpg);
background-repeat: no-repeat;
}

.NLEFT{
float:left;
width:323px;
height:135px;
background-image: url(img/3top_1.jpg);
background-repeat: no-repeat;
}

.MRIGHT{
float:left;
width:425px;
height:135px;
background-image: url(img/1top_2.jpg);
background-repeat: no-repeat;
}


/*左に112pxの隙間*/
.left112{
margin:0 0 0 112px;
}

/*左に72pxの隙間*/
.left73{
margin:0 0 0 73px;
}


/*==================トップページ==================*/

/*製品*/
#point{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#point ul { margin:26px; padding:0; list-style-type: none;}
#point ul li { height: 342px; width:210px; overflow: hidden; float:left;  margin:20px 52px 14px 0px;}
#point ul li a { display: block; height: 342px; width:210px; background-position: 0px 0px; background-repeat:no-repeat;}
#point ul li a span { visibility: hidden; }

#point ul li#po01 a { background-image: url(img/hidari_01.jpg);  background-position: 0px 0px;}
#point ul li#po01 a:hover { background-image: url(img/hidari_02.jpg);  background-position: 0px 0px;}
#point ul li#po02 a { background-image: url(img/migi_01.jpg);  background-position: 0px 0px;}
#point ul li#po02 a:hover { background-image: url(img/migi_02.jpg);  background-position: 0px 0px;}

/*関連製品*/
#point2{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#point2 ul { margin:0px; padding:0; list-style-type: none;}
#point2 ul li { height: 150px; width:256px; overflow: hidden; float:left;  margin:20px 12px 0px 0px;}
#point2 ul li a { display: block; height: 150px; width:256px; background-position: 0px 0px; background-repeat:no-repeat;}
#point2 ul li a span { visibility: hidden; }

#point2 ul li#po201 a { background-image: url(img/fu1.jpg);  background-position: 0px 0px;}
#point2 ul li#po201 a:hover { background-image: url(img/fu2.jpg);  background-position: 0px 0px;}
#point2 ul li#po202 a { background-image: url(img/go1.jpg);  background-position: 0px 0px;}
#point2 ul li#po202 a:hover { background-image: url(img/go2.jpg);  background-position: 0px 0px;}

/*関連製品2*/
#point3{
margin:0;
background-repeat: no-repeat;
overflow: hidden;
}

#point3 ul { margin:0px; padding:0; list-style-type: none;}
#point3 ul li { height: 150px; width:256px; overflow: hidden; margin:20px 0px 20px 134px;}
#point3 ul li a { display: block; height: 150px; width:256px; background-position: 0px 0px; background-repeat:no-repeat;}
#point3 ul li a span { visibility: hidden; }

#point3 ul li#po301 a { background-image: url(img/lfs1.jpg);  background-position: 0px 0px;}
#point3 ul li#po301 a:hover { background-image: url(img/lfs2.jpg);  background-position: 0px 0px;}


/*==================各ページのボタン==================*/

/*中身メニューボタン*/
#spm{
width:343px;
margin:0 0 0 28px;
background-repeat: no-repeat;
overflow: hidden;
}

#spm ul { margin:0; padding:0; list-style-type: none;}
#spm ul li { height: 24px; margin-bottom:1px; overflow: hidden; float:left; }
#spm ul li a { display: block; height: 24px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#ffffff;}

#spm ul li#spm1 a { background-image: url(img/nb1.gif); width:343px; color:#ffffff;}
#spm ul li#spm2 a { background-image: url(img/nb1.gif); width:343px; color:#ffffff;}
#spm ul li#spm3 a { background-image: url(img/nb2.gif); width:170px; color:#ffffff; margin-right:1px;}
#spm ul li#spm4 a { background-image: url(img/nb3.gif); width:171px; color:#ffffff; margin-right:1px;}



#spm ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#ffffff; background-position: 0px -24px;}

#spm ul li a span { padding-left:26px; line-height:25px; font-size:11px; font-family:"MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";}

BODY#page1 #spm ul li#spm1 a { background-position: 0px -48px; color:#ffffff;}
BODY#page2 #spm ul li#spm2 a { background-position: 0px -48px; color:#ffffff;}
BODY#page3 #spm ul li#spm3 a { background-position: 0px -48px; color:#ffffff;}
BODY#page4 #spm ul li#spm4 a { background-position: 0px -48px; color:#ffffff;}
BODY#page5 #spm ul li#spm5 a { background-position: 0px -48px; color:#ffffff;}


/*バックボタン*/
#back{
width:748px;
height:30px;
margin:0;
padding:0;
background-repeat: no-repeat;
overflow: hidden;
}

#back ul { margin:0; padding:0; list-style-type: none;}
#back ul li { height: 30px; width:748px; margin:0; overflow: hidden; float:left; }
#back ul li a { display: block; height: 30px; width:748px; background-position: 0px 0px; text-decoration:none; background-image: url(img/1top_3.jpg); background-repeat:no-repeat; color:#ffffff;}
#back ul li a:hover { background-repeat:no-repeat; text-decoration:underline; color:#ffffff; background-image: url(img/2top_3.jpg);}
#back ul li a span { position: absolute; left: -9999px; }


/*==================主な特長==================*/


/*主な特長の4つの中見出し*/
.title1{
width:601px
height:27px;
margin:30px 0 7px 0;
}

/*主な特長の小見出し*/
h4{
color:#000000;
font-size:13px;
font-weight:bolder;
padding:7px 13px 7px 13px;
margin:0px;
line-height:20px;
}

/*主な特長の文字*/
.text1{
font-size:100%;
line-height:180%;
padding:40px 0px 20px 0px;
}





/* 見出し */
.topics1{
font-size:15px;
font-weight:bolder;
color:#333333;
margin:15px 0 5px 0;
padding:7px 0 0 16px;
line-height:17px;
height:24px;
overflow: hidden;
background-image: url(img/topics1.gif);
background-repeat: no-repeat;
clear:both;
}

/* 見出し */
.topics2{
font-size:13px;
color:#ffffff;
padding:3px 5px;
line-height:17px;
height:24px;
background-color:#999999;
}


/* 斜線ライン */
.hr2{
width:637px;
height:19px;
margin:20px 0 20px 0px;
}


/* 小見出し2 */
.komi2{
display: block;
width:524px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:110%;
line-height:150%;
color:#333333;
margin:0;
padding:0;
font-weight:normal;
}


/* 製品画像 */
.pro1{
margin:0 30px 30px 0;
width:238px;
}