@charset "utf-8";

/* LFP SP mainContents INDEX */

#LFPspContents{
display:block;
width:870px;
border-bottom:1px solid #fff;
}

body.noLocalNav #LFPspContents{
float:none;
width:870px;
min-height:20px;
margin:0 auto -1px;
background-color:#fff
}

#LFPspContents #contheader{
height:35px;
}

#LFPspContents #contheader-index{
height:55px;
}

#LFPspContents #contheader #contheader-left,
#LFPspContents #contheader-index #contheader-left{
float:left;
}

#LFPspContents #contheader-index #contheader-left img{
position:relative;
top:10px;
}

#LFPspContents .l80{
margin-left:80px;
position:relative;
top:-5px;
}

#LFPspContents #contheader #contheader-right,
#LFPspContents #contheader-index #contheader-right{
float:right;
}

body.noLocalNav #LFPspContents h1.lfpsp{
width:853px;
min-height:12px;
padding-left:0px;
background:#FFF !important;
}

#keyVisual-index{
width:870px;
height:310px;
display:block;
background-image:url(../../common/img/main-bg.jpg);
background-repeat:no-repeat;
margin-top: 5px;
margin-bottom:20px;
position:relative;
}

#keyVisual-index .enterbtn{
position:relative;
top:25px;
left:370px;
}

#keyVisual-index .leadcopy{
position:relative;
top:28px;
left:10px;
}

#keyVisual-index .main-visual{
position:absolute;
top:2px;
left:468px;
}

#LFPspContents #indexbtn{
margin-left:-12px;
margin-bottom:20px!important;
display:block;
height:80px;
}

#LFPspContents #indexbtn .bn-title{
margin:0;
margin-left:12px;
}

#LFPspContents #indexbtn ul.ListNav {
margin:0 0 0 12px !important;
padding:0 !important;
background-color:#fff !important;
}

#LFPspContents #indexbtn ul.ListNav li{
float:left !important;
padding:0 3px 0 0 !important;
margin:0px !important;

}

#LFPspContents #indexbtn ul.ListNav li a{
padding:0 !important;
margin:0 !important;
}

#LFPspContents #indexbtn ul.ListNav li img{
margin:0;
}

#LFPspContents #indexNav{
clear:both;
display:block;
width:870px;
}

#LFPspContents #indexNav .productNav{
width:500px;
padding:30px 0;
}

#LFPspContents #indexNav .productNav li{
float:left !important;
padding:0 20px 0 0 !important;
margin:0 !important;
height:15px;

}

#LFPspContents #indexNav .productNav li a{
padding:0 !important;
margin:0 !important;
}

#LFPspContents #indexNav .productNav li a:hover{
text-decoration: underline;
color:#666;
}



/* LFP SP mainContents details*/
#LFPspContents #UtilityNavi{
}

#LFPspContents #UtilityNavi .ut-left{
float:left;
}

#LFPspContents #UtilityNavi .ut-right{
float:right;
}

#LFPspContents #indexLead{
width:780px;
margin:13px auto;
}

#LFPspContents #indexLead .index-left{
float:left;
margin-bottom:10px;
width:350px;
}

#LFPspContents #indexLead .index-right{
float:right;
margin-bottom:10px;
width:420px;
}

#LFPspContents #indexLead .index-right img.next{
margin:15px 0px;
}

#LFPspContents #detailContents{
margin-top:30px;
background-color:#fff;
}

#LFPspContents #detailContents #main{
float:left;
width:640px;
display:block;
padding-right:30px;
}

#LFPspContents #detailContents #main .block{
margin-bottom:0px;
}

#LFPspContents #detailContents #main .bl{
margin-left:10px;
}

#LFPspContents #detailContents #main .fla-box{
margin-left:15px; margin-bottom:10px;
}

#LFPspContents #detailContents #main .flow{
 margin-bottom:10px;
}

#LFPspContents #detailContents #main .block h3#titles{
border-color-bottom:0 !important;
}

.img-left{float:left; margin:0 20px 20px 0}
.img-right{float:right; margin:0 0 20px 20px}

#LFPspContents #detailContents #main .caption{
font-size:12px;
background-color:#eee;
padding:10px;
}

#LFPspContents #detailContents #main .compari-table td{
font-size:12px;
background-color:#eee;
padding:10px;
text-align:center;
border:none!important;
}

#LFPspContents #detailContents #main .comparison{
font-size:12px;
text-align:left!important;
}


#LFPspContents #side{
float:right;
width:200px;
overflow:inline;
}

.bg50{height:500px; background-color:#f8f8f8; overflow:hidden;}
.bg60{height:600px; background-color:#f8f8f8; overflow:hidden;}
.bg65{height:650px; background-color:#f8f8f8; overflow:hidden;}
.bg70{height:700px; background-color:#f8f8f8; overflow:hidden;}
.bg80{height:800px; background-color:#f8f8f8; overflow:hidden;}
.bg85{height:850px; background-color:#f8f8f8; overflow:hidden;}
.bg90{height:900px; background-color:#f8f8f8; overflow:hidden;}
.bg95{height:950px; background-color:#f8f8f8; overflow:hidden;}
.bg100{height:1000px; background-color:#f8f8f8; overflow:hidden;}
.bg108{height:1080px; background-color:#f8f8f8; overflow:hidden;}
.bg110{height:1100px; background-color:#f8f8f8; overflow:hidden;}
.bg115{height:1150px; background-color:#f8f8f8; overflow:hidden;}
.bg120{height:1200px; background-color:#f8f8f8; overflow:hidden;}
.bg130{height:1300px; background-color:#f8f8f8; overflow:hidden;}
.bg150{height:1500px; background-color:#f8f8f8; overflow:hidden;}
.bg155{height:1550px; background-color:#f8f8f8; overflow:hidden;}
.bg160{height:1600px; background-color:#f8f8f8; overflow:hidden;}
.bg178{height:1780px; background-color:#f8f8f8; overflow:hidden;}
.bg180{height:1800px; background-color:#f8f8f8; overflow:hidden;}
.bg190{height:1900px; background-color:#f8f8f8; overflow:hidden;}
.bg200{height:2000px; background-color:#f8f8f8; overflow:hidden;}

#LFPspContents #side .technology{
padding:10px; 
}

#LFPspContents #side .technology img{
margin-bottom:5px;
}

body > #side{ 
height:auto; 
}

#otherInfo{
clear:both;
position:relative;
top:-10px;
left:20px;
margin-bottom:30px;
background:url(../../widecolor/img/bg-line.gif) left bottom no-repeat;
}

#otherInfo p{
width:800px;
font-size:13px;
margin:0;
padding:10px 0 10px 15px;
}

/* 2010/09/01 add
--------------------------------------*/
.ko1p-leftclmn{
float:left;
width:170px;
padding-left:10px;
}

.ko1p-rightclmn{
float:right;
width:450px;
}
.ko1p-leftclmn2{
float:left;
width:440px;
}

.ko1p-rightclmn2{
float:right;
width:170px;
}

.otherinfo{
position:relative;
display:block;
width:626px;
left:10px;
padding-bottom:10px;
background-image:url(../img/info-bg.gif);
background-repeat:no-repeat;
background-position: bottom left ;
zoom:1;
}

.otherinfo:after{
content: "";
display: block;
clear: both;
width:626px;
height: 1px;
overflow: hidden;
}

.otherinfo .info-left{
float:left;
width:200px;
padding-left:14px
}

.otherinfo .info-right{
float:right;
width:380px;
padding-right:14px
}

.otherinfo .info-right p{
font-size:11px;
line-height:140%;
}

.otherinfo .info-right a img{
float:none;
margin-left:0;
}