@charset "utf-8";
body {
	background-attachment: scroll;
	background-position: center;
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
}
#contents #main {
	padding-top: 0px;
}
#contents #main DIV .spec {
	text-align: center;
}
#contents #main #comic .comics {
	width: 575px;
	background-color: #FFF;
	background-repeat: no-repeat;
  	min-height: 500px;
}
#contents #main #comic #ggunedge.comics {
	background-image: url(img/ggunedge.jpg);
}
#contents #main #comic #burai.comics {
	background-image: url(img/burai.jpg);
}
#contents #main #comic #ggun_revenge.comics {
	background-image: url(img/ggun_revenge.jpg);
}
#contents #main #comic #f90ffvol01.comics {
	background-image: url(img/f90ffvol01.jpg);
}
#contents #main #comic #episode0.comics {
	background-image: url(img/episode0.jpg);
}
#contents #main #comic #episode0b.comics {
	background-image: url(img/episode0b.jpg);
}
#contents #main #comic #episode0a.comics {
	background-image: url(img/episode0a.jpg);
}
#contents #main #comic #narrative.comics {
	background-image: url(img/narrative.jpg);
}
#contents #main #comic #moon01.comics {
	background-image: url(img/moon01.jpg);
}
#contents #main #comic #moon02.comics {
	background-image: url(img/moon02.jpg);
}
#contents #main #comic #moon03.comics {
	background-image: url(img/moon03.jpg);
}
#contents #main #comic #valpurgis.comics {
	background-image: url(img/valpurgis.jpg);
}
#contents #main #comic #walpurgis01.comics {
	background-image: url(img/walpurgis01.jpg);
}
#contents #main #comic #twilight.comics {
	background-image: url(img/twilight.jpg);
}
#contents #main #comic #ashes.comics {
	background-image: url(img/rise_ashes.jpg);
}
#contents #main #comic #moon.comics {
	background-image: url(img/moon.jpg);
}
#contents #main #comic #c01.comics {
	background-image: url(img/comic01.jpg);
}
#contents #main #comic #c02.comics {
	background-image: url(img/comic02.jpg);
}
#contents #main #comic #c03.comics {
	background-image: url(img/comic03.jpg);
}
#contents #main #comic #c04.comics {
	background-image: url(img/comic04.jpg);
}
#contents #main #comic #c05.comics {
	background-image: url(img/comic05.jpg);
}
#contents #main #comic #c06.comics {
	background-image: url(img/comic06.jpg);
}
#contents #main #comic #c07.comics {
	background-image: url(img/comic07.jpg);
}
#contents #main #comic #c08.comics {
	background-image: url(img/comic08.jpg);
}
#contents #main #comic #c09.comics {
	background-image: url(img/comic09.jpg);
}
#contents #main #comic #c10.comics {
	background-image: url(img/comic10.jpg);
}
#contents #main #comic #c11.comics {
	background-image: url(img/comic11.jpg);
}
#contents #main #comic #c12.comics {
	background-image: url(img/comic12.jpg);
}
#contents #main #comic #e75.comics {
	background-image: url(img/ep75.jpg);
}

#contents #main #comic #hath.comics {
	background-image: url(img/hathaway.jpg);
}
#contents #main #comic #cda11.comics {
	background-image: url(img/cda11.jpg);
}
#contents #main #comic #cda12.comics {
	background-image: url(img/cda12.jpg);
}
#contents #main #comic #cda13.comics {
	background-image: url(img/cda13.jpg);
}
#contents #main #comic #cda14.comics {
	background-image: url(img/cda14.jpg);
}
#contents #main #comic #thun02.comics {
	background-image: url(img/thun02.jpg);
}
#contents #main #comic #thun03.comics {
	background-image: url(img/thun03.jpg);
}
#contents #main #comic #thun04.comics {
	background-image: url(img/thun04.jpg);
}
#contents #main #comic #thun05.comics {
	background-image: url(img/thun05.jpg);
}
#contents #main #comic #thun06.comics {
	background-image: url(img/thun06.jpg);
}
#contents #main #comic #thun07.comics {
	background-image: url(img/thun07.jpg);
}
#contents #main #comic #beltor01.comics {
	background-image: url(img/beltor01.jpg);
}
#contents #main #comic #beltor02.comics {
	background-image: url(img/beltor02.jpg);
} 
  #contents #main #comic #beltor03.comics {
	background-image: url(img/beltor03.jpg);
}
  #contents #main #comic #beltor04.comics {
	background-image: url(img/beltor04.jpg);
}
  #contents #main #comic #beltor05.comics {
	background-image: url(img/beltor05.jpg);
}
  #contents #main #comic #beltor06.comics {
	background-image: url(img/beltor06.jpg);
}
  #contents #main #comic #beltor07.comics {
	background-image: url(img/beltor07.jpg);
}
  #contents #main #comic #utm03.comics {
	background-image: url(img/utm03.jpg);
}
#contents #main #comic #reb.comics {
	background-image: url(img/0083.jpg);
}
#contents #main #comic #reb01.comics {
	background-image: url(img/0083one.jpg);
}
#contents #main #comic #reb02.comics {
	background-image: url(img/0083two.jpg);
}
#contents #main #comic #reb03.comics {
	background-image: url(img/0083three.jpg);
}
#contents #main #comic #reb04.comics {
	background-image: url(img/0083four.jpg);
}
#contents #main #comic #reb05.comics {
	background-image: url(img/0083five.jpg);
}
#contents #main #comic #reb06.comics {
	background-image: url(img/0083six.jpg);
}
#contents #main #comic #reb07.comics {
	background-image: url(img/0083seven.jpg);
}
#contents #main #comic #reb08.comics {
	background-image: url(img/0083eight.jpg);
}
#contents #main #comic #reb09.comics {
	background-image: url(img/0083nine.jpg);
}
#contents #main #comic #reb10.comics {
	background-image: url(img/0083ten.jpg);
}
#contents #main #comic #reb11.comics {
	background-image: url(img/0083elev.jpg);
}
#contents #main #comic #reboot01.comics {
	background-image: url(img/reboot01.jpg);
}
#contents #main #comic #rebc43.comics {
	background-image: url(img/0083-43.jpg);
}
#contents #main #comic #aoz01.comics {
	background-image: url(img/aoz01.jpg);
}
#contents #main #comic #define01.comics {
	background-image: url(img/define01.jpg);
}
#contents #main #comic #destiny01.comics {
	background-image: url(img/destiny01.jpg);
}
#contents #main #comic #music01.comics {
	background-image: url(img/gm_logo.png);
}
#contents #main #comic #music02.comics {
	background-image: url(img/t-axis_ost.jpg);
}
#contents #main #comic .comics .title {
	font-size: 24px;
	line-height: 24px;
	padding-top: 5px;
	margin-bottom: 325px;
}
#contents #main #comic .comics .thun02b {
	font-size: 24px;
	line-height: 24px;
	padding-top: 5px;
	margin-bottom: 325px;
}
#contents #main #comic .comics DL {
	display: block;
	padding: 5px;
	width: 220px;
	float: left;
	margin-left: 2px;
	margin-right: 2px;
	background-image: url(img/comic_storybg_b.png);
	color: #FFF;
}
#contents #main #comic .comics DL DT {
	display: block;
	width: 50px;
	padding-left: 10px;
	float: left;
}
#contents #main #comic .comics DL DD {
	padding-left: 100px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#contents #main #comic .comics DL DD.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-style: none;
}
#contents #main #comic .comics .story {
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
	padding: 15px;
	float: left;
  	display: block;
	width: 300px;
	background-image: url(img/comic_storybg_w.png);
}
a { text-decoration: none;}
.mechanics { color: #666666; font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 10px; line-height: 12px;}
.mech_title { color: #666666; font-family: "Meiryo UI", "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 14px; line-height: 16px; font-weight: bold; }
.wing  {
    border-collapse:collapse;
    border-spacing:0;
    border-color:#ccc;
}
.wing td {
    font-family:Arial, sans-serif;
    font-size:12px;
    padding:0px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
    word-break:normal; 
    border-color:#ccc;
    color:#333;
}
.wing th {
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding:0px;
    border-style:solid;
    border-width:1px;overflow:hidden;
    word-break:normal;
    border-color:#ccc;
    color:#333;
}
.wing .tg-yw41 {
  vertical-align:center;
  padding:2px;
  border:2px;
  border-color:#838383;
}
.wing .photo {
  padding:1px;
}
.imggal table {
    border-spacing: 50px 0;
    border: 1px;
}
.imggal td {
  padding: 10px 0;
}
h3{
    margin:0;
    padding:0;
}
.background {
  padding:0px 15px 0px 15px;
  text-align: justify;
}
.character img {
 display:block;
 padding: 10px;
}
#specs {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	font-size: 12px;
    border-collapse: collapse;
    width: 600px;
}

#specs td, #specs th {
    border: 1px solid #ddd;
    padding: 8px;
}

tr .def {
    font-weight: bold;
}

#specs th {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    background-color: #ffffff;
    color: black;
}
.episode  {
	border-collapse:collapse;
	border-spacing:0;
	border-color:#ccc;}
.episode td {
	font-family:Arial, sans-serif;
	font-size:12px;
	padding:0px;
	border-style:solid;
	border-width:2px;
	overflow:hidden;
	word-break:normal;
	border-color:#ccc;
	color:#333;
	}
.episode th{
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:0px;
	border-style:solid;
	border-width:2px;
	overflow:hidden;
	word-break:normal;
	border-color:#ccc;
	color:#333;
}
#preview {
	padding:3px;
}
#caption {
	padding:3px;
}
.act-text {
	width: 280px;
	line-height: 18px;
	margin: 10px;
    color: #ffffff;
}
.story-text {
	width : 290px;
	float: left;
	min-height: 314px;
	height: auto !important;
	background: #808080;
}
div.line-bottom {
	clear: both;
	width: 290px;
	height: 20px;
	background: #333;
	float: left;
}
#MSD .ms .spec {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 90px;
	padding-top: 40px;
	padding-left: 20px;
	height: 410px;
}
#MSD .ms .spec DL {
	border-bottom: 2px solid #666666;
	width: 315px;
	padding: 20px 5px 5px;
	background-image: url(img/msd/tit_spec.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	font-size: 10px;
	line-height: 11px;
}
#MSD .ms .spec DT {
	float: left;
	width: 8em;
	padding-left: 1em;
	font-weight: bold;
	border-left-style: solid;
	border-left-color: #666666;
	margin-top: 3px;
	margin-left: 1em;
}
#MSD .ms .spec DD {
	padding-left: 11em;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px dotted #999999;
}
#MSD .ms .spec DD.top {
	border-style: none;
}
#MSD .ms .txt {
	background-image: url(img/msd/tit_detail.jpg);
	background-repeat: no-repeat;
	width: 600px;
	padding: 25px 10px 10px;
	border-bottom: 2px solid #666666;
	clear: both;
	background-color: #F6F6F6;
	margin-bottom: 30px;
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
}
.sshot  {
  border-collapse:collapse;
  border-spacing:0;
  margin:0px auto;
}
.sshot th {
  padding:0px 0px;
  border-style:solid;
  border-width:0px;
  overflow:hidden;
}
.heading1　{
  width:100px;
  margin:20px 0px 0px 250px;
  padding:2px 10px;
  border-style:solid;
  border-color:#000000;
  border-width:1px;
  background-color:#000000;
  color:#ffffff;
  font-weight:bold; text-align:center;
}
.inset2 {
  width:400px;
  margin: 0px 20px 0px 250px;
  padding:6px;
  border-style:solid;
  border-width:1px;
  border-color:#000000;
  color:#000000;
  line-break:strict;
  line-height:170%;
  font-size: 0.8em;
}
/* CONTENT STYLES */
h1.p_title { 
	font: 24pt 'Roboto', Arial, Tahoma, Sans-serif; 
	color: #fe8100; 
	font-weight: 900; 
	text-align: left; 
	padding: 0 10px; 
	margin: 10px 0 3px; 
	line-height: 22pt; 
	letter-spacing: 1px; 
	background-image: linear-gradient(to right, #013553 50%, #013553); 
	background-size: 100% 3px; 
	background-position: 0 100%; 
	background-repeat: no-repeat; 
}
h2 { 
	font: 14pt Arial, Tahoma, Sans-serif;
	color: #000; 
	font-weight: 400; 
	text-align: left; 
	margin: 0; 
	line-height: normal;
}
h2.p_subtitle { 
	font: 15pt Arial, Tahoma, Sans-serif; 
	text-align: left; 
	color: #090; 
	font-weight: 700; 
	padding: 0 20px 10px 27px; 
	line-height: 13pt; 
	letter-spacing: 1px; 
	white-space: nowrap; 
	cursor: default; 
}
.content h1 {
	font: 14pt Arial, Tahoma, Sans-serif; 
	color: #069; text-align: left; 
	text-transform: uppercase; 
	font-weight: 900; 
	padding: 0 0 3px; 
	margin: 30px 20px 10px; 
	letter-spacing: 1px; line-height: auto; 
	background-image: linear-gradient(to right, #F0F0F0 95%); 
	background-size: 100% 5px; 
	background-position: 0 100%; 
	background-repeat: no-repeat; 
}
.content h1.narrow { 
	font-family: Arial, Tahoma, Sans-serif; letter-spacing: -0.5px; 
} 
.content h2 { 
	font: 13pt Arial, Tahoma, Sans-serif;
	color: #444; 
	font-weight: 700; 
	text-align: left; 
	padding: 0; 
	margin: 0 20px 7px 20px; 
	border-bottom: 1px dotted #999; 
	line-height: 12pt; 
}
.content h2 a:link { color: #333; font-weight: 700; text-decoration: none; }
.content h2 a:visited { color: #333; text-decoration: none; }
.content h2 a:hover { color: #C00; text-decoration: none; }
.content h3.no-link { font-size: 11pt; color: #C00; font-weight: normal; text-align: left; padding: 0 20px 2px; margin-bottom: 5px; border-bottom: 1px dotted #444;
}
main-info {
	float: left; 
	width: 600px; 
	background-color: #FFF;
	margin: 0; 
	padding: 0 0 20px;
}
.info {
	font: 9.5pt 'Roboto', Arial, Tahoma, Sans-serif;
	color: #111; 
	text-align: justify;
	line-height: 16pt;
}
.info p {
	margin: 0 20px 20px;
}
/* PAGE LIST STYLES */
div.info ul { list-style-type: square; margin: 0 20px 20px; padding: 0 0 0 20px; }
div.info ul li { margin: 0 0 7px; }
div.info ul li ul { margin: 0 20px 0; padding: 0 0 0 10px; }
div.info ul li p { margin: 20px 0 0; }
div.info ul li table { width: 580px; margin: 20px 0 0; }
div.info ol { list-style-type: decimal-leading-zero; margin: 0 20px 0; padding: 0 0 0 25px; }
div.info ol li { margin: 0 0 20px; }
div.info ol li p { margin: 20px 0 0; }
div.info ol li table { margin: 20px 0 0; width: 575px; }
div.info ol li ul { list-style-type: square; width: 555px; margin: 0; padding: 0 0 0 20px; }
div.info ol li ul li { margin: 0; padding: 0; }
div.info ol li ul li table { margin: 20px 0 0; width: 555px; }
div.book-info {
	width: 600px;
	margin: 0 5px 5px;
	padding: 0;
	overflow: hidden;
}
div.book-info div.info {
	color: #000000;
	text-align: left;
	line-height: 14pt;
	margin: 0;
	padding: 0;
	background: #EEE;
	border-left: 5px solid #fe8100;
	border-radius: 3px;
}
div.book-info div.info div.title { 
	color: #013553; 
	font: 9.5pt Arial, Tahoma, Sans-serif; 
	font-weight: 900; 
	text-align: left; 
	line-height: 6pt; 
	margin: 7px;
}
div.book-info div.info div.title span {
	color: #FFFFFF;
	font-size: 8pt;
	line-height: 10pt;
	font-weight: 500;
	background: #013553;
	padding: 3px 5px;
	border-radius: 5px 5px 5px 5px;
	float: right;
	display: block;
	position: relative;
	top: -6px;
	right: -6px;
}
div.book-info div.info div.title span.jpn {
	font-family: Verdana, Arial, Tahoma, Sans-serif;
}
div.book-info div.info div.title a:link, div.book-info div.info div.title a:visited { 
	color: #013553;
	text-decoration: none;
}
div.book-info:hover div.info div.title a:hover { 
	color: #fe8100;
	text-decoration: none;
}
div.book-info div.info div.descrip {
	margin: 0;
	padding: 0 7px 7px;
	font: 8pt 'Roboto', Arial, Tahoma, Sans-serif; 
	text-align: justify;
}
div.book-info div.info div.data { 
	color: #444; 
	font: 8pt 'Roboto', Arial, Tahoma, Sans-serif; 
	line-height: normal; 
	padding: 5px 7px; 
	border-top: 1px solid #DDD; 
	border-radius: 0 0 3px 0; 
	background: #EEE;
}
div.book-info div.info div.data h3 { 
	color: #C33; 
	font: 10pt 'Roboto', Arial, Tahoma, Sans-serif; 
	font-weight: 600; 
	margin: 0; 
}
div.book-info div.info div.data span {
	font-weight: 500;
	padding-right: 5px;
}
div.book-info div.info p {
	margin: 0;
	padding: 0;
}
div.ref-type div.cover {
	height: 150px; 
	width: 120px; 
	position: relative; 
	overflow: visible; 
	float: left; 
}
div.ref-type div.info {
	width: 455px; 
	float: left;
	background: #F9F9F9; 
	background-image: linear-gradient(to bottom, #EEE 10%, #F9F9F9); 
	background-size: 100% 50px; 
	background-repeat: no-repeat;
}

div.ref-type img {
	position: absolute;
	top: 10px;
	left: 7px;
}
.download {
	font-family: Tahoma, Arial;
	font-size: 10px;

}
.progress-bar {
background-color: #1a1a1a;
height: 15px;
padding: 5px;
width: 290px;
margin: 5px 0;
border-radius: 2px;
box-shadow: 0 1px 2px #000 inset, 0 1px 0 #444;
}
.progress-bar span {
display: inline-block;
float: left;
height: 100%;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
transition: width .4s ease-in-out;
}
.blue span {
background-color: #34c2e3;
}
.orange span {
background-color: #fecf23;
}
.progress-text {
text-align: right;
font-size: 12px;
color: white;
margin: -12px 0px; 
}