.r { text-align: right; }
.c { text-align: center; }
.cl { clear: both; }



/**--------------------------------------------------------------------------------------------------------------------------------
 *
 *
 *
 *  .dq
 *
 *
 *
 **--------------------------------------------------------------------------------------------------------------------------------*/
.dq {
	margin: 0;
	padding: 2px;
    display: block;
	color: #ffffff;
	background: #000000;
	font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic", "Osaka-等幅", Meiryo, "メイリオ", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-weight: bolder;
}
.dq .title {
    margin: -16px auto 0 auto;
    padding: 2px;
    height: 16px;
    text-align: center;
    font-size: 16px;
    line-height: 100%;
}
.dq .inner {
    padding: 8px;
    border: 4px solid #fff;
    border-radius:         6px;
    -webkit-border-radius: 6px;
    -moz-border-radius:    6px;
}
.dq .inner .title h2,
.dq .inner .title h3 {
    margin: 0;
    padding: 0 2px;
    display: inline-block;
    height: 16px;
    background: #000;
    font-size: 100%;
}
.dq .inner .content {
    padding: 0 8px;
}




.dq a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}
.dq a:link, .dq a:visited, .dq a.ref {
	padding-left: 14px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAIAAACk6KkqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA1SURBVHjaYvgPBgwYgIkBB2BEVs7IyEiiDmR9pOggYAcLFkPw28GCqZY4O5DVEtBBOgAIMADWwg8esdA+0gAAAABJRU5ErkJggg==) -16px center no-repeat;
	/*background: url(../../../img/dq/arrow.png) -16px center no-repeat;*/
	/*text-decoration: underline;*/
}
.dq a:visited {

}
.dq a:link:hover, .dq a:visited:hover, .dq a.ref:hover {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAIAAACk6KkqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA1SURBVHjaYvgPBgwYgIkBB2BEVs7IyEiiDmR9pOggYAcLFkPw28GCqZY4O5DVEtBBOgAIMADWwg8esdA+0gAAAABJRU5ErkJggg==) 0 center no-repeat;
	/*background: url(../../../img/dq/arrow.png) 0 center no-repeat;*/
}

.dq a.active {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAIAAACk6KkqAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAA1SURBVHjaYvgPBgwYgIkBB2BEVs7IyEiiDmR9pOggYAcLFkPw28GCqZY4O5DVEtBBOgAIMADWwg8esdA+0gAAAABJRU5ErkJggg==) 0 center no-repeat;
	/*background: url(../../../img/dq/arrow.png) 0 center no-repeat;*/
}





.dq hr {
	margin: 8px -16px;
	border: none;
	border-top: 2px solid #ffffff;
	opacity: .6;
}



.dq .message {
    color: #3fbfff !important;
}

.dq .warn {
    color: #ff7763 !important;
}

.dq .note {
    color: #ffff99 !important;
}







/**
 *
 *
 *  ul
 *
 *
 **/
.dq ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.dq ul.asta  li,
.dq ul.skull li,
.dq ul.sun   li,
.dq ul.star  li,
.dq ul.moon  li,
.dq ul.water li,
.dq ul.heart li {
	padding: 0 0 0 24px;
	background-position: left 2px;
	background-repeat: no-repeat;
}
.dq ul.asta  li { background-image: url(../../../img/dq/asta.png)  !important; }
.dq ul.skull li { background-image: url(../../../img/dq/skull.png) !important; }
.dq ul.sun   li { background-image: url(../../../img/dq/sun.png)   !important; }
.dq ul.star  li { background-image: url(../../../img/dq/star.png)  !important; }
.dq ul.moon  li { background-image: url(../../../img/dq/moon.png)  !important; }
.dq ul.water li { background-image: url(../../../img/dq/water.png) !important; }
.dq ul.heart li { background-image: url(../../../img/dq/heart.png) !important; }

.dq ul.inline {
    list-style: none;
}
.dq ul.inline li {
    display: inline-block;
}
.dq ul.inline li a {
    padding-top: .66em;
    padding-right: 1em;
    padding-bottom: .66em;
    display: inline-block;
}




form .dq table,
.dq form table,
.dq table {
	width: 100%;
}

form .dq table tr:hover,
.dq form table tr:hover,
.dq table tr:hover {
	background: #262626;
}

form .dq table th,
form .dq table td
.dq form table th,
.dq form table td,
.dq table th,
.dq table td {
	padding: 4px 8px;
}



.dq .textbox,
.dq textarea {
	padding: 3px;
	border: 1px solid #666666;
	color: #ffffff;
	background: #000000;
	font-size: 100%;
	font-weight: bolder;
}
.dq .textbox:focus,
.dq textarea:focus {
	background: #1f1f1f;
}



.dq .radio {
/*	background: #000000;*/
}

.dq label {
	cursor: pointer;
}

.dq .button,
.dq button {
	padding: 2px 8px;
	border: 1px outset #cccccc;
	color: #ffffff;
	background: #000000;
	font-family: "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic", "Osaka-等幅", Meiryo, "メイリオ", "ＭＳ ゴシック", "MS Gothic", monospace;
	font-size: 100%;
	font-weight: bolder;
	cursor: pointer;
}
.dq .button:active,
.dq button:active {
	border: 1px inset #cccccc;
}
.dq .button:hover,
.dq button:hover {
	background: #1f1f1f;
}




.dq .content .buttons {
    text-align: center;
}