/* title
----------------------------------------------- */
h2{
float:left;
}

.subtitle{
float:left;
}

/* block
----------------------------------------------- */
.cell-block{
margin:0 0 20px 59px;
}

/* cell:top
----------------------------------------------- */
#cell-pb , #camera{
clear:both;
margin:0 0 20px 0;
border: 1px solid #999999;
width:726px;
height:455px;
position:relative;
background:url(../../images/solution/mobile/cell/phone.jpg) no-repeat 0 10px;
}

#camera{
background:url(../../images/solution/mobile/dsc/camera.jpg) no-repeat 0 0px;
}

#cell-pb img , #camera img{
vertical-align:bottom;
}

#cell-left, #cell-center, #cell-right , #cell-left2, #cell-center2{
position:absolute;
top:200px;
}

#cell-left{
left:10px;
}

#cell-center{
left:260px;
}

#cell-right{
left:490px;
}

#cell-sv{
margin:0;
width:240px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-camera{
margin:0;
width:220px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-connect{
margin:0;
width:220px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-isb{
margin:10px 0 20px 0;
width:240px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-dis{
margin:10px 0 20px 0;
width:220px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-isb2 {
margin:30px 0 20px 0;
width:240px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-dis2{
margin:10px 0 20px 0;
width:220px;
border:1px solid #666666;
background:#FFFFFF;
filter:alpha(opacity=85);
opacity:0.85;
}

#cell-pb h3 , #camera h3{
color:#FFFFFF;
font-size:13px;

width:212px;
margin:4px;
height:22px;
text-align:center;
padding:2px 0 0 0;
}

#cell-sv h3{
background:#0066CC;
width:232px;
}

#cell-isb h3 , #cell-isb2 h3{
background:#9966CC;
width:232px;
}

#cell-camera h3{
background:#009966;
}

#cell-con h3{
background:#996666;
}

#cell-video h3{
background:#3366FF;
}

#cell-dis h3 , #cell-dis2 h3{
background:#66CCFF;
}

#cell-connect h3{
background:#CCCC33;
}

#cell-pb ul , #camera ul{
padding:0 5px 5px 20px;
line-height:150%;
}

#cell-pb #presen{
position:absolute;
top:380px;
left:500px;
}

#camera #presen{
	position:absolute;
	top:324px;
	left:510px;
}

/* cell:feature
----------------------------------------------- */
.contents{
padding:0 12px;
position:relative;
clear:both;
}

.contents p{
margin:0 0 8px 0;
}

.catch{
clear:both;
margin:0 0 5px 0;
padding:6px 0 0 0;
font-size:14px;
font-weight:bold;
color:#774815;
text-align:center;
letter-spacing:0.02em;
border-right:1px solid #ffcc87;
border-left:1px solid #ffcc87;
border-bottom:4px double #ffa42a;
background:#fffae7 url(../../images/solution/mobile/catch-back.gif) no-repeat top left;
min-height:26px;
height:auto !important;
height:36px;
}

.chapter{
clear:both;
margin:0 0 5px 0;
padding:5px 0 5px 5px;
font-size:14px;
color:#774815;
border-left:5px solid #ffa42a;
border-bottom:1px solid #ffa42a;
}

.sub-chapter{
font-size:12px;
clear:both;
}

.attention{
margin:-15px 0 20px 20px;
list-style:none;
}
/* table
----------------------------------------------- */
.data{
clear:both;
font-size:12px;
line-height:16px;
margin:10px 0 20px 0;
border:1px solid #666666;
border-collapse:collapse;
table-layout:fixed;
width:100%;
}

.box .data{
width:100%;
}

.data th{
border:1px solid #666666;
border-collapse:collapse;
padding:3px 3px 3px 3px;
}

.data th.left, .data td.left{
text-align:left;
font-weight:normal;
}

.data td{
text-align:center;
border:1px solid #666666;
border-collapse:collapse;
padding:3px 0;
}

.data td.left/*, .box .data td*/{
text-align:left;
padding:3px 0 3px 5px;
}

.b-blue{
background:#E1F2FF;
}

.even{
background:#efefef;
}

.data .col01{
width:100px;
}

.data .col02{
width:80px;
}

.data .col03{
width:120px;
}

.data .col04{
width:50px;
}

.data .col05{
width:200px;
}

.data .col06{
width:130px;
}

.data .col07{
width:80px;
}

.data .col08{
width:150px;
}

.data .col09{
width:210px;
}

.data .led01{
width:80px;
}
.data .led02{
width:130px;
}
.data .led03{
width:200px;
}


.data-after{
margin-bottom:0px;
}

.w400{
width:400px;
}

/* contents
----------------------------------------------- */
.img-right{
margin:0 0 0 12px;
border:1px solid #999999;
float:right;
}

.block{
clear:both;
position:relative;
}

.box{
clear:both;
margin:0 0 20px 0;  
padding:0 5px;
}

.w48p{
width:48%;
}
 
 .col-left{
float:left;
width:342px;
}

.col-right{
float:right;
width:342px;
}

.contents ul{
margin:0 0 0 20px;
}

.contents li{
margin:0 0 5px 0;
}

.contents p.fig{
margin:0 0 20px 0;
text-align:center;
}

.img-bdr{
margin:0 30px;
border:1px solid #999999;
}

.box h4{
clear:both;
margin:0 0 5px 0;
color:#774815;
font-size:12px;
}

.box ol{
margin:0 0 10px 20px;
}

.box li{
margin:0 0 5px 0;
}

ul.circuit{
margin:0;
list-style:none;
}

ul.circuit li{
margin:0 1px 5px 1px;
width:230px;
float:left;
border:1px solid #999999;
}

.circuit li span{
display:block;
padding:10px 0 10px 12px;
font-weight:bold;
color:#774815;
}

#appli01, #appli02, #appli03, #appli04{
position:absolute;
top:35px;
left:250px;
}

#appli02{
top:135px;
left:200px;
}

#appli03{
top:210px;
left:280px;
}

#appli04{
top:290px;
left:280px;
}

.next , .next2 , .next3, .next4, .next5, .next-w300, .next-w320{
display:block;
width:210px;
height:28px;
margin:0 0 5px 5px;
padding:0 0 0 25px;
background:url(../../images/solution/mobile/button.gif) no-repeat 0 -1px;
border:#000066 1px solid;
line-height:28px;
}

.next2{
width:140px;
margin:0;
padding:0 0 0 16px;
background:url(../../images/next.gif) no-repeat left center;
border:none;
}

.next3{
width:115px;
}

.next4{
width:255px;
}

.next5{
width:165px;
}

.next-w300{
width:300px;
}

.next-w320{
width:320px;
}

*html .next3{
width:140px;
}

*html .next4{
width:280px;
}

*html .next5{
width:190px;
}

.property{
display:block;
padding:0 0 0 16px;
margin:0 0 0 24px;
background:url(../../images/next.gif) no-repeat left 2px;
width:200px;
}

#none{
background:none;
margin:0 0 0 2px; 
}

.clr{
clear:both;
}

.flt-left{
float:left;
}

.flt-right{
float:right;
}

.cen{
text-align:center;
}

.amo-feature{
background:url(../../images/solution/mobile/cell/amorton-custom.jpg) no-repeat right;
height:201px;
}

.amo-feature dt{
background:url(../../images/solution/dot3.gif) no-repeat 0 -2px;
margin:0 0 0 30px;
font-weight:bold;
margin:0 280px 0 20px;
padding:0 0 3px 16px;
border-bottom:#999999 dotted 1px;
}

.amo-feature dd{
margin:4px 0 4px 20px;
padding:0 5px 0 16px;
}

.catch-dsc , .catch-dsc2{
float:right;
margin-right:7px;
width:200px;
}

.catch-dsc h3 , .catch-dsc2 h3{
color:#8E5C18;
font-size:12px;
text-align:center;
}

.catch-dsc ul , .catch-dsc2 ul{
background:url(../../images/solution/mobile/dsc/catch-dsc.jpg) no-repeat;
text-align:left;
padding:10px 10px 20px 10px;
}

.catch-dsc2 ul{
background:url(../../images/solution/mobile/dsc/catch-dsc2.jpg) no-repeat;
}

.optical{
float:left;
margin-right:50px;
}

.optical dt{
background:url(../../images/solution/mobile/dsc/dt.gif) no-repeat;
padding:2px 0 0 15px;
margin:5px 0 0 0;
}

.optical dd{
padding-left:12px;
margin:0 0 0 15px;
background:url(../../images/solution/mobile/dsc/dd.gif) no-repeat 0 4px;
}

.optical dd span{
display:block;
margin:0 0 0 0;
}

.optical dd span.after{
margin:0 0 10px 0;
}

.optical2{
float:left;
}

.optical2 dt{
background:url(../../images/solution/mobile/dsc/dt.gif) no-repeat;
padding:2px 0 0 15px;
margin:5px 0 0 0;
}

.optical2 dd{
padding-left:12px;
margin:0 0 0 15px;
background:url(../../images/solution/mobile/dsc/dd.gif) no-repeat 0 4px;
}

.optical2 span.ti3{
	margin-left: 3em;
}

.oa{
padding-bottom:20px;
}

.circle{
list-style-type:circle !important;
float:left;
padding:0 20px 10px 0;
}

.circle-clr{
clear:both;
height:25px;
}

.line-up{
list-style:none;
float:left;
}

.line-up li{
margin:0 0 5px 0;
background:url(../../images/next.gif) no-repeat left 2px;
}

.link-button{
list-style:none;
}

.link-button li{
margin:0 10px 0 0;
float:left;
}

#standard{
margin:0 10px 15px 30px;
padding:0 160px 0 0;
background:url(../../images/asic/top/sc.gif) no-repeat right;
}

.check{
margin:0 0 15px 0 !important;
padding:0 10px 3px 10px;
font-size:14px;
font-weight:bold;
border-bottom:4px solid #F1D967;
}

/* let
----------------------------------------------- */
.red{
color:#cf0000;
}

.red2{
color:#cf0000;
padding:0 22px 10px 0;
}

.attention{
color:#ff0000;
}

/* button
----------------------------------------------- */
.series{
position:relative;
width:100%;
}

.series h4{
margin:0 0 2px 0;
color:#cf0000;
font-size:13px;
}

.series ul{
list-style:none;
}

.series li{
float:left;
}

.series a, .series a.short{
display:block;
width:180px;
height:28px;
margin:0 10px 5px 0;
padding:0 0 0 25px;
background:url(../../images/solution/mobile/button.gif) no-repeat 0 -1px;
border:#000066 1px solid;
line-height:28px;
float:left;
}

.series a.short{
width:120px;
}

#lc875{
position:absolute;
top:24px;
left:65px;
}

#lc877{
position:absolute;
top:88px;
left:65px;
}

#lc871{
position:absolute;
top:154px;
left:65px;
}

#lc874{
position:absolute;
top:220px;
left:65px;
}

#lc876{
position:absolute;
top:285px;
left:65px;
}

/* music
----------------------------------------------- */
#musicBox {
	background: url(../../images/solution/mobile/cell/music03.gif) no-repeat center center;
	margin-bottom: 20px;
	height:auto !important;
	height:1%;
}

#musicBox dl{
	margin:0 10px;
	width: 280px;
}
#musicBox dl dt{
	text-decoration: underline;
	font-weight: bold;
	color: #CC3300;
}

/* power
----------------------------------------------- */
#powerBox-l {
	float:left;
	width:315px;
	background-repeat: no-repeat;
	background-position: right 110px;
}

#powerBox-r {
	float:right;
	width:340px;
	background-repeat: no-repeat;
	background-position: right 110px;
}

.notes01 {
font-size: 11px;
line-height: 130%;
text-align: right;
}

/* ear
----------------------------------------------- */
.area{
height:520px;
position:relative;
}

#stereo, #mono{
position:absolute;
padding:28px 0 0 0;
width:728px;
background:#ffffff;
}

.tab{
position:absolute;
top:0;
list-style:none;
height:auto !important;
height:1%;
}

.tab li{
float:left;
}

.tab li a, .tab li span{
display:block;
margin:0 5px 0 0;
width:100px;
line-height:28px;
border-top:1px solid #666666;
border-right:1px solid #666666;
border-left:1px solid #666666;
text-align:center;
background:#ffffff;
float:left;
}

.tab li a{
border-bottom:1px solid #666666;
line-height:27px;
background:#d2d2d2;
}

.tab li a:hover{
background:#e2e2e2;
}

.tab-area{
padding:5px 10px;
width:auto !important;
width:728px;
border:1px solid #666666;
}

.tab-area h4{
margin:5px 0 0 0;
padding:2px 0 0 15px;
background:url(../../images/solution/mobile/dsc/dt.gif) no-repeat;
font-size:12px;
}

.list{
margin:0 0 0 30px;
}

.tab-area p{
clear:both;
}

.tab-area .flt-left, .tab-area .flt-right{
width:49%;
}

/* adjust
----------------------------------------------- */
.contents p.adjust01{
margin:-40px 0 20px 40px;
}

*html .contents p.adjust01{
margin:-40px 0 0 40px;
}

*html .box ol{
margin:0 0 10px 30px;
}

*html .next{
width:235px;
}

*html .box{
height:1%;
}

.contents:after, .box:after, .tab:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}