/*----------------------------------------
Name: global.css
Developed by:
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/jquery.lightbox.css");
/* Elements
----------------------------------------*/
body
{
	background-color:#FFFFFF;
  margin: 0;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:.875em;
	line-height:1.5em;
	color:#FF1493;
}

#mainContainer
{
}

p
{
	margin: 0 0 1em 0;
}

/*--- Link Styles ---*/
a:link, a:visited
{
	color:red;
}

a:hover, a:active
{
	color:orange;
	text-decoration:none;
}

h1
{
  margin: 0;
}

h2
{
	margin:.825em 0 .5em 0;
	font-size:1.1em;
}

h3
{
  
}

h4
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.25em;
}

h5
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1.125em;
}

h6
{
	color:#5C8127;
	margin:.825em 0 .5em 0;
	font-size:1em;
}

ul
{
	list-style-type:none;
}

ol
{
	margin-left:25px;
	
}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

/* Header
----------------------------------------*/
#header
{
	width:150px;
  float:left;
  text-align:center;
}

#bookmark
{
  border-style:dotted none;
  border-width:8px;
  border-color:#ff99cc;
}

#bookmark input
{
  border: #ff1493 2px solid;
  background: #ffcccc;
  color: #808080;
  width:150px;
  padding:auto;
}
 /* Nav
	----------------------------------------*/
	ul#nav
	{
		
		
		
	}
	
	ul#nav li {list-style-type:none; margin:2px 0;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {}
	
	
	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*/
	
/* Main Content
----------------------------------------*/
#mainContent
{
	width:660px;
  float:left;
  background-image:url(/images/topbg.png);
  background-repeat: repeat;
  padding:1em 0;
  text-align:center;
}

#subHeader {
  width:640px;
  margin:auto;
  text-align: center;
  vertical-align: middle;
  font-size:9pt;
  color:#f9c;
  border-bottom: 8px dotted #f9c;
}

#message {
  font-size:1em;
  margin:auto;
  width:520px;
  background:transparent url(/images/fukidashi.gif) no-repeat right;
}

#message_content {
padding:10px 0 0 40px;
vertical-align:top;
}
#counter {
    text-align: center;
}
#announcement{
    text-align:center;
    background-color:#ffffff;
    border:1px dashed #333;
    width: 580px;
    margin: 1em auto;
    padding: 0.5em;
}

#services {
  text-align:center;
  width:613px;
  margin:auto;
}

#services div.service_group{
  text-align:left;
  width:294px;
  background-color: white;
  margin: 20px 0;
  border-style: none solid solid solid;
  border-width: 3px;
}

#services div.service_group h2 {
  margin:0 -3px -11px;
  position:relative;
  top:-11px;
}

#services h3 {
  font-size:1em;
  font-weight:bold;
  padding-left:16px;
  background:transparent url(/images/ichi_issss2.gif) no-repeat left;
}

#services div.service_group p.info{
  text-align: center;
  border-bottom:2px dotted #ff99cc;
  padding: 0.3em;
  margin:0;
}

#services div.service_group ul{
  font-size:10pt;
  margin: 0 0 1em 0.5em;
  list-style-type:disc;
  list-style-position:inside;
}

#services  div.service_group li {
  font-size:1em;
}

#chat_service {
  border-color:#ff66cc;
  float:left;
}

#bbs_service {
  border-color:#ffcc66;
  float:right;
}
#paint_bbs_service {
  border-color:#33cc00;
  clear:both;
  float:left;
}
#mail_friend_service {
  border-color:#6600cc;
  float:right;
}
#advice_bbs_service {
  border-color:#ff0000;
  float:right;
}

#paint_bbs_service dl,
#mail_friend_service table,
#advice_bbs_service table,
#gallery p,
#mail_friend_service p,
#advice_bbs_service p {
  margin: auto 1.5em;
}

#paint_bbs_service dl{
  font-size: 10pt;
  height:5em;
  padding:1em 0 1em 0;
}
#paint_bbs_service dt{
  float:left;
  clear:both;
  background-image:url(/images/ichi_issss2.gif);
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:16px;
  width:100px;
}
#paint_bbs_service dd{
  float:left;
  padding-left:10px;
  width:120px;
  background-image:url(/images/dash.gif);
  background-repeat:no-repeat;
  background-position:center left;
  margin-left:5px;
}

#gallery {
  clear:both;
  border-top:2px dotted #ff99cc;
}
#infomation {
  border: 3px solid #ff3366;
  border-top-style:none;
  clear:both;
  background-color:#fff;
  width:620px;
  margin: 1em auto;
  text-align:left;
}

#infomation h2 {
  background-color:#ff3366;
  color:#fff;
  margin:0;
  font-size:1.0em;
  font-weight:bold;
}

#infomation p {
  margin: 0 1em;
}

#staff_room {
  margin: 1em 30px;
  text-align:left;
}
/* Footer
----------------------------------------*/
#footer
{
  width:802px;
  padding:0.3em;
  clear:both;
  background-color:#ff6699;
}

#footer p 
{
	font-size:.625em;
  margin:0;
  text-align:center;
  color:#fff;
}