@charset "UTF-8";

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

NAME:           trend.css
DESCRIPTION:	TREND
DATE:			2009/10/19

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


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

SUBCOLIMN

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

div#str-sub dl.subNav p,
div#str-sub dl.subNav p.subNavtit{
margin-bottom:2px;
font-size:81.25%;
}
div#str-sub dl.subNav p.subNavtit{
margin-top:10px;
}

div#str-sub .cnts-bnr li.last{
_margin-top:20px;
_margin-left:0px;
_padding-left:0px;
_left:0px;
}

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

TREND COMMON

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

body.trend{
}

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

TREND TOP

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

body.trend #tit{
clear:both;
}
body.trend #tit p{
margin-top: 10px;
}

body.trend .hd_top,
body.trend .hd_btm{
height:10px;
clear:both;
background-image:url(/trend/images/top/hd_top.gif);
background-repeat:no-repeat;
}
body.trend .hd_btm{
background-image:url(/trend/images/top/hd_btm.gif);
}
body.trend .hd_bg{
clear:both;
overflow:hidden;
background-image:url(/trend/images/top/hd_bg.gif);
background-repeat:repeat-y;
}
body.trend .hd_box{
margin:15px 30px 0px 15px;
}
body.trend .hd_box h2{
width:240px;
float:left;
text-align:center;
margin-top:15px;
}
body.trend .hd_box p{
width:285px;
float:right;
margin:0;
}
body.trend .hd_box p a{
clear:both;
background-image:url(/shared/images/bullet_arrow_01.gif);
background-repeat:no-repeat;
background-position:0 1px;
padding-left:20px;
}

body.trend dl#coFacade{
clear:both;
overflow: hidden;
margin-top:20px;
margin-bottom:20px;
}
body.trend dt#coFapho{
float:left;
}
body.trend dd#coFabox{
width:330px;
float:right;
}
body.trend dd#coFabox img{
margin-bottom: 10px;
}

body.trend .columnBg,
body.trend .columnBglast{
height:130px;
clear:both;
background-image:url(/trend/images/column_bg.gif);
background-repeat:no-repeat;
background-position:0 10px;
}
body.trend .columnBglast{
margin-bottom:50px;
}
body.trend dl.columnBox{
width:408px;
float:left;
margin-right:15px;
}
body.trend dt.column{
width:130px;
float:left;
margin-right:18px;
}
body.trend dt.column img{
margin-left:10px;
}
body.trend dd.columnLink{
width:260px;
float:left;
margin-top:25px;
}
body.trend dd.columnLink img.columnLinkimg{
margin-bottom:15px;
}
body.trend dd.columnLink ul{
margin-top:7px;
}
body.trend p.columnPho{
float:left;
}

body.trend dl.dotBg,
body.trend div.dotBg2{
height:120px;
clear:both;
background-image:url(/trend/images/top/dot_bg.gif);
background-repeat:no-repeat;
}
body.trend div.dotBg2{
height:125px;
background-image:url(/trend/images/line_dot2.gif);
background-position:0 bottom;
margin-top:0px;
}
body.trend dt.dotPho,
body.trend div.dotPho{
width:150px;
float:left;
margin-right:20px;
margin-top:15px;
}
body.trend dd.dotLink,
body.trend div.dotLink{
width:423px;
float:left;
margin-top:20px;
}
body.trend div.dotLink{
width:250px;
margin-right:10px;
}
body.trend dd.dotLink ul,
body.trend div.dotLink ul{
margin-top:12px;
}
body.trend div.dotBg2 p{
width:160px;
float:left;
margin-top:15px;
}

body.trend dl.inTrend{
clear:both;
margin-top:20px;
}
body.trend dt.inTrendlink{
width:250px;
float:left;
margin-right:20px;
}
body.trend dt.inTrendlink ul{
margin-top:15px;
margin-left:10px;
}
body.trend dt.inTrendlink a{
margin-left:10px;
}
body.trend dt.inTrendlink ul a{
margin-left:0px;
}
body.trend dd.inTrendpho{
width:323px;
float:left;
}

body.trend dl.pl{
clear:both;
overflow:hidden;
margin-bottom:25px;
margin-top:5px;
}
body.trend dt.plPho1{
width:200px;
float:left;
margin-right:20px;
margin-top:15px;
}
body.trend dd.plLink{
width:373px;
float:left;
margin-top:20px;
}
body.trend dd.plLink img{
margin-bottom:20px;
}
body.trend div#str-main dd.plLink .linkList01{
clear:both;
margin-top:12px;
margin-bottom:0;
}

body.trend dl#sa{
clear:both;
overflow:hidden;
margin-top:20px;
margin-bottom:20px;
}
body.trend dt#saPho{
float:left;
}
body.trend dd#saBox{
width:325px;
float:right;
}
body.trend dd#saBox img{
margin-bottom: 10px;
}

body.trend dl#sa a img,
body.trend dl#ba a img{
margin-bottom: 30px;
}

body.trend dl#ba{
clear:both;
overflow:hidden;
margin-top:20px;
margin-bottom:40px;

}
body.trend dt#baPho{
float:left;
}
body.trend dd#baBox{
width:325px;
float:right;
}
body.trend dd#baBox img{
margin-bottom: 10px;
}

body.trend .lineDot1,
body.trend .lineDot2{
width:100%;
height:1px;
clear:both;
background-image:url(/trend/images/line_dot1.gif);
background-repeat:no-repeat;
margin-top:25px;
_margin-top:15px;
margin-bottom:30px;
}
body.trend .lineDot2{
background-image:url(/trend/images/line_dot2.gif);
margin-top:15px;
margin-bottom:20px;
}

body.trend .attention {
font-size:70%;
color:#f00;
}