body{background-color:#FFFFFF; font-family:"Meiryo"; font-size:100%;}
.title{text-align:center; font-family:"Meiryo";}
.title2{text-align:left; font-weight:bold;}
.dq1{color:#E000FF;}
.ue{vertical-align:top;}
.red{color:#FF0000;}
.red2{color:#EE1155;}
.green{color:#00FF00;}
.blue{color:#0000FF;}
.purple{color:#FF00FF;}
.purple2{color:#3300FF;}
.skyblue{color:#0044FF;}
.black{color:#000000;}
.yellow{color:#FFFF00;}
.v{vertical-align:top;}
.c{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
h2{text-align:center; color:#000000;}
.bgwhite{color:#FFFFFF; background-color:#000000;}
.stripe{background-color:#B0B0B0;}
h3{color:#000000;}
h4{color:#000000;}
li{line-height:130%;}
li.index{list-style-type:none;}
ruby{line-height:120%;}
.block{clear:inline-block; clear:both;}
.inline{display:inline;}
h1.in{background:linear-gradient(to bottom,#C0F0C0,#90C090); color:#000000; line-height:100%; padding:10px 0px;}
h2.index{background:linear-gradient(to right,#A0E090,#C0E0C0); color:#000000; border-left:5px solid #5030E0; text-align:left; border-radius:3px;}
h2.main{background:linear-gradient(to right,#FFCC90,#FFCCAA); padding-left:10px; border-radius:3px;}
h3.main{background:#DDDDFF; padding:1px 10px; display:inline-block; border-radius:8px; box-shadow:4px 4px 4px #BAD3FF;}
h4.main{padding:1px 10px; display:inline-block; background:linear-gradient(#B1F9D0 50%,#CEF9DC 50%); border-radius:8px;}
h1.dq1,h1.dq2,h1.dq3,h1.dq4,h1.dq5,h1.dq6,h1.dq7,h1.dq8,h1.dq9,h1.dq10,h1.dq11,h1.dq1_2re,h1.dq3re,h1.dq4re,h1.dq5re,h1.dq6re,h1.dq7re,h1.dq8re,h1.dqmj{padding:10px 0px;}
h1.dq1,h1.dq1index{background:linear-gradient(to bottom,#202020,#707070); color:#FFFFFF; line-height:100%;}
h1.dq2,h1.dq2index{background:linear-gradient(to bottom,#20C0E0,#30D0FF); color:#FFFFFF; line-height:100%;}
h1.dq1_2re,h1.dq1_2reindex{background:linear-gradient(to bottom,#333399,#3030CC); color:#FFFFFF; line-height:100%;}
h1.dq3,h1.dq3index{background:linear-gradient(to bottom,#FFB030,#E5A030); color:#000000; line-height:100%;}
h1.dq3re,h1.dq3reindex{background:linear-gradient(to bottom,#009090,#00A0A0); color:#FFFFFF; line-height:100%;}
h1.dq4,h1.dq4index{background:linear-gradient(to bottom,#C0C0C0,#D0D0D0); color:#000000; line-height:100%;}
h1.dq4re,h1.dq4reindex{background:linear-gradient(to bottom,#FFFFFF,#00D090); color:#000000; line-height:100%;}
h1.dq5,h1.dq5index{background:linear-gradient(to bottom,#F7F7F7,#F0F0F0); color:#000000; line-height:100%;}
h1.dq5re,h1.dq5reindex{background:linear-gradient(to bottom,#0000F0,#B0B0B0); color:#FFFFFF; line-height:100%;}
h1.dq6,h1.dq6index{background:linear-gradient(to top,#FFA050,#FFFFEE); color:#000000; line-height:100%;}
h1.dq6re,h1.dq6reindex{background:linear-gradient(to bottom,#5050FF,#00B0B0); color:#FFFFFF; line-height:100%;}
h1.dq7,h1.dq7index{background:linear-gradient(to bottom,#FFFFFF,#00A0FF); color:#000000; line-height:100%;}
h1.dq7re,h1.dq7reindex{background:linear-gradient(to bottom,#00B000,#00E000); color:#FFFFFF; line-height:100%;}
h1.dq8,h1.dq8index{background:linear-gradient(to bottom,#F0C050,#E0E000); color:#000000; line-height:100%;}
h1.dq9,h1.dq9index{background:linear-gradient(to left,#FFFFFF,#F5F5F5); color:#000000; line-height:100%;}
h1.dq10,h1.dq10index{background:linear-gradient(to left,#F0F090,#F0F040); color:#000000; line-height:100%;}
h1.dq11,h1.dq11index{background:linear-gradient(to bottom,#905090,#C050C0); color:#FFFFFF; line-height:100%;}

h1.dqmj,h1.dqmjindex{background:linear-gradient(to right,#505060,#0050C0); color:#FFFFFF; line-height:100%;}

h1.dq1index,h1.dq2index,h1.dq1_2reindex,h1.dq3index,h1.dq3reindex,h1.dq4index,h1.dq4reindex,h1.dq5index,h1.dq5reindex,h1.dq6index,h1.dq6reindex,h1.dq7index,h1.dq7reindex,h1.dq8index,h1.dq8reindex,h1.dq9index,h1.dq10index,h1.dqmjindex
{float:left;}
hr{border-top:2px dashed #00F9A9; background-color:#CEF9DC;}
strong{font-weight:bold; background:linear-gradient(#FFFFFF 70%,#9BF9CC 80%);}
h2.update{text-align:left; background:linear-gradient(#FFFFFF 70%,#AEFFBD 80%); display:inline;}
.bold{font-weight:bold;}
span.dungeon{background:#FFFF99; border-radius:2px;}
.site{position:relative; margin-left:5%;}
ol.linkni{position:relative; margin-left:20%;}
td{line-height:120%;}
a{padding:1px 1px;}
a:hover,a:link,a:visited{color:#0033A0; text-decoration-line:underline; text-decoration-color:#A0CCE9; text-underline-offset:1px; text-decoration-thickness:2px;}
a:hover{color:#000000; background-color:#99FFCC; text-decoration-line:none;}
a:active{color:#FFFFFF;}
a[name]:hover{text-decoration:none; border-bottom:none; border:none; background-color:transparent !important;}
#scroll-to-top{opacity:0.5; border-radius:50%; position:fixed; z-index:100; background:#30C050; color:#F0F0F0; font-family:sans-serif; text-decoration:none; border:0px solid #FFFFFF; font-weight:bold;}
#scroll-to-top:hover{background-color:#00FF99 !important; text-decoration:none;}

h1{text-align:center;}
.dqdz{color:#5555AA;}
.sm{font-size:90%;}
span.bgm{font-weight:bold; margin-left:1rem;}
.big{font-size:110%; font-weight:bold;}
.big2{font-weight:bold;}
.big3{font-size:120%; font-weight:bold;}
.big4{font-size:140%;}
h2.bgm{color:#000000; font-size:130%; text-align:left;}
caption{background-color:#F0FFF0; font-weight:bold; text-align:left; color:#000000; border-left:5px solid #5090FF;}
.back,.topback{background-color:#E0F0E0; color:#000000; font-size:90%; margin-top:0; margin-bottom:0;}
.back{border-top:2px solid #000000;}
.topback{border-bottom:2px solid #000000;}
.note1{border:2px outset #0000FF; margin-bottom:15px;}
.note2{border:2px outset #00FF00; margin-bottom:15px;}
.note3{border:2px outset #FF0000; margin-bottom:15px;}
.note4{border:2px outset #00FFFF; margin-bottom:15px;}
.note5{border:2px outset #FFFF00; margin-bottom:15px;}

table{border:1px solid #000000; background-color:#E0E0E0; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px; border-collapse:collapse;}
table.monster tr:nth-child(3n-1),table.monster2 tr:nth-child(4n-6),table.monster3 tr:nth-child(5n-3),table.monster4 tr:nth-child(3n-2),table.monster5 tr:nth-child(4n+1),table.monster6 tr:nth-child(1)
	{font-size:110%; font-weight:bold; background:linear-gradient(to right,Aquamarine,White); color:#000000; border-color:black;}
table.tmonster tr:nth-child(2n-1){font-size:110%; font-weight:bold; background:linear-gradient(to right,Aquamarine,White);}
table.action tr:nth-child(4n-7){font-size:110%; font-weight:bold; background:linear-gradient(to right,Aquamarine,White); color:#000000; border-color:black;}
table.action tr:nth-child(4n-5),table.item tr:nth-child(3n),table.jo tr:nth-child(4n+2),table.normal tr:nth-child(even),table.boss tr:nth-child(3n-1),table.monster tr:nth-child(3n+1),table.monster2 tr:nth-child(4n-4),table.monster3 tr:nth-child(5n-1),table.monster4 tr:nth-child(3n),table.monster5 tr:nth-child(4n-1),table.monster6 tr:nth-child(3),table.tmonster tr:nth-child(4n)
	{background-color:#D0E0E0;}
table.item tr:nth-child(3n-2){font-size:110%; font-weight:bold; background:linear-gradient(to right,Aquamarine,White); linear-gradient; color:#000000; border-color:black;}
table.jo tr:nth-child(2n+1){font-size:110%; font-weight:bold; background:linear-gradient(to right,Aquamarine,White); color:#000000; border-color:black;}
th{font-weight:normal; border:1px solid #000000; background-color:#6090D0; color:#FFFFFF; line-height:110%;}
td{border:1px solid #000000; line-height:110%;}
td.noroi{background-color:#000000; color:#FFFFFF;}
.story{font-weight:bold;}
.nini{border:1px dotted #101010; border-radius:5px; background-color:#F8F8F8; box-shadow:1px 1px 2px gray; padding:2px 2px; margin-bottom:10px;}
.inyo{border:1px solid #101010; border-radius:5px; background-color:#F3FFD8; padding:2px 2px; margin-bottom:10px;}
.head,div.li{background-color:#FFFFDD; border:1px solid #DDDDDD;}
.head2{background-color:#F5F5F9; border:1px solid #CCCCFF; border-radius:3px; margin-top:5px;}
a:link.index,a:visited.index{text-decoration:none; color:#000000;}
span.index{color:#0033A0;}
span:active.index{color:#FFFFFF;}
table.separate{border-collapse:separate; margin-left:90px;}
.border_none{border:0px none;}

@media screen and (min-width:950px){
.float{float:left;}
body{width:950px; position:relative; left:50%; margin-left:-475px;}
img.main{float:left; width:500px; height:400px; padding:10px 10px;}
#scroll-to-top{padding:10px 15px; font-size:25px; bottom:20px; right:20px;}
a:hover{text-decoration-line:none;}
a:active{background-color:#99FFCC;}
h1.dq1index,h1.dq2index,h1.dq1_2reindex,h1.dq3index,h1.dq3reindex,h1.dq4index,h1.dq4reindex,h1.dq5index,h1.dq5reindex,h1.dq6index,h1.dq6reindex,h1.dq7index,h1.dq7reindex,h1.dq8index,h1.dq8reindex,h1.dq9index,h1.dq10index,h1.dqmjindex
{font-size:200%; position:relative; left:50%; margin-left:-475px; margin-top:10px; margin-bottom:5px; margin-right:5px;}

h1.dq1index{padding:70px 60px;}
h1.dq1_2reindex{padding:70px 20px;}
h1.dq2index{padding:55px 52px;}
h1.dq3index{padding:55px 45px;}
h1.dq3reindex{padding:55px 35px;}
h1.dq4index,h1.dq4reindex{padding:55px 50px;}
h1.dq5index,h1.dq5reindex{padding:55px 58px;}
h1.dq6index,h1.dq6reindex{padding:55px 50px;}
h1.dq7index,h1.dq7reindex{padding:55px 42px;}
h1.dq8index,h1.dq8reindex{padding:55px 30px;}
h1.dq9index,h1.dq9reindex{padding:55px 50px;}
h1.dq10index{padding:45px 10px;}
h1.dq11index{padding:10px 0px;}
h1.dqmjindex{padding:45px 10px;}

table.index{position:relative; left:50%; margin-left:-50px;}
table.index2{position:relative; left:50%; margin-left:-90px;}
table.index3{position:relative; left:50%; margin-left:10px;}
caption{font-size:140%;}
div:hover.index{background-color:#E0FFE0;}

.back,.topback{width:950px; text-indent:30px; padding:5px 0px;}
span.bgm{line-height:140%;}
.story,.story2{text-align:right; margin-right:200px;}
table.kiso1,table.spell1{display:inline-block; position:relative; vertical-align:top; left:50%; margin-left:-440px; border:none;}
table.kiso2{display:inline-block; position:relative; vertical-align:top; left:50%; margin-left:10px; border:none;}
table.spell2{display:inline-block; position:relative; vertical-align:top; left:50%; margin-left:1px; border:none;}
hr{width:950px;}
table.left{width:950px; position:relative; left:50%; margin-left:-440px;}
th,td,h4{padding:3px 3px;}
h2{padding:5px 5px;}
h3,caption{padding:4px 4px;}
h2.main{font-size:140%; text-align:left; width:925px; position:relative; left:50%; margin-left:-475px; margin-top:5px; margin-bottom:5px;}
h3.main{font-size:130%; text-align:left; margin-top:4px; margin-bottom:3px; position:relative; left:50%; margin-left:-460px;}
h4.main{font-size:120%; text-align:left; margin-top:3px; margin-bottom:3px; position:relative; left:50%; margin-left:-450px;}
h2.update{width:910px; margin-left:auto; margin-right:auto; color:#000000; font-size:110%;}

h1.dq1,h1.dq2,h1.dq3,h1.dq4,h1.dq5,h1.dq6,h1.dq7,h1.dq8,h1.dq9,h1.dq10,h1.dq11,h1.dq11index,h1.dq1_2re,h1.dq3re,h1.dq4re,h1.dq5re,h1.dq6re,h1.dq7re,h1.dq8re,h1.dqmj,h1.in
{width:950px; font-size:170%; position:relative; left:50%; margin-left:-475px; margin-top:3px; margin-bottom:3px;}

.cha{text-align:left; position:relative; left:50%; margin-left:-475px; margin-bottom:5px; margin-top:10px;}
.cha2{color:#EE1155; text-align:left; width:900px; margin-left:auto; margin-right:auto;}
h2.index{width:940px; position:relative; left:50%; margin-left:-475px; font-size:120%; text-indent:10px; padding:2px 0px; position:relative;}
dl.index{width:800px; margin-left:auto; margin-right:auto; line-height:140%;}
dt.index{margin-left:0px; margin-right:auto; float:left;}
dd.index{margin-left:230px; margin-right:auto;}

div.button{width:950px; margin:0 auto; font-size:100%;}
a.index{border-radius:5px; line-height:100%; text-shadow:2px 3px 1px #CCCCCC; background:linear-gradient(190deg,#FFFFFF,#F0F0F0);}
a:hover.index{color:#000000; text-decoration:none; background:linear-gradient(260deg,#E0FFE0,#C0E0C0); text-shadow:2px 3px 1px #CCCCCC;}
a.index{text-align:left; display:inline-block; padding-left:75px; padding-top:5px; padding-bottom:5px;}

table.pc_sp{width:880px; margin-right:auto;}
table.pc_sp2{width:550px;}
table.pc_sp3{width:650px;}
table.pc_sp4{width:450px;}
.note1,.note2,.note3,.note4,.note5{width:890px; position:relative; left:50%; margin-left:-475px; margin-top:5px; margin-bottom:5px;}
div.li{width:948px; position:relative; left:50%; margin-left:-475px;}
.head,.head2{width:950px;}
ul{left:50%; margin-left:0px;}
li{margin-bottom:5px; margin-top:5px;}
ul.index{position:relative;}
br.sp,span.sp,div.sp{display:none;}
br.pc{display:block;}
span.pc{display:inline;}
td{line-height:125%;}
p{line-height:150%; width:880px; margin-left:auto; margin-right:auto;}
pre{font-size:100%; line-height:140%; width:880px; margin-left:auto; margin-right:auto;}
.next{margin-left:30%; line-height:150%;}
.title2{margin-top:30px;}
.sm4{font-size:80%;}
h3.staff{margin-left:-400px;}
p.staff2{margin-left:120px;}
}

@media screen and (max-width:950px){
div.button{font-size:100%; width:100%; padding:0 0; margin:0 auto;}
a.index{text-align:left; display:inline-block; padding:5px 0 5px 0; width:99%; border:1px solid #CCCCCC;}
img.main{width:320px; height:250px; clear:both;}
#scroll-to-top{padding:13px 14px; font-size:20px; bottom:10px; right:10px;}
h1.dq1index,h1.dq2index,h1.dq1_2reindex,h1.dq3index,h1.dq3reindex,h1.dq4index,h1.dq4reindex,h1.dq5index,h1.dq5reindex,h1.dq6index,h1.dq6reindex,h1.dq7index,h1.dq7reindex,h1.dq8index,h1.dq8reindex,h1.dq9index,h1.dq10index,h1.dq11index,h1.dqmjindex
{float:none; padding:10px 10px; margin-top:0; margin-bottom:0;}
h1.dq1,h1.dq2,h1.dq3,h1.dq4,h1.dq5,h1.dq6,h1.dq7,h1.dq8,h1.dq9,h1.dq10,h1.dq11,h1.dq1_2re,h1.dq3re,h1.dq4re,h1.dq5re,h1.dq6re,h1.dq7re,h1.dq8re,h1.dqmj,h1.in
{margin-top:0; margin-bottom:0;}
span.bgm{line-height:130%;}
.cha,.cha2{margin-bottom:2px; margin-top:5px;}
h2.main{text-align:left; margin-top:3px; margin-bottom:4px; font-size:110%;}
h3.main{text-align:left; margin-top:2px; margin-bottom:3px; font-size:110%;}
h4.main{text-align:left; margin-top:1px; margin-bottom:2px; font-size:110%;}
dd.index{margin-bottom:5px;}
.sm2{font-size:90%;}
.sm3{font-size:80%;}
.sm4{font-size:90%;}
div.pc{display:none;}
table.kiso1{display:inline-block; position:relative; vertical-align:top; left:50%; margin-left:-140px;}
table.kiso2{display:inline-block; position:relative; vertical-align:top; left:50%; margin-left:1px;}
table.spell1,table.spell2{display:inline-block; position:relative; vertical-align:top; margin-left:1px;}
h2,h3,h4{padding:2px 2px;}
h2.update{text-align:left; margin-left:0; color:#000000;}
h2{text-align:left; margin-left:0;}
h3{text-align:left; margin-left:1%;}
h4{text-align:left; margin-left:2%;}
.cha{text-align:left; margin-left:0;}
.cha2{color:#EE1155; text-align:left; margin-left:0;}
ul{padding-left:20px;}
li{padding-top:3px; padding-bottom:3px;}
h2{font-size:125%;}
h2.index{font-size:115%;}
dl.index{line-height:140%;}
dt.index{margin-left:0.1rem;}
dd.index{margin-left:0.5rem;}
h1{font-size:115%;}
table{font-size:90%;}
table.pc_sp,table.pc_sp2,table.pc_sp3,table.pc_sp4,.back,.topback{width:100%;}
ul.index{position:relative; margin-left:0;}
br.sp{display:block;}
br.pc{display:none;}
span.sp{display:inline;}
span.pc{display:none;}
.note1,.note2,.note3,.note4,.note5{margin-left:0; margin-right:0;}
p{line-height:140%; margin-left:0; margin-right:0;}
.back,.topback{margin-left:0; margin-right:0; padding:5px 0; line-height:120%; text-indent:5px;}
pre{font-size:100%; line-height:140%; margin-left:0; margin-right:0;}
.scroll{overflow-x:scroll; white-space:nowrap;}
.next{margin-left:2%; line-height:140%;}
.head,.head2,div.li{width:100%;}
}