<!--

/**** tag ****/
img {
  border: 0px;
}
textarea {
  overflow-y:        scroll;
}
table {
  border-collapse: collapse;
}


/**** common ****/
body.body {
  background-repeat: repeat;
  text-align:        center;
  font-size:         10px;
  color:             #000000;
}
div.menu {
  text-align:        left;
  text-indent:       105px;
}
div.logo {
  position:          absolute;
  top:               5px;
  left:              15px;
}
div.bar {
  left:              3px;
  width:             100%;
  height:            11px;
  background-repeat: repeat-x;
}
div.menu_font {
  position:          absolute;
  top:               5px;
  right:             15px;
  width:             130px;
  height:            110px;
}
div.menu_logout {
  position:          absolute;
  top:               100px;
  left:              15px;
}
.line {
  border: 1px solid gray;
}
div.square_wide {
  margin:            0 auto; 
  width:             95%;
  background-repeat: repeat;
  text-align:        left;
  padding:           15px;
  margin:            20px auto;
}
div.square_middium {
  margin:            0 auto; 
  width:             90%;
  background-repeat: repeat;
  text-align:        left;
  padding:           15px;
  margin:            20px auto;
}
div.square_narrow {
  margin:            0 auto; 
  width:             60%;
  background-repeat: repeat;
  text-align:        left;
  padding:           15px;
  margin:            20px auto;
}
div.table_in_div { 
  height:auto;
  overflow-y:hidden;
  overflow-x:visible;
  width:800px;
}

/**** transparent ****/
/*
div.transparent_75 {
  filter:       alpha(opacity=75); 
  -moz-opacity: 0.75;
  opacity:      0.75;
  zoom:         1;
}
*/

/**** font ****/
.black_S {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         12px;
  color:             #000000;
  line-height:       130%;
}
.black_S A:link    { font-size:12px; color: #FF6600; }   /*first*/
.black_S A:visited { font-size:12px; color: #FF6600; }   /*visit*/
.black_S A:hover   { font-size:12px; color: #FF3300; }   /*over*/
.black_S A:active  { font-size:12px; color: #FF3300; }   /*click*/

.black_M {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         16px;
  color:             #000000;
  line-height:       130%;
}
.black_M A:link    { font-size:16px; color: #FF6600; }   /*first*/
.black_M A:visited { font-size:16px; color: #FF6600; }   /*visit*/
.black_M A:hover   { font-size:16px; color: #FF3300; }   /*over*/
.black_M A:active  { font-size:16px; color: #FF3300; }   /*click*/


.black_L {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         22px;
  color:             #000000;
  line-height:       130%;
}
.black_L A:link    { font-size:22px; color: #FF6600; }   /*first*/
.black_L A:visited { font-size:22px; color: #FF6600; }   /*visit*/
.black_L A:hover   { font-size:22px; color: #FF3300; }   /*over*/
.black_L A:active  { font-size:22px; color: #FF3300; }   /*click*/


.white_S {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         12px;
  color:             #FFFFFF;
  line-height:       130%;
}
.white_S A:link    { font-size:12px; color: #FF3300; }   /*first*/
.white_S A:visited { font-size:12px; color: #FF3300; }   /*visit*/
.white_S A:hover   { font-size:12px; color: #CC0000; }   /*over*/
.white_S A:active  { font-size:12px; color: #CC0000; }   /*click*/


.white_M {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         16px;
  color:             #FFFFFF;
  line-height:       130%;
}
.white_M A:link    { font-size:16px; color: #FF6600; }   /*first*/
.white_M A:visited { font-size:16px; color: #FF6600; }   /*visit*/
.white_M A:hover   { font-size:16px; color: #FF3300; }   /*over*/
.white_M A:active  { font-size:16px; color: #FF3300; }   /*click*/


.white_L {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         22px;
  color:             #FFFFFF;
  line-height:       130%;
}
.white_L A:link    { font-size:22px; color: #FF6600; }   /*first*/
.white_L A:visited { font-size:22px; color: #FF6600; }   /*visit*/
.white_L A:hover   { font-size:22px; color: #FF3300; }   /*over*/
.white_L A:active  { font-size:22px; color: #FF3300; }   /*click*/

.gray_S {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         12px;
  color:             gray;
  line-height:       130%;
}
.gray_S A:link    { font-size:12px; color: #FF6600; }   /*first*/
.gray_S A:visited { font-size:12px; color: #FF6600; }   /*visit*/
.gray_S A:hover   { font-size:12px; color: #FF3300; }   /*over*/
.gray_S A:active  { font-size:12px; color: #FF3300; }   /*click*/

.gray_M {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         16px;
  color:             gray;
  line-height:       130%;
}
.gray_M A:link    { font-size:16px; color: #FF6600; }   /*first*/
.gray_M A:visited { font-size:16px; color: #FF6600; }   /*visit*/
.gray_M A:hover   { font-size:16px; color: #FF3300; }   /*over*/
.gray_M A:active  { font-size:16px; color: #FF3300; }   /*click*/


.gray_L {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         22px;
  color:             gray;
  line-height:       130%;
}
.gray_L A:link    { font-size:22px; color: #FF6600; }   /*first*/
.gray_L A:visited { font-size:22px; color: #FF6600; }   /*visit*/
.gray_L A:hover   { font-size:22px; color: #FF3300; }   /*over*/
.gray_L A:active  { font-size:22px; color: #FF3300; }   /*click*/

.blue_S {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         12px;
  color:             #3366CC;
  line-height:       130%;
}
.blue_S A:link    { font-size:12px; color: #3366CC; }   /*first*/
.blue_S A:visited { font-size:12px; color: #3366CC; }   /*visit*/
.blue_S A:hover   { font-size:12px; color: #663399; }   /*over*/
.blue_S A:active  { font-size:12px; color: #663399; }   /*click*/


.blue_M {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         16px;
  color:             #3366CC;
  line-height:       130%;
}
.blue_M A:link    { font-size:16px; color: #3366CC; }   /*first*/
.blue_M A:visited { font-size:16px; color: #3366CC; }   /*visit*/
.blue_M A:hover   { font-size:16px; color: #663399; }   /*over*/
.blue_M A:active  { font-size:16px; color: #663399; }   /*click*/


.blue_L {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         22px;
  color:             #3366CC;
  line-height:       130%;
}
.blue_L A:link    { font-size:22px; color: #3366CC; }   /*first*/
.blue_L A:visited { font-size:22px; color: #3366CC; }   /*visit*/
.blue_L A:hover   { font-size:22px; color: #663399; }   /*over*/
.blue_L A:active  { font-size:22px; color: #663399; }   /*click*/

.red_S {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         12px;
  color:             red;
}

.copyright {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         8pt;
  color:             #666600;
  line-height:       130%;
}
.readme {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         8pt;
  color:             #666600;
}
.readme A:link    { color: #FF6600; }   /*first*/
.readme A:visited { color: #FF6600; }   /*visit*/
.readme A:hover   { color: #FF3300; }   /*over*/
.readme A:active  { color: #FF3300; }   /*click*/

.result {
  font-family:       ＭＳ Ｐゴシック;
  font-size:         9pt;
}

/**** flash ****/
div.get_flash {
  background-color:darkslategray;
  padding:7px 7px 7px 7px;
  margin:10px 0px;
}


/**** index.html ****/
body.index {
  background-color:  #FFFFCC;
  font-family:       ＭＳ Ｐゴシック;
  font-size:         small;
  text-align:        center;
}
div.index_enter {
  background-repeat: no-repeat;
  border:            0px;
}
div.index_logo_counter {
  text-align:        left;
  border:            0px;
}


/**** sakura.html ****/
div.sakura_bird {
  position:          absolute;
  top:               85px;
  right:             15px;
  width:             100px;
  height:            100px;
}
textarea.sakura {
  border:            3px double #FF7C3E;
  background-color:  #FFB895;
  width:             100%;
}

/**** setting.html ****/
textarea.setting {
  border:            3px double #FF7C3E;
  background-color:  #FFB895;
  width:             90%;
}
input.setting {
  border:            1px solid #FF7C3E;
  background-color:  #FFB895;
  width:             90%;
}
input.setting_freesize {
  border:            1px solid #FF7C3E;
  background-color:  #FFB895;
}
select.setting {
  border:            1px solid #FF7C3E;
  background-color:  #FFB895;
  width:             50%;
}
td.setting {
  border: 1px solid #FF7837;
}

/**** asobiba.html ****/
textarea.asobiba {
  border:            3px double #158AFF;
  background-color:  #88C4FF;
  width:             100%;
}

/**** access.html ****/
textarea.access {
  border:            3px double #FFB900;
  background-color:  #FFDD53;
  width:             100%;
}

/**** activity.html ****/
textarea.activity {
  border:            3px double #33CC00;
  background-color:  #9AF17C;
  width:             100%;
}

/**** event.html ****/
textarea.event {
  border:            3px double #24B7B7;
  background-color:  #6CE6E6;
  width:             100%;
}
input.event {
  border:            1px solid #24B7B7;
  background-color:  #6CE6E6;
  width:             90%;
}
input.event_freesize {
  border:            1px solid #24B7B7;
  background-color:  #6CE6E6;
}

/**** index.html ****/
textarea.index {
  border:            3px double #BFBF40;
  background-color:  #E0E0A3;
  width:             100%;
}

/**** mama.html ****/
textarea.mama {
  border:            3px double #BFBF40;
  background-color:  #E0E0A3;
  width:             100%;
}

/**** link.html ****/
div.link_girl {
  position:          absolute;
  top:               60px;
  right:             70px;
  width:             100px;
  height:            100px;
}
textarea.link {
  border:            3px double #8080FF;
  background-color:  #D0D0FF;
  width:             100%;
}
input.link {
  border:            1px solid #8080FF;
  background-color:  #D0D0FF;
  width:             90%;
}

/**** littlebeans.html ****/
div.littlebeans_duck {
  position:          absolute;
  width:             550px;
  height:            40px;
  right:             20px;
}
input.littlebeans {
  border:            1px solid #8EAE2D;
  background-color:  #C8DF82;
  width:             90%;
}
input.littlebeans_freesize {
  border:            1px solid #8EAE2D;
  background-color:  #C8DF82;
}
textarea.littlebeans {
  border:            3px double #8EAE2D;
  background-color:  #C8DF82;
  width:             100%;
}
table tr td.littlebeans_title {
  color:#669900;
  background-color:#C8DF82;
}

/**** setting.html ****/
table.asobiba_calendar {
	float:left;
	margin:0 0 0 20px;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}
table.asobiba_calendar th {
	padding:3px;
	text-align:center;
	background-color:#FFA384;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
}
table.asobiba_calendar td {
	text-align:center;
	padding:2px;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
  font-family:'ＭＳ Ｐゴシック';
}
table.asobiba_calendar .day_0 {
	color:#000;
	background-color:transparent;
	font-weight:bold;
}
table.asobiba_calendar .day_1 {
	color:#000;
	background-color:#FF794D;
	font-weight:bold;
}
table.asobiba_calendar .day_2 {
	color:gray;
	background-color:transparent;
}
table.asobiba_calendar .day_3 {
	color:gray;
	background-color:#FF794D;
}


-->