@charset "UTF-8";


/* ---------------------------------------------------------------------------------------------------- flash */

div#flash_area{
margin-left:auto;
margin-right:auto;
width:742px;
height:238px;
background:url(../images/index/flash_area.jpg) no-repeat center top;
padding-bottom:5px;
padding-top:7px;
padding-left:14px;
}

/* ---------------------------------------------------------------------------------------------------- menu ( 共通仕様 ) */

div#menu{ /*  753 × 100  */
clear:both;
margin-left:auto;
margin-right:auto;
border:1px solid #CCCCCC;
width :735px;
height:103px;
padding-left :4px;
margin-bottom:1px;
line-height  :100%;
background:#FFFFFF;
padding-top:5px;

}

/* ボタンの外枠 */
div#menu ul.btn_wrapper{
width :182px;
height:98px;
float:left;
margin-right:1px;
}

/* Circuit Design 182 × 95*/
div#menu ul.btn_wrapper li.btn_list{
width :182px;
height:98px;
}

/* 赤いボタン 182 × 28 */
div#menu ul.btn_wrapper li.btn_list p{
width :182px;
height:28px;
font-size:1px;
text-indent:-9999px;
}

/* 矢印ボタンの一覧 182 × 70 */
div#menu ul.btn_wrapper li.btn_list ul{
width :182px;
height:63px;
float :left;
background  :url(../images/index/menu_bg.jpg) no-repeat left top;
padding-top :7px;
}


/* ---------------------------------------------------------------------------------------------------- 赤ボタン画像 */


/* 回路図 */
div#menu ul.btn_wrapper li.btn_list p.red_cd a{
display:block;
width  :182px;
height :28px;
background:url(../images/index/menu_cd.jpg) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list p.red_cd a:hover{
background-position:bottom;
}

/* PCB */
div#menu ul.btn_wrapper li.btn_list p.red_pcb a{
display:block;
width  :182px;
height :28px;
background:url(../images/index/menu_pcb.jpg) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list p.red_pcb a:hover{
background-position:bottom;
}

/* CP */
div#menu ul.btn_wrapper li.btn_list p.red_cp a{
display:block;
width  :182px;
height :28px;
background:url(../images/index/menu_cp.jpg) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list p.red_cp a:hover{
background-position:bottom;
}

/* SP */
div#menu ul.btn_wrapper li.btn_list p.red_sp a{
display:block;
width  :182px;
height :28px;
background:url(../images/index/menu_sp.jpg) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list p.red_sp a:hover{
background-position:bottom;
}


/* ---------------------------------------------------------------------------------------------------- 矢印ボタン画像 */


div#menu ul.btn_wrapper li.btn_list ul li{
font-size:1px;
text-indent:-9999px;
padding-top:3px;
height:15px;
}


/* 回路図 */

div#menu ul.btn_wrapper li.btn_list ul.cd li.menu1 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cd1.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cd li.menu2 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cd2.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cd li.menu3 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cd3.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cd li.menu1 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.cd li.menu2 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.cd li.menu3 a:hover{
background-position:bottom;
}


/* PCB */

div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu1 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_pcb1.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu2 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_pcb2.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu3 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_pcb3.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu1 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu2 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.pcb li.menu3 a:hover{
background-position:bottom;
}


/* CP */

div#menu ul.btn_wrapper li.btn_list ul.cp li.menu1 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cp1.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cp li.menu2 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cp2.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cp li.menu3 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_cp3.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.cp li.menu1 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.cp li.menu2 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.cp li.menu3 a:hover{
background-position:bottom;
}


/* SP */

div#menu ul.btn_wrapper li.btn_list ul.sp li.menu1 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_sp1.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.sp li.menu2 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_sp2.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.sp li.menu3 a{
display:block;
width:182px;
height:14px;
background:url(../images/index/menu_sp3.gif) no-repeat left top;
}
div#menu ul.btn_wrapper li.btn_list ul.sp li.menu1 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.sp li.menu2 a:hover,
div#menu ul.btn_wrapper li.btn_list ul.sp li.menu3 a:hover{
background-position:bottom;
}










/* ---------------------------------------------------------------------------------------------------- contents */


div#contents_header{
clear:both;
width:742px;
height:27px;
margin-left:auto;
margin-right:auto;
background:url(../images/index/contents_header.jpg) no-repeat center top;
}
div#contents{
clear:both;
width:742px;
margin-left:auto;
margin-right:auto;
background:url(../images/index/contents_bg.jpg) repeat-y center top;
}
div#contents_footer{
clear:both;
width:742px;
height:3px;
padding-top:25px;
margin-bottom:8px;
margin-left:auto;
margin-right:auto;
background:url(../images/index/contents_footer.jpg) no-repeat center bottom;
}

div#contents div.section{
float:left;
}


/* ---------------------------------------------------------------------------------------------------- what's new */


div#contents div#what{
width:277px;
}
div#contents div#what img{
margin-left:10px;
width:255px;
height:17px;
margin-top:10px;
margin-bottom:5px;
}
div#contents div#what dl{
width:255px;
margin-left:auto;
margin-right:auto;
}
div#contents div#what dl dt{
padding-top:20px;
font-weight:bold;
color:#333333;
}
div#contents div#what dl dd{
padding-top:5px;
font-size:12px;
line-height:150%;
color:#666666;
}


/* ---------------------------------------------------------------------------------------------------- event news */


div#contents div#event{
width:278px;
}
div#contents div#event img{
margin-left:10px;
width:255px;
height:17px;
margin-top:10px;
margin-bottom:5px;
}
div#contents div#event dl{
width:255px;
margin-left:auto;
margin-right:auto;
}
div#contents div#event dl dt{
padding-top:20px;
font-weight:bold;
color:#333333;
}
div#contents div#event dl dd{
padding-top:5px;
line-height:150%;
font-size:12px;
color:#666666;
}


/* ---------------------------------------------------------------------------------------------------- banner */


div#contents div#banner{
width:187px;
padding-bottom:20px;
}
div#contents div#banner ul{
width:187px;
}
div#contents div#banner ul li{
width:171px;
height:63px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}


/* ---------------------------------------------------------------------------------------------------- xxx */