/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ border:3px solid #b1832a; background:#fff;}/* 外枠の指定 */
        #cboxTitle{display: none;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{
		background:url(http://image.pia.jp/images2/static/pia/feature/classic/seat/loading.gif) no-repeat center center;}
        #cboxClose{
		position:absolute; 
		top:0px; right:0px; 
		display:block; 
		background:url(http://image.pia.jp/images2/static/pia/feature/classic/seat/seat_seatinglist_icon_close.gif) no-repeat; 
		width:20px; 
		height:20px; 
		text-indent:-9999px;
		}
				

/* --- ボックス --- */
div.section {
width: 360px; 
padding: 20px; 
}

div.section p {
margin-top:10px;
}

div.section .bold {
font-weight:bold;
}

/* --- タブエリア --- */
div.section ul.sectionNav {
width: 360px; 
margin-top: 10px;
padding-bottom: 20px;
list-style-type: none;
}

div.section ul.sectionNav li {
position: relative;
z-index: 1;
width: 172px ; /* タブの幅 */
background-color:#a6000c;
background:url(http://image.pia.jp/images2/static/pia/feature/classic/seat/seat_seatinglist_bunkabig_tabbg.gif);
margin: 0 5px 5px 0; 
border-bottom-style: none;
text-align: center;
float: left;
color:#fff;
font-weight:bold;
}

/* --- リンク --- */
div.section ul.sectionNav li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 0px ; /* リンクエリアのパディング（上、左右、下） */
text-decoration: none; /* テキストの下線（なし） */
color:#fff;
background:url(http://image.pia.jp/images2/static/pia/feature/classic/seat/seat_seatinglist_bunkabig_tabbg.gif);
border:1px solid #7b0c26;
font-weight:bold;
}

/* --- ポイント時の設定 --- */
div.section ul.sectionNav li a:hover {
background:url(http://image.pia.jp/images2/static/pia/feature/classic/seat/seat_seatinglist_bunkabig_tabbg_over.gif);
border:1px solid #a27723;
font-weight:bold;
color: #391a00;
}

/* --- 本文領域 --- */
div.section div.textArea {
display:none;/*いったん全部none*/
position: relative;
z-index: 2;
}
/*初期表示させておくものだけblock*/
div.section div.active{
display:block;
}