@charset "utf-8";


/* top.css
----------------------------------------- */
/*
===== 1: top > main setting =================================
*/

#top{
width:600px;
float:left;
}

#navi{
clear:both;
}

#logo{
width:155px;
float:right;
}

/*
===== 2: main > news setting =================================
*/
#news {
clear: both;
}

#top #news table{
font-size:0.85em;
margin:0.5em 2em 0;
}

#top #news table th{
width:150px;
}


#top #news p{
margin-top:0;
text-align:right;
}

/*
===== 4: main > banner setting =================================
非表示時は以下をコメントアウトを入れ替えること！
*/

/* 非表示用 */
#banner{display:none;}


/* 表示用

#main #logo,
#main #top{
margin-top:160px;
}

#banner{
position:absolute;
top:180px;
z-index:10;
margin-left:30px;
}

#navi{
z-index:20;
}
*/

/*
===== 5: main > product & solution list  ../img/logo-all.png=================================
*/

#solution-list{
margin-left: 10px;
margin-right: 10px;
width: 740px;
}

div.toplogo a{
display: block;
width: 370px; 
height: 75px; 
margin-top: 2px;
margin-bottom: 2px;
position: relative;
}

div.leftlogo a{margin-left: 10px;}
div.rightlogo a{margin-right: 10px;}

div.toplogo a img{position: absolute;}
div.toplogo#sdk a img{clip: rect(0px 370px 75px 0px); margin-top: 0px;}
div.toplogo#android a img{clip: rect(0px 740px 75px 370px); margin-left: -370px;}
div.toplogo#transserver a img{clip: rect(70px 370px 145px 0px); margin-top: -70px;}
div.toplogo#threeboxkit a img{clip: rect(70px 740px 145px 370px); margin-top: -70px; margin-left: -370px;}
div.toplogo#storage a img{clip: rect(140px 370px 215px 0px); margin-top: -140px;}
div.toplogo#avreceiver a img{clip: rect(140px 740px 215px 370px); margin-top: -140px; margin-left: -370px;}
div.toplogo#rf4ce a img{clip: rect(210px 370px 285px 0px); margin-top: -210px;}
div.toplogo#zigbee a img{clip: rect(210px 740px 285px 370px);  margin-top: -210px; margin-left: -370px;}
div.toplogo#mlplayer a img{clip: rect(280px 370px 355px 0px); margin-top: -280px;}
div.toplogo#education a img{clip: rect(280px 740px 355px 370px); margin-top: -280px; margin-left:-370px;}

div.toplogo a:hover{
-webkit-box-shadow: 0px 0px 5px #ff7c00;
-moz-box-shadow: 0px 0px 5px #ff7c00;
box-shadow: 0px 0px 5px #ff7c00;
}

/*
===== 6: main > contents slide =================================
*/

ul#example3 {
list-style: none;
margin:0; padding:0;
}

ul#top-images li{
list-style: none;
margin:0;
padding:0;
}

div.contents-slide a {
width: 760px; 
height: 242px;
position: relative;
display: none;
}

div.contents-slide a img{
position: absolute;
}

div.contents-slide#sdk a{display: block;}
div.contents-slide#sdk a img{margin-top: 0px;}
div.contents-slide#mlplayer a img{margin-top: -243px;}
div.contents-slide#photoframe a img{margin-top: -486px;}

/*
div#contents-slide-sdk a{
display: block;
background: url(../img/top-slide.png) no-repeat 0px 0px ; 
}

div#contents-slide-mlplayer a{
display: none;
width: 760px; 
height: 242px;
background: url(../img/top-slide.png) no-repeat 0px -243px ;
}

div#contents-slide-photoframe a{
display: none;
width: 760px; 
height: 242px;
background: url(../img/top-slide.png) no-repeat 0px -486px ;
}
*/

/*
===== 7: main > slide control ../img/gray-prev.png gray-next.png=================================
*/

div.slidecontrol a{
display: none;
position: relative;
top: -140px;
width: 30px;
height: 30px;
text-indent: -999999px;
background-repeat: no-repeat;
background-position: 0px -30px;
}

div.slidecontrol#previous-button a{
left: -10px;
float: left;
background-image: url(../img/gray_prev.png);
}

div.slidecontrol#next-button a{
right: -10px;
float: right;
background-image: url(../img/gray_next.png);
}

div.slidecontrol a:hover{
display: block;
background-position: 0px 0px;
}