@charset "UTF-8";


/*****************************************

stage         760 px
contents      742 px
main_contents 547 px
side_navi     190 px
side margin    18 px 

border:1px solid #333333 !important;

******************************************/

/* ---------------------------------------------------------------------------------------------------- global navigation */

div#global_navi ul li.csieda a{
background:url(../images/second/navi_csieda.jpg) no-repeat left bottom !important;
}


/* ---------------------------------------------------------------------------------------------------- main_contents > title ( 547px ) */



/* ---------------------------------------------------------------------------------------------------- main_contents > sub title & text ( 527px ) */


div#contents div#main_contents h3{
padding-top   :35px;
padding-bottom:10px;
padding-left  :10px;
padding-right :10px;
}

/*
div#contents div#main_contents p.text{
width:527px;
margin-left:auto;
margin-right:auto;
}
*/


/* ---------------------------------------------------------------------------------------------------- main_contents > list ( 共通 ) */

div#contents div#main_contents div.list{
clear:both;
width :527px;
margin-left:auto;
margin-right:auto;
padding-top:30px;
padding-bottom:20px;
}

div#contents div#main_contents div.list ul{
float :left;
width :100px;
height:100px;

}

div#contents div#main_contents div.list li{
width:100px;
font-size:1px;
text-indent:-9999px;
margin-bottom:15px;
}

div#contents div#main_contents div.list div.comment{
float:left;
width:388px;
padding-left:39px;
padding-bottom:20px;
background:#666666;
background:url(../images/csieda/index/icon_arrow.jpg) no-repeat left top;
font-size:11px;
}

div#contents div#main_contents div.list div.comment h3{
margin :0px;
padding:0px;
padding-bottom:10px;
width:388px;
height:14px;
}



/* ---------------------------------------------------------------------------------------------------- main_contents > list > button */


div#contents div#main_contents div.list ul li.winSchematic a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_schematic.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.Spice a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_spice.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.winPCB a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_pcb.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.winSignal a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_signal.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.winGerber a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_gerber.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.win3DView a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_3dview.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.electra a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_electra.jpg) no-repeat left top;
}
div#contents div#main_contents div.list ul li.netexpress a{
display:block;
width:100px;
height:14px;
background:url(../images/csieda/index/btn_netexpress.jpg) no-repeat left top;
}


div#contents div#main_contents div.list ul li.winSchematic a:hover,
div#contents div#main_contents div.list ul li.winSpice a:hover,
div#contents div#main_contents div.list ul li.winPCB a:hover,
div#contents div#main_contents div.list ul li.winSignal a:hover,
div#contents div#main_contents div.list ul li.winGerber a:hover,
div#contents div#main_contents div.list ul li.win3DView a:hover,
div#contents div#main_contents div.list ul li.electra a:hover,
div#contents div#main_contents div.list ul li.netexpress a:hover{
background-position:bottom;
}


/* ---------------------------------------------------------------------------------------------------- side_navi ( 190px )  */


div#contents div#side_navi ul li.sn_header{
width:190px;
height:35px;
background:url(../images/csieda/index/sn_header.jpg) no-repeat left top;
}

div#contents div#side_navi ul li.sn_footer{
width:190px;
height:35px;
background:url(../images/csieda/index/sn_footer.jpg) no-repeat left top;
}

div#contents div#side_navi ul li.sn_1,
div#contents div#side_navi ul li.sn_2,
div#contents div#side_navi ul li.sn_3,
div#contents div#side_navi ul li.sn_4,
div#contents div#side_navi ul li.sn_5{
width:190px;
height:33px;
}

div#contents div#side_navi ul li a{
display:block;
width:190px;
height:33px;
text-indent:-9999px;
}

div#contents div#side_navi ul li.sn_1 a{
background:url(../images/csieda/index/sn_1.jpg)   no-repeat left top;
}
div#contents div#side_navi ul li.sn_2 a{
background:url(../images/csieda/index/sn_2.jpg)   no-repeat left top;
}
div#contents div#side_navi ul li.sn_3 a{
background:url(../images/csieda/index/sn_3.jpg)   no-repeat left top;
}
div#contents div#side_navi ul li.sn_4 a{
background:url(../images/csieda/index/sn_4.jpg)   no-repeat left top;
}
div#contents div#side_navi ul li.sn_5 a{
background:url(../images/csieda/index/sn_5.jpg)   no-repeat left top;
}

div#contents div#side_navi ul li.sn_1 a:hover,
div#contents div#side_navi ul li.sn_2 a:hover,
div#contents div#side_navi ul li.sn_3 a:hover,
div#contents div#side_navi ul li.sn_4 a:hover,
div#contents div#side_navi ul li.sn_5 a:hover{
background-position:right top;
}

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