html { font-size: 76%; }
body,td,th {
background:  #ffffff url('http://file.geccaten.blog.shinobi.jp/bg.jpg');
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	}
#body{
padding: 20px; background: #222 url(../img/body_.png) repeat-x;
}
*body #img1{/* IE6以下に適用 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/body_.png', sizingMethod='scale');
}


html {
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-base-color:#2F2F2F;
scrollbar-shadow-color:#ffffff;
scrollbar-face-color:#2F2F2F;
scrollbar-highlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}
table{
border-collapse: collapse;
background:#fff;
}
input,select,textarea { 
background:#fff;
color:#000;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}
a:link {
color:#000;text-decoration:underline;
}
a:visited{
color:#000;text-decoration:underline;
}
a:hover {
color:#000;text-decoration:none;
}
a:active {
color:#000;text-decoration:none;
}
a{
cursor:hand;
}
br { 
letter-spacing: 0;
}
#mainBlock {
width:760px;
height: 150px;

text-align: center;
}
.left {
text-align:left;
}
.center {
text-align:center;
}
.right {
text-align:right;
}
#TopBlock {
width:760px;
height:200px;
text-align: center;
background-repeat:no-repeat;
}
#TopTitle {
background: url() no-repeat; }

#TopTitle h1 { 
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 30px;
	font-weight: normal;
	color: #099;
	margin: 0;
	padding: 40px 0;
	letter-spacing: -1px;
	}
#TopTitle h1 a { text-decoration: none; color: #E644D3; }
#TopTitle h1 a:hover { text-decoration: none; }
#TopTitle  h1 span { color: #000099; }


.TopTitleFont {
color:#000;

}
#TopExplanation {
padding: 20px 0px 0px 20px;
color:#000;}

#CalendarBlock {
color:#000;
font-size:12px;
letter-spacing:1px;
line-height:19px;
text-align: center;
}
.Calendar {
text-align: center;
}
#FooterBlock {
clear:both;
text-align: center;
}
#EntryBlock {
width:650px;
text-align: left;
background-color:#ffffff;
}
.EntryInnerBlock {
padding: 25px ;
text-align: left;


}
.EntryTitle {
text-align: left;
font-size:16px;
color:#E644D3; 

font-weight:bold;


}
.EntryTitleFont {
color:#E644D3;

}
.EntryTextBox {
margin: 5px 5px;
background-color:#ffffff;
text-align: left;
}
.EntryText {
padding:5px;
font-size:12px;
text-align: left;

padding:10px 10px 10px 10px;
}
.EntryPsText {
padding: 20px;
text-align: right;
}
.EntryFooter {
text-align:right;
padding:5px;
}
.EntryWriteDate {
margin-left: 5px;
}
.EntryCategory {
margin-left: 5px;
}
.EntryComment {
margin-left: 5px;
}
.PageLinkBlock{
text-align: left;
padding:10px;

}
.CommentBlock{
padding:30px 10px 20px 20px;
background-color:#FFFFFF;
text-align: left;
}
.CommentMenuTitle{
text-align: left;
background-color:#FFFFFF;
padding:0px 8px;
color:#FFFFFF;
font-size:16px;
}
.CommentTextBox{
margin: 5px 0px;
text-align: left;
color:#FFFFFF;
}
.CommentTitle{
text-align: left;
margin:70px 30px 10px 0px;
padding:2px 8px;

}
.CommentText{
padding:0px 33px 20px 8px;
background-color:#FFFFFF;
text-align: left;
color:#646464;

}
.CommentFooter{
text-align:left;
margin:0px 30px 0px 5px;
padding:3px 0px;
}
.CommentUserName{
margin-left: 5px;
}

.CommentUserName a:link {color:#E0FFFF;} 

.CommentUserName a:visited {color:#ff00ff;} 

.CommentURL{
margin-left: 5px;
}
.CommentWriteDate{
margin-left: 5px;
color:#FFFFFF;

}
.CommentEdit{
margin-left: 5px;
}
.CommentFormBlock{
margin-bottom:5px;




}
.CommentFormTable{
background-color:#FF0066;
text-align:left;
}
.CommentFormTh{
padding:5px 5px 0px 0px;
text-align:left;
background-color:#FFFFFF;
border-color:#FFFFFF;
}
.CommentFormTd{
padding-top:2px;
text-align:left;
background-color:#FFFFFF;
}
.CommentFormSubmit{
text-align:center;
padding:5px 200px 5px 5px;
}
.CommentForms{
background-color:#FFFFFF;

}
.CommentResBlock {
padding:10px 30px 10px 50px;
}
.CommentResBox {
border:solid 1px #000;
padding:10px;
}
.CommentResTitle {
font-weight:700;
}
.CommentResText {
padding:10px 0px 0px 10px;
}
.CommentResFooter {
text-align:right;
margin:15px 0;
}


/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
ul#nav {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #535457;
	border-bottom: 1px solid #050A10;
	height: 1%;
	}
ul#nav:after {	
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	}
ul#nav li {
	/* this width needs changing 
	depending on the amount of links. 
	Divide 100% by the amount of links 
	and set the value here. 
	e.g. 5 links: 100/5 = 20% */ 	
	width: 20%;
	float:left ; 
	margin: 0; 
	font-size: 17px;
	background: #3C3C3C url(http://file.geccaten.blog.shinobi.jp/nav_over_.png) no-repeat 50% 100%;
	}	
ul#nav li a {
	display: block; 
	background: #3C3C3C url(http://file.geccaten.blog.shinobi.jp/nav_.png) repeat-x 50% 100%;
	padding: 11px 0 14px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #535457;
	border-left: 1px solid #050A10;
	position: relative;	
	} 	
ul#nav li.first a {	border-left-color: #535457; }
ul#nav li a:hover { background-color: transparent; background-image: none; }
ul#nav li.on a,
ul#nav li.on a:hover { background-image: url(http://file.geccaten.blog.shinobi.jp/nav_on_.png); }


/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content { background-color: #fff; padding: 2px; text-align: left; }
#content div {  padding: 1px 20px 15px; min-height: 50px; }
* html #content div { height: 50px; }
#content div:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#content div div { background-image: none; padding: 0; min-height: 0; }
* html #content div div { height: 1%; }

#content #sub { padding: 0 0 0 20px; }
#content #main { padding: 0 20px 0 0; }

#content #main { width: 500px; float: left; background: url(http://file.geccaten.blog.shinobi.jp/content_.png) no-repeat 100% 0%; } 
#content #sub { width: 164px; float: right; }

#home #content #sub { 
	padding: 0 20px 0 0; 
	width: 340px; 
	float: left; 
	background: url(http://file.geccaten.blog.shinobi.jp/content_.png) no-repeat 100% 0%; 
	}
#home #content #main { 
	padding: 0 0 0 20px; 
	float: right; 
	width: 290px; 
	background-image: none; 
	}
	
#content #sub h2 { font-size: 1.6em; padding-bottom: 10px; margin-bottom: 10px; }	

*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footerBlock { 
	padding: 0 20px; 
	background-color: #222; 
	height: 1%; 
	font-size: 0.9em;
	color: #ccc;
	margin-bottom: -20px;
	}	
#footerBlock:after {
	content: ".";
	clear: both;
	visibility: hidden;
	display: block;
	height: 0;
	}

div{
text-align:center;
margin:0 auto;
}


/* headers */
h2, h3, h4, h5, h6 { 
	color: #8C00BB; 
	margin: 0; 
	font-weight: normal;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;
	}
h2 { font-size: 1.4em; font-weight: bolder; margin: 25px 0 15px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
h3 { font-size: 1.6em; margin: 25px 0 15px; }
h4 { font-size: 1.4em; margin: 20px 0 10px; }
h5 { font-size: 1.2em; margin: 20px 0 5px; }	
h6 { font-size: 1em; margin: 20px 0 0; }


/* horizontal rule */
hr { border: 0; height: 2px; background-color: #ddd; color: #ddd; margin: 30px 0 0; }