body { text-align:center; }
#rayout {
 border: 1px solid #000000;
 background-color: #ffffff;
 width:670px;
 text-align:left;
 margin:0 auto;
 }

#rayout2 {
 background-color: #ffffff;
 width:670px;
 text-align:left;
 margin:0 auto;
 }

.rayout-margin { margin:0 10px; }
.c-both { clear:both; }

.bg { background-color: #ffffff; }

.bg-normal { background-color: #99ccbb; }

.header {
	width:670px;
	height:265px;
	padding: 0px;
	background-image: url(images/201306top.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: #000000;
}

.header2 {
	width:670px;
	height:1px;
	padding: 0px;
	margin-top: 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-color: #000000;
}

.header3 {
	width:670px;
	height:20px;
	padding: 0px;
	margin-top: 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0% 0%;
}


.footer {
	padding: 10px;
}

.left {
	float:left;
	width: 210px;
	padding: 0px;
}

.left-works {
	float:right;
	width: 210px;
	padding: 10px;
}

.main {
	border-left: 2px solid #999999;
	float:right;
	width:390px;
	padding: 20px;
}

.main-works {
	border-right: 2px solid #999999;
	float:left;
	width:390px;
	padding: 10px;
}


.left-inside {
	border: 1px dotted #330000;
	width:200px;
	padding: 10px;
	background-color: #fffecc;
}

.left-inside2 {
	width:200px;
	padding: 10px;
}

.main-inside {
	width:380px;
	padding: 10px;
	background-color: #ffffff;
}

.main-inside-cg {
	border: 1px dotted #330000;
	width:410px;
	padding: 10px;
	background-color: #fffecc;
}

.main-inside-link {
	width:380px;
	padding: 10px;
	background-color: #ffffff;
}

.main-inside-info {
	width:380px;
	padding: 10px;
	background-color: #666666;
}

.main-inside-info-normal {
	border: 1px #666666;
	width:400px;
	padding: 10px;
	background-color: #666666;
}

.main-inside-clap {
	border: none;
	width:410px;
	padding: 10px;
	font-size: 10px;
	color: #666666;
}

.link1 {
	text-decoration: none;
	border-style:none;
	outline-style:none;
}

.link2 {
	text-decoration: none;
	color: #ff0000;
}


.font1 { font-size: 12px; color: #666666;}
.font2 { font-size: 10px; color: #000000;}
.font3 { font-size: 14px; color: #666666;}
.font4 { font-size: 10px; color: #666666;}
.font5a {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.font5b {
	font-size: 10px;
	color: #ff0000;
	text-decoration: none;
}
.font5c {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.font5d {
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
}
.font6 { font-size: 10px; color: #ff0000;}
.font7 { font-size: 10px; color: #99ccbb;}
.font8 { font-size: 10px; color: #ffffff;}
.font9 { font-size: 12px; color: #ffffff;}
.font10 { font-size: 12px; color: #ffff00;}

/* begin styles for RSS Feed */

.rss_box {
	 padding: 10px;
	 width: 410px;
	 background-color: #fff;
	 border: 1px #333;
}

.rss_title, rss_title a {
	font-size: 12px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items {
	margin: 3px;
	padding: 0px;
}

.rss_item  {
	padding-right: 0px;
	padding-left: 0px;
	font-weight : normal; 
	font-size: 10px;
	padding-bottom: 2px;
	color: #999;
	word-break: break-all;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	font-weight: bold;
	font-size: 10px;
	color: #666;
	text-decoration : none;
}

.rss_item a:hover { 
	font-weight: bold;
	font-size: 10px;
	text-decoration : underline;
	color: #333;
}

.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #999;
}