@charset "shift_jis";
/* CSS Document */

/*-- xmas2012 ---------------------------------------------------------------------------------*//*-- adventcalendar ---------------------------------------------------------------------------*/
.xmas2012 img { border:none; }
.xmas2012 a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.xmas2012 { width: 950px; margin: 0 auto;/* margin-top: 20px;*/ line-height: 1.5; padding-bottom: 40px; }

.xmas2012 div.shareButtons { position: relative; height: 35px; }
.xmas2012 div.shareButtons .socialButton { position: absolute; top: 0px; right: 0px; }

.xmas2012 .contentInner { width: 950px; margin: 0 auto; background: url(../img/bg_whole.png) no-repeat top center; padding-top: 20px; padding-bottom: 40px; color: #7f6b50; }

.xmas2012 .mainTitle {margin: 0px 0px 8px 8px;}

.xmas2012 .framePat01 {width: 910px;margin:0 auto; margin-bottom:20px;/zoom:1;}
.xmas2012 .framePat01:after {content:"";display:block;clear:both;}

.xmas2012 .framePat01 .left,
.xmas2012 .framePat01 .right { position: relative; width: 445px; height: 250px; background:url(../img/frame_01.png) no-repeat top center; }
.xmas2012 .framePat01 .manabiBlock { background:url(../img/frame_02.png) no-repeat top center;}
.xmas2012 .framePat01 .manabiBlock .manabiLogo { position: absolute;top:15px;right:18px; }
.xmas2012 .framePat01 .left {float:left;}
.xmas2012 .framePat01 .right {float:right;}

.xmas2012 .framePat01 .left .title,
.xmas2012 .framePat01 .right .title { position: absolute; top: 18px; left: 16px; }
.xmas2012 .framePat01 .wideTitle .title { position: absolute; top: 16px; left: 16px; }

.xmas2012 .framePat01 .left .button,
.xmas2012 .framePat01 .right .button { position: absolute; bottom: 12px; left: 58px;}

.xmas2012 .framePat02 { position: relative; width: 910px; height: 260px; margin:0 auto; margin-bottom:20px; background:url(../img/frame_03.png) no-repeat top center; } 
.xmas2012 .framePat02 .title { position: absolute; top: 14px; left: 14px; }
.xmas2012 .framePat02 .dekiruLogo { position: absolute; top:28px; right: 17px; }

.xmas2012 .framePat02 .inner { width:870px; height:164px; margin:0 auto; padding-top: 75px; background:url(../img/bg_framePat02inner.png) no-repeat bottom center; /zoom:1; }
.xmas2012 .framePat02 .inner:after { content:"";display: block;clear: both; }
.xmas2012 .framePat02 .inner .contentTitle { margin-bottom: 14px; }
.xmas2012 .framePat02 .inner .contentTitle a { font-size: 14px; font-weight: bold; color:#7f6b50; }

.xmas2012 .framePat02 .inner .left,
.xmas2012 .framePat02 .inner .right { width:420px; /zoom:1;}
.xmas2012 .framePat02 .inner .left:after,
.xmas2012 .framePat02 .inner .right:after { content:"";display: block;clear: both; }
.xmas2012 .framePat02 .inner .left {float:left;}
.xmas2012 .framePat02 .inner .right {float:right;}
.xmas2012 .framePat02 .inner .thumb { display: block; width: 136px; float: left; }
.xmas2012 .framePat02 .inner .dekiruLead { width: 274px; float:right; }

.xmas2012 .itemListPat01 { position: absolute; top: 30px; left:225px; /zoom:1; }
.xmas2012 .itemListPat01:after {content:"";display:block;clear:both;}
.xmas2012 .itemListPat01 li { float: left; }
.xmas2012 .itemListPat01 li a { font-weight: bold; color:#7f6b50; }

.xmas2012 .itemListPat02 { position: absolute; top: 68px; left:30px; /zoom:1; }
.xmas2012 .itemListPat02:after {content:"";display:block;clear:both;}
.xmas2012 .itemListPat02 li { float: left; }
.xmas2012 .itemListPat02 li a { font-weight: bold; color:#7f6b50; }

.xmas2012 .itemListPat03 { position: absolute; top: 40px; left:225px; /zoom:1; }
.xmas2012 .itemListPat03:after {content:"";display:block;clear:both;}
.xmas2012 .itemListPat03 li { float: left; }
.xmas2012 .itemListPat03 li a { font-weight: bold; color:#7f6b50; }

.xmas2012 .itemListPat01 li img,
.xmas2012 .itemListPat02 li img,
.xmas2012 .itemListPat03 li img,
.xmas2012 .itemListPat04 li img { margin-bottom: 4px; vertical-align: bottom; }


.xmas2012 .framePat04 { position:relative;width:910px;height:310px;margin:0 auto;margin-bottom:20px;background:url(../img/frame_04.png) no-repeat top center;}
.xmas2012 .framePat04 .title {position: absolute; top: 26px; left: 22px;}
.xmas2012 .framePat04 .button {position: absolute; bottom: 16px; left: 300px;}

.xmas2012 .itemListPat04 { position: absolute; top: 86px; left:22px; /zoom:1; }
.xmas2012 .itemListPat04:after {content:"";display:block;clear:both;}
.xmas2012 .itemListPat04 li { float: left; margin-right:13px; }
.xmas2012 .itemListPat04 li a { font-weight: bold; color:#7f6b50; }


/*-- adventcalendar ---------------------------------------------------------------------------*/
.adventcalendar a:hover{ opacity:0.65; filter: alpha(opacity=65); }

.adventcalendar { width: 950px; margin: 0 auto; line-height: 1.5; padding-bottom: 40px;}
.adventcalendar #mainContent { position: relative; height: 1453px; background: url(../img/bg_adventcalendar_mainContent.png) no-repeat 0 0;}
.adventcalendar h1 { position: absolute; top: 28px; left: 20px; font-size: 0; line-height: 0;}

.adventcalendar .adventcalendar_pickup { position: absolute; top: 46px; right: 28px; width: 258px;}
.adventcalendar .adventcalendar_pickup dt { font-size: 0; line-height: 0;}
.adventcalendar .adventcalendar_pickup dd { height: 222px; background: url(../img/bg_adventcalendar_pickup.png) no-repeat 0 0;}
.adventcalendar .adventcalendar_pickup_item { display: block; width: 190px; margin: 0 auto; text-align: center;}
.adventcalendar .adventcalendar_pickup_item a { color: #7f6b50; font-weight: bold;}
.adventcalendar .adventcalendar_pickup_item a img { display: block; margin: 0 auto;}
.adventcalendar .adventcalendar_pickup_icon { display: block; padding-top: 3px;}

.adventcalendar .adventcalendar_list li { position: absolute;}
.adventcalendar .adventcalendar_item01 { top: 624px; left: 643px;}
.adventcalendar .adventcalendar_item02 { top: 398px; left: 417px;}
.adventcalendar .adventcalendar_item03 { top: 511px; left: 587px;}
.adventcalendar .adventcalendar_item04 { top: 737px; left: 474px;}
.adventcalendar .adventcalendar_item05 { top: 624px; left: 304px;}
.adventcalendar .adventcalendar_item06 { top: 737px; left: 248px;}
.adventcalendar .adventcalendar_item07 { top: 850px; left: 304px;}
.adventcalendar .adventcalendar_item08 { top: 737px; left: 701px;}
.adventcalendar .adventcalendar_item09 { top: 285px; left: 474px;}
.adventcalendar .adventcalendar_item10 { top: 850px; left: 417px;}
.adventcalendar .adventcalendar_item11 { top: 511px; left: 248px;}
.adventcalendar .adventcalendar_item12 { top: 624px; left: 417px;}
.adventcalendar .adventcalendar_item13 { top: 398px; left: 304px;}
.adventcalendar .adventcalendar_item14 { top: 624px; left: 191px;}
.adventcalendar .adventcalendar_item15 { top: 850px; left: 530px;}
.adventcalendar .adventcalendar_item16 { top: 511px; left: 474px;}
.adventcalendar .adventcalendar_item17 { top: 737px; left: 135px;}
.adventcalendar .adventcalendar_item18 { top: 285px; left: 361px;}
.adventcalendar .adventcalendar_item19 { top: 737px; left: 587px;}
.adventcalendar .adventcalendar_item20 { top: 398px; left: 530px;}
.adventcalendar .adventcalendar_item21 { top: 511px; left: 361px;}
.adventcalendar .adventcalendar_item22 { top: 737px; left: 361px;}
.adventcalendar .adventcalendar_item23 { top: 624px; left: 530px;}
.adventcalendar .adventcalendar_item24 { top: 172px; left: 417px;}
.adventcalendar .adventcalendar_list li a{ display:table; width:108px; height:108px; }
.adventcalendar .adventcalendar_list li a span{ display:table-cell; width:108px; height:108px; text-align:center; vertical-align:middle;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fde47b), color-stop(0.50, #e5ad27), color-stop(0.00, #fde47b));
background: -webkit-linear-gradient(top, #fde47b 0%, #e5ad27 50%, #fde47b 100%);
background: -moz-linear-gradient(top, #fde47b 0%, #e5ad27 50%, #fde47b 100%);
background: -o-linear-gradient(top, #fde47b 0%, #e5ad27 50%, #fde47b 100%);
background: -ms-linear-gradient(top, #fde47b 0%, #e5ad27 50%, #fde47b 100%);
background: linear-gradient(to bottom, #fde47b 0%, #e5ad27 50%, #fde47b 100%);
border-radius:54px;
}
.adventcalendar .adventcalendar_list li a span img{ max-width:80px; max-height:80px; }

.adventcalendar .adventcalendar_pickup2 { position: absolute; top: -181px; right: 22px; width: 258px;}
.adventcalendar .adventcalendar_pickup2 dt { font-size: 0; line-height: 0;}
.adventcalendar .adventcalendar_pickup2 dd { height: 222px; background: url(../img/bg_adventcalendar_pickup.png) no-repeat 0 0;}

.adventcalendar div.shareButtons { position: relative; height: 35px; }
.adventcalendar div.shareButtons .socialButton { position: absolute; top: 0px; right: 0px; }

.adventClicable { position: absolute; bottom: 0px; right: 0px; }

/*-- common ---------------------------------------------------------------------------*/
#breadcrumbs { background-color: #F3F4EF; margin: 15px 0; padding: 5px 10px; }
#breadcrumbs li { display: inline; }

.clearfix {/zoom:1;}
.clearfix:after { content:"";display: block;clear: both; }
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.txtAR{text-align:right;}
.txtAC{text-align:center;}
.txtRed{color:#f30;}
.block{display:block;}
.inline{display:inline;}
.floatL{float:left;}
.floatR{float:right;}
.bold{font-weight:bold;}
.f14p{font-size:14px;}