/* =============================================  
	html
 ============================================= */
html, body {
	width: 100%;
	height: 100%;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	word-break: normal;
	background-repeat: no-repeat !important;
	background-clip: padding-box;
	border-collapse: collapse;
}

/* =============================================  
	body
 ============================================= */
body {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #544a47;
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
}

th, td {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

li {
	list-style: none;
}

a {
	cursor: pointer;
}

a:link, a:visited {
	color: #544a47;
	text-decoration: none;
}

small {
	font-size: 11px;
	color: #698aab;
}

a, span, small {
	display: inline-block;
}

img {
	border: 0;
}

/* =============================================  
	screen
 ============================================= */
div#screen {
	min-height: 100%;
	background: url("../image/rback1.png") center 48px fixed;
	background-repeat: repeat-x !important;
}

table#layout {
	height: 100%;
	z-index: 1;
}

div.db {
	background-color: #ffffff !important;
	border: 2px solid #544a47;
	border-radius: 6px;
}

/* =============================================  
	color
 ============================================= */
.kuro {
	color: #544a47 !important;
}

.momo {
	color: #e198b4 !important;
}

.ukon {
	color: #fbca4d !important;
}

.take {
	color: #68be8d !important;
}

.aoi {
	color: #89c3eb !important;
}

.ai {
	color: #165e83 !important;
}

.bara {
	color: #e9546b !important;
}

.silent {
	color: #bbbcde !important;
}

/* =============================================  
	mark
 ============================================= */
.icon {
	min-height: 16px;
	padding-left: 18px;
	background-position: left top;
}

.ihana, table.ih th {
	background-image: url("../image/ihana.png");
}

.hana, table.rh th {
	background-image: url("../image/hana.png");
}

.hana1, table.rh1 th {
	background-image: url("../image/hana1.png");
}

.hana2, table.rh2 th {
	background-image: url("../image/hana2.png");
}

.ihanag, table.ihg th {
	background-image: url("../image/ihanag.png");
}

.ihanay, table.ihy th  {
	background-image: url("../image/ihanay.png");
}

.ihanab, table.ihb th, .xmas {
	background-image: url('../image/ihanab.png');
}

.moon, table.im th {
	background-image: url("../image/tsuki.png");
}

.crown, table.ic th {
	background-image: url("../image/crown.png");
}

.star {
	background-image: url('../image/star.png');
}

.snow {
	background-image: url('../image/yuki.png');
}

.mail {
	background-image: url('../image/rmail.png');
}

.mark {
	background-image: url('../image/ribbon.png');
}

.verse {
	min-height: 13px;
	padding-left: 15px;
	background-position: 1px 1px;
}

.p12 {
	background-image: url('../image/rlogo12.png');
}

.g12 {
	background-image: url('../image/rlogo12g.png');
}

.y12 {
	background-image: url('../image/rlogo12y.png');
}

.b12 {
	background-image: url('../image/rlogo12b.png');
}

.t12 {
	background-image: url('../image/tsuki12.png');
}

.j12 {
	background-image: url('../image/j12.png');
}

.k12 {
	background-image: url('../image/k12.png');
}

.s12 {
	background-image: url('../image/star12.png');
}

/* =============================================  
	h2
 ============================================= */
h2 {
	border-bottom: 2px solid;
}

h2 a {
	white-space: pre-wrap;
}

h2.kami, h2.kaminoku {
	border-color: #2ca9e1;
}

h2.shimo, h2.shimonoku {
	border-color: #a0d8ef;
}

h2.silver {
	border-color: #e8ecef;
}

h2.pink {
	border-color: #eebbcb;
}

h2.green {
	border-color: #7ebeab;
}

h2.yellow {
	border-color: #ffdb4f;
}

h2.blue {
	border-color: #89c3eb;
}

h2.red {
	border-color: #e9546b;
}

/* =============================================  
	class
 ============================================= */
.rgt {
	text-align: right;
}

.btm {
	vertical-align: bottom;
}

.mini {
	font-size: 10px;
}

.notsee {
	visibility: hidden;
}

.cansee {
	visibility: visible !important;
}

.none {
	display: none !important;
}

.dot {
	min-height: 12px;
	padding-left: 12px;
	background: url('../image/dot.gif') left 3px;
}

span.click {
	margin-right:3px;
	font-size: 10px;
	color: #e198b4;
}

span.thanks {
	min-height: 14px;
	padding-right: 14px;
	background: url("../image/rlogo12.png") right 2px;
}

span.thanks small {
	margin-right: 1px;
}

span.sign {
	margin-top: 9px;
}

span.usagi {
	min-height: 16px;
	padding-left: 21px;
	background: url('../image/usamini.png') left center;
}