@charset "UTF-8";

/* CSS Document */
/*--------------------------------------------------------
 common
--------------------------------------------------------*/
body{ margin:0; padding:0; background:#031731 none no-repeat center top; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5em; font-size:14px; color:#343434;}
img{ border:none; }

.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
a{ color:#FF0000;}
a,a:hover {color:#FFFFFF;transition:.3s;}
a:hover {color:#CCCCCC;text-decoration:none;}
a img,a:hover img {transition:.3s;}
a:hover img {opacity:.85;-ms-filter: "alpha(opacity=85)";}

h1,h2,h3,h4,div,p,ul,li{ margin:0; padding:0;}
ul{ list-style: none;}

/*-------明朝体指定--------*/
.font_min{font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;}
/*-------ゴシック指定--------*/
.font_got{font-family: "游ゴシック","Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*-------背景周り--------*/
/*黒背景*/.bg-black{ background: #0e0e0e;}
/*青背景*/.bg-blue{ background: #041d40;}
/*黒に近い青背景*/.bg-darkblue{background: #05101f;}
/*赤背景*/.bg-red{ background: #8c1010;}
/*白背景*/.bg-white{ background: #fff;}
/*グレー背景*/.bg-gray{ background: #f7f7f7;}

/*------ライト画像背景------*/
.bg-header{ background: url(../img/cmn/bg_hd.png) no-repeat top center;}
.bg-underheader{ background: url(../img/cmn/bg_udhd.jpg) no-repeat top center;}
.bg-footer{ background: url(../img/cmn/bg_ft.png) no-repeat bottom center;}
.bg-01{ background: url(../img/cmn/bg01.png) no-repeat top center;}
.bg-02{ background: url(../img/cmn/bg02.png) no-repeat top center;}
.bg-03{ background: url(../img/cmn/bg03.png) no-repeat bottom center;}
.bg-04{ background: url(../img/cmn/bg04.png) no-repeat top center;}
.bg-05{ background: url(../img/cmn/bg_top.png) no-repeat top center, url(../img/cmn/bg_bottom.png) no-repeat bottom center;}

/*-------タイトル周り--------*/
/*--テキスト色--*/
/*赤*/.ttl-red{ color: #ba1320;}
/*黄色*/.ttl-yellow{ color: #fcd814;}
/*白*/.ttl-white{ color: #fff;}

/*--シャドウ--*/
/*背景が黒に近い青の場合*/
.bg-darkblue_sdw{ text-shadow:0px 3px 3px #000000;}
/*背景が青グラデーションの場合*/
.bg-blue_sdw{ text-shadow:0px 3px 3px #05195a;}
/*背景が白の場合*/
.bg-white_sdw{ text-shadow:0px 3px 3px #dcb2b2;}

/*-------サブタイトル--------*/
.sub_ttl{ font-size: 22px; line-height: 1.2em; margin: 0 0 1em 0; padding: 0 0 0 14px;}
.sub_ttl02{ font-size: 18px; line-height: 1.2em; margin: 2em 0 1em; padding: 0 0 0 14px;}

/*-------テキスト周り--------*/
/*青*/
.txt-blue{ color: #002d6d;}
/*デフォルト*/
.txt-default{ color: #343434;}
/*赤*/
.txt-red{ color: #e60012;}
/*黄色*/
.txt-yellow{ color: #fcd814;}
/*白*/
.txt-white{ color: #fff;}

/*太字*/
.txt-bold{ font-weight: bold;}
/*注釈*/
.txt-caution{ font-size: 12px;}
/*…AndMORE!!*/
.txt-andmore{ font-size: 30px; font-weight: bold;}

/*-------幅指定-------*/
.nation17_box{ margin: 0 5%; width: 90%;}
.nation17_inner{ margin: 0 5%; width:90%;}
.wt50{ width: 50%;}
.wt60{ width: 60%;}
.wt80{ width: 80%;}

/*シャドウ付きボックス*/
.sdw_box{ border: 1px solid #eeeeee; box-shadow: 0 2px rgba(210, 210, 210, 1); box-sizing: border-box; margin: 40px 0 0; padding: 3em 0;}

/*-------リンクボタン--------*/
.btn_box{ width: 100%; text-align: center;}
.btn{ background: #20bec4; border-radius: 50px; color: #FFF; display: inline-block; padding: 0.8em 5em; position: relative;  text-decoration: none; text-shadow: 0 0 5px rgba(255, 255, 255, 0.7); transition: .4s;}
.btn.shouten_btn{ background: #e39309;}
.btn:hover{ color: #fff; text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.9), 6px 0px 15px rgba(255, 255, 240, 0.9);}
.btn.wt100{ width: 86%;}

/*-------Back to TOP-------*/
#pullup{ width:100%; margin: 0 auto; display: none; position: relative;}
#pullup a{ display:block; padding:5px; position:fixed; bottom:0; right:10px; z-index:1000; }

/*-------パンくず-------*/
.nation17_breadcrumb { margin: 0 0 1em 0;}
.nation17_breadcrumb ul { font-size: 0;}
.nation17_breadcrumb li { color: #fff; display: inline-block; font-size: 12px; line-height: 1.4; margin: 0 6px 0 0; vertical-align: top;}
.nation17_breadcrumb li a { color: #fff; text-decoration: underline;}
.nation17_breadcrumb li a:hover { text-decoration: none;}
.nation17_breadcrumb li:first-child:before { content: ''; font-size: 0; margin: 0;}
.nation17_breadcrumb li:before { content: '\003e'; font-size: 12px; line-height: 1.4px; margin: 0 4px 0 0;}


/*----------------------------
 wrap
 ------------------------------*/
#wrap{ background: url(../img/cmn/bg.jpg) repeat-y top center; margin:0 auto; overflow:hidden; position: relative;}
#wrap p{line-height:1.6em;}


/*----------------------------
 header
-------------------------------*/
/*-------トップページ-------*/
/*魂ネイションロゴ*/
#header .header_ttl{ padding: 1em 0;}
/*下層と同じヘッダーの時*/
/*#underheader.header .bg-underheader{ background: none;}*/
/*-------下層ページ-------*/
#underheader .nation17_box{ padding: 0 0 0.5em; position: relative;}
#underheader .bg-underheader img{ width: 100%;}
#underheader .header_ttl{ float: left; padding: 5% 0; width: 45%;}
#underheader .header_logo{ position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 38%;}
/*-------イベント終了テキスト-------*/
.txt-event{ font-size: 1.4rem; line-height: 1.4 !important; padding: 0.5em 0 1em;}


/*----------------------------
 container
------------------------------*/
#container{ margin:0 auto;}
/*タイトル*/
#container .nation17_ttl{ font-size: 1.8rem; font-weight: bold; line-height: 1.4; margin: 0 0 0.5em; text-align: center;}
/*ボックス*/
#container .nation17_box{ padding: 7em 0 5em;}
/*リード文*/
#container .read_txt{ font-size: 16px; margin: 0 0 3em;}
/*タイトル下にリード文がない場合 下の要素に付与する*/
#container .no_read_txt{ margin: 3em 0 0;}


/*--------------------------------------------------------
 TOPページ
----------------------------------------------------------*/
/*-------ナビゲーション-------*/
/*トグルボタン*/
.nav_tgl { background: #fff; border: 1px solid #eeeeee; box-shadow: 0 2px rgba(210, 210, 210, 1); cursor: pointer; height: 26px; padding: 1em; position: absolute; right: 0; top: 0; width: 34px; z-index: 10;}
.open .nav_tgl{ border: none; box-shadow: none;}
#nav .nav_tgl { display: none;}
.nav_tgl div { position: relative;}
.nav_tgl span { background: #093f89; display: block; height: 4px; position: absolute; left: 0; transition: 0.3s ease-in-out; width: 100%;}
.nav_tgl span:nth-child(1) { top: 0;}
.nav_tgl span:nth-child(2) { top: 11px;}
.nav_tgl span:nth-child(3) { top: 22px;}
/*メニュー*/
#nav .nation17_box{ padding: 0 0 1em !important;}
#nav li{ display: inline-block; margin: 0 0.2% 0.2% 0; vertical-align: top; width: 19.8%;}
#nav li:nth-child(5n),#nav li:last-child{ margin-right: 0;}
#nav li a{ background: #fff; color: #093f89; display: block; font-size: 15px; font-weight: bold; padding: 0.5em 0; text-decoration: none; width: 100%;}
#nav li a:hover{ background: #041d40; color: #fff;}
.nav_update{ color: #ba1320; font-size: 12px; line-height: 1.4;}
#nav_pc{ display: none;}

/*コピーライト*/
#nation17_attention .copy{ border-top: 1px solid #4d4d4d; padding: 3em 0 0;}

/*-------下層ページのコピーライト-------*/
#nation17_footer .nation17_box{ padding: 3em 0;}

/*TOPページここまで
-----------------------*/


/*--------------------------------------------------------
 会場・ステージ配信情報ページ
----------------------------------------------------------*/
.contents_list li{ position: relative;}
/*タイトル*/
.contents_list .ttl{ font-size: 30px; line-height: 1; margin: 0 auto 1em; padding: 0 0 0.5em; text-align: center;}
/*サブタイトル*/
.sub_ttl{ position: relative; z-index: 2;}
.sub_ttl .txt-small{ font-size: 20px;}
.sub_ttl02{ font-size: 18px; line-height: 1.2em; margin: 2em 0 1em; padding: 0 0 0 14px;}
.sub_ttl02 .txt-small{ font-size: 14px;}
/*リード*/
.read_txt .txt-bold{ font-size: 18px;}
/*マップ*/
.map_img img{ border: 1px solid #fff;}
/*画像リスト*/
.img_list{ margin: 2em 0 0; text-align: center;}
.img_list li{ display: inline-block; margin: 2% 2% 0 0;}
.img_list li a{ display: block;}
.img_list li img{ max-height: 50px;}

/*画像リスト*/
.img_list_i{ margin: 2em 0 0; text-align: center;}
.img_list_i li{ display: inline-block; margin: 2% 2% 0 0;}
.img_list_i li a{ display: block;}
.img_list_i li img{ max-height:160px;}

/*詳細は後日公開*/
.tag-yellow{ background: #ffdb13; color: #171717; display: inline-block; margin: 1em 0; padding: 0.2em 2em; text-align: center;}
.tag-date{ background: #fff; color: #171717; font-size: 16px; font-weight: bold; border-bottom: 2px solid #d2d2d2; margin: 3em 0 0; padding: 0.2em 0.5em; text-align: center;}

/*.icon_photo{ position: absolute; top: 28px; right: 49px;}*/
.icon_photo img{ max-width: 50px;}

/*-------ベルサール会場-------*/
#nation17_velsal{ border-bottom: 3px solid #061b35;}
/*タイトル*/
#nation17_velsal .contents_list .ttl{ border-bottom: 5px solid #ba1320;}
/*サブタイトル*/
#nation17_velsal .sub_ttl{ border-left: 5px solid #ff9308;}
#nation17_velsal .sub_ttl02{ border-left: 5px solid #68cc0f;}
/*コピーライト*/
#nation17_velsal .copy{ color: #343434; font-size: 12px;}
#nation17_velsal .tag-date{ background: #f7f7f7;}
/*豪華ステージ企画*/
.guest{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 1em 0; text-align: center;}

/*-------UDX会場-------*/
#nation17_udx .contents_list > li{ background: #051b39; border: 1px solid #225488; margin: 40px 0 0; padding: 3em 0;}
/*タイトル*/
#nation17_udx .contents_list .ttl{ border-bottom: 5px solid #fff;}
/*サブタイトル*/
#nation17_udx .sub_ttl{ border-left: 5px solid #ff9308;}
#nation17_udx .sub_ttl02{ border-left: 5px solid #68cc0f;}
/*UPDATE*/
#nation17_udx .update{ color: #fcd814; font-size: 12px; line-height: 1.4;}
.coloredpaper_list li p{ margin: 0 auto;}
.coloredpaper_list li img{ width: 80%;}

/*-------ステージ配信情報-------*/
#nation17_stage{ border-bottom: 1px solid #4d4d4d;}
#nation17_stage .contents_list > li{ background: #051b39; border: 1px solid #225488; margin: 40px 0 0; padding: 3em 0;}
/*タイトル*/
#nation17_stage .contents_list .ttl{ border-bottom: 5px solid #fff;}
/*サブタイトル*/
#nation17_stage .sub_ttl{ border-left: 5px solid #ff9308;}
#nation17_stage .sub_ttl02{ border-left: 5px solid #68cc0f;}
/*画像リスト*/
#nation17_stage .img_list li img{ max-height: inherit;}
#nation17_stage .img_list img{ width: 100%;}
/*ボタンリスト*/
.btn_list li{ display: inline-block;}
.btn.bg-red{ background: #cb2222;}
.btn.bg-green{ background: #62c420;}
.btn.bg-gray{ background: #a2a2a2; text-shadow: none;}
.btn.bg-gray:hover{ text-shadow: none;}

/*会場・ステージ配信情報ページここまで
-----------------------*/



/*-------Footer TOPページへ戻る-------*/
.footer_top{ font-size: 18px; font-weight: bold;}
#nation17_footer .copy{ padding: 3em 0 0;}

/*----------------------------
 footer
 ------------------------------*/
#footer{ border-top: 1px solid #4d4d4d; background: url(../img/common/fotter_bg.jpg) #000000 center top repeat-x; padding: 35px 0px 40px; margin: 0 auto; height:65px;}
#ft_attention{ width:590px; margin:0px auto 35px auto; border:#545454 1px solid; font-size:12px; padding:20px 35px;}
#ft_logo{ margin:0 auto;}
#ft_logo_left{ width:25%; float:left;}
#ft_logo_center{ width: 45%; float:left;}
#ft_logo_right{ width:30%; float:right; padding-top:18px;}
#ft_logo_right a{ float: right; margin: 0 5% 0 0;}
#ft_tw{ float:left; padding-top:18px;}
#ft_tn{ float:right; text-align:center; font-size:10px; color: #CCC;}
#ft_tn img{ margin-bottom:10px;}


/* デザインに合わせて変更*/
.copy { color:#FFF; font-size:10px; line-height: 1.6; text-align: center;}
.link a{ color:#FFFFFF; }

/*******************/

@media screen and (max-width:1400px) {

}


@media screen and (min-width:1000px) {

	/*--------------------------------------------------------
	 common
	--------------------------------------------------------*/
	/*-------幅指定-------*/
	.nation17_box{ margin: 0 auto; width: 1000px;}
	.nation17_inner{ margin: 0 auto; width: 900px;}

}

@media screen and (max-width:1000px) {

}


/*　画面サイズが768pxからはここを読み込む　*/
@media screen and (min-width:768px) {
	/*-------イベント終了テキスト-------*/
	.txt-event{ font-size: 40px; line-height: 1.2 !important;}

	/*----------------------------
	 container
	------------------------------*/
	/*タイトル*/
	#container .nation17_ttl{ font-size: 40px; line-height: 1.2;}


	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------ナビゲーション-------*/
	/*メニュー*/
	#nav li a{ position: relative; height: 46px;}
	#nav .nav_txt{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%;}
	#nav li.nav_previewnight{ width: 39.8%;}
	/*メニューPCのみ*/
	#nav_pc { background: #fff; height: 100%; position: fixed; top: 0; right: 0; z-index: 9999;}
	#nav_pc ul{ display: none; padding: 58px 0 0;}
	#nav_pc.open ul{ display: block;}
	#nav_pc li a{ background: #fff; color: #093f89; display: block; font-size: 18px; font-weight: bold; padding: 0.5em 0; text-decoration: none; width: 410px;}
	#nav_pc li a:hover{ background: #041d40; color: #fff;}
	#nav_pc li{ border-bottom: 1px solid #093f89;}
	#nav_pc li:first-child{ border-top: 1px solid #093f89;}
	#nav_pc.open .nav_tgl span:nth-child(1){ top: 11px; transform: rotate(315deg);}
	#nav_pc.open .nav_tgl span:nth-child(2){ left: 50%; width: 0;}
	#nav_pc.open .nav_tgl span:nth-child(3){ top: 11px; transform: rotate(-315deg);}
	.over_gray{ display:none;}
	.over_gray.open{ display:block; background:rgba(0,0,0,0.5); width:100%; height:100%; position:fixed; top: 0; left: 0; z-index:9998; -webkit-animation:show 0.5s linear 0s; -moz-animation:show 0.5s linear 0s; animation: show 0.5s linear 0s;}

	/*TOPページここまで
	-----------------------*/

	/*--------------------------------------------------------
	 会場ページ
	----------------------------------------------------------*/
	/*-------ベルサール会場-------*/
	/*画像リスト*/
	.img_list li{ margin: 0 1% 0 0;}
	.img_list li:last-child{ margin-right: 0;}
	/*豪華ステージ企画*/
	.stage_list li{ display: inline-block; vertical-align: top; width: 48%;}
	.stage_list li:nth-child(odd){ margin: 0 4% 0 0;}

	/*-------UDX会場-------*/
	.coloredpaper_list li{ display: inline-block; vertical-align: top; width: 33%;}

	/*-------ステージ配信情報-------*/
	/*ボタンリスト*/
	.btn_list li:first-child{ margin: 0 2% 0 0;}
	/*画像リスト*/
	#nation17_stage .img_list .stage_imgl{ width: 55%;}

	/*会場ページここまで
	-----------------------*/



	.font_min{font-size:1.2em;}

}

@media screen and (max-width:767px) {
	img{ width: 90%;}

	.img_list li img{ max-height:80%; padding: .4em;}
	.img_list_i li img{ max-height:80%; padding: .4em;}
	/*----------------------------
	 header
	------------------------------*/
	/*魂ネイションロゴ*/
	#header .header_ttl{ width: 80%;}

	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------ナビゲーション-------*/
	/*トグルボタン*/
	#nav .nav_tgl{ display: block;}
	.open .nav_tgl span:nth-child(1){ top: 11px; transform: rotate(315deg);}
	.open .nav_tgl span:nth-child(2){ left: 50%; width: 0;}
	.open .nav_tgl span:nth-child(3){ top: 11px; transform: rotate(-315deg);}
	/*メニュー*/
	#nav{ position: fixed; top: 0; left: 0; transition: 0.3s ease-in-out; width: 100%; z-index: 1100;}
	#nav.open{ background: #fff; right: 0; bottom: 0;}
	#nav .nation17_box{ width: 100%;}
	#nav ul{ display: none; margin: 58px auto 0;}
	#nav.open ul{ display: block;}
	#nav li{ border-bottom: 1px solid #093f89; display: block; margin: 0 auto; width: 100%;}
	#nav li:first-child{ border-top: 1px solid #093f89;}
	#nav .nav_arrow{ display: none;}


	/*-------ベルサール会場-------*/
	/*画像リスト*/
	.img_list li:nth-child(3n){ margin-right: 0;}

	/*TOPページここまで
	-----------------------*/

}

@media screen and (max-width: 480px){

	/*--------------------------------------------------------
	 TOPページ
	----------------------------------------------------------*/
	/*-------開催記念商品-------*/
	/*各商品枠*/
	#nation17_eventitem .item_box{ margin: 0 auto 5%; padding:5%; vertical-align: top; width: 70%;}
	/*…AndMORE!!*/
	#nation17_eventitem .txt-andmore{ margin: 0 auto; width: 80%;}
	/*購入ページボタン*/
	#nation17_itemdetail .btn_purchase{  margin: 3% 4% 0 0; width: 100%;}


	/*TOPページここまで
	-----------------------*/

}


/* ------ */



/* common styles */
.hide{ display:none; }

/** margin control **/
.nomargin{ margin:0 !important; }
.notopmargin{ margin-top:0 !important; }
.nobtmargin{ margin-bottom:0 !important; }

.leftmargin1em{ margin:0 0 0 1em; }
.leftmargin2em{ margin:0 0 0 2em; }
.rightmargin1em{ margin:0 1em 0 0; }
.rightmargin2em{ margin:0 2em 0 0; }

/** padding control **/
.leftpad1em{ padding:0 0 0 1em; }
.leftpad2em{ padding:0 0 0 2em; }
.rightpad1em{ padding:0 1em 0 0; }
.rightpad2em{ padding:0 2em 0 0; }
.bpad1em{ padding:0 0 1em 0; }
.padtop10{ padding-top:10px;}
.padtop20{ padding-top:20px;}
.padtop30{ padding-top:30px;}
.padtop40{ padding-top:40px;}
.padtop50{ padding-top:50px;}
.padtop60{ padding-top:60px;}
.padtop70{ padding-top:70px;}
.padtop80{ padding-top:80px;}
.padbottom10{ padding-bottom:10px;}
.padbottom20{ padding-bottom:20px;}
.padbottom30{ padding-bottom:30px;}
.padbottom40{ padding-bottom:40px;}
.padbottom50{ padding-bottom:50px;}
.padbottom60{ padding-bottom:60px;}
.padbottom70{ padding-bottom:70px;}
.padbottom80{ padding-bottom:80px;}

/** text align **/
.aleft{ text-align:left !important; }
.aright{ text-align:right !important; }
.acenter{ text-align:center !important; }

/** float control **/
.fleft{ float:left !important; }
.fright{ float:right !important; }
.clear{ clear:both; }

/** fontsize control **/
.larger{ font-size:larger !important;}
.smaller{ font-size:smaller !important;}

/** width control **/
.contentwidth{ width:100%; }

/** notice color **/
.note{ color:#C00; }

.under_line{ border-bottom:1px solid #999; padding:5px 0; }

/* -- END -- common styles */



/*
    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;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#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; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-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{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; font-size:12px;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; font-size:12px;}
#cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}