/*/////////////////////////////////////////////////////////////////////////////
timeline
/////////////////////////////////////////////////////////////////////////////*/

#boxBanner{
	margin: 0 auto 40px auto;
	width:1000px;
}

#boxBanner img{
	width:100%;
	height: auto;
	display:block;
}

/* tab-list
-----------------------------------------------------------------------------*/

#centerBody .tab-list{
	border-bottom:3px solid #e6e6e6;
	text-align:center;
	letter-spacing:-0.4em;
	margin:0 0 20px 0;
	zoom:1;
	width:760px;
}

#centerBody .tab-list li{
	display:inline-block;
	width:300px;
	font-size:1.4em;
	letter-spacing: normal;
	margin:0 10px;
}

#centerBody .tab-list li *{
	line-height:1.3em;
}

.msie6 #centerBody .tab-list li,
.msie7 #centerBody .tab-list li{
	display:inline;
	zoom:1;
}

#centerBody .tab-list li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	-pie-background: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	
	display:block;
	border-top:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	color:#222;
	padding:12px 0;
	font-weight:bold;
	border-radius:6px 6px 0 0;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	text-decoration:none;
}

#centerBody .tab-list li.current a,
#centerBody .tab-list li a:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #555555), color-stop(0.00, #888888));
	background: -webkit-linear-gradient(top, #888888 0%, #555555 100%);
	background: -moz-linear-gradient(top, #888888 0%, #555555 100%);
	background: -o-linear-gradient(top, #888888 0%, #555555 100%);
	background: -ms-linear-gradient(top, #888888 0%, #555555 100%);
	background: linear-gradient(top, #888888 0%, #555555 100%);
	-pie-background: linear-gradient(top, #888888 0%, #555555 100%);

	behavior: url(/a/css/pc/PIE.htc);
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	color:#fff;
}

/* pagetop
-----------------------------------------------------------------------------*/


#pagetop{
	position: fixed;
	right:10px;
	bottom:10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF);
}

#pagetop.bottom{
	bottom:126px;
}

#toTop{
	display:none;
}

/******************************************************************************
time-line
******************************************************************************/

#timeline{
	background: url(../../img/pc/image_timeline/line-1.gif) 18px top repeat-y;
	padding:0 0 40px 0;
	position:relative;
	width: 750px;
	margin:0 0 40px 0;
	word-break: break-all;
}

.msie7 body *{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

#timeline *{
	line-height:1.0;
}

.archive-set{
	clear:both;
	display:none;
}

/*** select ***/

#timeline .select-category{
	position:absolute;
	right:0;
	top:0;
}

#timeline .select-category select{
	padding:5px;
	float:left;
	margin:0 10px 0 0;
}

.msie #timeline .select-category select{
	height:30px;
	line-height:30px;
}

#timeline .select-category .btn{
	float:left;
}

#timeline .select-category .btn a{
	display:block;
	width:140px;
	text-align: center;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e6e6e6), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	-pie-background: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	
	display:block;
	border:1px solid #ccc;
	color:#222;
	font-size:1.2em;
	line-height:30px;
	font-weight:bold;
	border-radius:6px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	text-decoration:none;
}

#timeline .select-category .btn a:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #555555), color-stop(0.00, #888888));
	background: -webkit-linear-gradient(top, #888888 0%, #555555 100%);
	background: -moz-linear-gradient(top, #888888 0%, #555555 100%);
	background: -o-linear-gradient(top, #888888 0%, #555555 100%);
	background: -ms-linear-gradient(top, #888888 0%, #555555 100%);
	background: linear-gradient(top, #888888 0%, #555555 100%);
	-pie-background: linear-gradient(top, #888888 0%, #555555 100%);

	behavior: url(/a/css/pc/PIE.htc);
	border:1px solid #666;
	color:#fff;
}

/*** year ***/

#timeline .year{
	background:#e93519;
	border-radius:100px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.2;
	padding:8px 30px;
	margin:60px 0 20px 0;
	vertical-align: top;
}

.msie6 #timeline .year,
.msie7 #timeline .year{
	display:inline;
	zoom:1;
}

#timeline .year.first{
	margin:0 0 20px 0;
}

/*** item-list ***/

#timeline .item-list li .info{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dd7a01), color-stop(0.00, #edb10b));
	background: -webkit-linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	background: -moz-linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	background: -o-linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	background: -ms-linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	background: linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	-pie-background: linear-gradient(top, #edb10b 0%, #dd7a01 100%);
	border:1px solid #c16900;
	border-radius:3px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:0 5px;
	margin:0 0 5px 0;
}

#timeline .item-list li .soldout{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d7d7d7), color-stop(0.00, #f3f3f3));
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);
	background: -moz-linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);
	background: -o-linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);
	background: -ms-linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);
	background: linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);
	-pie-background: linear-gradient(top, #f3f3f3 0%, #d7d7d7 100%);

	border:1px solid #bbb;
	border-radius:3px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	display:inline-block;
	color:#888;
	font-weight:bold;
	padding:0 5px;
	margin:0 0 5px 0;
}

#timeline .item-list li .note{
	color:#f69;
	font-size:0.8em;
	margin:0 0 5px 0;
}

.msie6 #timeline .item-list li .info,
.msie7 #timeline .item-list li .info,
.msie6 #timeline .item-list li .soldout,
.msie7 #timeline .item-list li .soldout{
	display:inline;
	zoom:1;
}

/* entry-set
-----------------------------------------------------------------------------*/

.timeline-1 #timeline .entry-set{
	padding:0 0 0 43px;
	margin:0 0 20px 0;
	position:relative;
	float:left;
	clear:both;
	zoom:1;
	max-width:697px;
}

.msie7 .timeline-1 #timeline .entry-set{
	float:none;
	display:inline;
}

.timeline-1 #timeline .entry-set .pin{
	background: url(../../img/pc/image_timeline/pin-1.png) no-repeat;
	width:41px;
	height:22px;
	display:block;
	position:absolute;
	left:10px;
	top:17px;
}

.timeline-1 #timeline .category-title{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #555555), color-stop(0.00, #888888));
	background: -webkit-linear-gradient(top, #888888 0%, #555555 100%);
	background: -moz-linear-gradient(top, #888888 0%, #555555 100%);
	background: -o-linear-gradient(top, #888888 0%, #555555 100%);
	background: -ms-linear-gradient(top, #888888 0%, #555555 100%);
	background: linear-gradient(top, #888888 0%, #555555 100%);
	-pie-background: linear-gradient(top, #888888 0%, #555555 100%);
	
	border-radius:6px 6px 0 0;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	color:#fff;
	border:1px solid #777;
	vertical-align: middle;
	font-size:1.2em;
	zoom:1;
	display:block;
}

.msie7 .timeline-1 #timeline .category-title{
	display:block;
}

.timeline-1 #timeline .category-title *{
	line-height:1.2em;
}

.timeline-1 #timeline .category-title .cat-dvd{
	background: url(../../img/pc/image_timeline/ic-dvd.png) 5px center no-repeat;
	padding:10px 15px 10px 60px;
	display:inline-block;
	font-size:1.6em;
}

.timeline-1 #timeline .category-title .cat-cd{
	background: url(../../img/pc/image_timeline/ic-cd.png) 5px center no-repeat;
	padding:10px 15px 10px 60px;
	display:inline-block;
	font-size:1.8em;
}

.timeline-1 #timeline .category-title .cat-goods{
	background: url(../../img/pc/image_timeline/ic-goods.png) 5px center no-repeat;
	padding:10px 15px 10px 60px;
	display:inline-block;
	font-size:1.8em;
}

.msie6 .timeline-1 #timeline .category-title .cat-dvd,
.meie6 .timeline-1 #timeline .category-title .cat-cd,
.msie6 .timeline-1 #timeline .category-title .cat-good,
.msie7 .timeline-1 #timeline .category-title .cat-dvd,
.msie7 .timeline-1 #timeline .category-title .cat-cd,
.msie7 .timeline-1 #timeline .category-title .cat-good{
	display:inline;
	zoom:1;
}

.timeline-1 #timeline .category-title .date{
	background: url(../../img/pc/image_timeline/line-2.gif) left center no-repeat;
	padding:0 15px 0 20px;
}

.timeline-1 #timeline .item-list{
	background:#f1f1f1;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:5px;
	border-radius:0 0 6px 6px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
}

.msie7 .timeline-1 #timeline .item-list ul{
	padding:0 0 10px 0;
}

.timeline-1 #timeline .item-list li{
	width:151px;
	padding:5px;
	background:#fff;
	float:left;
	margin:5px;
}

.timeline-1 #timeline .item-list li *{
	line-height:1.5;
}

.timeline-1 #timeline .item-list li .thum img{
	width:151px;
	height: 151px;
	display:block;
}

.timeline-1 #timeline .item-list li .thum{
	margin:0 0 10px 0;
}

.timeline-1 #timeline .item-list li h5{
	font-size:1.2em;
	margin:0 0 5px 0;
	height:3.0em;
	overflow:hidden;
}


.timeline-1 #timeline .item-list li dd{
	color:#e93f2b;
}

.timeline-1 #timeline .item-list .bt-more{
	text-align:center;
	margin:10px auto;
	width:200px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cc0303), color-stop(0.00, #fe3f3f));
	background: -webkit-linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	background: -moz-linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	background: -o-linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	background: -ms-linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	background: linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	-pie-background: linear-gradient(top, #fe3f3f 0%, #cc0303 100%);
	
	border-radius:6px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
}

.timeline-1 #timeline .item-list .bt-more a{
	background: url(../../img/pc/image_timeline/arrow-down.png) 40px center no-repeat;
	color:#fff;
	display:block;
	font-weight:bold;
	font-size:1.4em;
	padding:8px 0;
	width:200px;
	text-decoration:none;
	
}

.timeline-1 #timeline .item-list .bt-more.hide a{
	background: url(../../img/pc/image_timeline/arrow-up.png) 64px center no-repeat;
	
}

/*** little ***/

.timeline-1 #timeline .little .item-list li{
	width:322px;
}

.timeline-1 #timeline .little .item-list .thum{
	float:left;
	overflow:hidden;
	width:151px;
	margin:0;
}

.timeline-1 #timeline .little .item-list .entry-body{
	/* float:left; */
	padding:0 0 0 166px;
}

/* bt-entry-more
-----------------------------------------------------------------------------*/

#timeline .bt-entry-more{
	clear:both;
	text-align:center;
	padding:30px 0 0 0;
}

#timeline .bt-entry-more p{
	margin:0 auto;
	width:250px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0d8ee1), color-stop(0.00, #5ebeff));
	background: -webkit-linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	background: -moz-linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	background: -o-linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	background: -ms-linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	background: linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	-pie-background: linear-gradient(top, #5ebeff 0%, #0d8ee1 100%);
	padding:0 8px;
	border-radius:6px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
}

#timeline .bt-entry-more a{
	background: url(../../img/pc/image_timeline/arrow-1.png) 0 center no-repeat;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	font-size:1.4em;
	padding:8px 0 8px 16px;
	text-decoration:none;
	
}

.msie6 #timeline .bt-entry-more a,
.msie7 #timeline .bt-entry-more a{
	display:inline;
	zoom:1;
}

#timeline .bt-entry-more.loading a{
	background: url(../../img/pc/image_timeline/load.gif) 0 center no-repeat;
	padding:8px 0 8px 20px;
}

/* hideLeft
-----------------------------------------------------------------------------*/

.hideLeft #left{
	display:none;
}

.hideLeft #centerBody{
	margin:0;
	padding:0;
}

/******************************************************************************
timeline grid
******************************************************************************/

.timeline-2 #pankuzu{
	width:1000px;
	margin:0 auto 16px auto;
	line-height:1.2;
}

.timeline-2 #pankuzu *{
	line-height:1.2;
}

.timeline-2 #listTitle{
	width:1000px;
	margin:0 auto 24px auto;
	line-height:1.2;
}

.timeline-2 #main{
	width:1000px;
	margin:0 auto;
}

.timeline-2 #timeline{
}

.timeline-2 #timeline{
	background-image: url(../../img/pc/image_timeline/line-all.png);
	background-position:center top;
	background-repeat: repeat-y;
	background-color:#f8c3ba;
	text-align:center;
	position:relative;
	width:750px;
}

.timeline-2 #timeline .year{
	text-align:center;
	margin:60px auto 20px auto;
	padding:0;
	background:none;
	width:750px;
}

.timeline-2.hideLeft #timeline .year{
	width:1000px;
}

.timeline-2 #timeline .year.first{
	margin:0 auto 20px auto;
}

.timeline-2 #timeline .year span{
	background:#e93519;
	border-radius:100px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	display:inline-block;
	color:#fff;
	font-weight:bold;
	padding:8px 30px;
	vertical-align: top;
}

.timeline-2 #timeline li.entry-set{
	float:none;
	width:330px;
	display:block;
	padding:0;
	margin:15px;
}

/* entry
-----------------------------------------------------------------------------*/

.timeline-2 #timeline .entry{
	border:1px solid #ddd;
	background:#fff;
	padding:5px;
	text-align:left;
	width:343px;
	border-radius:6px;
	position:relative;
	behavior: url(/a/css/pc/PIE.htc);
	margin:0 0 20px 0;
	position:relative;
}

.timeline-2 #timeline .entry .pin{
	background-image: url(../../img/pc/image_timeline/pin-right.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#ddd;
	width:11px;
	height:15px;
	display:block;
	position:absolute;
	left: auto;
	right:-11px;
	top:20px;
	z-index:20;
}

.timeline-2 #timeline .entry.right .pin{
	background-image: url(../../img/pc/image_timeline/pin-left.png);
	right:auto;
	left: -11px;
	top:50px;
	z-index:20;
}

.timeline-2 #timeline .entry .point{
	background-image: url(../../img/pc/image_timeline/point.png);
	width:22px;
	height:22px;
	display:block;
	background-color:#e93519;
	position:absolute;
	right:-32px;
	top:17px;
	z-index:10;
}

.timeline-2 #timeline .entry.right .point{
	right:auto;
	left: -32px;
	top:47px;
}

.timeline-2 #timeline .entry.right{
	margin:0 0 20px 40px;
}

.timeline-2 #timeline .entry *{
	line-height:1.5;
}

.timeline-2 #timeline .entry img{
	display:block;
	width:100%;
	height: auto;
}

.timeline-2 #timeline .entry-title{
	margin:0 10px;
	padding:10px 0 5px 0;
	border-bottom:1px solid #ddd;
	font-size:1.2em;
	font-weight:bold;
}

.timeline-2 #timeline .entry .free-box{
}

.timeline-2 #timeline .entry .free-box p{
	padding:10px;
}

/*** line-none ***/

.timeline-2 #timeline .entry.line-none{
	border:1px solid #fff;
}

.timeline-2 #timeline .entry.line-none .pin{
	display:none;
}

/*** item-list ***/

.timeline-2 #timeline .entry .item-list{
	background: url(../../img/pc/image_timeline/dot-1.gif) repeat;
	padding:5px;
	letter-spacing:-0.4em
}

.timeline-2 #timeline .entry .item-list li{
	width:155px;
	margin:5px;
	display:inline-block;
	letter-spacing:normal;
	padding:0 0 10px 0;
}

.timeline-2 #timeline .entry .item-list.one-column li{
	width:323px;
}

.msie6 .timeline-2 #timeline .entry .item-list li,
.msie7 .timeline-2 #timeline .entry .item-list li{
	display:inline;
	zoom:1;
}

.timeline-2 #timeline .entry .item-list li .thum{
	margin:0 0 10px 0;
}

.timeline-2 #timeline .entry .item-list li .item-title{
	margin:0 0 5px 0;
	height:3.0em;
	overflow:hidden;
	font-size:1.2em;
}

.timeline-2 #timeline .entry .item-list li dd{
	color:#e63c29;
}

/*** float-box ***/

.timeline-2 #timeline .entry .float-box{
	padding:10px;
}

.timeline-2 #timeline .entry .float-box h4{
	margin:0 0 10px 0;
	font-size:1.2em;
	font-weight:bold;
}

.timeline-2 #timeline .entry .float-box .photo{
	float:left;
	width:130px;
}

.timeline-2 #timeline .entry .float-box .text{
	float:right;
	width:180px;
}

.timeline-2 #timeline .entry .float-box .text a{
	color:#e7311c;
	text-decoration:underline;
}

.timeline-2 #timeline .entry .float-box .text a:hover{
	text-decoration:none;
}

/* hideLeft
-----------------------------------------------------------------------------*/

.timeline-2.hideLeft #timeline{
	width:1000px;
}

.timeline-2.hideLeft #centerBody .tab-list{
	width:1000px;
}

.timeline-2.hideLeft #timeline .entry{
	width:468px;
}

.timeline-2.hideLeft #timeline .entry .item-list li{
	width:142px;
}

.timeline-2.hideLeft #timeline .entry .item-list.one-column li{
	width:448px;
}

.timeline-2.hideLeft #timeline .entry .item-list.two-column li{
	width:219px;
}

.timeline-2.hideLeft #timeline .entry .float-box .photo{
	float:left;
	width:160px;
}

.timeline-2.hideLeft #timeline .entry .float-box .text{
	float:right;
	width:270px;
}

/* timeline-1センター揃え
-----------------------------------------------------------------------------*/

.timeline-1 #main{
	width:1000px;
	margin:0 auto;
}

.timeline-1 #listTitle{
	width:1000px;
	margin:0 auto 24px auto;
	line-height:1.2;
}

.timeline-1 #pankuzu{
	width:1000px;
	margin:0 auto 16px auto;
	line-height:1.2;
}

.timeline-1.hideLeft #timeline{
	width: 1000px;
}

.timeline-1.hideLeft #timeline .entry-set{
	max-width:957px;
}

.timeline-1.hideLeft #timeline .item-list li{
	width:216px;
}

.timeline-1.hideLeft #timeline .item-list li .thum img{
	width:216px;
	height: 216px;
}

.timeline-1.hideLeft #timeline .little .item-list li{
	width:452px;
}

.timeline-1.hideLeft #timeline .little .item-list .thum{
	width:216px;
}

.timeline-1.hideLeft #timeline .little .item-list .entry-body{
	padding:0 0 0 231px;
}