/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
	margin:0px 0px 0px 0px; padding:0px;	
	text-align:center;
}
img {
	border: 0;
}
hr {
	display: none;
}

a:link {color: blue;}
a:visited {color: blue;}
a:hover {color:blue;}
a:active {color: blue;}

/* ===== MainContent Area ===== */
div#content_top {
	width: 780px;
}
div#content {
	width: 780px;
}

/* ===== Header Area ===== */
#heder{width: 780px;
height:136px;
background-image:url(images/back_header.gif);
background-repeat:no-repeat;
text-align:left;
}

/* ===== Global Navigation Area ===== */

div#gnavi {
	margin-top:0px;
	width: 780px;
	height: 31px;
	clear: both;	
text-align:left;
}
div#gnavi ul {
	list-style-type:none;
	margin-left: 5px;
}
div#gnavi li {
	display:inline;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
div#gnavi img {
	margin-top: 0px;
}
/* ===== pan Navigation Area ===== */
div#pnavi {
text-align:left;
font-size:12px;
margin:5px 2px;
}
div#pnavi a{
padding-left:10px;
padding-right:10px;
color: blue;
}

/* ===== small Navigation Area ===== */

.snavi a{
font-size:12px;
padding-right:20px;
color: blue;
text-decoration:none;
}

div#content1{
width:780px;
text-align:left;
}
div#content1 p{
margin-top:5px;
padding-left:5px;
}

div#top-left{
background-image:url(images/back_top_left.gif);
background-repeat:no-repeat;
float:left;
width:200px;
height:486px;
}
div#top-left .coment{
width:162px;
margin-top:15px;
padding-left:24px;
}
p.top-news a{
color:blue;
width:100%;
line-height:180%;
}

div#top-center{
background-image: url("images/back_top_center.gif");
background-repeat:no-repeat;
width:380px;
height:486px;
float:left;
}
div#top-center .coment1{
width:346px;
margin-top:15px;
padding-left:17px;
}
div#top-center .coment2{
width:346px;
margin-top:25px;
padding-left:17px;
}

div#top-right{
background-image: url("images/back_top_right.gif");
background-repeat:no-repeat;
width:200px;
height:486px;
float:left;
}
div#top-right .coment{
width:162px;
margin-top:15px;
padding-left:14px;
}

div#footer{
clear:both;
text-align:center;
color: #FFFFFF;background-image:url(images/back_footer.gif);
background-repeat:no-repeat;
padding-top:50px;
}

div#footer a{
font-size:10px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer a:link {color: #FFFFFF; text-decoration:none}
div#footer a:visited {color: #FFFFFF; text-decoration:none}
div#footer a:hover {color:#FFFFFF; text-decoration:none}
div#footer a:active {color: #FFFFFF; text-decoration:none}


.copy{
background-image:url("images/back_copy.gif");
background-repeat:no-repeat;
	color: #666666;
	width: 780px;
	height:16px;
	clear: both;
	text-align:left;
}
.copy p{
margin-left: 20px;
}

.copy a:link {color: #666666; text-decoration:none}
.copy a:visited {color: #666666; text-decoration:none}
.copy a:hover {color: #666666; text-decoration:none}
.copy a:active {color: #666666; text-decoration:none}

h1 {display: inline}

h2 {display: inline;
font-size: 16px;
color: #993300;
}

h3 {display: inline;
font-size: 16px;
}

h4 {display: inline}

p {display: inline; line-height: 135%}

td {font-size: 12px; color: #333333}

em {font-style: normal; color: #FF0000}

.text-10p {font-size: 10px; color: #333333}

.text-14p {font-size: 14px; color: #333333}

.text-16p {font-size: 16px; color: #333333}

.text-20p {font-size: 20px; color: #333333}

.h1-top {font-size: 12px; color: #FF9900; line-height: 135%}

.h2-top {font-size: 16px; color: #993300; line-height: 135%}

.h3-top {font-size: 12px;font-weight: normal;}

.h4-top {font-size: 12px; color: #333333;}

.line {line-height: 135%}

.red {color: red}

.white {color: white}

a:link {color: blue}
a:visited {color: blue}
a:hover {color:blue}
a:active {color: blue}

/* ===== Site Contentsn Area ===== */
#title{
width:780;
text-align:left;
padding-top:10px;
}
#title h2{
font-size: 20px;
color: #993300;
line-height: 135%;
padding-left:10px;
}
#title img{
float:right;
padding-right:90px;
}

#left_bar{
width:180px;
font-size: 12px;
float:left;
text-align:left;
margin-top:25px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}
p.left_menu a{
color:blue;
width:100%;
line-height:200%;
}

#leftbar a{
padding-left:10px;
padding-right:10px;
text-decoration:none;
width:100%;
}

#main{
width:540px;
font-size: 12px;
text-align:left;
float:right;
margin-top:20px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
}
#main .komidashi{
padding:5px;
color:white;
font-size:14px;
}
#main .list-n{
padding:5px;
color:white;
background-color:#999999;
}
#main .list-nc{
padding:5px;
text-align:center;
color:white;
background-color:#CCCCCC;
}
#main .list{
padding:5px;
}
#main .list-c{
text-align:center;
padding:5px;
}
#main .list-r{
text-align:right;
padding:5px;
}
#main .list-bow{
text-align:left;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
background-color:#CACCB2;
}
#main .list-bow-c{
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#main .chart{
width:500px;
background-color:#EEEEEE;
text-align:center;
}
#main .chart .redlink{
color:red;
}
#main .chart td{
text-align:left;
} 
#main .chart-list{
padding-top:5px;
}

div#footer-main{
width:780px;
clear:both;
text-align:center;
color: #FFFFFF;
clear:both;
background-image:url(images/back_footer.gif);
background-repeat:no-repeat;
padding-top:50px;
}

div#footer-main a{
font-size:10px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer-main a:link {color: #FFFFFF; text-decoration:none}
div#footer-main a:visited {color: #FFFFFF; text-decoration:none}
div#footer-main a:hover {color:#FFFFFF; text-decoration:none}
div#footer-main a:active {color: #FFFFFF; text-decoration:none}

#main .list-mon{
padding:3px;
color:white;
background-color:#999999;
font-size:10px;
}
#main .list-m{
padding:3px;
font-size:10px;
}