body {font-size: 12px;}
form {display: inline;}
hr{height:1px;}
.hp_b {
width: 50px;
height: 7px;
overflow: hidden;
text-align: left;
background-color: #600;}
.hp_b1 {background-color: #f00;
vertical-align: top;
height: 5px;
border: 1px outset #600;
}

.hp_b2 {
width: 500px;
height: 15px;
overflow: hidden;
text-align: left;
background-color: #090;}
.hp_b3 {background-color: #0fc;
vertical-align: top;
height: 13px;
border: 1px outset #009;
}

input{width:120px;}
td{vertical-align: top;font-size:12px;}


body#gl_main {
	background-image: url(../img/site/gl_bg.gif);
	background-repeat: no-repeat;
	background-color: #FFB2D6;
	margin: 10px 0;
}
#glmenu {
	background-image: url(../img/site/gl_menu.gif);
	background-repeat: no-repeat;
	background-position: center middle;
	width: 771px;
	height: 49px;
	color: #600;
	padding: 5px 20px;
	margin: -35px auto 5px auto;
}
#glmenu table {margin: 0 auto;}
#glmenu td {
	vertical-align: middle;
	color: #fff;
	padding: 4px 6px;
}
#glmenu a {
	color: #600;
	font-weight: bold;
}
#gllist {
	margin-top: 5px;
	border: 2px dotted #c96;
}
#gllist td {
	padding: 5px 10px 5px 15px;
}


#imenu2 {
	width: 700px;
	text-align: center;
	background-position:bottom;
}
#imenu2 a {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
div.grabox2 {
	margin: -50px 10px 0 10px;
	padding: 5px;
	background-image: url(../img/main/stabg.jpg);
	background-repeat: repeat-x;
	background-color: #0A1469;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#topmenu {
	margin-top:6px;
	width:760px;
	background-position:bottom;
	box-sizing: border-box;
}
#topmenu table {margin: 0 auto;}
#topmenu td {
	vertical-align: middle;
	color: #fff;
	padding: 12px 6px;
}
#topmenu a {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
.topparty {width: 96%; border: 1px solid #B0E0E6;}
.topparty td {line-height: 140%; padding: 5px;}
.topparty p {margin:0; padding:5px; text-align:center; background-color: #043C6D; color: #fff; font-weight:bold;}
.topparty form {margin:0; display:inline;}


.graydot {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px dotted #ccc;
}

#imenu {
	width: 700px;
	text-align: center;
	background-position:bottom;
}
#imenu a {
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}
#titlebg {
	background-image: url(../img/site/tbg.gif);
	background-repeat: no-repeat;
	background-position: center middle;
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	padding-top: 7px;
	height: 63px;
	width: 185px;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 580px;
}
#titlebg span {
	font-weight: normal;
	font-size: 12px;
}

body#main {
	background-color: #69c;
	margin: 10px 0;
}
#pname {
	background-color: #9ff;
	border-top: 1px solid #cff;
	border-bottom: 1px solid #cff;
	background-image: url(../img/main/pnbg_r.gif);
	background-repeat: repeat-y;
	background-position: right;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	padding: 3px 10px;
	margin-right: 10px;
}
#pname span {
	font-weight:normal;
	font-size: 12px;
}
div.grabox {
	margin: 10px 10px 10px 10px;
	padding: 5px;
	background-image: url(../img/main/stabg.jpg);
	background-repeat: repeat-x;
	background-color: #0A1469;
	border: 2px solid #FFFFFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.grabox td {
	text-align: left;
	color: #FFFFFF;
	padding: 0 5px;
}
.grabox hr {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
.mbox {
	width: 400px;
	border: 3px solid #036;
	background-color: #fff;
	margin-left: 10px;
	padding: 10px;
}

.grabg {
	background-color: #043C6D;
	border-top: 1px solid #cff;
	border-bottom: 1px solid #cff;
	background-image: url(../img/main/pnbg.gif);
	background-repeat: repeat-y;
	background-position: right;
	color:#fff;
	padding: 3px 5px;
}

#pstbg {
	background-color: #fff;
	padding: 3px 5px;
	font-size: 12px;
}
#pstbg span {
	color: #999;
}

.bgw {
	background-color: #fff;
	padding: 10px;
}
.bgw hr {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px dotted #ccc;
}
.bgw li {
	padding: 4px 0;
}

.msgbox {
	width: 600px;
	border: 3px solid #036;
	background-color: #fff;
	margin-left: 10px;
	padding: 10px 20px;
}
.msgbox hr {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px dotted #ccc;
}
.msgbox h5 {
	font-size: 15px;
	color: #903;
	border-bottom: 4px dotted #903;
	margin-top: 2em;
}


#shopr {
	border: 2px solid #ccc;
	border-collapse: collapse;
	color: #369;
}
#shopr td {
	padding: 3px 10px;
	border: 1px solid #ccc;
}
.bgbl {
	background-color: #369;
	color: #fff;
	font-weight: bold;
}
#myroom {
	background-color: #036;
	color: #fff;
	width: 400px;
	padding: 5px 0;
	text-align: center;
	margin: 0 auto;
}
#oshop {
	margin: 0 50px 5px 50px;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.about {
	color: #999;
}
.about p {
	margin: 2px 0 7px 20px;
}
#commsg {
	border: 3px dotted #f90;
	color: #630;
	padding: 5px 10px;
}

.item {
	text-align: center;
}
.item table {
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7px;
	border: 1px solid #99c;
}
.item td {
	background-color: #E6E6FA;
}
.item p {
	color: #36f;
	font-weight: bold;
	border-bottom: 3px dotted #fff;
	padding-top: 4px;
	margin-bottom: 1em;
}
.item img {
	background-color: #fff;
	margin: 5px 10px 0 5px;
}
#ista {
	margin-top: 7px;
	border-collapse: collapse;
	border: 1px solid #99c;
}
#ista td {
	padding: 4px 6px;
	border: 1px solid #99c;
}
.istabg {
	background-color: #E6E6FA;
}

#souko td {
	padding: 1px 3px;
}
#souko span {
	color: #999;
}
#letter {
	border-collapse: collapse;
}
#letter td {
	border-bottom: 1px solid #ccf;
	padding: 5px;
}

#cpshop {
	border-collapse: collapse;
}
#cpshop td {
	border-bottom: 1px solid #ccf;
	padding: 8px 5px;
}
#cpshop img {
	border: 1px solid #ccf;
	background-color: #E6E6FA;
}
#cpshop p {
	color: #36f;
	font-weight: bold;
	margin-bottom: 6px;
}
#cpshop dl {
	margin:3px 0 0 0;
}
#cpshop dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 40px;
  color: #999;
}
#cpshop dd {
  margin-bottom: 0.8em;
  margin-left: 40px;
}
#shophed {
	background-color: #043C6D;
	background-image: url(../img/main/pnbg.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-collapse: collapse;
	width: 760px;
}
#shophed td {
	color:#fff;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}
#shoplist {
	border-collapse: collapse;
	border-left: 1px solid #B0E0E6;
	border-right: 1px solid #B0E0E6;
}
#shoplist td {
	border-bottom: 1px solid #B0E0E6;
	vertical-align: middle;
	text-align: left;
}

#shopbox {
	background-color: #036;
	color: #fff;
	padding: 5px 0;
	width: 760px;
}

#dshop {
	background-color: #036;
	color: #fff;
	font-weight:bold;
	padding: 3px 20px;
	margin-bottom: 8px;
}

#job img {
	margin: 5px;
}

#skill dt {
	color: #09f;
	font-weight: bold;
}
#skill dd {
	margin-bottom: 6px;
	margin-left: 30px;
}
#skillch {
	border: solid 1px #99c;
	border-collapse: collapse;
	margin-bottom: 5px;
}
#skillch input {
	margin:0;padding0;
}
#skillch td {
	vertical-align: middle;
	padding: 3px 7px;
	border-right: solid 1px #ccf;
	border-bottom: solid 1px #ccf;
}
#rhtbg {
	background-color: #ccf;
	color: #669;
}


#news input {
	width: auto;
}
#news td {
	border-bottom: 1px dashed #ccc;
	vertical-align: middle;
}
#newsg {
	color: #999;
	white-space: nowrap;
}
#newsk {
	border-collapse: collapse;
	border: 1px solid #99c;
	margin-bottom: 7px;
	width: 400px;
}
#newsk td {
	padding: 6px 10px;
}
#newskbg {
	border: 1px solid #99c;
	background-color: #E6E6FA;
}


.waza{
color:#0000ff;
}

.wazaup{
color:#0000ff;
}

.wazadwn{
color:#ff0000;
}



.grabg_g {
	background-color: #f90;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-image: url(img/pnbg_g.gif);
	background-repeat: repeat-y;
	background-position: right;
	font-size: 12px;
	color:#600;
	padding: 3px 5px;
}

#bbsbt {
	margin: 0 0 1em 35px;
}
#bbsthre {
	line-height: 140%;
}
#bbsthre table {
	border-collapse: collapse;
	margin: 7px 0;
	border: 1px solid #99c;
}
#bbsthre td {
	padding: 3px 10px;
	border-bottom: 1px dashed #ccc;
}
#bbsthre hr {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px solid #ccf;
}



#dmarg {
	padding: 20px;
}
#dmarg hr {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px dotted #ccc;
}
#gray {
	color: #999;
}

.graydash {
	display:block;
	color:#fff;
	height: 0;
	border: 0;
	border-top: 1px dashed #ccc;
	margin: 3px 0;
}