/* main
----------------------------------------------- */
h1{
background:url(../../images/solution/title.jpg) no-repeat;
width:728px;
height:60px;
border-bottom:2px solid #cccccc;
}

h2{
margin:0 0 5px 0;
float:left;
}

.subtitle{
margin:20px 0 15px 15px;
float:left;
}

/* subnavi
----------------------------------------------- */
.menu{
width:728px;
height:23px;
list-style:none;
background:url(../../images/solution/navi.gif) no-repeat;
}

.menu li{
float:left;
}

#mp a, #tv, #av a, #pc a, #car a, #home a, #mp-stay a, #tv-stay, #av-stay a, #pc-stay a, #car-stay a, #home-stay a, #pc span{
display:block;
width:111px;
height:23px;
background:url(../../images/0.gif) no-repeat;
}

#pc a, #pc-stay a, #pc span{
width:179px;
}

#car a, #car-stay a{
width:105px;
}

#mp a:hover, #mp-stay a, #tv a:hover, #tv-stay, #av a:hover, #av-stay a, #pc a:hover, #pc-stay a, #car a:hover, #car-stay a, #home a:hover, #home-stay a{
background:url(../../images/solution/navi.gif) no-repeat 0 -23px;
}

#tv a:hover, #tv-stay{
background:url(../../images/solution/navi.gif) no-repeat -111px -23px;
}

#av a:hover, #av-stay a{
background:url(../../images/solution/navi.gif) no-repeat -222px -23px;
}

#pc a:hover, #pc-stay a{
background:url(../../images/solution/navi.gif) no-repeat -333px -23px;
}

#car a:hover, #car-stay a{
background:url(../../images/solution/navi.gif) no-repeat -512px -23px;
}

#home a:hover, #home-stay a{
background:url(../../images/solution/navi.gif) no-repeat -617px -23px;
}

#pc span{
text-indent:-9999px;
}

.catch{
margin:8px 0 18px;
font-size:18px;
font-weight:bold;
color:#990000;
text-align:center;
}

.notice{
margin:5px 0 10px 22px;
font-size:11px;
line-height:120%;
}

.notice img{
margin:0 5px 5px 0px;
float:left;
}

.uline{
text-decoration:underline;
}

/* pulldown
----------------------------------------------- */
#mobile, #footage, #audio, #processing, #lan, #lan_sub01, #white{
position:absolute;
left:20px;
top:181px;
width:141px;
_width:147px;
background-color:#E2E2E2;
border:solid 1px #CCCCCC;
padding:2px;
visibility:hidden;
z-index:3;
}
 
#footage{
left:141px;
z-index:4;
}

#audio{
left:242px;
z-index:5;
}

#processing{
left:353px;
z-index:6;
}

#lan{
left:532px;
z-index:7;
}

#lan_sub01{
left:650px;
top:195px;
z-index:8;
}

*html #lan_sub01{
left:640px;
top:195px;
z-index:8;
}

#white{
left:637px;
z-index:8;
}

#white a, #lan a, #lan_sub01 a, #processing a, #audio a, #footage a, #mobile a{
display: block;
font-size:11px;
line-height:120%;
text-decoration:none;
width:132px;
_width:140px;
color:#000000;
font-weight:bold;
border:solid 1px #CCCCCC;
padding:3px;
margin-bottom:2px;
}

#white a:hover, #lan a:hover, #lan_sub01 a:hover, #processing a:hover, #audio a:hover, #footage a:hover, #mobile a:hover{
background-color:#E1F0FF;
color:#666666;
}

.stay{
display: block;
font-size:11px;
line-height:120%;
text-decoration:none;
width:132px;
_width:140px;
font-weight:bold;
border:solid 1px #CCCCCC;
padding:3px;
margin-bottom:2px;
background-color:#E1F0FF;
color:#666666;
}

#presen{
width:160px;
padding:5px;
background:#ffffff;
border:1px solid #999999;
filter:alpha(opacity=85);
opacity:0.85;
}

#presen a{
display:block;
width:160px;
height:32px;
padding:0 0 0 36px;
background:url(../../images/solution/presen.gif) no-repeat center left;
line-height:32px;
}

/* list
----------------------------------------------- */
h2.line{ 
margin:10px 0 5px 0;
padding:0 0 0 10px;
width:710px;
font-size:14px; 
line-height:26px; 
border-bottom:1px solid #99CCFF;
border-left:8px solid #99CCFF;
}

*html h2.line{ 
width:728px;
}

#box{
margin:0 10px 5px 10px;
}

.ds{
margin:3px 0 0 0;
width:100%;
border-collapse:collapse;
font-size:12px;
line-height:130%;
border:1px solid #004F75;
empty-cells:show;
}

*html .ds{
margin:15px 0 0 0;
}

.ds caption{
margin:15px 0 0 0;
text-align:left;
font-weight:bold;
}

*html .ds caption{
padding:0 0 3px 0;
}

.col100{
width:100px;
}

.col30{
width:30px;
}

.col120{
width:120px;
}

.ds th{
border:1px solid #004F75;
background:#e1f5ff;
font-weight:normal;
padding:6px 3px;
}

.ds td{
border:1px solid #004F75;
padding:3px;
}

#status{
margin:12px 0 10px 0;
}

#plan, #dev, #new, #pre, #discon{
display:block;
height:18px;
margin:0 10px 0 8px;
background:url(../images/search/plan.gif) no-repeat;
padding:3px 0 0 34px;
float:left;
}

#dev{
background:url(../../images/search/dev.gif) no-repeat;
}

#new{
background:url(../../images/search/new.gif) no-repeat;
}

#pre{
background:url(../../images/search/pre.gif) no-repeat;
}

#discon{
background:url(../../images/search/discon.gif) no-repeat;
}


/* pdf
----------------------------------------------- */
.pdf, .digitalbook{
display:none;
}

/* Counter
----------------------------------------------- */
#portablect{
float:right;
width:110px;
height:25px;
margin-top:45px;
display:none;
}

#visualct{
float:right;
width:110px;
height:25px;
margin-top:450px;
display:none;
}

#audioct{
float:right;
width:110px;
height:25px;
margin-top:370px;
display:none;
}

#processct{
float:right;
width:110px;
height:25px;
margin-top:390px;
display:none;
}

#carct{
float:right;
width:110px;
height:25px;
margin-top:130px;
display:none;
}

#whitect{
float:right;
width:110px;
height:25px;
margin-top:635px;
display:none;
}

#change:after, #box:after, #status:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

*html #change, *html #box, *html #status{
height:1%;
}