@charset "UTF-8";
/* CSS Document */


/* --------------------------------------------------------------


                      reset


-----------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}


a {
	overflow:hidden;
	outline:none;
}

.note {
   font-size: 0.9em;
   line-height: 1.5em;
}

.bold {
   font-weight: bold;
}
/* --------------------------------------------------------------


                      bace


-----------------------------------------------------------------*/


body {
	background:#14182b ;
	color:#e9e9e9;
	line-height: 1.8em;
	font-size: 13px;
	width:100%;
	height:auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	position: relative;
}

a {
	color:#e9e9e9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FF9805;
}

p {
	margin:0;
}

h2 {
   text-indent: -9999px;
}
	
.blue {
   color:#0D87E5;
}
.orange {
   color:#F48900;
}
.green {
   color:#AFC3AC;
}

.bdr-btm {
   border-bottom: dotted 1px #6f6f6f;
}
#wrap {
   width: 1000px;
   padding: 0 10px;
   margin: 0 auto;
   position: relative;
   background-image: url(/sw_ova/img/common/bg-wrap.jpg);
   background-repeat: no-repeat;
   background-position: top center;
   background-attachment: fixed;
}




.note {
   font-size: 11px;
}

.note li {
   line-height: 1.5em;
   margin-bottom: 5px;
}



/* -----------------------------------------------
   clearfix
--------------------------------------------------*/

.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom:1;
}



/* -----------------------------------------------
   float
--------------------------------------------------*/

.f-right {
	float:right;
}

.f-left {
	float:left;
}


/* -----------------------------------------------
   center
--------------------------------------------------*/

.center {
   text-align: center;
}



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

.basic_list li {
   margin-bottom: 10px;
   line-height: 1.5em;
}




/* -----------------------------------------------
   ベースリスト共通
--------------------------------------------------*/


.base_dl dt {
   font-weight: bold;
}
.base_dl dd {
   padding-left: 10px;
   line-height: 1.6em;
   margin-bottom: 20px;
}

/* -----------------------------------------------
   ベーステーブル共通
--------------------------------------------------*/

.base_tbl {
   border-bottom: solid 1px #adadad;
   border-left: solid 1px #adadad;
}
.base_tbl td,
.base_tbl th {
   border-top: solid 1px #adadad;
   border-right: solid 1px #adadad;
   padding: 7px 10px;
}
.base_tbl th {
   width: 90px;
}
/* --------------------------------------------------------------


                      header


-----------------------------------------------------------------*/
header {
   height: 120px;
}
header .headread {
   
}
#logo {
   float: left;
   padding-top: 20px;
   height: 72px;
}
#logo,
#logo a {
   width: 165px;
   display: block;
}
#logo a {
   height: 72px;
   background-image: url(/sw_ova/img/common/logo.png);
   background-position: top center;
   background-repeat: no-repeat;
   text-indent: -9999px;
}

#logo a:hover {
   background-position: bottom center;
}



.nav_area {
   float: left;
   width: 830px;
   padding-top: 5px;
}
/* --------------------------------------------------------------


                      g-nav


-----------------------------------------------------------------*/



nav {
   width: 830px;
   height: 80px;
}
nav li {
   float: left;
   height: 37px;
   margin-left: 17px;
   margin-bottom: 15px;
}

nav li:first-child {
   margin-left: 10px;
}
nav li a {
   display: block;
   background-repeat: no-repeat;
   background-position: center top;
   text-indent: -9999px;
   height: 37px;
}
nav li a:hover {
   background-position: center bottom;

}
nav li#nav-news a {
   width: 71px;
   background-image: url(../img/common/nav-news.png);
}
nav li#nav-staff a {
   width: 128px;
   background-image: url(/sw_ova/img/common/nav-staff.png);
}

nav li#nav-story a {
   width: 79px;
   background-image: url(../img/common/nav-story.png);
}

nav li#nav-ticket a {
   width: 80px;
   background-image: url(../img/common/nav-ticket.png);
}
nav li#nav-theater a {
   width: 100px;
   background-image: url(/sw_ova/img/common/nav-theater.png);
}

nav li#nav-goods a {
   width: 81px;
   background-image: url(../img/common/nav-goods.png);
}
nav li#nav-movie a {
   width: 72px;
   background-image: url(../img/common/nav-movie.png);
}
nav li#nav-bd a {
   width: 84px;
   background-image: url(/sw_ova/img/common/nav-bd.png);
}






/*ドロップダウンメニュー*/


nav, #nav ul{
list-style-position:outside;
position:relative;
z-index: 1000;
}

#nav ul {
position:absolute;
display:none;
width:180px;
top:36px;
background-color: #000000;
}
#nav li ul li {
   border-bottom: solid 1px #5c5c5c;
   height: 20px;
   margin-bottom: 0;
padding: 15px 10px;
margin-left: 0;
}
#nav li ul li:last-child{
   border-bottom: none;
}
#nav li ul li:hover {
   background-color: #3e3e3e;
}
#nav li ul li a:hover {
   text-decoration: none;
}
#nav li ul a{
width:160px;
height:auto;
float:left;
background-image: none;
color: #ffffff;
text-indent: 0;
font-size: 0.9em;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}









/*   サブナビ   */

#subnav{
   width: 900px;
   padding-left: 100px;
   height: 51px;
   background-image: url("../img/common/bg-cts.png");
   overflow: hidden;
   margin-bottom: 10px;
}

#subnav li {
   width: 240px;
   height: 51px;
   float: left;
   text-indent: -9999px;
   margin-right: 40px;
}
#subnav li a {
display: block;
   width: 240px;
   height: 51px;
   text-indent: -9999px;
   background-repeat: no-repeat;
   background-position: top center;
}

#subnav li a:hover,
.vol1 #subnav li#snav-1 a,
.vol2 #subnav li#snav-2 a,
.vol3 #subnav li#snav-3 a,
.storytop #subnav li#snav-0 a {
   background-position: bottom center;
}

#subnav li#snav-3 {
   margin-right: 0;
}
#subnav li#snav-1 a {
   background-image: url("/sw_ova/img/common/subnav-1.png");
}
#subnav li#snav-2 a {
   background-image: url("/sw_ova/img/common/subnav-2.png");
}
#subnav li#snav-3 a {
   background-image: url("/sw_ova/img/common/subnav-3.png");
}




/* --------------------------------------------------------------


                      大見出し


-----------------------------------------------------------------*/

h1.ttl-page {
   width: 980px;
   margin: 0 auto;
   height: 50px;
   background-repeat: no-repeat;
   background-position: center top;
   text-indent:-9999px;
   margin-bottom: 20px;
}





/* --------------------------------------------------------------


                      contents


-----------------------------------------------------------------*/

.cts-box {
   background-image: url(../img/common/bg-cts.png);
   padding: 30px 50px 50px 50px;
   font-size: 12px;
}


.btn-gotop {
   text-align: right;
   width: 100%;
   margin-bottom: 30px;
   padding-top: 10px;
   font-size: 11px;
}

.cts-box a {
   text-decoration: underline;
}
/*      main        */
#main {
      min-height: 500px;

 }

/*      side        */

#side {
   width: 230px;
}

#side dl {
   padding: 10px;
}
#side dl dt {
   font-size: 10px;
   line-height: 1.5em;
   margin-bottom: 3px;
   padding-left: 17px;
}

#side dl dd {
   font-size: 12px;
   line-height: 1.4em;
   margin-bottom: 13px;
   padding-bottom: 10px;
   padding-left: 17px;
   border-bottom: solid 1px #a2a2a2 ;
   background-image: url(../img/common/side_arrow.png);
   background-position: 2px 5px;
   background-repeat: no-repeat;
}
#side dl dd a {
   display: block;
}





/* --------------------------------------------------------------


                      footer


-----------------------------------------------------------------*/
footer {
   clear: both;
}
#bannerarea {
   height: 55px;
   background-image: url(../img/common/bg-bnr.png) ;
   background-position: top center;
   background-repeat: no-repeat;
   padding-left: 110px;
   margin-bottom: 20px;
   padding-top: 7px;
}
#bannerarea a {
   margin-right: 10px;
}
.copyright {
   color: #cfcfcf;
   text-align: center;
   padding-bottom: 30px;
}


#snsBtns {
   overflow: hidden;
   width: 250px;
   margin: 0 auto;
   margin-bottom: 20px;
}

#snsBtns .tweet_btn,
#snsBtns .fb-like {
   float: left;
}