
body#top {
	background-image: url("image/top_bg.jpg");
	margin: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #cff;
	font-size: 12px;
	line-height: 140%;
}

table {
	border-collapse: collapse;
	border: 0;
}

table td {
	font-size: 12px;
	line-height: 150%;
}

.newchara {
	width: 800px;
	text-align: left;
}

.newchara img {
	margin: 6em 0 1em 3em;
	border: 0;
}

.infomation table {
	width: 800px;
	margin: 0;
	border-collapse: collapse;
	border: 0;
}

.info_left {
	margin: 0 10px;
}

.info_left img {
	border: 0;
}

#fassion table {
	width: 200px;
	border: 2px solid #000;
	background-color: #000;
	text-align: center;
}

#fassion p {
	margin: 2px 10px;
	text-align: left;
}

#mobile table {
	width: 200px;
	border: 2px solid #000;
	background-color: #000;
	text-align: center;
}

#info_top {
	text-align: center;
	margin-bottom: 1em;
}

#info_top_short {
	text-align: center;
	margin-bottom: 18px;
}

.info_menu {
	width: 514px;
	height: 46px;
	background-image: url("image/menu.gif");
	background-repeat: no-repeat;
	margin-left: 30px;
}

.info_menu h4 {
	margin-top: 0;
	padding-top: 15px;
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.info_menu a {
	color: #fff;
	text-decoration:none;
}
.info_menu a:hover {
	text-decoration: underline;
}


#news {
	margin: 1em 20px 2em 30px;
}

#news h5 {
	width: 90%;
	font-size: 13px;
	color: #FF4500;
	border-bottom: 1px dotted #FF4500;
	padding-left: 12px;
	margin-bottom: 5px;
}

#news dl {
	margin: 0 30px 0 15px;
}

#news dt {
	color: #DC143C;
	font-weight: bold;
}

#news dd {
	margin-left: 15px;
}

#news table {
	width: 90%;
	margin-left: 15px;
}

#news td {
	padding-right: 10px;
	white-space: nowrap;
}

#news p {
	margin: 0 15px;
}


/* login */
#lgin {
	width: 550px;
	background-color: #fff;
	border: 1px solid #000;
}

.lgint {
	font-size: 14px;
	font-weight: bold;
	color: #f60;
}


/* page */
body.page {
	background-image: url("image/page_bg.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	margin: 0;
	font-size: 12px;
	line-height: 150%;
	background-color: #cff;
}

.newchara_p {
	width: 800px;
	text-align: left;
}

.newchara_p img {
	margin: 2em 0 0 17px;
	border: 0;
}


/* play page */
body#play {
	margin: 0;
	overflow-y: hidden;

}

.playpage {
	font-size: 12px;
	line-height: 150%;
	margin-left: 15px;
	margin-right: 10px;
}

.playpage h5 {
	font-size: 14px;
	color: #03c;
	border-bottom: 2px dotted #9cf;
	padding-left: 12px;
	margin-bottom: 10px;
}

.playpage h6 {
	font-size: 12px;
	color: #69f;
	border-left: 8px solid #9cf;
	border-bottom: 1px solid #9cf;
	padding-left: 12px;
	width: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.play_att {
	border: 1px dashed #c00;
	padding: 5px 12px;
	margin: 1em 0 2em 0;
}

#junbi dt {
	color: #c00;
}

#junbi dd {
	margin-left: 20px;
}

#junbi ul {
	margin-left: 10px;
	padding-left: 10px;
}

#qa dt {
	font-weight: bold;
	color: #900;
	border-bottom: 1px dashed #966;
}

#qa dd {
	margin-left: 18px;
	margin-bottom: 20px;
}

/* manner page */

#manner {
	padding: 2em 80px 5em 80px;
}

#manner h3 {
	font-size: 14px;
	color: #03c;
	text-align: center;
	border-bottom: 2px dotted #9cf;
}

#manner dl {
	margin: 0 0 2em 30px;
}

#manner dt {
	font-weight: bold;
	color: #900;
}

#manner dd {
	color: #A0522D;
	background-color: #ffc;
	border: 1px solid #F5DEB3;
	padding:5px 12px;
	margin-left: 20px;
	margin-bottom: 1em;
}


/* kiyaku page */

#kiyaku {
	padding: 2em 75px 5em 75px;
}

#kiyaku h3 {
	font-size: 14px;
	color: #03c;
	text-align: center;
	border-bottom: 2px dotted #9cf;
}

#kiyaku_ps {
	color: #900;
	border-top: 2px dotted #9cf;
	padding-top: 7px;
	margin-top: 3em;
	text-align: center;
}


/* link page */

#link {
	padding: 2em 80px 5em 80px;
}

#link h3 {
	font-size: 14px;
	color: #03c;
	padding-left: 7px;
	border-bottom: 2px dotted #9cf;
}

#link h4 {
	font-size: 13px;
	margin-bottom: 0;
}

#material {
	margin-left: 30px;
}

#material img {
	border: 0;
	margin: 3px;
}

.img_bg {
	color: #ccc;
	background-color: #DCDCDC;
	padding: 7px;
	border: 1px solid #999;
}

#game_logo img {
	width: 160px;
	height: 51px;
	border: 0;
}

#chibi_site {
	margin: 2em 0;
}

#chibi_site img {
	width: 88px;
	height: 31px;
	border: 0;
	margin: 6px 3px;
}

#site {
	text-align: center;
}

#site table {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#site td {
	border-bottom: 1px dotted #999;
	padding: 5px 5px 5px 15px;
}

#site img {
	width: 88px;
	height: 31px;
	border: 0;
}


/* mailform page */

#mail {
	padding: 2em 80px 5em 80px;
}

#mail h3 {
	font-size: 14px;
	color: #03c;
	text-align: center;
	padding-left: 7px;
	border-bottom: 2px dotted #9cf;
}

#pass_form {
	width: 500px;
	text-align: center;
	margin-top: 2em;
	padding-top: 1em;
	background-color: #ffc;
	border: 1px solid #F5DEB3;
}

#pass_form table {
	color: #A0522D;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #ffc;
}

#pass_form td {
	color: #A0522D;
	border-bottom: 1px dotted #c96;
	padding: 3px 0 3px 10px;
}

#pass_button {
	width: 100px;
}


/* guide page */

#guide {
	padding: 2em 80px 5em 80px;
	text-align: center;
}

#guide h3 {
	font-size: 14px;
	color: #03c;
	border-bottom: 2px dotted #9cf;
}

#guide img {
	border: 1px solid #c0c0c0;
}



body#newc {
	font-size: 12px;
	line-height: 150%;
	background-image: url("image/top_bg.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cff;
}

#ctable {
	font-size: 12px;
	line-height: 150%;
	background-color: #fff;
	color: #630;
	border-collapse: collapse;
	border: 1px solid #900;
}

#ctable td {
	padding: 2px 20px;
	border-bottom: 1px dashed #900;
}

.tl {
	background-color: #900;
	color: #fff;
}

#newc_r {
	width: 400px;
	color: #630;
	padding: 2px 20px;
	background-color: #fff;
	border: 1px solid #900;
	border-left: 10px solid #900;
	border-right: 10px solid #900;
	margin-bottom: 1em;
}

.cleft {
	text-align: left;
	width: 550px;
}




