@charset "utf-8";

p.offset{display:none;}
#wrap.info {padding-top:30px;}
#wrap.index {padding-bottom:100px;}

#homeLoading {width:100%; height:100%; position:fixed; left:0; top:0; background:#fac014 url(../images/loading.gif) center center no-repeat; }

.contentA.content01 {background:url(../images/contentA/bg.gif) left top repeat-x; height:580px; position:relative;}
.contentA.content01 .inner{background:url(../images/contentA/h1.gif) center top no-repeat;}
.contentA.content01 h1,.contentA.content01 h2{display:none;}
.contentA.content01 .more{position:absolute; left:0; top:512px; z-index:900;}
#ecA0 {}
#ecA0 .hito {position:absolute; right:-30px; top:80px; z-index:10;/* filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
#ecA0 .hato {position:absolute; right:0; top:60px; z-index:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
/*#ecA0 .hato {position:absolute; right:0; top:60px; z-index:0; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}*/

#ecA1 {background:url(../images/contentA/01/bg.gif) left top no-repeat; height:314px; width:768px; overflow:hidden; position:relative; top:260px; z-index:0;}
#ecA1 p{position:absolute;}
#ecA1 div.man {width:125px; height:247px; overflow:hidden; position:absolute; right:30px; bottom:-62px;}
#ecA1 p.man {left:36px; top:0; z-index:10;}
#ecA1 p.man_body {left:0px; top:0px; z-index:15;}
#ecA1 p.man_dai {left:3px; bottom:0; z-index:0;}
#ecA1 div.man p.head{left:41px; top:-6px; z-index:12; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA1 div.lady {width:126px; height:204px; overflow:hidden; position:absolute; right:180px; bottom:-37px;}
#ecA1 p.lady {left:32px; top:0px; z-index:10;}
#ecA1 p.lady_body {left:-2px; top:0px; z-index:15;}
#ecA1 p.lady_dai {left:0; bottom:0; z-index:0;}
#ecA1 div.lady p.head{left:41px; top:-4px; z-index:12; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA1 p.note{right:0; bottom:0; z-index:900;}
#ecA1 p.text1{right:674px; top:97px; height:32px; width:93px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}
#ecA1 p.text2{right:548px; top:97px; height:32px; width:95px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}
#ecA1 div.count{position:absolute; right:31px; top:0; width:277px; height:81px; background:url(../images/contentA/01/count.gif) left top no-repeat;}
#ecA1 div.count p{left:0; top:0;}

.contentA.content02{height:340px;}
#ecA2 {background:url(../images/contentA/02/bg.gif) center 33px no-repeat; height:340px;}
#ecA2 h2{display:none;}
#ecA2 p{position:absolute;}
#ecA2 .more{position:absolute; bottom:34px; left:0;}
#ecA2 .more2{left:auto; right:0;}
#ecA2 .humans1{right:0; top:33px; z-index:0;}
#ecA2 .humans2{right:0; top:33px; z-index:10; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA2 .fukidashi1{right:0; top:33px; z-index:15; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA2 .fukidashi2{right:0; top:33px; z-index:15; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA2 .fukidashi3{right:0; top:33px; z-index:15; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA2 .fukidashi4{right:0; top:33px; z-index:15; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA2 p.text1{right:583px; top:158px; height:32px; width:184px; background:url(../images/maskYellow.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}

.contentA.content03{height:482px; background:url(../images/contentA/03/bg.gif) center 36px no-repeat;}
#ecA3 {position:relative; height:482px;}
#ecA3 h2{display:none;}
#ecA3 p{position:absolute; left:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA3 p.more{position:absolute; bottom:73px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#ecA3 p.more2{position:absolute; bottom:33px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#ecA3 .left{width:252px; height:252px; overflow:hidden; position:absolute; left:45px; top:100px;}
#ecA3 .arr{width:94px; height:42px; overflow:hidden; position:absolute; left:319px; top:210px;}
#ecA3 .right{width:316px; height:314px; overflow:hidden; position:absolute; right:15px; top:100px;}
#ecA3 .right p{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA3 .right img{position:absolute; left:158px; top:157px; width:1px; height:1px;}
#ecA3 .text1 {top:36px; left:auto; right:478px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; height:32px; width:117px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}
#ecA3 .text2 {top:36px; left:auto; right:320px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; height:32px; width:130px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}

.contentA.content04{height:290px; background:url(../images/contentA/04/bg_repeat.gif) left bottom repeat-x #fed852; padding:30px 0 0;}
#ecA4 {position:relative; height:290px; background:url(../images/contentA/04/bg.gif) left top no-repeat;}
#ecA4 h2,#ecA4 h1{display:none;}
#ecA4 p.more{position:absolute; bottom:29px;}
#ecA4 .anim{width:288px; height:254px; overflow:hidden; position:absolute; left:479px; top:0;}
#ecA4 .anim p{position:absolute; left:40px; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:-1; margin:0 !important; padding:0 !important;}
#ecA4 .fukidashi {z-index:30; left:0; top:-30px; position:absolute; left:476px; top:0; width:288px; height:254px;}
#ecA4 .fukidashi img{position:absolute; left:0; top:20px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA4 .maru {width:248px; height:254px; z-index:0; position:absolute; left:516px; top:0;}
#ecA4 .maru img{position:relative; left:124px; top:127px; width:0; height:0;}
#ecA4 .anim .te {z-index:1;}
#ecA4 .anim .hako {z-index:2;}
#ecA4 .anim .tate {z-index:5; left:90px; top:71px; border-top:2px solid #231815; overflow:hidden;}
#ecA4 .anim .tate img{top:-102px; position:relative;}
#ecA4 .anim .yoko {z-index:5; left:103px; top:57px; border-left:2px solid #231815; line-height:11px; overflow:hidden;}
#ecA4 .anim .yoko img{position:relative; left:-111px;}
#ecA4 .anim .size {z-index:5;}
#ecA4 .anim .gram {z-index:5;}
#ecA4 .text1 {top:107px; right:606px; position:absolute; height:32px; width:161px; background:url(../images/maskYellow.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}

#ecA4 .animOldIE{width:287px; height:256px; position:absolute; left:477px; top:0; z-index:800; overflow:hidden;}
#ecA4 .animOldIE p{position:absolute; left:0; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecA4 .animOldIE p.te2  {left:39px; z-index:5;}
#ecA4 .animOldIE p.gram2{left:39px; z-index:10;}
#ecA4 .animOldIE p.size2{left:39px; z-index:10;}

.contentB.content00{background:url(../images/contentB/00/bg.gif) left top repeat-x;}
.contentB.content00 h1{height:222px; background:url(../images/contentB/00/head.gif) center top no-repeat; text-indent:-9999px;}
#ecB0 {position:relative; height:222px;}
#ecB0 p{position:absolute; top:30px; left:500px;}
#ecB0 p.lady{left:645px; top:77px;}
#ecB0 p.man {left:711px; top:54px;}
.contentB.content01 {height:224px; position:relative; background:url(../images/contentB/01/bg_repeat.gif) left top repeat-x; padding-bottom:41px;}
.contentB.content01 p.more{position:absolute; left:0; bottom:0;}
#ecB1{background:url(../images/contentB/01/bg.gif) left top no-repeat; height:224px;}
#ecB1 h2{display:none;}
#ecB1 p.hakari{position:absolute; left:402px; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecB1 p.ase {position:absolute; left:624px; top:45px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecB1 p.text1{position:absolute; top:62px; right:656px; height:32px; width:112px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}

.contentB.content02{height:362px;}
#ecB2{background:url(../images/contentB/02/bg.gif) left 31px no-repeat; height:362px;}
#ecB2 h2{display:none;}
#ecB2 p{position:absolute; left:0; top:0;}
#ecB2 p.more{top:287px;}
#ecB2 ul li{float:left; margin:0 22px 30px 0;}
#ecB2 ul li img{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecB2 ul.vitamin {width:550px; position:absolute; left:1px; top:91px;}
#ecB2 ul.mineral {width:280px; position:absolute; right:-38px; top:91px;}
#ecB2 p.text1{right:483px; top:31px; left:auto; height:32px; width:90px; background:url(../images/maskYellow.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}
#ecB2 p.text2{right:364px; top:31px; left:auto; height:32px; width:90px; background:url(../images/maskYellow.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}

.contentB.content03{height:269px;}
#ecB3{background:url(../images/contentB/03/bg.gif) left top no-repeat; height:230px;}
#ecB3 h2{display:none;}
#ecB3 p.text1{right:0; top:99px; left:auto; height:32px; width:112px; background:url(../images/maskOrange.gif) left top no-repeat; overflow:hidden; text-indent:-9999px;}
#ecB3 p{position:absolute; left:0; top:-100px;}
#ecB3 p.block{top:142px; z-index:0;}
#ecB3 p.blockMask{background:#fac014; height:88px; width:330px; top:142px; z-index:10px; left:auto; right:438px;}
#ecB3 p.kcal {top:32px; z-index:0; left:2px;}
#ecB3 p.count1{left:125px; top:31px; font-size:132px; color:#6a3c2f; z-index:10; background:#fac014; width:66px; height:93px; text-align:center; line-height:93px; text-indent:-9999px;}
#ecB3 p.count2{left:52px; top:31px; font-size:132px; color:#6a3c2f; z-index:11; background:#fac014; width:66px; height:93px; text-align:center; line-height:93px; text-indent:-9999px;}
#ecB3 p.count3{left:-14px; top:31px; font-size:132px; color:#6a3c2f; z-index:12; background:#fac014; width:66px; height:93px; text-align:center; line-height:93px; text-indent:-9999px;}
#ecB3 p.count1img{left:125px; top:31px; font-size:132px; color:#6a3c2f; z-index:10; background:#fac014; width:68px; height:93px; text-align:center; line-height:93px;}
#ecB3 p.count2img{left:52px; top:31px; font-size:132px; color:#6a3c2f; z-index:11; background:#fac014; width:68px; height:93px; text-align:center; line-height:93px;}
#ecB3 p.count3img{left:-14px; top:31px; font-size:132px; color:#6a3c2f; z-index:12; background:#fac014; width:68px; height:93px; text-align:center; line-height:93px;}
#ecB3 .ie8count{display:none;}
.ie8 #ecB3 .ie8count{position:absolute; left:-12px; top:26px; background:#fac014; width:204px; height:98px; text-align:right; line-height:94px; display:block; z-index:100;}
.ie8 #ecB3 .ie8count p{position:absolute; left:0; top:5px; text-align:right; width:204px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.ie8 #ecB3 .ie8count p.ie8_0{display:block; z-index:0; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.ie8 #ecB3 .ie8count p.ie8_25{z-index:10;}
.ie8 #ecB3 .ie8count p.ie8_50{z-index:20;}
.ie8 #ecB3 .ie8count p.ie8_75{z-index:30;}
.ie8 #ecB3 .ie8count p.ie8_100{z-index:40;}

.contentC.content00{background:url(../images/contentC/00/bg.gif) left top repeat-x;}
.contentC.content00 h1{height:228px; background:url(../images/contentC/00/head.gif) center top no-repeat; text-indent:-9999px; position:absolute; width:768px;}
#ecC0 {position:relative; height:168px;}
#ecC0 p{position:absolute; top:30px; left:500px;}
#ecC0 p.lady{left:638px; top:19px;}
#ecC0 p.man {left:719px; top:3px;}

.contentC.content01{height:739px; background:url(../images/contentC/01/bg_repeat.gif) left top repeat-x;}
.contentC.content01 .item{height:549px; background:url(../images/contentC/01/bg.gif) left top no-repeat;}
#ecC1 h2{display:none;}
#ecC1 p{position:absolute; left:0; top:-100px;}
#ecC1 p.more{top:286px;}
#ecC1 p.more2{left:399px;}
#ecC1 ul {position:absolute; left:0;/* top:96px;*/ margin-right:-10px; width:780px; display:table;}
#ecC1 ul.ul01 {top:96px;}
#ecC1 ul.ul02 {top:350px;}
#ecC1 ul li {/*float:left; margin:0 10px 84px 0; width:145px;*/ display:table-cell;}
#ecC1 ul li img{filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecC1 ul li.last{position:relative; /*top:1px;*/}


.contentD.content00{background:url(../images/contentD/00/bg.gif) left top repeat-x;}
.contentD.content00 h1{height:227px; background:url(../images/contentD/00/head.gif) center top no-repeat; text-indent:-9999px; position:absolute; width:768px;}
#ecD0 {position:relative; height:227px;}

.contentD.content01{background:#fed852;}
#ecD1{position:relative; height:461px; background:url(../images/contentD/01/bg.gif) center top no-repeat #fed852; overflow:hidden; width:768px;}
#ecD1 h2{display:none;}
#ecD1 p{position:absolute; left:0; top:0px; z-index:0;}
#ecD1 p.more{top:389px; z-index:800;}
#ecD1 p.text1{top:80px; right:413px; left:auto;}
#ecD1 p.sun {bottom:292px; left:70px; top:auto; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(../images/contentD/01/moon.jpg) left top no-repeat;}
#ecD1 p.slowlyL{bottom:108px; top:auto; left:680px; width:134px; height:70px; overflow:hidden;}
#ecD1 p.speedyL{bottom:108px; top:auto; left:680px; width:134px; height:70px; overflow:hidden;}
#ecD1 p.slowlyR{bottom:108px; top:auto; left:-50px; width:134px; height:70px; overflow:hidden;}
#ecD1 p.speedyR{bottom:108px; top:auto; left:-50px; width:134px; height:70px; overflow:hidden;}
#ecD1 p.coma2 img{position:relative; top:-70px;}
#ecD1 p.bill{z-index:500;}

#ecD1 div.last {background:url(../images/contentD/01/last.jpg) left top no-repeat; position:absolute; left:0; top:111px; height:243px; width:768px; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecD1 div.last p{z-index:20; position:absolute; left:0; top:auto; bottom:0;}
#ecD1 div.last p.lady1{left:199px; left:219px; background:url(../images/contentD/01/ladyL2.jpg) left top no-repeat;}
#ecD1 div.last p.lady1 img{height:108px; width:44px;}
#ecD1 div.last p.lady2{left:280px; left:300px; background:url(../images/contentD/01/ladyR2.jpg) left top no-repeat;}
#ecD1 div.last p.lady2 img{height:108px; width:44px;}
#ecD1 div.last p.man1{left:374px; left:394px; background:url(../images/contentD/01/manL2.jpg) left top no-repeat;}
#ecD1 div.last p.man1 img{height:108px; width:52px;}
#ecD1 div.last p.man2{left:472px; left:492px; background:url(../images/contentD/01/manR2.jpg) left top no-repeat;}
#ecD1 div.last p.man2 img{height:108px; width:52px;}
#ecD1 div.last p.miageru{z-index:10; width:768px; height:243px; left:0; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecD1.skipplay div.last p.lady1{width:82px;}
#ecD1.skipplay div.last p.lady2{width:82px;}
#ecD1.skipplay div.last p.man1{width:100px;}
#ecD1.skipplay div.last p.man2{width:105px;}


.contentD.content02{}
#ecD2{position:relative; height:384px; background:url(../images/contentD/02/bg.gif) center top no-repeat #fac014;}
#ecD2 h2{display:none;}
#ecD2 p{position:absolute; left:0; top:0px; z-index:0;}
#ecD2 p.more{top:310px; z-index:800;}
#ecD2 p.text1{top:33px; right:538px; left:auto;}
#ecD2 p.text2{top:178px; right:548px; left:auto;}
#ecD2 p.graf{right:0; top:32px; left:auto; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#ecD2 p.step1{z-index:0;}
#ecD2 p.step2{z-index:1; display:none;}
#ecD2 p.step3{z-index:2; display:none;}
#ecD2 p.step4{z-index:3; display:none;}
#ecD2 p.step5{z-index:4; display:none;}
#ecD2 p.step6{z-index:5; display:none;}
#ecD2 p.step7{z-index:6; display:none;}
#ecD2 p.step8{z-index:7; display:none;}
#ecD2 p.step9{z-index:8; display:none;}
#ecD2 p.step10{z-index:10; display:none;}



/* sideNavi */
#sideNavi {position:fixed; left:28px; top:-1074px;background:url(../images/index_ln.png) left top no-repeat; width:71px; height:436px; padding:48px 0 0;/* filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
#sideNavi div{position:relative;}
#sideNavi ul.pop li {position:absolute; left:10px; top:2px;}
#sideNavi ul.pop li a{display:block; background:url(../images/index_ln_pop.png) 27px top no-repeat; width:330px; height:36px; text-indent:-9999px; overflow:hidden; margin:0 0 1px;/* filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
#sideNavi ul.pop li.link010 a{}
#sideNavi ul.pop li.link020 a{background-position:27px -38px;}
#sideNavi ul.pop li.link030 a{background-position:27px -74px;}
#sideNavi ul.pop li.link040 a{background-position:27px -110px;}
#sideNavi ul.pop li.link042 a{background-position:27px -146px;}
#sideNavi ul.pop li.link044 a{background-position:27px -182px;}
#sideNavi ul.pop li.link050 a{background-position:27px -218px;}
#sideNavi ul.pop li.link060 a{background-position:27px -254px;}
#sideNavi ul.pop li.link070 a{background-position:27px -290px;}
#sideNavi ul.pop li.link080 a{background-position:27px -326px;}
#sideNavi ul.pop li.link010 {top:6px;}
#sideNavi ul.pop li.link020 {top:44px;}
#sideNavi ul.pop li.link030 {top:80px;}
#sideNavi ul.pop li.link040 {top:116px;}
#sideNavi ul.pop li.link042 {top:153px;}
#sideNavi ul.pop li.link044 {top:189px;}
#sideNavi ul.pop li.link050 {top:225px;}
#sideNavi ul.pop li.link060 {top:261px;}
#sideNavi ul.pop li.link070 {top:297px;}
#sideNavi ul.pop li.link080 {top:334px;}


#colorbox.column01 #cboxTopCenter {background:url(../images/modal/column01/head.png) center top no-repeat !important;}
#colorbox.column01 #modalhead {background:url(../images/modal/column01/head_img.png) left top no-repeat; width:136px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column02 #cboxTopCenter {background:url(../images/modal/column02/head.png) center top no-repeat !important;}
#colorbox.column02 #modalhead {background:url(../images/modal/column02/head_img.png) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column03 #cboxTopCenter {background:url(../images/modal/column03/head.png) center top no-repeat !important;}
#colorbox.column03 #modalhead {background:url(../images/modal/column03/head_img.png) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column04 #cboxTopCenter {background:url(../images/modal/column04/head.png) center top no-repeat !important;}
#colorbox.column04 #modalhead {background:url(../images/modal/column04/head_img.png) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column05 #cboxTopCenter {background:url(../images/modal/column05/head.png) center top no-repeat !important;}
#colorbox.column05 #modalhead {background:url(../images/modal/column05/head_img.png) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column06 #cboxTopCenter {background:url(../images/modal/column06/head.png) center top no-repeat !important;}
#colorbox.column06 #modalhead {background:url(../images/modal/column06/head_img.png) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column07 #cboxTopCenter {background:url(../images/modal/column07/head.png) center top no-repeat !important;}
#colorbox.column07 #modalhead {background:url(../images/modal/column07/head_img.png) left top no-repeat; width:136px; height:135px; overflow:hidden; position:absolute; left:20px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#colorbox.column08 #cboxTopCenter {background:url(../images/modal/column08/head.png) center top no-repeat !important;}
#colorbox.column08 #modalhead {background:url(../images/modal/column08/head_img.png) left top no-repeat; width:156px; height:135px; overflow:hidden; position:absolute; left:12px; top:-100px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
* html #colorbox.column01 #cboxTopCenter {background:url(../images/modal/column01/head.gif) center top no-repeat !important;}
* html #colorbox.column01 #modalhead {background:url(../images/modal/column01/head_img.gif) left top no-repeat; width:136px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column02 #cboxTopCenter {background:url(../images/modal/column02/head.gif) center top no-repeat !important;}
* html #colorbox.column02 #modalhead {background:url(../images/modal/column02/head_img.gif) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column03 #cboxTopCenter {background:url(../images/modal/column03/head.gif) center top no-repeat !important;}
* html #colorbox.column03 #modalhead {background:url(../images/modal/column03/head_img.gif) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column04 #cboxTopCenter {background:url(../images/modal/column04/head.gif) center top no-repeat !important;}
* html #colorbox.column04 #modalhead {background:url(../images/modal/column04/head_img.gif) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column05 #cboxTopCenter {background:url(../images/modal/column05/head.gif) center top no-repeat !important;}
* html #colorbox.column05 #modalhead {background:url(../images/modal/column05/head_img.gif) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column06 #cboxTopCenter {background:url(../images/modal/column06/head.gif) center top no-repeat !important;}
* html #colorbox.column06 #modalhead {background:url(../images/modal/column06/head_img.gif) left top no-repeat; width:141px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column07 #cboxTopCenter {background:url(../images/modal/column07/head.gif) center top no-repeat !important;}
* html #colorbox.column07 #modalhead {background:url(../images/modal/column07/head_img.gif) left top no-repeat; width:136px; height:135px; overflow:hidden; position:absolute; left:20px;}
* html #colorbox.column08 #cboxTopCenter {background:url(../images/modal/column08/head.gif) center top no-repeat !important;}
* html #colorbox.column08 #modalhead {background:url(../images/modal/column08/head_img.gif) left top no-repeat; width:156px; height:135px; overflow:hidden; position:absolute; left:12px;}


/* fixed foter */
#home #homeWrap{padding-bottom:0;}
#home #fixedFooter{width:100%; position:relative; left:0; bottom:0;}
#home #footer{z-index:10000 !important; position:relative;}

/* slide banner */
#home #slideBnr{
width:1024px;
/*min-width:1024px;*/
height:100px;
margin:0 auto 80px;
text-align:center;
box-sizing:border-box;
position:relative;
z-index:0;
top:0px;}
#home #slideBnr .inner{width:100%; height:80px; position:relative;}
#home #slideBnr ul{text-align:center;}
#home #slideBnr li{display:inline-block; width:230px; padding:0 1px;}
#home #slideBnr li img{display:block;}

#home #slideBnr li a {display:inline-block; background:#fff;}
#home #slideBnr li a img{transition:all 0.3s ease;}
#home #slideBnr li a:hover img{opacity:0.7;}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}



.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	padding:0;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left:-30px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right:-30px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* 170227 */
#home #slideBnr ul{margin-bottom: 20px;}
#home #slideBnr li{padding:0 10px;}