@charset "utf-8";

#area{
width:100%;
text-align:center;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#area h1,#area h2,#area ul,#area p,#area dl{
font-size:80%;
font-weight:normal;
line-height:1.4;
margin:0;
padding:0;
}
#area ul{
list-style:none;
}

#area_hd{
width:100%;
height:268px;
background:url(../img/area_hd_bg1.png) repeat-x 0 58px;
}
#area_hd #area_hd_inner{
width:100%;
height:268px;
background:url(../img/area_hd_bg2.png) no-repeat center 58px;
}
#area_hd #area_hd_inner h1{
width:960px;
height:58px;
background:url(../img/area_hd_h1.png) no-repeat 0 19px;
text-indent:-9999px;
margin:0 auto;
}
#area_hd #area_hd_inner h2{
width:1040px;
height:210px;
background:url(../img/area_hd_h2.png) no-repeat 0 0;
text-indent:-9999px;
margin:0 auto;
}

#area_bd{
width:100%;
background:#fffce6 url(../img/area_bd_bg.png) repeat-x 0 0;
padding-bottom:40px;
}
#area_bd #area_bd_inner{
position:relative;
width:960px;
text-align:left;
margin:0 auto;
}
#area_bd #area_bd_inner:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#area_bd #area_bd_inner #pankz_sns,
#area_bd #area_bd_inner #pankz_sns2{
width:960px;
height:60px;
}
#area_bd #area_bd_inner #pankz_sns .pankz,
#area_bd #area_bd_inner #pankz_sns2 .pankz{
float:left;
width:560px;
min-height:16px;
padding:20px 0;
}
#area_bd #area_bd_inner #pankz_sns2 .pankz{
width:960px;
}
#area_bd #area_bd_inner #pankz_sns .pankz li,
#area_bd #area_bd_inner #pankz_sns2 .pankz li{
display:inline;
line-height:1.6;
}
#area_bd #area_bd_inner #pankz_sns .sns{
float:right;
margin-top:20px;
}
#area_bd #area_bd_inner #pankz_sns .socialbutton_suntory_wrapper {
float:right;
}

#area_bd #area_bd_inner #area_l{
width:730px;
float:left;
}
#area_bd #area_bd_inner #area_l #info{
width:730px;
}
#area_bd #area_bd_inner #area_l #info .info_box{
position:relative;
width:340px;
background:#ffffff;
border-radius:6px;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
margin:0 20px 18px 0;
}
#area_bd #area_bd_inner #area_l #info .info_box:hover{
cursor:pointer;
}
#area_bd #area_bd_inner #area_l #info .info_box img,
#area_bd #area_bd_inner #area_l #info .info_box.over img{
display: none;
border-radius:6px 6px 0 0;
}
#area_bd #area_bd_inner #area_l #info .info_box img.separate,
#area_bd #area_bd_inner #area_l #info .info_box.over img.separate{
display: none;
border-radius:0 0 0 0;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_label{
position:absolute;
top:0;
left:0;
width:100px;
border-radius:6px 0 0 0;
text-align:center;
color:#ffffff;
padding:4px 0 3px 0;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_label1{
background:#f9a64a;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_label2{
background:#f05b5b;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_label3{
background:#00b16b;
}
#area_bd #area_bd_inner #area_l #info .info_box.over img,
#area_bd #area_bd_inner #area_l #info .info_box.over img.separate{
display: none;
filter:alpha(opacity=60);
opacity:0.6; 
}
#area_bd #area_bd_inner #area_l #info .info_box .info_box_inner{
padding:10px 25px 15px 25px;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_date{
color:#8d8d8d;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_date span{
color:#0066aa;
}
#area_bd #area_bd_inner #area_l #info .info_box h3{
font-size:100%;
font-weight:bold;
line-height:1.4;
margin:0;
padding-top:8px;
}
#area_bd #area_bd_inner #area_l #info .info_box h3 a{
color:#000000;
text-decoration:none;
}
#area_bd #area_bd_inner #area_l #info .info_box.over h3 a{
text-decoration:underline;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_tx{
color:#1c0c0c;
line-height:1.6;
margin-top:8px;
}
#area_bd #area_bd_inner #area_l #info .info_box.over .info_tx{
color:#aa9999;
}
#area_bd #area_bd_inner #area_l #info .info_box .masamune{
width:344px;
height:240px;
text-align:center;
padding-top:40px;
cursor:default;
}
#area_bd #area_bd_inner #area_l #info .info_box .info_hide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#ffffff;
border-radius:6px;
}
#area_bd #area_bd_inner #area_l .banner{
display:block;
margin-top:20px;
}
#area_bd #area_bd_inner #area_l #detail{
width:708px;
background:#ffffff;
border-radius:6px;
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
#area_bd #area_bd_inner #area_l #detail .detail_label{
width:100px;
border-radius:6px 0 0 0;
text-align:center;
color:#ffffff;
padding:2px 0 1px 0;
}
#area_bd #area_bd_inner #area_l #detail .detail_label1{
background:#f9a64a;
}
#area_bd #area_bd_inner #area_l #detail .detail_label2{
background:#f05b5b;
}
#area_bd #area_bd_inner #area_l #detail .detail_label3{
background:#00b16b;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner{
width:628px;
margin:0 0 0 40px;
padding-bottom:40px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_date{
float:left;
width:400px;
height:35px;
color:#8d8d8d;
padding-top:15px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_date span{
color:#0066aa;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .socialbutton_suntory{
float:right;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .socialbutton_suntory_wrapper{
float:right;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner h3{
clear:both;
font-size:110%;
font-weight:bold;
line-height:1.4;
margin:0;
padding:0;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_img{
margin-top:15px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_img .detail_caption{
font-size:72%;
color:#8d8d8d;
text-align:right;
margin:4px 0 0 0;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_lead{
font-size:90%;
line-height:1.6;
margin:15px 0 0 0;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner h4{
font-size:100%;
background:#e3f7f8;
margin:15px 0 0 0;
padding:12px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner h5{
font-size:96%;
border-bottom:dashed #000000 1px;
margin:25px 0 0 0;
padding-bottom:8px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner ul{
list-style:disc;
margin:15px 0 0 20px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx1,
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx2,
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx3{
font-size:90%;
line-height:1.6;
margin:15px 0 0 0;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx1{
font-weight:bold;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx2{
color:#f10000;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_tx3{
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer{
width:628px;
background:url(../img/detail_writer_bg.png) no-repeat 0 bottom;
margin:25px 0 0 0;
padding-bottom:15px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer .detail_writer_hd{
width:628px;
height:22px;
background:url(../img/detail_writer_hd.png) no-repeat 0 0;
text-indent:-9999px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer .detail_writer_img{
float:left;
width:86px;
height:86px;
margin:5px 0 0 20px;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer .detail_writer_tx{
float:left;
line-height:1.6;
margin:15px 0 0 15px;
padding:0 20px 0 0;
}
#area_bd #area_bd_inner #area_l #detail #detail_inner .detail_writer .detail_writer_tx span{
font-weight:bold;
}
#area_bd #area_bd_inner #area_l #ft_navi{
background:url(../img/ico_pageback.png) no-repeat 0 center;
margin:15px 0 0 5px;
padding-left:22px;
}

#area_bd #area_bd_inner #area_r{
float:right;
width:222px;
padding-bottom: 130px;
}
#area_bd #area_bd_inner #area_r #social{
width:222px;
height:60px;
}
#area_bd #area_bd_inner #area_r #area_r_box{
width:218px;
background:#fefade;
border:solid 2px #dccd20;
padding-bottom:15px;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl1{
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl1 dt{
width:218px;
height:23px;
background:url(../img/area_r_dt1.png) no-repeat 0 0;
text-indent:-9999px;
margin:10px 0;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl1 dd{
width:190px;
margin:8px 0 0 14px;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl1 dd a{
display:block;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2,
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl3{
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2 dt{
width:218px;
height:23px;
background:url(../img/area_r_dt2.png) no-repeat 0 0;
text-indent:-9999px;
margin:10px 0;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl3 dt{
width:218px;
height:23px;
background:url(../img/area_r_dt3.png) no-repeat 0 0;
text-indent:-9999px;
margin:10px 0;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2 dd,
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl3 dd{
width:190px;
margin:8px 0 0 14px;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2 dd a,
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl3 dd a{
display:block;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2 dd.dd_tx{
font-size:90%;
margin-top:1px;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl2 dd.dd_tx span{
font-weight:bold;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl4 dt{
width:218px;
height:23px;
background:url(../img/area_r_dt4.png) no-repeat 0 0;
text-indent:-9999px;
margin:10px 0;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl4 dd{
margin:4px 0 0 14px;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl4 dd ul{
margin:0;
padding:0;
}
#area_bd #area_bd_inner #area_r #area_r_box #area_r_dl4 dd ul li{
display:inline;
margin:0 7px 0 0;
padding:0;
}

#area_bd #area_bd_inner #totop{
position:absolute;
bottom:0px;
right:0px;
}
#area_bd #area_bd_inner #totop li{
display:block;
width:124px;
height:120px;
cursor:pointer;
}

#area_bd .bnr_img:hover{
filter:alpha(opacity=60);
opacity:0.6;
}