body {
	margin: 10px 0px 0px 0px;
	text-align: center;
	background-image: url(img/blueversion-back.gif);
	background-repeat: repeat;
	}

#wrapper {
    width: 780px;
    margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	
img {
    border: 0;
	}

a {
	text-decoration: none;
	}

a:link {
	color: #2570a1;
	}

a:visited {
	color: #2570a1;
	}

a:active {
	color: #2570a1;
	}

a:hover {
	color: #2570a1;
	}

.copy {
    font-size: 11px;
	color: ##d66a35;
	}

.px12-normal {
    font-size: 12px;
	line-height: 150%;
	padding: 5px 0px 2px 5px;
	}

.news {
    font-size: 12px;
    border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	}
#news{
    overflow:auto;
	padding:5px;
	height:120px;
	font-size:12px;
	}
#news2{
    padding:5px;
	height:100px;
	font-size:12px;
	}
#news table,td{
    font-size:12px;
	}
.date{
color:#333333;
border-right:1px dotted #666666;
padding:3px;
}
.text_01{
	color:#333333;
	line-height: 150%;
}
td.message {
    font-size: 12px;
	line-height: 150%;
	padding: 5px 0px 2px 5px;
	}

td.message.img {
    text-align:left
	}
	
.c1 {
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	
	padding: 2px 0px 2px 10px;
	line-height: 200%;
	text-align: left;
	}

.c2 {
    font-size: 12px;
    border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	
	padding: 2px 10px 2px 0px;
	text-align: right;
	
	}

.c3 {
    font-size: 12px;
    border-top: 0px dotted #999999;
	border-left: 0px dotted #999999;
	border-bottom: 2px dotted #b0c4de;
	border-right: 0px dotted #999999;
	
	padding: 4px 2px 2px 2px;
	text-align: right;
	
	}

.c4 {
    font-size: 12px;
    border-top: 0px dotted #999999;
	border-left: 0px dotted #999999;
	border-bottom: 2px dotted #b0c4de;
	border-right: 0px dotted #999999;
	
	padding: 4px 2px 2px 5px;
	text-align: left;
	line-height: 150%;
	
	}

.c5 {
	color: #FFFFFF;
    font-size: 12px;
    border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #2570a1;
	padding: 4px 2px 2px 5px;
	text-align: center;
	
	}

.c6 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	padding: 4px 2px 2px 5px;
	text-align: center;
	line-height: 150%;
		
	}

.c7 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	padding: 4px 2px 2px 5px;
	text-align: left;
	line-height: 150%;
	}

.c8 {
	color: #333333;
    font-size: 12px;
	border-bottom: 1px solid #b0c4de;
	padding: 4px 2px 2px 5px;
	text-align: left;
	line-height: 150%;
	}

.c9 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px dotted #b0c4de;
	border-right: 1px solid #b0c4de;
	background-image: url(img/bottan-blue_r1_c1.gif);
	background-repeat: no-repeat;
	padding: 5px 2px 2px 25px;
	text-align: left;
	}

.c10 {
	color: #333333;
    font-size: 12px;
	border-top: 0px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px dotted #b0c4de;
	border-right: 1px solid #b0c4de;
	background-image: url(img/bottan-blue_r2_c1.gif);
	background-repeat: no-repeat;
	padding: 5px 2px 2px 25px;
	text-align: left;
	}
	
.c11 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	padding: 4px 2px 2px 5px;
	text-align: center;
	line-height: 150%;
		
	}

.c13 {
	color: #333333;
    font-size: 12px;
	border-top: 0px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	background-image: url(img/bottan-blue_r5_c1.gif);
	background-repeat: no-repeat;
	padding: 5px 2px 2px 25px;
	text-align: left;
	}

.c14 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	padding: 4px 2px 2px 5px;
	text-align: center;
	
	}

.c15 {
	color: #666666;
    font-size: 12px;
	padding: 4px 2px 2px 5px;
	text-align: left;
	line-height: 150%;
	}
	
.c16 {
    font-size: 12px;
	color: #b22c46;
	line-height: 150%;
	padding: 5px 0px 2px 5px;
	}

.c17 {
	color: #333333;
    font-size: 12px;
    border-top: 1px solid #b0c4de;
	border-left: 1px solid #b0c4de;
	border-bottom: 1px solid #b0c4de;
	border-right: 1px solid #b0c4de;
	padding: 4px 2px 2px 10px;
	text-align: center;
	line-height: 150%;
		
	}

.c18 {
    font-size: 12px;
	color: #000000;
	line-height: 150%;
	padding: 5px 0px 5px 5px;
	}
.c20 {
	color: #FFFFFF;
    font-size: 12px;
    border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #FF0033;
	padding: 4px 2px 2px 5px;
	text-align: center;
	}

#header {
    text-align: right;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFCC;
	
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
	background-position: top center;
	
	font-size: 13px;
    width: 780px;
	height: 30px;
}

#blog {
    text-align: right;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFCC;
	
	background-image: url(img/bloghead.gif);
	background-repeat: no-repeat;
	background-position: top center;
	
	font-size: 13px;
    width: 780px;
	height: 30px;
}


.header h1 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	line-height: 150%;
}

#top {
    text-align: left;
	font-family: Verdana, Arial, sans-serif;
	background-image: url(img/top_r1_c1.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height: 114px;
	}

.top p {
   	font-size: 12px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 0px 55px;
}

#design {
    text-align: left;
	font-family: Verdana, Arial, sans-serif;
	background-image: url(img/top_r2_c1.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	height: 36px;
	}

.design td{
   	font-size: 12px;
	color: #145b7d;
    text-align: center;
	height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	}

#menu {
    width: 780px;
	background-image: url(img/menu.gif);
	background-repeat: no-repeat;
	height: 30px;
	}

.menu td {
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
    text-align: center;
	}
	
.menu td a:hover {
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
    text-align: center;
	}

.menu a {
	font-size: 12px;
	color: #333333;
	}

.menu a:visited {
	font-size: 12px;
	color: #333333;
	}

.menu a:link {
	font-size: 12px;
	color: #333333;
	}

.menu a:hover {
	font-weight: bold;
	color: #145b7d;
	text-decoration: underline;
	}

#contents {
	background-image: url(img/blue-back.gif);
	background-repeat: no-repeat;
	background-position: top center;

	background-color: #FFFFFF;
	
	border-top: 0px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	}

.contents p {
    font-size: 12px;
	color: #333333;
	}

.contents td a:hover {
	padding: 7px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
    text-align: center;
	}

.contents a {
	font-size: 12px;
	color: #333333;
	}

.contents a:visited {
	font-size: 12px;
	color: #333333;
	}

.contents a:link {
	font-size: 12px;
	color: #333333;
	}

.contents a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #145b7d;
	}

#footer {
    clear: both;
	background-image: url(img/footer.gif);
	background-repeat: no-repeat;
	width: 780px;
	height: 30px;
}

#blogfooter {
    clear: both;
	background-image: url(img/blogfooter.gif);
	background-repeat: no-repeat;
	width: 780px;
	height: 30px;
}

.footer p {
    color: #666666;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	font-size: 12px;
	text-decoration: none;
}

.footer a {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: underline;
	line-height: 150%;
}

.footer a:hover {
	font-size: 12px;
	font-color: #FFCC00;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: underline;
	line-height: 150%;
	}

.message {
	font-size: 13px;
	line-height: 200%;
	background-image: url(message/img/in.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	}

.tonga {
	background-image: url(photo/img/tonga-back.gif);
	background-repeat: no-repeat;
}

.sotsugyo {
	background-image: url(photo/img/sotsugyo-back.gif);
	background-repeat: no-repeat;
}

/* ”WORKS */

#worksmain{
   height:400px;
   overflow:auto;
   padding:5px;
   }
.works {
	color: #000000;
	font-size: 12px;
	line-height: 200%;
	padding: 5px 5px 5px; 5px;
	}
iframe{
font-size:12px;
}