@charset"utf-8";h1{height:56px;margin:0 0 14px 0;background:url(../images/ttl.png) no-repeat;}
.titleSet .pagettl{float:left;width:714px;}
.titleSet .btnCampaign{float:right;width:153px;margin:23px 15px 0 0;}
#feature.panel{width:950px;margin-top:0;}
#feature #catchRibbon{position:absolute;left:227px;top:-7px;z-index:100;}
#feature #catchImg{float:left;}
#how h2{height:55px;margin-top:15px;background:url(../images/entry_ttl.png) no-repeat;}
.pbtmFootArrow{display:block;width:714px;height:41px;background:url(../images/col_base_btm_arrow.png) no-repeat;}
.pbtmFootArrowGray{display:block;width:714px;height:41px;background:url(../images/col_base_btm_grayarrow.png) no-repeat;}
.pbtmFootGray{display:block;width:714px;height:26px;background:url(../../common/images/col_base_btm_gray.png) no-repeat;}
#special h2{height:55px;margin:15px 0 10px 0;background:url(../images/special_ttl.png) no-repeat;}
body.thermique #feature.panel{width:714px;}
body.thermique #feature.panel .ptopHeadFt{display:block;width:714px;height:7px;overflow:hidden;background:url(../images/rf_ct_feat_col_base_top.png) no-repeat;}
body.thermique #feature.panel .pmid{width:714px;padding:0;background:url(../images/rf_ct_feat_col_base_mid.png) repeat-y;}
body.thermique #feature.panel .pbtmFootFt{display:block;width:714px;height:11px;overflow:hidden;background:url(../images/rf_ct_feat_col_base_btm.png) no-repeat;}
body.thermique #feature .container{position:relative;width:708px;margin:0 3px;background:url(../images/rf_ct_feat_bg.jpg) left bottom no-repeat;}
body.thermique #feature #titleBox{float:left;width:296px;min-height:392px;height:auto !important;height:392px;padding:20px 0 0 13px;}
body.thermique #feature h3{width:228px;height:61px;background:url(../images/rf_ct_feat_subttl.png) left bottom no-repeat;}
body.thermique #feature h2{width:280px;height:32px;background:url(../images/rf_ct_feat_ttl.png) left bottom no-repeat;}
body.thermique #feature #catchImg{position:absolute;bottom:0;margin:24px auto 0 70px;}
body.thermique #feature .detail{position:relative;float:right;width:352px;padding:25px 17px 22px 0;}
body.thermique #feature .detail .date{height:60px;margin-bottom:27px;background:url(../images/rf_ct_feat_date.gif) no-repeat;}
body.thermique #feature #prodBtn{position:absolute;bottom:19px;right:12px;}
body.thermique #feature .detail p.desc{margin:0 0 17px 0;line-height:160%;color:#555555;}
body.thermique #feature .detail strong{font-weight:bold;color:#CA5D84;}
body.thermique #feature .detail p.present{padding-top:10px;}
body.thermique .panel .ptopHeadPurple{width:674px;height:41px;padding:1px 20px 0 20px;overflow:hidden;background:url(../../common/images/col_base_top_purple.png) no-repeat;}
body.thermique .panel .pmid{width:708px;padding:0 3px;}
body.thermique #how #step1{margin-top:9px;width:714px;}
body.thermique #how #step1 h3{height:41px;background:url(../images/rf_ct_entry_step1_ttl.jpg) no-repeat;}
body.thermique #how #step1 .desc{width:674px;padding:27px 17px;}
body.thermique #sourcecode{height:41px;margin:17px 0 27px 0;padding:10px 11px 12px 11px;background:url(../images/rf_ct_entry_step1_code_base.jpg) no-repeat;}
body.thermique #sourcecode #reviewcode{width:640px;height:31px;padding:3px 5px;overflow:hidden;border:1px solid #FFFFFF;line-height:100%;color:#975276;resize:none;}
body.thermique #step1 ul.note{color:#999999;}
body.thermique #step1 ul.note li{margin-bottom:7px;}
body.thermique #sample{background:url(../images/sample_base_mid.jpg) repeat-y;}
body.thermique #sample .cont{width:640px;padding:17px 34px 0 34px;background:url(../images/sample_base_top.jpg) no-repeat;}
body.thermique #sample h4{height:12px;margin:0 0 17px 0;background:url(../images/sample_ttl.gif) no-repeat;}
body.thermique #step2{margin-top:10px;}
body.thermique #how #step2 h3{height:41px;background:url(../images/rf_ct_entry_step2_ttl.jpg) no-repeat;}
body.thermique #how #step2 .pbtmFootArrow{height:24px;}
body.thermique #how #step2 .cont{width:674px;padding:27px 17px 22px 17px;}
body.thermique #how #step2 .cont img{float:left;margin-right:17px;}
body.thermique #step3{margin-top:10px;}
body.thermique #how #step3 h3{height:41px;background:url(../images/rf_ct_entry_step3_ttl.jpg) no-repeat;}
body.thermique #how #step3 .cont{width:674px;padding:27px 17px 22px 17px;}
body.thermique #how #step3 .desc{margin-bottom:17px;}
body.thermique #how #step3 .privacy{margin-bottom:27px;}
body.thermique #how #step3 .btn{text-align:center;}
body.mo #feature.panel .ptopHeadFt{display:block;width:950px;height:7px;overflow:hidden;background:url(../images/mo_feat_bg_top.png) no-repeat;}
body.mo #feature.panel .pmid{width:950px;padding:0;background:url(../images/mo_feat_bg_mid.png) repeat-y;}
body.mo #feature.panel .pbtmFootFt{display:block;width:950px;height:11px;overflow:hidden;background:url(../images/mo_feat_bg_btm.png) no-repeat;}
body.mo #feature #catchCont{position:relative;width:944px;height:251px;margin:0 3px 11px 3px;padding:0;background:url(../images/mo_feat_bg.jpg) no-repeat;}
body.mo #feature #catchRibbon{position:absolute;left:863px;top:-7px;}
body.mo #feature #catchCont .texts{float:left;width:453px;margin:21px 0 0 17px;_display:inline;}
body.mo #feature #catchCont .texts h2{height:27px;margin:0 0 25px 0;background:url(../images/mo_feat_ttl.jpg) no-repeat;}
body.mo #feature #catchCont .texts h3{height:28px;background:url(../images/mo_feat_subttl.jpg) no-repeat;}
body.mo #feature #catchImg{float:right;}
body.mo #feature #catchCont .desc{height:72px;background:url(../images/mo_feat_desc.jpg) no-repeat;}
body.mo #feature #catchCont .date{height:45px;background:url(../images/mo_feat_date.jpg) no-repeat;}
body.mo #feature #catchCont .note{height:11px;background:url(../images/mo_feat_notice.jpg) no-repeat;}
body.mo #feature .cont{width:910px;padding:0 17px 27px 17px;}
body.mo #feature .cont .detail{float:left;width:360px;}
body.mo #feature .cont .detail h4{margin-top:27px;font-weight:bold;color:#0088AF;}
body.mo #feature .cont .detail p{padding:10px 0 0 0;}
body.mo #feature .cont .detail p a{color:#73B836;}
body.mo #feature .cont .detail p strong{font-weight:bold;color:#00BCF0;}
body.mo #feature .cont .present{float:right;width:516px;padding:10px 0 0 0;}
body.mo #feature .cont .present h4{font-weight:bold;color:#0088AF;margin-bottom:10px;}
body.mo #feature .cont .present h4 span{font-weight:normal;color:#999999;}
.panel .ptopHeadMo{width:674px;height:41px;padding:1px 20px 0 20px;overflow:hidden;background:url(../images/col_base_top_mobile.png) no-repeat;}
body.mo #how #step1{margin-top:9px;}
body.mo #how #step1 h3{height:41px;background:url(../images/mo_entry_step1_ttl.jpg) no-repeat;}
body.mo #how #step1 .cont{width:674px;padding:17px 17px 22px 17px;}
body.mo #how #step1 .texts{float:left;width:348px;}
body.mo #how #step1 .texts p{padding:10px 0 0 0;}
body.mo #how #step1 .texts p.attention{margin-left:1em;text-indent:-1em;color:#999999;}
body.mo #how #step1 .texts p.top{margin-top:17px;}
body.mo #how #step1 .figures{position:relative;float:right;width:292px;}
body.mo #how #step1 .figures #step1Desc{height:29px;margin-top:10px;background:url(../images/mo_entry_step1_desc.gif) right top no-repeat;}
body.mo #how #step1 .figures #step1Qr{margin:17px 0 0 160px;}
body.mo #how #step1 .figures #step1catch{position:absolute;left:-34px;top:0;}
body.mo #how #step2{margin-top:0;}
body.mo #how #step2 h3{height:41px;background:url(../images/mo_entry_step2_ttl.jpg) no-repeat;}
body.mo #how #step2 .cont{padding:17px 17px 22px 17px;}
body.mo #how #step2 .cont p{padding-top:10px;line-height:195%;}
body.mo #how #step2 .cont p strong{font-weight:bold;color:#00bcf0;}
body.mo #how #step2 .cont #presentCard{float:right;margin:10px 0 0 27px;}
body.mo #mo h2{height:55px;margin-top:15px;background:url(../images/mo_mobile_ttl.png) no-repeat;}
body.mo #mo .ptop{background:url(../images/mo_mobile_bg_top.png) no-repeat;}
body.mo #mo .pbtm{background:url(../images/mo_mobile_bg_btm.png) no-repeat;}
body.mo #mo .cont{position:relative;width:708px;background:url(../images/mo_mobile_bg_mid.jpg) left top repeat-y;}
body.mo #mo .catchCont{float:left;width:309px;}
body.mo #mo .catchCont .wrap{height:410px;padding-left:24px;background:url(../images/mo_mobile_bg.jpg) left top no-repeat;}
body.mo #mo .catchCont .wrap img.base{position:absolute;bottom:0;}
body.mo #mo .details{float:right;width:348px;padding:22px 17px 22px 0;}
body.mo #mo .details h4{height:16px;background:url(../images/mo_mobile_subttl.gif) no-repeat;}
body.mo #mo .details p{padding-top:17px;}
body.mo #mo .details .qrArea{padding-top:27px;}
body.mo #mo .details .qrArea .qr{float:left;}
body.mo #mo .details .qrArea p{float:right;width:192px;margin:0;padding:0 0 2px 7px;border-left:1px solid #555555;}
body.mo #mo .details .qrArea p .ttl{height:19px;background:url(../images/mo_mobile_qr_ttl.gif) no-repeat;}
body.mo #mo .details .qrArea p .url{height:12px;background:url(../images/mo_mobile_qr_url.gif) no-repeat;}
body.mo #mo #slideshow{position:absolute;left:82px;bottom:104px;height:241px;}
body.mo #mo #slideshow div{position:absolute;left:0;z-index:8;opacity:0.0;height:241px;background-color:#FFF;}
body.mo #mo #slideshow div.active{z-index:10;opacity:1.0;}
body.mo #mo #slideshow div.last-active{z-index:9;}
body.mo #mo #slideshow div img{height:241px;display:block;border:0;}
body.ap #feature.panel{width:714px;}
body.ap #feature.panel .ptopHeadFt{display:block;width:714px;height:7px;overflow:hidden;background:url(../images/ap_feat_top.png) no-repeat;}
body.ap #feature.panel .pmid{width:714px;padding:0;}
body.ap #feature.panel .pbtmFootFt{display:block;width:714px;height:11px;overflow:hidden;background:url(../images/ap_feat_btm.png) no-repeat;}
body.ap #feature .bgContainer{width:708px;margin:0 3px;padding:0;background:url(../images/ap_feat_bg.jpg) repeat-y;}
body.ap #feature .container{position:relative;width:708px;}
body.ap #feature .titleBox{float:left;width:309px;padding:0;}
body.ap #feature .h3{position:absolute;left:15px;top:43px;width:264px;height:40px;background:url(../images/ap_feat_subttl.png) no-repeat;z-index:2;}
body.ap #feature h2{position:absolute;left:15px;top:83px;width:264px;height:71px;background:url(../images/ap_feat_ttl.png) no-repeat;z-index:1;}
body.ap #feature .detail{position:relative;float:right;width:348px;padding:18px 17px 22px 0;}
body.ap #feature .detail .date{height:38px;margin-bottom:17px;background:url(../images/ap_feat_date.gif) no-repeat;}
body.ap #feature .detail .descFig{margin-bottom:27px;}
body.ap #feature .detail p.desc{margin:0 0 17px 0;line-height:160%;color:#555555;}
body.ap #feature .detail ul.desc{margin:17px 0;color:#555555;}
body.ap #feature .detail ul.desc li{margin-left:17px;list-style:disc;line-height:140%;color:#0088AF;}
body.ap #feature .detail strong{font-weight:bold;}
body.ap #feature .detail ul.desc strong{color:#0088AF;}
body.ap #feature .detail p.desc strong{color:#E75AAA;}
body.ap #feature #presentInfo{position:relative;width:348px;}
body.ap #feature #presentInfo h3{padding-top:17px;padding-bottom:7px;font-weight:bold;color:#E75AAA;}
body.ap #feature #presentInfo .desc{margin:0;padding:0;}
body.ap #feature #productBtn{position:absolute;left:235px;bottom:0;}
.panel .ptopHeadPink{width:674px;height:41px;padding:1px 20px 0 20px;overflow:hidden;background:url(../../common/images/col_base_top_pink.png) no-repeat;}
body.ap #step1{margin-top:10px;}
body.ap #how #step1 h3{height:41px;background:url(../images/ap_entry_ttl.jpg) no-repeat;}
body.ap #how #step1 .cont{padding:27px 17px 22px 17px;}
body.ap #how #step1 .desc{margin-bottom:17px;}
body.ap #how #step1 .privacy{margin-bottom:27px;}
body.ap #how #step1 .btn{text-align:center;}
body.slim #sideCont{margin-top:79px;}
body.mo #sideCont{margin-top:79px;}
body.debut #sideCont{margin-top:79px;}
