@charset "utf-8";
/* ========== universal font size setting =========== */
body {font-size:12px;
font-family:arial,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva;
line-height:1.7; color:#fff;
}
.mincho {font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGP明朝E","ＭＳ Ｐ明朝",serif;}
body{-webkit-font-smoothing:antialiased;}
select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}
table {font-size:inherit; font:100%;}
pre,code,kbd,samp,tt {font-family:monospace; *font-size:108%; line-height:100%;}
/* ========== clear ========== */
.clrFix{zoom:1; clear:both;}
.clrFix:after{content:''; display:block; clear:both;}
.clr{clear:both;}
/* ========== common setting =========== */
/* hide from browser */
.hide{display:none;}
/* anchor */
a:link    {color:#2CA6E0; text-decoration:underline;}
a:visited {color:#2CA6E0; text-decoration:underline;}
a:hover   {color:#2CA6E0; text-decoration:none;}
a:active  {color:#2CA6E0; text-decoration:none;}
a{outline:none;}

/* text align */
.a-rt{text-align:right !important;}
.a-ct{text-align:center !important;}

/* force position */
.relative{position:relative;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

/* text-color */
.t-red {color:#FF0000 !important;}

strong {font-weight:bold;}
b {font-weight:bold;}
small {font-size:10px;}

/* ========== functions ========== */
.blank{}
.bgpng{}
.rollover{}
.wordBreak{}
.popup{}
img.load{display:none;}

/* ========== smartphone ========== */
*{-webkit-text-size-adjust:none;}

/* ========== contents ========== */
html,body {margin: 0; padding: 0;}
body {position:static; overflow: auto; width:auto; *overflow-y:hidden; background:#fac014;}

#wrap {margin:0 auto; min-width:1024px; zoom:1; position:relative; overflow:hidden; padding:0;}
#home #wrap {}

.contentsSection{margin: 0 -128px; zoom:1; position: relative; *overflow-y:hidden; clear:both; padding:0;}
.contentsSection:after{content:''; clear:both; display:block;}
.contentsSection.bgLightYellow {background:#fed852;}
section {width:768px; margin:0 auto; clear:both; zoom:1; position:relative; z-index:0;}
section:after{content:''; clear:both; display:block;}

.item{position:relative; padding:0;}

#gn {position:fixed; left:0; top:0; background:#fff; width:100%; min-width:1024px; height:60px; z-index:800;}
* html #gn {position:absolute;}
.ie7 #gn {position:absolute;}
#gn section {width:920px; z-index:10;}
#gn h1{float:left;}
#gn ul{float:left;}
#gn ul li{float:left;}
#gn ul.main li a{display:block; background:url(../images/gn.gif) left top no-repeat; width:98px; height:60px; overflow:hidden; text-indent:-9999px;}
#gn ul.main li.home    a{background-position:-183px 0px;}
#gn ul.main li.column  a{background-position:-281px 0px;}
#gn ul.main li.product a{background-position:-379px 0px;}
#gn ul.main li.history a{background-position:-477px 0px;}
#gn ul.main li.cm      a{background-position:-575px 0px;}
#gn ul.main li.link    a{background-position:-673px 0px; border-right:1px solid #fac014;}
#gn ul.main li.home    a:hover{background-position:-183px -60px;}
#gn ul.main li.column  a:hover{background-position:-281px -60px;}
#gn ul.main li.product a:hover{background-position:-379px -60px;}
#gn ul.main li.history a:hover{background-position:-477px -60px;}
#gn ul.main li.cm      a:hover{background-position:-575px -60px;}
#gn ul.main li.link    a:hover{background-position:-673px -60px;}
#gn ul.main li.home    a.on{background-position:-183px -60px;}
#gn ul.main li.column  a.on{background-position:-281px -60px;}
#gn ul.main li.product a.on{background-position:-379px -60px;}
#gn ul.main li.history a.on{background-position:-477px -60px;}
#gn ul.main li.cm      a.on{background-position:-575px -60px;}
#gn ul.main li.link    a.on{background-position:-673px -60px;}

#gn ul.main li.cm {position:relative;}
#gn ul.main li.cm span.new{position:absolute; left:1px; top:57px; display:none;}
#gn ul.main li.cm span.new span {display:block; background:#e50615; width:96px; height:42px; position:absolute; left:0; bottom:0;}

#cm #gn ul.main li.cm span.new {display:none;}

/*
#gn ul.main li span{display:block; background:url(../images/gn.gif) left top no-repeat; width:98px; height:60px; overflow:hidden; text-indent:-9999px;}
#gn ul.main li.cm      span{background-position:-575px 0px;}
*/

#gn ul.right {position:absolute; right:0; top:0; background:url(../images/pc_share.png) 30px 44px no-repeat #fff; height:48px; width:227px; padding:10px 0 0 14px;}
#gn ul.right li.twitter {margin:0 12px 0 0;}
#gn ul.right li.facebook{margin:0 24px 0 0;}
#gn ul.right li.twitter img,
#gn ul.right li.facebook img {width:28px; height:28px;}
#gn ul.right li.news img{width:102px; height:35px;}

#fukidashi{position:absolute; top:51px; right:26px; width:479px; background:url(../images/news_fukidashi_head.png) left top no-repeat; padding:35px 0 0; display:block; color:#fff; text-decoration:none; cursor:pointer; top:-1000px; z-index:900;}
#fukidashi div.bg{background:url(../images/news_fukidashi_bottom.png) left bottom no-repeat; padding:0 45px 18px 45px; position:relative; clear:both; zoom:1;}
#fukidashi div.bg:after{content:''; clear:both; display:block;}
#fukidashi div.bg figure{float:right; padding:7px 0 7px 20px;}
#fukidashi div.bg div {clear:both; zoom:1; border-top:1px dotted #fff;}
#fukidashi div.bg div:after{content:''; clear:both; display:block;}
#fukidashi div.bg div.first{border:none;}
#fukidashi h2{background:url(../images/arr_white_alpha.png) left 0.7em no-repeat; padding:4px 0 0 8px; font-size:10px; zoom:1; overflow:hidden; line-height:1.4;}

/* mv */
/*#mv {position:relative; height:772px; z-index:0; margin:0 auto; text-align:center; width:666px; min-width:1024px;}
#mv {position:relative; height:1000px; z-index:0; margin:0 auto 50px; text-align:center; width:599px; min-width:1024px;}*/
#mv {position:relative; height:850px; z-index:0; margin:0 auto 50px; text-align:center; width:599px; min-width:1024px;}
#mv figure {padding-top:62px;}
#mv p{text-align:center;}
#home #text1 {text-align:center; background:#f5f0df; position:relative; border:20px solid #fac014; border-bottom:none; border-top:none; padding-bottom:0; min-width:954px; position:relative; z-index:0;}
#home #text1 figure{position:relative; width:954px; height:auto; margin:0 auto;}
#home #text1 figure img {width:100%; height:auto;}
#home #text2 {text-align:center; background:#fff; position:relative; border:20px solid #fac014; border-bottom:none; border-top:none; padding-bottom:0; min-width:954px; position:relative; z-index:0;}
#home #text2 figure{position:relative; max-width:984px; margin:0 auto;}
#home #text2 figure img {width:100%; height:auto;}


#home #cmtJellyNew{
background:url(../images/cmtJellyNew_01.png) bottom center no-repeat #fff;
height:640px;
text-align:center;
margin:80px 0 0 0;
}
#home #cmtJellyNew img{
margin:25px 0 0 0;
}
#home .cmtJellyNewArrow{
text-align:center;
margin:20px 0 0 0;
}

#home #youtube {text-align:center; position:relative; border:20px solid #fac014; border-top:none; padding-bottom:40px; min-width:1024px;padding-top:1px;}

#home #youtube h2 {height:50px; margin-bottom:15px; font-size:0;}

#home #youtube .movieTitle{
width: auto; 
margin:0 auto; 
display: table;
}
#home #youtube .movieTitle div{text-align:left;display:table-cell; padding:0 20px; color:#593118; font-size:20px; font-weight:bold;}

#home #youtube .movie {text-align:center; margin:0 auto;font-size:0;height:270px; overflow:hidden;}
#home #youtube .movie .popup-iframe:hover img {position:relative;top:-270px;}

#home #youtube .movie iframe {margin:0 auto;}
#home #youtube .bnr{padding:15px 0 0; font-size:0;}
#home #youtube .bnr a:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

#home .mask {displayb:block; position:absolute; left:0; top:0; z-index:10; overflow:hidden;}
#home .mask img {width:100%; height:48px !important; position:relative; left:0;}
#home .mask.mask1 {left:0; top:45px; width:954px;}
#home .mask.mask2 {left:0; top:415px; width:954px;}
#home .mask.mask2 img {height:250px !important;}
#home .mask.mask3 {left:0; top:95px; width:954px;}
#home .mask.mask3 img {height:320px !important;}

#home .mask4 {left:300px; top:150px; width:650px;}
#home .mask5 {left:300px; top:210px; width:650px;}
#home .mask6 {left:300px; top:275px; width:650px;}
#home .mask.mask4 img {height:60px !important;}
#home .mask.mask5 img {height:60px !important;}
#home .mask.mask6 img {height:60px !important;}

.piro {position:relative; z-index:0; font-size:0; line-height:1; top:0px; width:250px; height:250px;}
.piro p {display:none;}
.piro p.img1 {display:block;}
.piro a{display:block; width:250px; height:250px; overflow:hidden; font-size:0; line-height:1;}
.piro a img{position:absolute; left:0; top:0;}
.piro a img + img {opacity:0;}

/* news modal */
#newsModal h1{display:none;}
#newsModal .detail {padding:19px 0 19px; clear:both; zoom:1; border-bottom:1px dotted #fff; margin:0 35px 0;}
#newsModal .detail:after{content:''; clear:both; display:block;}
#newsModal .detail figure {float:right;}
#newsModal .detail .body{zoom:1; overflow:hidden; padding:0 15px 0 0;}
#newsModal .detail h2{margin:0 0 15px; font-size:15px; line-height:1.3;}
#newsModal .detail h2 span {font-size:12px;}
#newsModal .detail p{font-size:11px; line-height:1.4;}
#newsModal .detail p.date{background:url(../images/arr_white_alpha.png) left 0.3em no-repeat; padding:0 0 3px 8px; position:relative; left:-8px; font-size:11px;}
* html #newsModal .detail p.date {background:url(../images/arr_white_alpha.gif) left 0.3em no-repeat; position:static;}
.ie7 #newsModal .detail p.date {background:url(../images/arr_white_alpha.gif) left 0.3em no-repeat; position:static;}
#newsModal .detail p a{color:#fff;}
#newsModal .detail p a:hover{text-decoration:none;}

/* column modal */
#column h1{display:none;}
.modalContent {padding:0px 0 0px 180px; color:#613818; overflow-x:hidden; width:540px;}
.modalContent h2{font-size:18px; margin:0 0 15px; font-weight:bold;}
.modalContent h3{font-size:14px; margin:0 0 5px; font-weight:bold; line-height:1.2;}
.modalContent p{margin:0 0 20px;}
.modalContent p.note{line-height:1.4; font-size:10px;}
.modalContent ul li{line-height:1.2; margin:0 0 8px;}
.modalContent table {width:540px; border:1px solid #808080; margin:0 0 10px;}
.modalContent table thead th{text-align:center;}
.modalContent table th.empty{background:#808080; color:#fff;}
.modalContent table th{text-align:center; background:#593118; color:#fff; border:1px solid #808080; padding:6px 10px 5px; vertical-align:middle;}
.modalContent table td{text-align:center; border:1px solid #808080; padding:6px 10px 5px; vertical-align:middle; background:#fff;}
.modalContent table th span{color:#FDD23E;}
.modalContent table td span{color:#fff;}
.modalContent table .genderMen {background:#f7ab00; color:#613818;}
.modalContent table .genderLady {background:#fac014; color:#613818;}
.modalContent .tYellow {color:#f7b028;}
.modalContent figure{margin:0 0 20px;}
.modalContent .tableHead {margin:0 0 10px; position:relative;}
.modalContent .tableHead p.note{position:absolute; right:0; bottom:0; margin:0;}
.modalContent .tableHead.column01 h3{background:url(../images/modal/column01/table_head.gif) left top no-repeat; width:265px; height:32px; overflow:hidden; text-indent:-9999px;}
.modalContent .tableHead.column05 h3{background:url(../images/modal/column05/table_head.gif) left top no-repeat; width:565px; height:32px; overflow:hidden; text-indent:-9999px;}
#column03Modal .box h3{color:#fff; background:url(../images/modal/column03/box_head01.png) left bottom no-repeat; height:20px; padding:17px 0 0 10px; margin:0;}
#column03Modal .box2 h3 {background:url(../images/modal/column03/box_head02.png) left bottom no-repeat;}
#column03Modal .box3 h3 {background:url(../images/modal/column03/box_head03.png) left bottom no-repeat;}
#column03Modal .box4 h3 {background:url(../images/modal/column03/box_head04.png) left bottom no-repeat;}
#column03Modal .box5 h3 {background:url(../images/modal/column03/box_head05.png) left bottom no-repeat;}
#column03Modal .box p{background:url(../images/modal/column03/box_bg.png) left bottom no-repeat; padding:4px 12px 12px 12px; margin:0 0 10px;}
#column05Modal .floatBoxs{clear:both; zoom:1; margin:0 0 30px;}
#column05Modal .floatBoxs:after{content:''; clear:both; display:block;}
#column05Modal .floatBoxs div{float:left; width:260px;}
#column05Modal .floatBoxs div.right{float:right;}
#column05Modal .floatBoxs h3{background:url(../images/modal/column05/box_bg_top.png) left top no-repeat; color:#fff; padding:10px 10px 0; font-size:14px; margin:0; height:20px; overflow:hidden;}
#column05Modal .floatBoxs p{padding:2px 10px 10px; background:url(../images/modal/column05/box_bg.png) left bottom no-repeat; margin:0;}
#column05Modal .bmi{background:url(../images/modal/column05/bg_bmi.gif) left top no-repeat; position:relative; padding:270px 0 10px;}
#column05Modal .bmi p{}
#column05Modal .bmi input {border:none; background:none; position:absolute; left:0; top:0;}
#column05Modal .bmi input.t{top:58px; left:57px; line-height:1em; font-size:16px; width:76px; padding:0 5px; color:#613818; text-align:right;}
#column05Modal .bmi input.w{top:96px; left:57px; line-height:1em; font-size:16px; width:76px; padding:0 5px; color:#613818; text-align:right;}
#column05Modal .bmi input.ans{top:76px; left:367px; line-height:1em; font-size:40px; width:150px; padding:0 5px; color:#613818; text-align:center;}
#column05Modal .bmi button.submit {width:140px; height:71px; position:absolute; left:187px; top:50px; background:none; border:none; text-indent:-9999px; cursor:pointer;}
#column06Modal h3{margin:0 0 15px;}
#column06Modal .boxA {background:url(../images/modal/column06/bg_boxA_top.gif) left top no-repeat; padding:12px 0 0; margin:0 0 15px;}
#column06Modal .boxA div.inner{background:url(../images/modal/column06/bg_boxA_bottom.gif) left bottom no-repeat; padding:0 0 12px;}
#column06Modal .boxA .img {padding:0 105px 0 10px; background-color:#fac014; background-position:452px center; background-repeat:no-repeat; width:424px; overflow:hidden; border-right:1px solid #feeec1;}
#column06Modal .boxA.box1 .img {background-image:url(../images/modal/column06/icon01.gif);}
#column06Modal .boxA.box2 .img {background-image:url(../images/modal/column06/icon02.gif);}
#column06Modal .boxA.box3 .img {background-image:url(../images/modal/column06/icon03.gif);}
#column06Modal .boxA.box4 .img {background-image:url(../images/modal/column06/icon04.gif);}
#column06Modal .boxA.box4 {margin:0 0 30px;}
#column06Modal .boxA h4{font-size:14px; color:#fff; font-weight:bold;}
#column06Modal .boxA p{margin:0;}
#column06Modal .boxA p.white{color:#fff;}
#column06Modal .boxB {background:url(../images/modal/column06/bg_boxB_top.gif) left top no-repeat; padding:12px 0 0; margin:0 0 15px;}
#column06Modal .boxB div.inner{background:url(../images/modal/column06/bg_boxB_bottom.gif) left bottom no-repeat; padding:0 0 12px;}
#column06Modal .boxB .img {padding:0 105px 0 10px; background-color:#f5a100; background-position:452px center; background-repeat:no-repeat; width:424px; overflow:hidden; border-right:1px solid #fce6bc;}
#column06Modal .boxB.box1 .img {background-image:url(../images/modal/column06/icon05.gif);}
#column06Modal .boxB.box2 .img {background-image:url(../images/modal/column06/icon06.gif);}
#column06Modal .boxB.box3 .img {background-image:url(../images/modal/column06/icon07.gif);}
#column06Modal .boxB.box4 .img {background-image:url(../images/modal/column06/icon08.gif);}
#column06Modal .boxB.box5 .img {background-image:url(../images/modal/column06/icon09.gif);}
#column06Modal .boxB.box6 .img {background-image:url(../images/modal/column06/icon10.gif);}
#column06Modal .boxB.box7 .img {background-image:url(../images/modal/column06/icon11.gif);}
#column06Modal .boxB.box8 .img {background-image:url(../images/modal/column06/icon12.gif);}
#column06Modal .boxB.box9 .img {background-image:url(../images/modal/column06/icon13.gif);}
#column06Modal .boxB.box10 .img {background-image:url(../images/modal/column06/icon14.gif);}
#column06Modal .boxB.box11 .img {background-image:url(../images/modal/column06/icon15.gif);}
#column06Modal .boxB.box12 .img {background-image:url(../images/modal/column06/icon16.gif);}
#column06Modal .boxB h4{font-size:14px; color:#fff; font-weight:bold;}
#column06Modal .boxB p{margin:0;}
#column06Modal .boxB p.white{color:#fff;}
#column07Modal .fukidashi {margin:0 1px 30px 0;}
#column07Modal .fukidashi.fukidashi1{background:url(../images/modal/column07/icon01.png) left center no-repeat; padding:0 0 0 150px; min-height:120px;}
#column07Modal .fukidashi.fukidashi2{background:url(../images/modal/column07/icon02.png) right center no-repeat; padding:0 150px 0 0; min-height:120px;}
#column07Modal .fukidashi.fukidashi3{background:url(../images/modal/column07/icon03.png) left center no-repeat; padding:0 0 0 150px; min-height:120px;}
#column07Modal .fukidashi.fukidashi4{background:url(../images/modal/column07/icon04.png) right center no-repeat; padding:0 150px 0 0; min-height:120px;}
#column07Modal .fukidashi.fukidashi5{background:url(../images/modal/column07/icon05.png) left center no-repeat; padding:0 0 0 150px; min-height:120px;}
#column07Modal .fukidashi.fukidashi6{background:url(../images/modal/column07/icon06.png) right center no-repeat; padding:0 150px 0 0; min-height:120px;}
#column07Modal .fukidashi.fukidashi7{background:url(../images/modal/column07/icon07.png) left center no-repeat; padding:0 0 0 150px; min-height:120px;}
#column07Modal .fukidashi.fukidashi8{background:url(../images/modal/column07/icon08.png) right center no-repeat; padding:0 150px 0 0; min-height:120px;}
#column07Modal .fukidashi.fukidashi9{background:url(../images/modal/column07/icon09.png) left center no-repeat; padding:0 0 0 150px; min-height:120px;}
#column07Modal .fukidashi .inner{background:url(../images/modal/column07/bg_yellow_bottom.png) left bottom no-repeat; padding:0 0 10px; width:389px; position:relative;}
#column07Modal .fukidashi .inner div{background:url(../images/modal/column07/bg_yellow_top.png) left top no-repeat; padding:10px 0 0;}
#column07Modal .fukidashi .inner p{margin:0; line-height:1.5; padding:0 10px; background:#fac014;}
#column07Modal .fukidashi .inner.right{background:url(../images/modal/column07/bg_orange_bottom.png) left bottom no-repeat;}
#column07Modal .fukidashi .inner.right div{background:url(../images/modal/column07/bg_orange_top.png) left top no-repeat; padding:10px 0 0;}
#column07Modal .fukidashi .inner.right p{background:#f5a100;}
#column07Modal .fukidashi.fukidashi1 .inner{top:30px;}
#column07Modal .fukidashi.fukidashi2 .inner{top:3px;}
#column07Modal .fukidashi.fukidashi3 .inner{top:30px;}
#column07Modal .fukidashi.fukidashi4 .inner{top:8px;}
#column07Modal .fukidashi.fukidashi5 .inner{top:30px;}
#column07Modal .fukidashi.fukidashi6 .inner{top:22px;}
#column07Modal .fukidashi.fukidashi7 .inner{top:12px;}
#column07Modal .fukidashi.fukidashi8 .inner{top:22px;}
#column07Modal .fukidashi.fukidashi9 .inner{top:22px;}
#column08Modal .rightBox {background:#fac014; float:right; width:170px; padding:15px; color:#fff; margin:0 0 30px 30px;}
#column08Modal .rightBox figure{margin:0 0 15px !important; line-height:1;}
#column08Modal .rightBox h3{font-size:16px;}
#column08Modal .rightBox h3 span{font-size:14px; font-weight:normal;}
#column08Modal strong{color:#F5A100;}
#column08Modal .floatBoxs{clear:both; zoom:1; margin:0 0 20px; background:url(../images/modal/column08/box_bg_top.png) left top no-repeat; padding:10px 0 0;}
#column08Modal .floatBoxs:after{content:''; clear:both; display:block;}
#column08Modal .floatBoxs .inner{background:url(../images/modal/column08/box_bg.png) left bottom no-repeat; padding:0 0 10px; clear:both; zoom:1;}
#column08Modal .floatBoxs .inner:after{content:''; clear:both; display:block;}
#column08Modal .floatBoxs .inner div{float:left; width:240px; padding:0 10px;}
#column08Modal .floatBoxs .inner div.right{float:right;}
#column08Modal .floatBoxs h3{color:#fff; padding:0; font-size:14px; margin:0; height:20px; overflow:hidden;}
#column08Modal .floatBoxs p{padding:2px 0 0; margin:0;}
#column09Modal h2{font-size:17px;}
#column09Modal h3.h301{background:url(../images/modal/column09/h301.png) left top no-repeat; height:45px; overflow:hidden; padding:28px 0 0 10px;clear:both; zoom:1;}
#column09Modal h3.h302{background:url(../images/modal/column09/h302.png) left top no-repeat; height:45px; overflow:hidden; padding:35px 0 0 10px;clear:both; zoom:1;}
#column09Modal h3.h303{background:url(../images/modal/column09/h303.png) left top no-repeat; height:57px; overflow:hidden; padding:38px 0 0 10px; line-height:1.5;clear:both; zoom:1;}
#column09Modal h4{color:#f6a710; line-height:20px; margin:0 0 10px; background:url(../images/modal/column09/iconQ.gif) left 0.1em no-repeat; padding:0 0 0 23px; font-size:13px;}
#column09Modal h4 span{display:none;}
#column09Modal p.indent{padding-left:23px;}
#column09Modal .comment{background:url(../images/modal/column09/bgCommentBottom.png) left bottom no-repeat; padding-bottom:5px; margin-bottom:30px;}
#column09Modal .comment dl{clear:both; zoom:1; background:url(../images/modal/column09/bgComment.png) left top no-repeat; min-height:90px;}
#column09Modal .comment dl dt{float:left; text-align:center; line-height:1.2;}
#column09Modal .comment dl dt img{margin:0 0 4px;}
#column09Modal .comment dl dd{zoom:1; overflow:hidden; padding:14px 10px 0 48px;}
#column09Modal .comment dd p{margin:0 0 14px;}
#column09Modal .comment dd p strong{font-weight:normal; color:#fff;}
#column09Modal .comment dl.short dd{padding-top:18px;}
#column09Modal .prof {padding:20px 0 30px; clear:both; zoom:1;}
#column09Modal .prof:after{content:''; clear:both; display:block;}
#column09Modal .prof p.img{float:left;}
#column09Modal .prof h3{zoom:1; overflow:hidden; margin:0 0 15px; padding-left:15px; font-size:16px;}
#column09Modal .prof dl{zoom:1; overflow:hidden; padding-left:15px;}
#column09Modal .prof dl dt{float:left;}
#column09Modal .prof dl dd{zoom:1; overflow:hidden;}
#column09Modal .notes {background:url(../images/modal/column09/bgNotes.png) left top no-repeat; padding:10px 0 0; margin:0 0 20px;}
#column09Modal .notes div{background:url(../images/modal/column09/bgNotesBottom.png) left bottom no-repeat; padding:0 10px 0;}
#column09Modal .notes div p{color:#fff; margin:0; padding:0 0 10px; line-height:1.7;}
#column10Modal h2{font-size:17px;}
#column10Modal h3.h301{background:url(../images/modal/column10/h301.png) left top no-repeat; height:57px; overflow:hidden; padding:42px 0 0 10px; line-height:1.5;clear:both; zoom:1;}
#column10Modal h4{color:#f6a710; line-height:20px; margin:0 0 10px; background:url(../images/modal/column10/iconQ.gif) left 0.1em no-repeat; padding:0 0 0 23px; font-size:13px;}
#column10Modal h4 span{display:none;}
#column10Modal p.indent{padding-left:23px;}
#column10Modal .comment{background:url(../images/modal/column10/bgCommentBottom.png) left bottom no-repeat; padding-bottom:5px; margin-bottom:30px;}
#column10Modal .comment dl{clear:both; zoom:1; background:url(../images/modal/column10/bgComment.png) left top no-repeat; min-height:105px;}
#column10Modal .comment dl dt{float:left; text-align:center; line-height:1.2;}
#column10Modal .comment dl dt img{margin:0 0 4px;}
#column10Modal .comment dl dd{zoom:1; overflow:hidden; padding:14px 10px 0 48px;}
#column10Modal .comment dd p{margin:0 0 14px;}
#column10Modal .comment dd p strong{font-weight:normal; color:#fff;}
#column10Modal .comment dd ul{margin:0 0 14px;}
#column10Modal .comment dd ul li{position:relative; padding:0 0 0 1em;}
#column10Modal .comment dd ul li span{display:block; width:1em; position:absolute; left:0; top:0;}
#column10Modal .prof {padding:20px 0 30px; clear:both; zoom:1;}
#column10Modal .prof:after{content:''; clear:both; display:block;}
#column10Modal .prof p.img{float:left;}
#column10Modal .prof h3{zoom:1; overflow:hidden; margin:0 0 15px; padding-left:15px; font-size:16px;}
#column10Modal .prof dl{zoom:1; overflow:hidden; padding-left:15px;}
#column10Modal .prof dl dt{float:left;}
#column10Modal .prof dl dd{zoom:1; overflow:hidden;}
#column10Modal .notes {background:url(../images/modal/column10/bgNotes.png) left top no-repeat; padding:10px 0 0; margin:0 0 20px;}
#column10Modal .notes div{background:url(../images/modal/column10/bgNotesBottom.png) left bottom no-repeat; padding:0 10px 0;}
#column10Modal .notes div p{color:#fff; margin:0; padding:0 0 10px; line-height:1.7;}

/* product */
#product {padding:100px 0 0;}
 * html #product {width:768px !important; overflow:hidden; margin:0 auto !important;}
#product h1{background:url(../images/product/h1.gif) left top no-repeat; height:51px; overflow:hidden; text-indent:-9999px; margin:0 0 30px;}
#product .index h1{background:url(../images/product/h1.gif) left top no-repeat;}
#product .jelly h1{background:url(../images/product/h1.gif) left -51px no-repeat;}
#product .can h1{background:url(../images/product/h1.gif) left -102px no-repeat;}
#product .longlife h1{background:url(../images/product/h1.gif) left -153px no-repeat;}
#product .longlife h2{margin:0 0 10px;}
#product p{font-size:13px; color:#613818;}
#product .ln{clear:both; zoom:1; margin:0 0 20px;}
#product .ln:after{content:''; clear:both; display:block;}
#product .ln ul {width:1000px;}
#product .ln ul li {float:left; margin:0 1px 0 0;}
#product .ln ul li.longlife{margin:0;}
#product .ln ul li a{height:37px; display:block; background:url(../images/product/ln.gif) left top no-repeat; text-indent:-9999px; width:191px;}
#product .ln ul li.index a{background-position:0 0;width:192px;}
#product .ln ul li.jelly a{background-position:-193px 0;}
#product .ln ul li.can   a{background-position:-385px 0;}
#product .ln ul li.longlife a{background-position:-577px 0;}
#product .ln ul li.index a:hover{background-position:0 -36px; width:192px;}
#product .ln ul li.jelly a:hover{background-position:-193px -36px;}
#product .ln ul li.can   a:hover{background-position:-385px -36px;}
#product .ln ul li.longlife a:hover{background-position:-577px -36px;}
#product section.index .ln ul li.index a{background-position:0 -36px; width:192px;}
#product section.jelly .ln ul li.jelly a{background-position:-193px -36px;}
#product section.can .ln ul li.can   a{background-position:-385px -36px;}

#product section.can p.lead .sup{vertical-align:super; font-size:9px;}

#product section.longlife .ln ul li.longlife a{background-position:-577px -36px;}
#product section p.lead{margin:0 0 50px;}
#product section figure {margin:0 0 60px; text-align:center; background:url(../images/loading.gif) center center no-repeat;}
#product section figure img{/*filter:alpha(opacity=0); -moz-opacity:0; opacity:0;*/}
 * html #product section figure img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
 .ie7 #product section figure img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
#product section.longlife .contact{margin:0 0 50px; background:url(../images/product/longlife_contact_top.jpg) left top no-repeat; padding:20px 0 0;}
#product section.longlife .contact div{background:url(../images/product/longlife_contact_bottom.jpg) left bottom no-repeat #593118; padding:0 20px 20px 0;}
#product section.longlife .contact h3{display:none;}
#product section.longlife .contact p{background:url(../images/product/longlife_contact.jpg) left center no-repeat; padding:0 0 0 320px; color:#fff;}
/* history */
#history h1{text-indent:-9999px;}
#history {
background:url(../images/history/bg.gif) left top repeat-x;
height:9000px;
overflow:hidden;
position:relative;
}
#history section{background:url(../images/history/history.gif) center top no-repeat; height:9000px; width:1024px; overflow:hidden; position:relative;}
#history img{display:none; position:absolute; top:9999px; left:98px;/*616*/}
#history div.left img{left:98px;}
#history div.right img{left:615px;}
/* left */
#history .img0 {top:206px;}
#history .img1 {top:620px;}
#history .img2 {top:1040px;}
#history .img3 {top:1722px;}
#history .img4 {top:2048px;}
#history .img5 {top:2651px;}
#history .img6 {top:2858px;}
#history .img7 {top:3118px;}
#history .img8 {top:3382px;}
#history .img9 {top:3786px;}
#history .img10 {top:4223px;}
#history .img11 {top:4483px;}
#history .img12 {top:4665px;}
#history .img13 {top:4797px;}
#history .img14 {top:5145px;}
#history .img15 {top:5330px;}
#history .img16 {top:5492px;}
#history .img17 {top:5716px;}
#history .img18 {top:5948px;}
#history .img19 {top:6232px;}
#history .img20 {top:6452px;}
#history .img21 {top:6732px;}
#history .img22 {top:6968px;}
#history .img23 {top:7296px;}
#history .img24 {top:7556px;}
#history .img25 {top:7865px;}
#history .img26 {top:8335px;}
#history .img27 {top:8665px;}
/* right */
#history .img28 {top:206px;}
#history .img29 {top:458px;}
#history .img30 {top:910px;}
#history .img31 {top:1457px;}
#history .img32 {top:1890px;}
#history .img33 {top:2310px;}
#history .img34 {top:2825px;}
#history .img35 {top:3065px;}
#history .img36 {top:3380px;}
#history .img37 {top:3536px;}
#history .img38 {top:3734px;}
#history .img39 {top:4106px;}
#history .img40 {top:4306px;}
#history .img41 {top:4738px;}
#history .img42 {top:4914px;}
#history .img43 {top:5260px;}
#history .img44 {top:5553px;}
#history .img45 {top:5775px;}
#history .img46 {top:5972px;}
#history .img47 {top:6324px;}
#history .img48 {top:6614px;}
#history .img49 {top:6794px;}
#history .img50 {top:7130px;}
#history .img51 {top:7435px;}
#history .img52 {top:7845px;}
#history .img53 {top:8198px;}
#history .img54 {top:8398px;}
#history .img55 {top:8678px;}

/* cm */
#cm {padding:113px 0 80px; color:#593118;}
#cm h1{background:url(../images/cm/h1.gif) left top no-repeat; height:45px; overflow:hidden; text-indent:-9999px; margin:0 0 -10px;}
#cm h1.cm_title_160603b{background:none; height:45px; overflow:hidden; text-indent:-9999px; margin:0 0 -10px;}
#cm .cm_title{margin:-25px 0 10px 0;padding:0 0 0 120px; color:#593118; font-weight:bold; font-size:20px;}

#cm #movies{width:704px; height:454px; overflow:hidden; position:relative;}
#cm #movies .item{position:absolute; left:-9999px; top:0;}
#cm nav .tab{clear:both; zoom:1;}
#cm nav .tab:after{content:''; clear:both; display:block;}
#cm nav .tab li{float:left;}
#cm nav .tab a.active{background:#ffcc00; display:block;}
#cm .comingsoon {text-align:center; margin:0 0 84px;}
#cm p.lead{margin:0 0 80px; font-size:13px; line-height:1.8;}
#cm p.lead + p.lead{margin-bottom:60px;}

#cm .lead h2{margin:15px auto 30px; color:#fff; font-weight:bold; font-size:16px; line-height:1.2;}

#cm .graphic,#cm .graphic2,#cm .graphic3 {padding-bottom:30px; padding-top:80px; margin:0 0 30px 0; border-bottom:#593118 1px dashed;}
#cm .graphic h1,#cm .graphic2 h1,#cm .graphic3 h1,#cm .graphic5 h1{background:url(../images/cm/h1_graphic.gif) left top no-repeat; height:56px; margin:0 0 34px;}
#cm .graphic .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/fig_graphic.jpg) center top no-repeat;}
#cm .graphic2 .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/fig_graphic2.jpg) center top no-repeat;}
#cm .graphic3 .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/fig_graphic3.png) center top no-repeat;}
#cm .graphic5 .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/fig_graphic5.jpg) center top no-repeat;}
#cm .graphic .img img,#cm .graphic2 .img img,#cm .graphic3 .img img {border:none;}

#cm .graphic161128 h1{background:url(../images/cm/h1_graphic.gif) left top no-repeat; height:56px; margin:0 0 34px;}
#cm .graphic161128 .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/graphic161128.jpg) center top no-repeat;}
#cm .graphic161128 .img02{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/graphic170105.jpg) center top no-repeat;}
#cm .graphic161128 {padding-bottom:30px; padding-top:80px; margin:0 0 30px 0; border-bottom:#593118 1px dashed;}
.prof161128_01 {min-height:140px; padding:40px 0 0; position:relative;background:url(../images/cm/prof161128_01.jpg) left bottom no-repeat;}
.prof161128_02 {min-height:140px; padding:40px 0 0; position:relative;background:url(../images/cm/prof161128_02.jpg) left bottom no-repeat; margin:0 0 150px 0;}

/*
#cm .prof {min-height:140px; padding:40px 0 0; position:relative;background:url(../images/cm/fig_prof.jpg) left bottom no-repeat;}
*/
#cm .prof:after{content:"";clear:both;visibility:hidden;display:block;height:0;}
#cm .prof_b {background:url(../images/cm/fig_prof_b.jpg) left bottom no-repeat;}
#cm .prof_c {background:url(../images/cm/fig_prof_c.jpg) left bottom no-repeat; margin:0 0 150px 0;}
#cm .prof:before{content:''; width:180px; height:140px; position:absolute; left:0; bottom:3px;}
#cm .prof div.leftCell{min-height:55px; padding:0 0 80px 0; position:relative; float:left; width:126px;}
#cm .prof div.leftCell + div{zoom:1; overflow:hidden; padding:0 0 0 30px;}
#cm .prof .mask{display:block; background:url(../images/blank.gif) left top repeat; width:126px; height:140px; position:absolute; left:0; bottom:0;}
#cm .prof h2{margin:0 0 15px; color:#fff; font-weight:bold; line-height:1.2}
#cm .prof h3{font-size:16px; color:#593118; font-weight:bold; margin:0 0 20px; line-height:1.2;}
#cm .prof h3 span{font-size:13px; display:block; line-height:2;}
#cm .prof p{font-size:13px; line-height:1.8; float:left; padding:0;}

/* youtube */
#cm #youtube_160331,#cm #youtube_160603a,#cm #youtube_160603b,#cm #youtube_161013a,#cm #youtube_161013b {position:relative; width:768px; height:503px; margin:0 auto; overflow:hidden;}
#cm #youtube_161129 {position:relative; width:768px; height:605px; margin:0 auto; overflow:hidden;}
#cm #youtube_170724 {position:relative; width:768px; height:605px; margin:0 auto; overflow:hidden;}
#cm nav {position:absolute; width:768px;}
#cm nav.nav170105_01 {left:0; top:0;}
#cm nav.nav170105_02 {left:0; top:80px;}
#cm nav ul {font-size:0; text-align:center;}
#cm nav ul li {margin:0 2px 0 0; display:inline-block;}
.ie6 #cm #youtube_160331 nav ul li {display:inline;}
.ie7 #cm #youtube_160331 nav ul li {display:inline;}
#cm nav ul li.making{margin:0;}
#cm nav ul li a {display:block; width:115px; height:36px; display:block; text-indent:-9999px;}
#youtube_161013a nav ul li a {background:url(../images/cm/ln02.gif) left top no-repeat;}
#youtube_161013b nav ul li a {background:url(../images/cm/ln02.gif) left top no-repeat;}
#youtube_161129 nav ul li a {background:url(../images/cm/ln03.gif) left top no-repeat;}
#youtube_170724 nav ul li a {background:url(../images/cm/ln03.gif) left top no-repeat;}
#cm nav ul li.cm120 a{background-position:-468px 0;}
#cm nav ul li.cm90 a{background-position:-585px 0;}
#cm nav ul li.cm60 a{}
#cm nav ul li.cm30 a{background-position:-117px 0;}
#cm nav ul li.cm15 a{background-position:-234px 0;}
#cm nav ul li.making a{background-position:-351px 0;}
#cm nav ul li.cm120 a.on{background-position:-468px -42px;}
#cm nav ul li.cm90 a.on{background-position:-585px -42px;}
#cm nav ul li.cm60 a.on{background-position:0px -42px;}
#cm nav ul li.cm30 a.on{background-position:-117px -42px;}
#cm nav ul li.cm15 a.on{background-position:-234px -42px;}
#cm nav ul li.making a.on{background-position:-351px -42px;}
#cm nav ul li.cmsmall01 a.on{background-position:-702px -42px;}
#cm nav ul li.cmsmall01 a{background-position:-702px 0;}
#cm nav ul li.cmsmall02 a.on{background-position:-819px -42px;}
#cm nav ul li.cmsmall02 a{background-position:-819px 0;}
#cm nav ul li.cmsmall03 a.on{background-position:-936px -42px;}
#cm nav ul li.cmsmall03 a{background-position:-936px 0;}
#cm nav ul li.cmsmall04 a.on{background-position:-1053px -42px;}
#cm nav ul li.cmsmall04 a{background-position:-1053px 0;}
#cm nav ul li.cmsmall05 a.on{background-position:-1170px -42px;}
#cm nav ul li.cmsmall05 a{background-position:-1170px 0;}
#youtube_161129 nav ul li.cm30_1 a.on{background-position:-702px -42px;}
#youtube_161129 nav ul li.cm30_1 a{background-position:-702px 0;}
#youtube_161129 nav ul li.cm30_2 a.on{background-position:-819px -42px;}
#youtube_161129 nav ul li.cm30_2 a{background-position:-819px 0;}
#youtube_170724 nav ul li.cm30_1 a.on{background-position:-702px -42px;}
#youtube_170724 nav ul li.cm30_1 a{background-position:-702px 0;}
#youtube_170724 nav ul li.cm30_2 a.on{background-position:-819px -42px;}
#youtube_170724 nav ul li.cm30_2 a{background-position:-819px 0;}

#cm ul.ids {display:none;}
/*
#cm .canvas {width:768px; height:432px; background:#fac014 url(../images/loading.gif) center center no-repeat; position:absolute; top:150px; left:0;}
*/
#youtube_161013a .canvas {width:768px; height:432px; background:#fac014 url(../images/loading.gif) center center no-repeat; position:absolute; top:53px; left:0;}
#youtube_161013b .canvas {width:768px; height:432px; background:#fac014 url(../images/loading.gif) center center no-repeat; position:absolute; top:53px; left:0;}
#youtube_161129 .canvas {width:768px; height:432px; background:#fac014 url(../images/loading.gif) center center no-repeat; position:absolute; top:150px; left:0;}
#youtube_170724 .canvas {width:768px; height:432px; background:#fac014 url(../images/loading.gif) center center no-repeat; position:absolute; top:150px; left:0;}
#cm .canvas .mask { background:#fac014 url(../images/loading.gif) center center no-repeat; width:768px; height:432px; position:absolute; left:0; top:0; z-index:1000; border:1px solid #fac014;}
#cm .canvas .write {z-index:0; position:absolute; left:0; top:0; width:768px; height:432px;}

.ie6 #cm #youtube_160331{}
.ie7 #cm #youtube_160331{}
.ie6 #cm #youtube_160331 .canvas iframe {position:absolute; left:0; top:0;}
.ie7 #cm #youtube_160331 .canvas iframe {position:absolute; left:0; top:0;}

.ie6 #fukidashi{display:none !important;}
.ie7 #fukidashi{display:none !important;}
.ie6 body#home #fukidashi{display:block !important;}
.ie7 body#home #fukidashi{display:block !important;}

/* link */
#link {padding:113px 0 0; height:600px;}
#link h1{background:url(../images/link/h1.gif) left top no-repeat; height:44px; overflow:hidden; text-indent:-9999px; margin:0 0 90px;}
#link ul {float:left; position:relative; left:50%; padding-bottom:90px;}
#link ul li{float:left; position:relative; left:-50%; width:235px; text-align:center;}
#link ul li a{display:block; color:#fff; font-weight:bold; text-decoration:none;}
#link ul li img{display:block; margin:0 auto 15px;}


/* footer.css 上書き #footer{left:0; bottom:0; width:100%;}*/
div#footer{min-width:1024px !important; z-index:900 !important; width:100% !important;}
div#footer {left:0 !important; bottom:0 !important;}

#preload{position:absolute; left:-9999px; top:-9999px;}


#cm .bx-wrapper{position:relative;zoom:1;width:466px; margin:0 auto;padding:0}
#cm .bx-wrapper img{max-width:100%;display:block}
#cm .bx-wrapper .bx-viewport{}
#cm .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
#cm .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}
#cm .bx-wrapper .bx-pager{}
#cm .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{zoom:1;display:inline}
#cm .bx-wrapper .bx-pager.bx-default-pager a{}
#cm .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
#cm .bx-wrapper .bx-prev{display:none;}
#cm .bx-wrapper .bx-next{display:none;}
#cm #bx-pager {font-size:0; margin:0 -3px 38px -2px; padding:11px 0 0; text-align:center;}
#cm #bx-pager a{margin:0 5px; overflow:hidden; /display: inline; /zoom:1;}
#cm #bx-pager a.first{margin-right:6px;}
#cm #bx-pager a.last{margin-left:6px;}
#cm #bx-pager img{height:46px !important; width:69px !important;}
#cm #bx-pager a.active img{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* 20170411 */
#cm .graphic3 .img{margin:0 auto 30px; font-size:0; text-align:center; background:url(../images/cm/fig_graphic4.jpg) center top no-repeat;}


/* 20170508 */
#askdoctor {
	padding: 113px 0 60px;
	color: #000;
}
#askdoctor section {
	width: 840px;
}
#askdoctor h2 {
	margin-bottom: 20px;
	padding: 5px 20px;
	font-size: 18px;
	font-weight: bold;
	background-color: #FFF9C8;
	border-radius: 15px;
	display: inline-block;
}
#askdoctor h3 {
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: bold;
}
#askdoctor .img {
	margin-bottom: 40px;
	text-align: center;
}
#askdoctor .txt {
	margin-bottom: 40px;
	margin-left: 30px;
	font-size: 17px;
}
#askdoctor .smtxt {
	margin-bottom: 30px;
	margin-left: 30px;
	font-size: 13px;
}
#askdoctor .box01 {
	margin-bottom: 40px;
	margin-left: 30px;
	padding: 15px 30px;
	background-color: #FFF9C8;
	border-radius: 10px;
}
#askdoctor .box01 .ttl {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	border-bottom: 1px dashed #000;
}
#askdoctor .box01 .content {
	font-size: 14px;
}
#askdoctor .btn {
	width: 120px;
	margin: 0 auto;
	padding: 10px 20px;
	background-color: #58311B;
	border-radius: 10px;
}
#askdoctor .btn a {
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}