body, div, p, img, table, tr, th, td {
	margin  : 0px;
	padding : 0px;
	border:0px;
}

html {
	overflow-y:scroll;
}

body {
	background:#ddeef0 url('../../img/white_bg.gif') repeat-y 50% fixed;
	color:#006666;
	font-family:"MS UI GOTHIC", sans-serif;
	font-size:small;
	margin:0px;
	padding:0px;
}

a:link {
	background-color:transparent;
	color:#003333;
}

a:visited {
	background-color:transparent;
	color:#669999;
}

a:active {
	background-color:transparent;
	color:#cc0000;
}

a:hover {
	background:transparent;
	color:#ff9900;
}

img {
	border:0px;
	margin:0px;
}

img.sample {
	width:40px;
	height:40px;
}

textarea {
	overflow-y:scroll;
}
/****************************/
/********** HEADER **********/
/****************************/

h1 {
	font-size:150%;
	font-weight:bold;
	font-family:sans-serif;
	margin-top:40px;
	margin-bottom:0px;
	padding:0px;
	text-align:right;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
	color:#006666;
	background-color:transparent;
	text-decoration:none;
}

h2 {
	font-size:medium;
	font-weight:bold;
	margin:5px 0px 10px 0px;
	padding:4px 6px 2px 6px;
	background:#cce8e8;
	color:#003333;
}

h3 {
	text-align:left;
	margin:8px 0px;
	padding:5px 0px 2px 5px;
	font-size:small;
	font-weight:bold;
	background:#cce8e8;
	color:#003333;
}

h3.title {
}

h3.active-title {
	background-image:none;
	color:#ffffff;
	background-color:#669966;
}

h3.active-title a{
	text-decoration:none;
	color:#ffffff;
	background-color:#669966;
}

h4 {
	font-size:small;
	font-weight:bold;
	margin:0px;
}

p {
	text-align:left;
	margin:8px 0px;
	padding:5px 0px 2px 5px;
	font-size:small;
	font-weight:bold;
	background:#cce8e8;
	color:#003333;
}

p.title {
}

p.active-title {
	background-image:none;
	color:#ffffff;
	background-color:#669966;
}

p.active-title a{
	text-decoration:none;
	color:#ffffff;
	background-color:#669966;
}

/****************************/
/********** TOPPAGE *********/
/****************************/

div.topMessage {
}

div.topImage {
	float:left;
}

div.writeDate {
	clear:both;
	text-align:right;
}

/**************************/
/********** FORM **********/
/**************************/

form {
	margin:5px 0px;
}

label {
	white-space:nowrap;
}

label.category {
	display:block;
}

input.name {
	width:120px;
}

input.title {
	width:250px;
}

input.text {
	width:400px;
}

input.size {
	text-align:right;
	width:20px;
}

input.colorCode {
	width:50px;
}

input.num {
	text-align:right;
	width:80px;
}

select option.active {
	background-color:#669966;
	color:#ffffff;
}

/***************************/
/********** TABLE **********/
/***************************/


table {
	margin:10px;
	border-collapse:collapse;
	empty-cells:show;
}

table th {
	white-space:nowrap;
	background:#e8f8f8;
	color:#006666;
	border:solid 1px #cce8e8;
	padding:4px;
	font-weight:bold;
	text-align:left;
/*	vertical-align:top;*/
}

table td {
	background-color:transparent;
	color:#006666;
	border:solid 1px #cce8e8;
	padding:4px;
}

table tr.active th {
	background-color:#f8e8e8;
	color:#660000;
	padding:4px;
	font-weight:bold;
	text-align:left;
	border:solid 1px #f8d0d0;
}

table tr.active td {
	background-color:transparent;
	border:solid 1px #f8d0d0;
	color:#660000;
	padding:4px;
}

table tr.active td.num {
	text-align:right;
}

table tr.active th.num {
	text-align:right;
}

table tr.warning td{
	background-color:#ffcccc;
	color:#990000;
}

table.main-table {
	width:650px;
}

table.main-right-table {
	width:500px;
}


table.main-gright-table {
	width:400px;
}

table.bgColorChanger {
	margin:10px auto;
	border-collapse:collapse;
	empty-cells:show;
}
table.bgColorChanger th {
	border:0px;
}

table.bgColorChanger td {
	padding:0px;
	margin:0px;
	border:0px;
	width:20px;
	height:20px;
}

table.bgColorChanger td.bgColor {
	padding:0px;
	margin:0px;
	border:0px;
	width:20px;
	height:20px;
	cursor:pointer;
}

th.num {
	text-align:right;
}

td.num {
	text-align:right;
}

th.image-mark {
	text-align:center;
}

td.image-mark {
	text-align:center;
}

div.image-mark {
	text-align:center;
}

.changeOrder {
	text-align:center;
}

/*************************/
/********** DIV **********/
/*************************/

div.collect-contents {
	background:transparent;
	color:#006666;
	width:700px;
	padding:0px;
	margin:0px auto;
}

div.main-div {
	background:transparent;
	color:#006666;
	text-align:left;
	font-size:small;
	padding:1px 5px 20px 5px;
}

div.main-right-div {
	margin-left:155px;
	background:transparent;
	color:#006666;
	text-align:left;
	font-size:small;
	padding:1px 5px 20px 5px;
}

div.main-gright-div {
	margin-left:255px;
	background:transparent;
	color:#006666;
	text-align:left;
	font-size:small;
	padding:1px 5px 20px 5px;
}

div.header {
	background:transparent;
	color:#006666;
	margin:0px;
	padding:5px;
	text-align:center;
	font-size:small;
}

div.footer {
	background:transparent;
	color:#006666;
	margin:0px;
	padding:5px;
	text-align:center;
	font-size:small;
	height:50px;
}

div.menu {
	background:transparent;
	color:#006666;
	border-top:solid 1px #006666;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:small;
	font-weight:bold;
}

div.sub-menu {
	background:transparent;
	color:#006666;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:small;
	border-top:solid 1px #006666;
	border-bottom:solid 1px #006666;
}

div.navi-menu {
	background:transparent;
	color:#006666;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:small;
	border-top:solid 1px #006666;
}

div.top-link {
	background:transparent;
	color:#006666;
	margin:0px;
	padding:5px;
	text-align:left;
	font-size:small;
	clear:both;
	border-top:solid 1px #006666;
}

div.counter {
	position:absolute;
	top:25px;
}

div.error {
	background-color:#ffe0e0;
	color:#990000;
	border:solid 1px #cc9999;
	margin:0px 10px 10px 10px;
	padding:2px;
	text-align:left;
	font-size:small;
}

div.message {
	background-color:#ffffcc;
	color:#999900;
	margin:0px 10px 10px 10px;
	border:solid 1px #cccc99;
	padding:2px;
	text-align:left;
	font-size:small;
}

div.note {
	background-color:#f8f8f8;
	color:#666666;
	margin:0px 10px 10px 10px;
	border:solid 1px #cccccc;
	padding:2px;
	text-align:left;
	font-size:small;
}

div.note div.title {
	font-weight:bold;
	font-size:medium;
	margin:5px;
	background-color:transparent;
	color:#006666;
}

div.pageNavi {
	text-align:right;
	padding:3px;
}

div.group-menu {
	width:250px;
	line-height:120%;
	float:left;
	margin-bottom:30px;
	white-space:nowrap;
	overflow:hidden;
}

div.sub-group-menu {
	margin-left:auto;
	margin-right:0px;
	width:240px;
	white-space:nowrap;
	overflow:hidden;
}

div.category-menu {
	width:150px;
	line-height:120%;
	float:left;
	margin-bottom:30px;
	white-space:nowrap;
	overflow:hidden;
}

div.sub-category-menu {
	margin-left:auto;
	margin-right:0px;
	width:140px;
	white-space:nowrap;
	overflow:hidden;
}


div.material-display {
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:500px;
	overflow:hidden;
}

div.material-display img {
	border:0px;
	margin:3px;
	padding:0px;
}

div.write {
	margin:10px;
	border:solid 1px #ccaa66;
	background-color:#ddccaa;
	color:#996600;
}

div.write table{
	margin:0px auto;
}

div.write table tr th {
	background-color:transparent;
	color:#663300;
	border:0px;
	padding:0px;
}

div.write table tr td {
	background-color:transparent;
	color:#996633;
	border:0px;
	padding:0px;
}

div.entry {
	width:500px;
	margin:20px auto;
}

div.entry table {
	width:475px;
	margin:20px auto;
}

ul.entry li {
	margin-left:-20px;
}

dl {
	margin:10px 0px;
}

dl dt.adentry {
	margin:10px 0px;
	background-color:#fff0f0;
	color:#990000;
}


dl dt.entry {
	margin:10px 0px;
	background-color:#f0fff8;
	color:#336699;
}


span.name {
}

span.active-name{
	text-decoration:none;
	white-space:nowrap;
	padding:0px 1px;
	font-weight:bold;
	color:#ffffff;
	background-color:#669966;
}

span.active-name a {
	text-decoration:none;
	white-space:nowrap;
	padding:0px 1px;
	font-weight:bold;
	color:#ffffff;
	background-color:#669966;
}

span.entryCount {
	font-weight:normal;
	font-size:x-small;
}


/**************************/
/********** LIST **********/
/**************************/

ul {
	list-style:none;
	line-height:140%;
}

ul li {
}

ul.sitemap {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:5px;
}

ul.sitemap li {
	margin-left:25px;
}

ul.sitemap li.title {
	font-weight:bold;
	margin:0px;
	width:100%;
	background-color:#effff8;
	color:#666666;
	padding-left:5px;
}

/**************************/
/********** TEXT **********/
/**************************/

a.contents-title {
	font-weight:bold;
}

span.active-sort {
	background-color:transparent;
	color:#cc0000;
}

span.category-name {
	/*white-space:nowrap;*/
}

span.entry-title {
	font-weight:bold;
}

a.switch {
	text-align:right;
	font-size:x-small;
	text-decoration:none;
	border:solid 1px #990000;
	background-color:#ffffff;
	color:#990000;
}

p.active-title a.switch {
	text-align:right;
	font-size:x-small;
	text-decoration:none;
	border:solid 1px #ffffff;
	background-color:#990000;
	color:#ffffff;
}

/********************************/
/********** CLASS / ID **********/
/********************************/

.image-space {
	text-align:center;
}

/********************************/
/************* DIARY ************/
/********************************/

div.diary-image {
	float:right;
	
}

div.diary-entry {
}

div.diary-info {
	clear:right;
	margin:10px 0px;
}

div.diary-comment-title {
	margin:5px 0px;
	font-weight:bold;
	background:#f0f0f0;
	color:#cc0000;
}

div.diary-comment {
	margin:10px;
}

div.separate-comment {
	margin:10px 0px;
}

div.separate-comment {
	margin:10px 0px 0px 0px;
	border-bottom:solid 1px #f0f0f0;
}

div.separate-comment-admin {
	margin:10px 0px 0px 0px;
	border-bottom:solid 1px #f0f0f0;
	background:transparent;
	color:#997755;
}

div.noadmission {
	font-weight:bold;
	background:transparent;
	color:#cc0000;
}

div.name-info {
/*	font-size:x-small;*/
	text-align:right;
	background:transparent;
	color:#99aabb;
}

div.com-form{
	margin:20px 0px 0px 0px;
}

div.access_info {
	font-size:x-small;
	background:#fafafa;
	color:#999999;
}

input.diary-com-name {
	width:60px;
}

label.comment-name {
	vertical-align:top;
}

span.admin-name {
	font-weight:bold;
	margin-right:10px;
}


/********************************/
/*********** DOWNLOAD ***********/
/********************************/

img.preview {
	width:450px;
	height:450px;
	display:block;
	margin:0px auto;
}

/********************************/
/*********** WEBSTORY ***********/
/********************************/

img.characterFace {
	width:60px;
	height:70px;
}

img.pageImageSample {
	width:300px;
	/*height:225px;*/
}

div.faces {
	margin:5px 5px;
	text-align:center;
	float:left;
}

span.faceName {
	font-weight:bold;
	display:block;
	background:#006600;
	color:#ffffff;
	margin-bottom:1px;
	padding:2px;
}

select option.groupTitle {
	background:#fff0f0;
	color:#996666;
}

div.index {
	line-height:120%;
}

div.webStory {
	width:600px;
	margin:0px auto;
	font-size:medium;
}

div.pageImage {
	margin:10px auto;
	text-align:center;
	overflow:auto;
}

div.pageSelect {
	clear:both;
	margin:25px auto;
	background:transparent;
	color:#666666;
}

div.pageSelect a:link {
	background:transparent;
	color:#666666;
}
div.pageSelect a:visited {
	background:transparent;
	color:#666666;
}
div.pageSelect a:active {
	background:transparent;
	color:#666666;
}
div.pageSelect a:hover {
	background:transparent;
	color:#666666;
}

div.pageSelect ul{
	margin:0px;
}

div.character {
	clear:both;
	background:transparent;
	color:#666666;
	margin:10px auto;
}

div.narration {
	clear:both;
	margin:10px auto;
}

div.characterImage {
	float:left;
	width:70px;
	font-weight:bold;
}

div.contentsText {
	margin-left:70px;
}