/* common */

body {
    font-family : "Hiragino Maru Gothic Pro", "ＭＳ ゴシック", Osaka, sans-serif;
    font-size   : 12px;
    line-height : 140%;
    margin      : 1em;
    text-align	: center;
}

form {
    margin  : 0px;
	line-height	: 180%;
}

fieldset#memo_edit {
    float   : left;
    width	: auto;
}

fieldset {
    margin  : 1em auto;
    padding	: 0.5em 0em;
    border  : solid 1px;
	width	: 468px;
}

fieldset table {
    margin  : 0em auto;
}

img {
	border	: 0px;
}

.clear {
    clear   : both;
}

a:link {
    text-decoration : none;
    color           : #000000;
}

a:visited {
    text-decoration : none;
    color           : #000000;
}

a:hover {
    text-decoration : underline;
    color           : #000000;
}

a:active {
    text-decoration : underline;
    color           : #000000;
}

a.button {
    text-decoration : none;
    color           : #000000;
	background-color	: #ffffff;
    padding         : 0.5em;
    border          : 1px solid;
}

a.button:hover {
    background-color    : #99ccff;
    text-decoration : none;
}

a.button_s {
	font-size		: 90%;
    text-decoration : none;
    color           : #000000;
	background-color	: #ffffff;
	padding         : 0.3em;
    border          : 1px solid;
    margin			: 0.2em;
}

a.button_s:hover {
    background-color    : #99ccff;
    text-decoration : none;
}

.right {
	text-align	: right;
}

.center {
	text-align	: center;
}

.form_center {
	margin-top	: 0.5em;
	text-align	: center;
}

.form_right {
	margin-top	: 0.5em;
	text-align	: right;
}

form td {
	white-space	: nowrap;
}

/* header */
/*
div#header {
	text-align	: left;
}
*/
#header h1 {
    font-size   : 200%;
    font-style  : italic;
    text-shadow : 0.2em 0.2em #999999;
}

/* footer */
div#footer {
    clear   : both;
    text-align	: center;
    border	: 1px solid #000000;
    width	: 468px;
    margin	: 0px auto;
}

#footer ul {
	padding	: 0px;
}

#footer li {
	display	: inline;
	margin	: 0px;
	padding	: 0em 0.5em;
	font-size	: 80%;
}

/* banner */
div.banner {
    clear   : both;
  	margin	: 1em auto; /* centering */
  	text-align	: center;
}

/* info */
div#info {
	text-align	: left;
	width		: 80%;
	margin-right	: auto; 
	margin-left		: auto; 
}

#info h2 {
	font-size		: 150%;
	border-bottom	: 1px solid #000000;
	padding-bottom	: 0.2em;
}

#info h3 {
	font-size		: 120%;
	border-bottom	: 1px dotted #333333;
	padding-bottom	: 0.1em;
}

/* memo */

#contents {
	text-align	: left;
}

div.memo, div.modify {
    float   : left;
    display : inline;
    margin  : 1em;
}

div.memo {
    max-width   : 20%;
/*    width   : 200px;*/
    padding : 0 0.5em 0.5em 0.5em; 
    border  : solid 1px;
}

div.modify {
    max-width   : 20%;
	padding : 0 0.5em 0.5em 0.5em; 
    background-color : #cccccc;
    border  : solid 1px #ffffff;
}

fieldset#memo_edit {
	float   : left;
    display : inline;
    margin  : 1em 0em;
    padding : 0.5em; 
    border  : solid 1px;
}

div.memo_ctl {
    margin  : 0px;
	padding	: 0px;
    height  : 16px;
    text-align  : right;
}

.memo_ctl img {
	margin	: 0px;
	padding	: 0px;
	background-color : #99ccff;
}
/*
.memo_ctl a {
    color   : #000000;
    text-decoration : none;
}
*/
p.tag {
    font-size   : 90%;
	margin	: 0em 0em 0.5em;
}

p.text {
    width   : 100%;
	margin	: 0em 0em 0.5em;
}

.text a:hover {
    color : #333333;
}
.text a:active {
    color : #333333;
}

/* search */

#search {
    margin  : 1em 0em 0em;
    padding : 0em 0em 1em;
}

#search form {
}

#search table * {
    margin  : 0px;
    padding : 0px;
}

#memo_menu {
    display : none;
}

/* menu */
.current {
    background-color    : #99ccff;
    padding             : 0.5em;
    border  : 1px solid;
}

#menu {
	text-align	: left;
    padding : 0px;
    margin  : 1em 0em;
}

#menu ul {
    display : inline;
    padding : 0px;
}

#menu li {
    display : inline;
    margin  : 0em 0.2em;
    padding : 0em;
}

/* board */
#board_tab {
	margin : 2em 0em 0em;
	text-align : center;
	padding-bottom: 4px;/*0.4em;*/
/*	border-bottom : 1px solid;*/
}

#board_tab ul {
	display : inline;
	padding : 0px;
}

#board_tab li {
    display : inline;
    margin  : 0em 0.2em;
    padding : 0em;
}

#board_tab a {
	text-decoration : none;
	color           : #000000;
	padding         : 6px;/*0.5em;*/
	border          : 1px solid;
}
/*
#board_tab a:hover {
	text-decoration : underline;	
}
*/
.selectedTab {
	padding	: 6px;/*0.5em;*/
	margin	: 0em 0.2em;
	border	: 1px solid;
/*	border-bottom : 1px solid #ffffff;*/
}

.tab {
	padding	: 0.5em;
	margin	: 0em 1em;
	border	: 1px solid;
}

#board {
/*	float	: none;
	display	: block;
	border	: 1px solid;*/
	border-top	: 1px solid;
	margin-top	: 0em;
	padding		: 0em 1em;
}

#board_menu {
	position: absolute;
	display	: none;
	padding	: 0em;
	border-left	: 1px solid;
	border-right	: 1px solid;
	border-bottom	: 1px solid;
	background-color	: #ccffcc;
	z-index	: 1000;
}

#board_menu ul {
	list-style-type	: none;
	padding	: 0em;
	margin	: 0em;
}

#board_menu li {
	margin	: 0em;
/*	padding	: 0.5em;*/
	padding	: 0em;
}

#board_menu a {
	display	: block;
	margin	: 0em;
	padding	: 0.5em;
	text-decoration	: none;
	text-align	: center;
	border-top	: 1px solid;
}

#board_menu a:hover {
	background-color : #eeffee;
}
#board_menu a:active {
	background-color : #eeffee;
}

/* colorTable */
#colorTable table {
}

#colorTable tr　{
	padding	: 0px;
	margin	: 0px;
	border	: 1px solid #cccccc;
}

#colorTable td {
	padding	: 1px;
	margin	: 1px;
	width	: 20px;
	height	: 20px;
	border	: 1px solid #cccccc;
/*	text-align	: center;
	vertical-valign	: middle;*/
	cursor	: pointer;
}
/*
#colorTable span {
	padding	: 0px;
	margin	: 0px;
	border	: 1px solid #cccccc;
	width	: 20px;
	height	: 20px;
	text-align	: center;
	vertical-valign	: middle;	
}
*/

#top
{
	width	: 800px;
    margin  : 0em auto;
}

#topContents
{
	float	: left;
	text-align : left;
	margin-left	: 2em;
}

#topContents h3
{
	font-size	: 150%;
	padding-bottom	: 0.5em;
	border-bottom	: 1px solid #cccccc;
}

#topContents ul
{
/*	list-style	: none url("../img/bullet_red.png");*/
}

#topContents li
{
	line-height	: 250%;
}

#topContents em
{
	text-decoration	: none;
	font-style	: normal;
	font-size	: 150%;
}

img.screenshot
{
	border	: 1px solid #cccccc;
}

#topMenu
{
	float	: left;	
	width	: 200px;
}

#loginForm
{
	padding	: 1em;
	border	: 1px solid #cccccc;
	margin-bottom	: 1em;
}

.menu_etc
{
	padding		: 0.5em 1em;
	text-align	: left;
	border		: 1px solid #cccccc;
	font-size 	:	100%;
	margin-bottom	: 1em;
}

.menu_etc h4
{
	margin-top	: 0em;
	text-align	: center;
	border-bottom	: 1px solid #cccccc;
}

.menu_etc ul
{
	list-style-type	: none;
	padding-left	: 1em;
}

.menu_etc li
{
}

#feed_icon
{
	/*
	text-align	: left;
	display	: inline;*/
	margin	: 0.5em;
}

/*
#loginForm form
{
	margin-bottom : 0.2em;
}
*/
/* anounce */
#anounce {
	width	: 468px;
	margin	: 2em auto;
	padding	: 1em 0em;
	border	: 1px solid #000000;
	text-align	: left;
}

#anounce ul {
	margin	: 0.5em;
	padding-left	: 1.5em;
	line-height	: 150%;
}

/* QuickForm */
span.qf_req {
    color : #ff0000;
}

span.qf_err {
    color : #ff0000;
}

p.qf_reqnote {
    font-size   : 80%;
/*    text-align  : right;*/
}