/* css for uselesscat */
html, body {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5em;
	height: 100%;
	font-size: x-small;
  background-color: #339933;
  margin:	0px;
  padding: 0px;
}

td {
	font-size:		x-small;
	line-height: 	1.2em;
}





H3:SubTitle,H4:SubTitle {
    width: 100%;
    font-weight: bold;
    font-size: 1.5em;
    font-family: 'Impact', 'MS ゴシック';
    color: #33cc99;
    background-color: #eeffee;
    border: 1px none #33ff99;
    xborder-top: 1px solid #33ff99;
    xborder-left: 1px solid #8888f8;
    border-top: 1px solid #33ff99;
    border-left: 1px solid #33ff99;
    border-right: 2px solid #009933;
    border-bottom: 2px solid #009933;
    padding: 5px 3px 3px 0.5em;
}
H5 {
    font-size: 1px;
}
A:link {
	text-decoration: none;
    color: #3366ff;
}
A:visited {
	text-decoration: none;
	color: #ff6699;
}
A:hover {
	text-decoration: underline;
    color: #ff0000;
}
A.s2{
	font-size: x-small;
	font-weight: bold;
}


.indent {
    text-indent: 1em;
}
.i {
    margin: 0em 1em 0em 1em;
}
PRE.c {
    border: 1px solid gray;
    padding: 5px;
    white-space: pre;
    width: 100%;
    background-color: #e8e8e8;
}
DIV.c {
    border: 1px solid #D1FFDF;
    padding: 5px;
    width: 100%;
    background-color: #fffff0;
}



.t1 {
	line-height: 150%;
	font-size: x-small;
}

/* 幅120% */
.t120{
	line-height: 120%;
	font-size: x-small;
}

.t2 {
	word-spacing: 3px;
	color:#333333;
}

.normal {
	line-height: 150%;
}

.dash {
  border: 2px dashed #33cc99;
	background-color: #D1FFDF;
}

TD.s{
	background-color: #66ffcc;
	border: 3 solid #006600;
	border-color:#000000;
}

/* 小さい強調 */
font.b{
	font-size:	x-small;
	color: #ff3366;
}

/* 青い強調 */
font.c {
	font-size:	x-small;
  color: #3366ff;
}

INPUT.s,TEXTAREA.s{
	border-color:#cccccc;
	border-style:solid;
	background-color: #ffffff;
	font-size: x-small;
	color: #3366ff;

	
}

INPUT.btn{
	border-color:#cccccc;
	border-style:solid;
	background-color: #333333;
	font-size: x-small;
	font-weight: bold;
	color: #ffffff;
}


TEXTAREA.flat{
	border-color:#333333;
	border-style:solid;
	background-color: #eeeeee;
	font-size: x-small;
	color: #000000;
	scrollbar-face-color:#eeeeee; 
	scrollbar-track-color:#eeeeee; 
	scrollbar-arrow-color:#eeeeee; 
	scrollbar-highlight-color:#eeeeee; 
	scrollbar-3dlight-color:#eeeeee; 
	scrollbar-shadow-color:#eeeeee; 
	scrollbar-darkshadow-color:#eeeeee;
}


TABLE.input{
  border: 2px dashed #33cc99;
  margin-left:	140px;
	background-color: #333333;
}

/*メインテーブル*/
TABLE.main{
	border:		0px;
	width:		760px;
	background-color:	#ffffff;
}


TABLE.bc{
  border: 1px solid #33ff99;
	background-color: #D1FFDF;
}

/* 見出しタイトル用 */
TH.title{
	width: 120px;
	background-color: #D1FFDF;
}

/* シート用 */
TD.sheet{
	font-size; xx-small;
}

TD.cg{
  border: 2px dashed #33cc99;
	background-color: #D1FFDF;
}

TABLE.cg{
  border: 2px dashed #33cc99;
	background-color: #D1FFDF;
}

/* 項目タイトル用 */
h4.title,
div.title {
    width: 560px;
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'MS ゴシック';
    color: #339933;
    background-color: #eeffee;
    border: 1px none #33ff99;
    xborder-top: 1px solid #33ff99;
    xborder-left: 1px solid #8888f8;
    border-top: 4px solid #339933;
    border-left: 0px solid #339933;
    border-right: 0px solid #339933;
    border-bottom: 4px solid #339933;
    letter-spacing:	0.5ex;
    padding: 5px 3px 3px 0.5em;
    margin: 0px auto;
}

div.bbs {
    padding: 5px;
    width: 620px;
    margin-left:	65px; 
    background-color: #eeffee;
    border: 1px none #33ff99;
    xborder-top: 1px solid #33ff99;
    xborder-left: 1px solid #8888f8;
    border-top: 1px solid #33ff99;
    border-left: 1px solid #33ff99;
    border-right: 2px solid #009933;
    border-bottom: 2px solid #009933;
}

div.text {
    font-size: x-small;
	line-height: 150%;
	color: #000000;
}


.listsmall li {
	color: #3366ff;
	font-size: x-small;
}

BLOCKQUOTE{
	line-height: 125%;	
}
BLOCKQUOTE.bbs{
	margin-left:	95px;
	border: 3px solid #009900;
	background-color: #f8fff8;
/*	background-image:url(../img/bbs_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	background-position: right bottom;
	line-height: 125%;	
	padding:	20px;
	width: 560px;
}

#update {
/*
	font-family: "ＭＳ ゴシック";
	margin:			10px;
  line-height: 	1.2em;
  width: 			300px;
  height:			7.4em;
  background-color: #ffffff;
  border: 1px none #33ff99;
  xborder-top: 1px solid #33ff99;
  xborder-left: 1px solid #8888f8;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff; 
	scrollbar-arrow-color:#ffffff; 
	scrollbar-highlight-color:#999999; 
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-shadow-color:#999999; 
	scrollbar-darkshadow-color:#ffffff;
	*/
}

DIV.topics{
  border: 1px solid #666666;
	padding:	10px 30px 10px 30px;
  background-color: #ffffff;
  font-size: x-small;
	line-height: 125%;
}

input.tips {
    width: 		100%;
    background-color: #ffffff;
    border: 1px solid #339933;
    font-size: x-small;
    color:	#000000;
}

font.indent {
    color:	#996633;
}

font.person {
    color:	#0000ff;
    font-weight: bold;
}

font.title {
    color:	#333399;
    background-color: #ccddff;
    font-size: x-small;
    font-weight: bold;
    width: 			560px;
    height: 		20px;

}

/*
pre{
  background-color: #ffffee;
}
*/
/* using moeflamark */
TABLE.fla{
  border: 2px solid #99cc99;
	background-color: #ffffff;
}

TH.fla{
  margin: 1px 1px 1px 1px;
	background-color: #d1ffdd;
}

/* シート用 */
TD.fla0{
  margin: 1px 1px 1px 1px;
	font-size; x-small;
	background-color: #eeeeee;
}

TD.fla1{
  margin: 2px 1px 1px 1px;
	font-size; x-small;
	background-color: #ffffff;
}


A.impact:link {
  font-family: 'MS ゴシック';
	font-size; x-large;
	font-weight; bold;
	text-decoration: none;
  color: #3366ff;
}
A.impact:visited {
  font-family: 'Impact', 'MS ゴシック';
	font-size; x-large;
	text-decoration: none;
	color: #ff6699;
}
A.impact:hover {
  font-family: 'Impact', 'MS ゴシック';
	font-size; x-large;
	text-decoration: underline;
  color: #ff0000;
}

/* 萌えふらマーク結果表示用 */
TABLE.moetable{
	background-color: #eeeeee;
	border: 0 solid #006600;
	border-color:#000000;
}
TH.moeth{
	padding: 2px;
	border: 1 solid #006600;
	border-color:#cccccc;
	font-size: x-small;
	font-weight: bold;
}
TD.moetd{
	padding: 2px;
	border: 1 solid #006600;
	border-color:#cccccc;
	font-size: x-small;
}
TD.moetd2{
	padding: 2px;
	border: 1 solid #006600;
	border-color:#cccccc;
	font-size: x-small;
}

.main_center table{
	margin: 10px auto;
	background-color: #ffffff;
}
/***************************************/
/* メール設定用                        */
/***************************************/
.mail td, .mail th {
	border: 1px solid #666666;
	font-size:	12px;
}

.mail th {
	background-color: #D1FFDF;
}

.mail td {
	background-color: #ffffff;
}

/* エラーの表示 */
span.error {
	padding: 4px;
	font-size: x-small;
	color:	#ff0000;
	font-weight: bold;
	background-color: #ffff99;
}

table.mail {
	border-collapse: collapse;
	width: 480px;
	margin: 10px auto;
}

/* イラストサムネイル ******************************************/
table.thumbnail {
	border: 0px solid #ffffff;
	background-color: #ffffff;
	border-spacing: 4px 4px;
/*	padding: 4px; */
}

img.thumbnail {
	border: 1px solid #000000;
    position: relative;
    left: -5px;
    top: -5px;
    padding: 5px;
}

td.thumbnail {
	padding: 0px 20px 0px 20px;
	float: center;
}

td.thumbnail_info {
	height: 60px;
	vertical-align: top;
	float: center;
}

.shadow {
    background: url("/img/imagebackground.gif") right bottom;
}

.greenshadow {
    background: url("/img/greenshadow.gif") right bottom;
}
div.recentimage{
    margin: 5px 0px 0px 0px;
}
img.recentimage{
	border: 1px solid #000000;
    position: relative;
    left: -5px;
    top: -5px;
    padding: 5px;
}

.shadow img {
}
/***********************************************************************************/


/* Gallery メインページ */
img.image {
	margin: 4px;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #666666;
}

/* Gallery メインページ */
td.image_link {
	padding: 10px;
	margin: 10px;
}

.copyright{
	font-size: x-small;
	margin: 2px;
	color: #999999;
}

#this_site, #banner, #moeflamark{
	text-align: right;
	height: 50px;
	margin: 5px 0px;
	font-size: x-small;
	line-height: 1.3em;
	border: 1px dotted #666666;
	border-width: 0px 0px 1px 0px;
}
#moeflamark strong{
	color: #ff6666;
}
#banner {
	border-width: 0px;
}

div#title {
	margin: 10px 60px 10px 60px;
	width: 640px; 
	height: 56px; 
	border: 1px solid #fff;				/* firefox スペース調整 */
	border-bottom: 2px solid #999999; 
	text-align: right;
}

#title h2 {
	margin-top: 14px;
	margin-right: 14px;
	font-size: 42px; 
	color: #78F89D;
	font-family: 'Impact'; 
}

/***********************************************/
/* 新レイアウト																 */
/***********************************************/
body {
	margin: 0px;
	font-size: 14px;
	line-height: 1.4em;
}

#contents {
	min-height:100%;
	height: auto !important;
	height: 100%;
	width: 760px;
	z-index:100;
	position: relative;
/*	background-color: transparent; */
	background-color: #ffffff;
	margin: 0px 0px;
}

#header {
	position: relative;
	top: 0; 
	z-index:10; 
	width: 100%; 
	height:	70px;
	padding: 0px;
}

div#main_contents {
	position: relative;
	width: 100%; 
	z-index:9; 
	background-color: #ffffff;
} 

#footer { 
	clear: both;
	position: relative;
	z-index:8; 
	height:80px; 
	width: 100%; 
	background-color: transparent;
}

#menu li{ 
	list-style-type: none;
 	float: left;
 	margin: 0px;
}

ul.main {
 margin: 0;
 padding: 0;
}

#header img {
	border: none;
	vertical-align: top;
}

/* 戻る */
div#return_top {
/*	width: 760px; */
	text-align: right;
}

/* メインコンテンツのセンタリングしたもの */
.main_center {
	width: 640px;
	margin: 10px 60px 10px 60px;
	text-align: center;
	background-color: #fff;
}

/* 一番下のスペース用 */
#bottom-space {
	margin: 20px 0px;
	height: auto;
	clear: both;
}