charset "UTF-8";


/*===================================================================
	reset
===================================================================*/
html{ overflow-y:scroll; }
body, div, p, h1, h2, h3, h4, h5, h6, pre, blockquote, table, th, td, dl, dt, dd, ul, ol, li, form, textarea, address { margin:0; padding:0; }
p { word-wrap:break-word; word-break:break-all; } /* For Japanese */
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6 { height:1%; }
img { border:none; }
table { border:none; border-collapse:collapse; border-spacing:0; font-size:inherit; }
caption, th, td { text-align:left; }
a[name] { color:#000; }
a[name]:hover { color:#000; text-decoration:none !important; outline:0 !important; }
a img { color:#000; }
fieldset { border:0; }
input, textarea, select { font-family:inherit; font-size:1em; }
input { vertical-align:-3px; }
select { vertical-align:middle; }
ul li { list-style-type:none; }
li li { font-size:inherit; }
em { font-weight:bold; font-style:normal; }
address { font-style:normal; }
label { cursor:pointer; }
hr { display:none; border:0; height:0; visibility:hidden; }
h1, h2, h3, h4, h5, h6, form, textarea, pre, blockquote, table, th, td { font-size:100%; }
p, li, dt, dd, pre, legend { line-height:1.5; }


/*===================================================================
	clearfix
===================================================================*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { position:relative; display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */

.clearboth { clear:both; }
br.clear { margin:0; padding:0; clear:both; line-height:0; font-size:0; }


/*===================================================================
	common
===================================================================*/
html, body { height:100%; }
body { color:#333; background-color:#FFF; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "メイリオ", sans-serif; font-size:75%; text-align:center; }

#sqexHeader-white,
#sqexFooter { min-width:970px; }

#symphonica { position:relative; /zoom:1; }
#symphonica #wrapper { width:100%; min-width:970px; margin:-13px auto 0 auto; text-align:left; }
#symphonica #container { position:relative; z-index:1; width:970px; margin:0 auto; }
#symphonica #contents { }
#symphonica #footer { }

#symphonica #loading { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:#FFF; display:none; }
#symphonica #loading p { width:300px; margin:225px auto 0 auto; }

#symphonica .last { margin-right:0 !important; }


/*===================================================================
	header
===================================================================*/
#symphonica #header { position:relative; z-index:999; width:100%; min-width:970px; background:url(../images/head_bg_01.png) repeat-x center top; }
#symphonica #header .innerBlock { width:970px; margin:0 auto; padding-top:11px; }

#symphonica #header #gNav { float:left; width:890px; padding-left:5px; }
#symphonica #header #gNav ul li { display:inline; }

#symphonica.top #header #gNav ul li.nav01 a img,
#symphonica.about #header #gNav ul li.nav02 a img,
#symphonica.story #header #gNav ul li.nav03 a img,
#symphonica.characters #header #gNav ul li.nav04 a img,
#symphonica.system #header #gNav ul li.nav05 a img,
#symphonica.trailers #header #gNav ul li.nav06 a img { visibility:hidden; }

#symphonica.top #header #gNav ul li.nav01 a,
#symphonica.about #header #gNav ul li.nav02 a,
#symphonica.story #header #gNav ul li.nav03 a,
#symphonica.characters #header #gNav ul li.nav04 a,
#symphonica.system #header #gNav ul li.nav05 a,
#symphonica.trailers #header #gNav ul li.nav06 a { display:inline-block; background-repeat:no-repeat; background-position:left top; } 

#symphonica.top #header #gNav ul li.nav01 a { background-image:url(../images/gnav_01_on.png); }
#symphonica.about #header #gNav ul li.nav02 a { background-image:url(../images/gnav_02_on.png); }
#symphonica.story #header #gNav ul li.nav03 a { background-image:url(../images/gnav_03_on.png); }
#symphonica.characters #header #gNav ul li.nav04 a { background-image:url(../images/gnav_04_on.png); }
#symphonica.system #header #gNav ul li.nav05 a { background-image:url(../images/gnav_05_on.png); }
#symphonica.trailers #header #gNav ul li.nav06 a { background-image:url(../images/gnav_06_on.png); }

#symphonica #header #sound { float:right; width:63px; padding-top:2px; }


/*===================================================================
	index
===================================================================*/
#symphonica.index #wrapper { margin:0 auto; background:url(../../images/bg_01.jpg) repeat-x center top; }
#symphonica.index #container { height:590px; }
#symphonica.index .headMod01 { margin-bottom:112px; padding-top:122px; text-align:center; }

#symphonica.index .btnBlock { text-align:center; }
#symphonica.index .btnBlock ul li { display:inline; padding-right:122px; }
#symphonica.index .btnBlock ul li.last { padding-right:0; }


/*===================================================================
	top
===================================================================*/
#symphonica.top #wrapper { background:url(../images/index_bg_01.jpg); }
#symphonica.top #container { top:-13px; /top:0; height:653px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#symphonica.top #container { top:0; }
}

#symphonica.top #info { width:100%; min-width:970px; height:87px; background:url(../images/index_bg_info_01.gif) repeat-x center top; }
#symphonica.top #info .innerBlock { width:970px; margin:0 auto; padding-top:5px; }
#symphonica.top #info dl dt { float:left; width:736px; }
#symphonica.top #info dl dd { float:right; width:234px; }
#symphonica.top #info dl dd p { margin-top:19px; font-size:0; line-height:0; }


/*===================================================================
	about
===================================================================*/
#symphonica.about #wrapper { background:url(../images/about_bg_01.jpg) no-repeat center top; }
#symphonica.about #container { height:808px; }
#symphonica.about .headMod01 { padding-top:15px; }


/*===================================================================
	story
===================================================================*/
#symphonica.story #wrapper { background:#08426A url(../images/story_bg_01.jpg) no-repeat center top; }
#symphonica.story #container { height:700px; }
#symphonica.story .headMod01 { padding-top:15px; }


/*===================================================================
	characters
===================================================================*/
#symphonica.characters #wrapper { background:url(../images/char_bg_01.jpg) no-repeat center top; }
#symphonica.characters #container { height:848px; }
#symphonica.characters .headMod01 { padding-top:15px; }

#symphonica.characters .listBlock { position:relative; top:-32px; }
#symphonica.characters .listBlock ul li { position:absolute; }
#symphonica.characters .listBlock ul li.list01 { top:0; left:351px; }
#symphonica.characters .listBlock ul li.list02 { top:100px; left:0; }
#symphonica.characters .listBlock ul li.list03 { top:50px; left:176px; }
#symphonica.characters .listBlock ul li.list04 { top:50px; left:618px; }
#symphonica.characters .listBlock ul li.list05 { top:100px; left:794px; }
#symphonica.characters .listBlock ul li.list06 { top:410px; left:0; }
#symphonica.characters .listBlock ul li.list07 { top:430px; left:195px; }
#symphonica.characters .listBlock ul li.list08 { top:450px; left:396px; }
#symphonica.characters .listBlock ul li.list09 { top:430px; left:597px; }
#symphonica.characters .listBlock ul li.list10 { top:410px; left:794px; }

#symphonica.characters .detailBlock { position:relative; top:-55px; } 
#symphonica.characters .detailBlock dd { position:absolute; bottom:59px; left:25px; }
#symphonica.characters .detailBlock ul { width:475px; }
#symphonica.characters .detailBlock ul li { display:inline; font-size:0; line-height:0; }

#symphonica.characters .btnBlock { position:absolute; top:520px; left:254px; }
#symphonica.characters .itemBlock { position:absolute; top:100px; left:90px; }


/*===================================================================
	system
===================================================================*/
#symphonica.system #wrapper { background:url(../images/system_bg_01.jpg) no-repeat center top; }
#symphonica.system #container { height:659px; }
#symphonica.system .headMod01 { padding-top:15px; }
#symphonica.system .headMod02 { padding-top:10px; }

#symphonica.system .detailBlock { position:relative; } 
#symphonica.system .detailBlock dd { position:absolute; bottom:64px; }
#symphonica.system .detailBlock ul { width:316px; margin-left:34px; }
#symphonica.system .detailBlock ul li { margin-bottom:10px; font-size:0; line-height:0; }
#symphonica.system .detailBlock ul li.last { margin-bottom:0; }


/*===================================================================
	trailers
===================================================================*/
#symphonica.trailers #wrapper { background:none; }


/*===================================================================
	colorbox
===================================================================*/
#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; /padding-bottom:20px; }
.cboxIframe { width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; }

#cboxOverlay { background:#FFF; }
#colorbox { padding-bottom:0; }
#cboxContent { margin-top:0; }
.cboxIframe { background:#FFF; }
#cboxError { padding:50px; border:1px solid #CCC; }
#cboxLoadedContent { }
#cboxTitle { position:absolute; top:-20px; left:0; color:#CCC; }
#cboxCurrent { position:absolute; top:-20px; right:0; color:#CCC; }
#cboxSlideshow { position:absolute; top:-20px; right:90px; color:#FFF; }
#cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/close.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(../images/close.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px; }
#cboxNext:hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#FFF; }
#cboxLoadingGraphic { background:url(../images/loading.gif) no-repeat center center; }
#cboxClose { position:absolute; top:0; right:0; display:block; background:url(../images/close.png) no-repeat top center; width:79px; height:79px; text-indent:-9999px; }
#cboxClose:hover { background-position:bottom center; }