@charset "Shift_JIS";
@import "base.css";
@import "id.css";
@import "color1.css";
@import "navi.css";
@import "new.css";

/* トップページ */

#BODY{
background-image: url(../img/bg_base.gif);
background-position: center;
background-repeat:repeat-y;
margin: 0px;
}

*html #BODY{
height:100%;
}


#CONTENTS{
margin:0px 1px 0px 1px;
width:748px;
height: 68px;
}


h1{
font-size: 0.92em;
font-weight: normal;
color:#FFFFFF ;
margin: 0 2px 0 0;
position: absolute; left: -9999px;
}

/*タイトル*/
.MLEFT{
float:left;
clear:both;
width:561px;
height: 246;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
}

/*バナー*/
.MRIGHT{
float:right;
width:187px;
height:246px;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom: 0px;
}


/*製品メニュー*/
#PROMENU{
margin:0px;
width:748px;
height:63px;
background-image: url(../index/img/bg_pro.gif);
background-repeat:repeat-y;
}

#pro{
margin:0;
padding:0;
 float: left;
}
#pro ul { margin:0; padding:0; list-style-type: none; }
#pro ul li { height: 63px;  float: left; }
#pro ul li a { display: block; height: 63px; background-repeat: no-repeat; background-position: 0px 0px; }
#pro ul li a:hover { background-position: 0px -63px; }
#pro ul li a span { position: absolute; left: -9999px; }

#pro ul li#nav01 a { background-image: url(../index/img/pro_1.gif); width: 186px; margin-right:1px;}
#pro ul li#nav02 a { background-image: url(../index/img/pro_2.gif); width: 186px; margin-right:1px;}
#pro ul li#nav03 a { background-image: url(../index/img/pro_3.gif); width: 186px; margin-right:1px;}
#pro ul li#nav04 a { background-image: url(../index/img/pro_4.gif); width: 187px; margin-right:0;}





/*ニュース（左）*/
#LEFT0{
clear:both;
float: left;
padding:0px;
margin:0px;
width:560px;
}

.news{
margin:5px 25px 0 25px;
}

/*メニュー（右）*/
#RIGHT0{
float: left;
padding:0px;
margin:0px;
width:188px;
}

/*メイン2*/
#MAIN2{
clear:both;
margin:0px 1px 0px 1px;
width:748px;
background-image: url(../index/img/bg_main2.gif);
background-color:#ffffff;
}


/*画像サイズ*/
img.hr2{
width:748px;
height:2px;
}

img.ffffff{
width:185px;
height:2px;
margin:3px 0px 0px 1px;
}

img.news{
width:556px;
height:27px;
margin:0px 0px 0px 2px;
}

img.mtitle{
width:183px;
height:27px;
margin:0px 0px 0px 3px;
}

img.more1{
width:88px;
height:19px;
}

.more{
margin:3px 5px 5px 0px;
float:right;
}





/*メニュー*/
#con{
width:177px;
overflow: hidden;
margin:3px 0 0 6px;
font-family: "MS UI Gothic", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
}
#con ul { margin:0; padding:0; list-style-type: none; font-size:85%; }
#con ul li { width: 177px; height: 19px; line-height:19px;}
#con ul li a { display: block; width: 177px; height: 19px; background-position: 0px 0px;text-decoration:none; color:#666666; background-image: url(../index/img/b1.gif);background-repeat:no-repeat;}
#con ul li a:hover { color:#499BB8;text-decoration:none; background-repeat:no-repeat;background-position: 0px -19px; }

/*メニュー・→までの隙間*/
.con2{
padding:0 0 0 34px;
}

/*ニュースボタンの隙間*/
#news1{
margin:13px 0 0 0px;
width:510px;
}
#news1 ul li { width: 510px;}
#news1 ul li a { width: 510px;}