/* =============================================  
	layout
 ============================================= */
body {
	background: url("../img/rgirl.jpg") left bottom fixed;
}

table#layout {
	margin: 45px auto 0;
	background-color: rgba(192, 198, 201, 0.6);
}
th.leftside {
	padding: 0 0 18px 18px;
}

td.main {
	padding: 0 18px;
}

/* =============================================  
	menubar
 ============================================= */
div#menubar {
	width: 100%;
	height: 45px;
	position: fixed;
	top: 0;
	background: url("../img/rmenu.jpg") center;
	background-repeat: repeat-x !important;
	box-shadow: 0 1px 3px 0 #887f7a;
	z-index: 2;
}

ul.navi {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
}

ul.navi li {
	display: inline;
	margin-right: 6px;
}

ul.navi a {
	height: 18px;
	cursor: pointer;
	background-position: center;
}

ul.navi a.menu1 {
	width: 57px;
	background-image: url("../img/home_off.png");
}

ul.navi a.menu2 {
	width: 51px;
	background-image: url("../img/help_off.png");
}

ul.navi a.menu3 {
	width: 89px;
	background-image: url("../img/search_off.png");
}

ul.navi a.menu4 {
	width: 77px;
	background-image: url("../img/twitter_off.png");
}

ul.navi img {
	display: none;
}

/* =============================================  
	title
 ============================================= */
h1 {
	padding-top: 15px;
	font-size: 12px;
	white-space: nowrap;
	border-bottom: 2px solid #eebbcb;
}

h1 img {
	top: 1px;
	margin-right: 3px;
	margin-left: 12px;
}

h1 small {
	display: block;
	padding: 3px 6px;
	color: #544a47;
	white-space: nowrap;
}

h2 {
	padding: 1px 12px 1px 3px;
	font-size: 15px;
}

/* =============================================  
	header
 ============================================= */
div.header {
	width: 572px;
	margin-top: 18px;
}

div.top1 {
	background-image: url("../img/head1.jpg");
}

div.cover {
	height: 286px;
	border-bottom: 2px solid #544a47;
}

div.message {
	padding: 12px 24px;
	text-align: right;
}

/* =============================================  
	form
 ============================================= */
table.former {
	margin-top: 12px;
	border: 2px solid transparent;
}

table.former th {
	padding-left: 24px;
	font-size: 12px;
	background-position: 6px center;
	border: 2px solid transparent;
}

table#rh5432655 th {
	background-image: url("../img/hana.png");
}

table.former td {
	padding-bottom: 6px;
	border: 2px solid transparent;
}

div.button_area {
	margin: 12px auto 21px 21px;
}

div.button_area span {
	margin-left: 15px;
	font-size: 11px;
}

/* =============================================  
	input
 ============================================= */
table.former input[type="text"] {
	width: 286px;
	margin-left: 18px;
	padding: 1px 2px;
	white-space: pre-wrap;
}

table.former input.passform {
	width: 75px;
	margin: 0 9px 0 18px;
	padding: 1px 2px;
}

/* =============================================  
	preview
 ============================================= */
table.preview {
	margin-left: 18px;
	left: -1px;
}

table.preview th, table.preview td {
	border: 2px solid #474a4d;
}

table.preview th {
	padding: 2px 6px;
}

table.clr1 th {
	background-color: #bbc8e6;
}

table.clr2 th {
	background-color: #ebf6f7
}

table.preview td {
	padding: 0;
}

table.preview input {
	width: 286px;
	margin: 0;
	padding: 3px;
	border: 0;
}

table.preview small {
	display: none;
}

small.notice {
	left: 15px;
	top: 15px;
}

div.chain, div.swing {
	width: 429px;
	height: 165px;
	margin-left: auto;
	border-radius: 6px;
}

div.chain {
	background: url("../img/chain.jpg") right center;
}

div.swing {
	background: url("../img/swing.jpg") right center;
}

/* =============================================  
	switch
 ============================================= */
table.switch, div.switch {
	width: 100%;
	height: 36px;
	background: url("../img/usagi.png") center bottom;
}

table.switch tr td {
	width: 50%;
	vertical-align: bottom;
	padding: 6px 18px;
}

/* =============================================  
	card
 ============================================= */
div.card {
	width: 572px;
	min-height: 165px;
	margin-bottom: 18px;
	background: url("../img/rcard1.jpg") left top;
}

div.bird {
	background-image: url("../img/rstair1.jpg");
	border-radius: 6px;
}

table.card_body {
	width: 429px;
	margin-left: auto;
}

table.card_body th {
	padding-left: 18px;
	background-position: 0 3px;
}

td.new {
	width: 24px;
	padding-top: 3px;
}

td.card_top {
	height: 45px;
	padding: 1px 15px;
	font-size: 10px;
}

td.maeku {
	padding-left: 45px;
	font-size: 15px;
	color: #84a2d4;
}

a.guide {
	display: block;
	top: -75px;
	height: 0;
	color: transparent;
}

td.card_middle {
	padding: 6px 18px 0;
	text-align: right;
	vertical-align: middle;
}

td.card_middle p {
	float: left;
	max-width: 286px;
	max-height: 18px;
	margin-left: 27px;
	padding-top: 1px;
	line-height: 18px;
	font-size: 11px;
	color: #bbbcde;
	text-align: left;
	white-space: pre-wrap;
	overflow: hidden;
}

td.card_middle img {
	cursor: pointer;
}

img.cmt {
	margin-right: 1px;
}

img.cmt:hover {
	left: -2px;
	top: -1px;
}

img.xmark {
	top: 1px;
	margin-right: 6px;
	cursor: pointer;
}

form.edit {
	display: none;
}

div.wrapper, ul.wrapper {
	width: 100%;
	background: url("../img/rstair2.jpg") left bottom;
	border-radius: 6px;
}

ul.wrapper {
	min-height: 935px;
}

ul.wrapper li {
	min-height: 187px;
}

/* =============================================  
	parts
 ============================================= */
div.card_parts {
	width: 180px;
	float: right;
}

p.host {
	padding-top: 6px;
}

p.pear small {
	top: 3px;
	line-height: 1.2;
	color: #84a2d4;
}

span.rsite {
	top: 3px;
	width: 18px;
	height: 18px;
	margin-left: 1px;
	padding-right: 12px;
	text-align: right;
}

small.date {
	display: block;
	font-size: 10px;
	color: #165e83;
}

/* =============================================  
	res
 ============================================= */
table.res {
	margin: 3px auto 36px 143px;
	word-wrap: break-word;
}

table.res th {
	padding: 3px 6px 0 20px;
	background-position: 0 3px;
}

/* =============================================  
	posted
 ============================================= */
div.postedback {
	background: url("../img/hane.jpg") 60% 75%;
}

th.posted {
	padding: 1px 0;
}

td.posted img {
	left: 60px;
	top: -24px;
}
/* =============================================  
	search
 ============================================= */
table.former input[type="radio"] {
	top: 2px;
	margin-right: 3px;
}

table.former label {
	top: -18px;
	margin-right: 6px;
	font-size: 11px;
	color: #165e83;
	visibility: visible;
}

/* =============================================  
	help
 ============================================= */
div.helpback {
	background: url("../img/hback1.jpg") center bottom;
}

td.card_note {
	padding: 6px 12px 0 30px;
}

td.help {
	padding-bottom: 42px;
}

td.card_note p {
	background: url("../img/dot.gif") left 3px;
}

td.card_note p, ul.party {
	margin-top: 6px;
	padding-left: 12px;
}

ul.dictionary {
	margin-top: 3px;
}

ul.dictionary li {
	margin-top: 1px;
	padding-left: 3px;
}

li.dic_bottom {
	padding: 3px 99px 0;
	font-size: 11px;
}

/* =============================================  
	party
 ============================================= */
div.party1 {
	background-image: url("../img/headerp.jpg");
}

div.moon1 {
	background-image: url("../img/headerm0.jpg");
}

div.ptop {
	background: url("../img/heel.jpg") 75% 90%;
}

div.mtop {
	background: url("../img/mback.jpg") left 90%;
}

td.sub {
	padding-left: 39px;
}

td.sub small {
	color: #165e83;
}

ul.party li {
	margin-bottom: 1px;
}

td.partyfoot {
	padding-right: 60px;
	text-align: right;
}

/* =============================================  
	chorenga
 ============================================= */
table.pt6196270 th {
	background-image: url("../img/hana.png") !important;
}

h2#h6196270 {
	border-color: #eebbcb !important;
}

th#ck13238250, th#ck13238252, th#ck13238254, th#ck13238256,
th#ck13238258, th#ck13238260, th#ck13238262, th#ck13238264,
th#ck13238266, th#ck13238268, th#ck13238270, th#ck13238272,
th#ck13238274, th#ck13238276, th#ck13238278, th#ck13238280,
th#ck13238282, th#ck13238284 {
	background-image: url("../img/hana1.png");
}

h2#h13238250, h2#h13238252, h2#h13238254, h2#h13238256,
h2#h13238258, h2#h13238260, h2#h13238262, h2#h13238264,
h2#h13238266, h2#h13238268, h2#h13238270, h2#h13238272,
h2#h13238274, h2#h13238276, h2#h13238278, h2#h13238280,
h2#h13238282, h2#h13238284 {
	border-color: #2ca9e1;
}

/* =============================================  
	tsuki
 ============================================= */
table.pt6194932 th, th#ck13234490, th#ck13234498 {
	background-image: url("../img/tsuki.png");
}

h2#h6194932, h2#h13234490, h2#h13234498 {
	border-color: #e8ecef;
}

th#ck13234486, th#ck13234487, th#ck13234488, th#ck13234489 {
	background-image: url("../img/hana1.png");
}

h2#h13234486, h2#h13234487, h2#h13234488, h2#h13234489 {
	border-color: #2ca9e1;
}

/* =============================================  
	commercial
 ============================================= */
td#commercial {
	padding-bottom: 9px;
	text-align: center;
}

/* =============================================  
	rightfoot
 ============================================= */
table#rightfoot {
	position: fixed;
	right: 3px;
	bottom: 1px;
}

table#rightfoot td {
	font-size: 10px;
	text-align: right;
}

/* =============================================  
	test
 ============================================= */
iframe.cframe {
	position: absolute;
	width: 375px;
	height: 105px;
	border: 0;
	visibility: hidden;
	overflow: hidden;
}