﻿#content600
{
 width: 600px;
 margin: 0 auto;
}
#wrap {
 margin: 0 auto;
 width: 800px;
}
header
{
 margin: 0; 
 width: 800px;
}
/*object,embed {  
vertical-align:  bottom ;
}*/
.center
{
 text-align: center;
}
.centerm
{
 margin: 0 auto;
}
.margin-top
{
 margin-top: 20px;
}
.right
{
 text-align: right;
}
.content
{
 width:800px;
}
.content_center
{
 width:800px;
 text-align: center;
}
.content_left_center 
{
 float: left;
 text-align: center;
}
.content_left
{
 float:left;
}
.content_right
{
 float:right;
}
.content_right_center
{
 float:right;
 text-align: center;
}
.text3d_green
{
 color: #FFF;
 background:#0A0;
 padding:3px 15px 10px 15px;
 font-size: 130%;
 font-weight: bold;
 line-height:30px;
 text-shadow:
  0px 1px 0px #999,
  0px 2px 0px #888,
  0px 3px 0px #777,
  0px 4px 0px #666,
  0px 5px 0px #555,
  0px 6px 0px #444,
  0px 7px 0px #333,
  0px 8px 7px #111;
}
.clear
{
 clear:both;
} 
footer
{   
 text-align: center;
 width: 800px;
}
.font-s
{
 font-size: 80%;      
}
.font-m
{
 font-size: 100%;       
}
.font-l
{
 font-size: 120%;    
}
.font-2l
{
 font-size: 130%;    
}
p
{
 line-height: 1.5em;
}
ul#fontSizer
{
 *zoom: 1; /*forIE6,7*/
}
ul#fontSizer:after
{
 content: "";
 display: block;
 clear: both; 
}
ul#fontSizer li
{
 list-style: none;
 background-color: #ccc;
 padding:5px 5px;
 margin:0 2px ;
 float: left;
 cursor: pointer;
}
ul#fontSizer li:hover
{
 background-color: #eee;
}
ul#fontSizer li.active
{
 background-color: #999;
}
ul#fontSizer li.active:hover
{
 background-color: #999;
}
h1#gazou
{
 margin: 0px;
}
div#titlewaku
{
 padding: 10px;
 background-color: #ffffff;
 border-top: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 10px solid #008000;
 font-weight: bold;
 font-size: 2em;
}
.titlewaku
{
 padding: 10px;
 background-color: #ffffff;
 border-top: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 10px solid #008000;
}
h1#titlewaku
{
 padding: 10px;
 background-color: #ffffff;
 border-top: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 10px solid #008000;
}
h2#titlewaku
{
 padding: 7px;
 background-color: #ffffff;
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 border-left: 7px solid #b0dde9;
}
h2
{
 padding: 5px;
}
h3
{
 padding: 5px;
}
#sitemap
{
 text-align: center;
}
footer, footer a
{
 color: #FFFFFF;
 width:800px;
 text-align: center;
}
 footer a
{
 font-weight: bold;
}
#top,object,embed
{  
 vertical-align: top;
}
/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* Essentials - configure this */
#nav li { width: 100px;height: 40px; }
#nav ul ul { left: 100px; }
/* Everything else is theming */
#nav {
	/*background-color: #329732;*/
	height: 40px;
	width: 800px;
}
/*#nav *:hover { background-color: none; }*/
#nav a { border-right: 1px solid white; color: white; font-size: 10px; font-weight: bold; padding: 0 6px; line-height: 40px; text-decoration: none;
}
/*#nav .hover {
background-color: #7CC5D3;
}*/
#nav ul { top: 41px; }
#nav li a  {
background:url(../bgpos.png);}
#nav li  { border-bottom: 1px solid white; }

* html #nav ul li  { margin-bottom: -3px; } /* IE6ハック */
*:first-child+html #nav ul li  { margin-bottom: -4px; }/*IE7ハック */

.red {
color: #FF0000;
}
.blue {
color: #00F;
}
.green
{
 color: #008000;
}
.gray {
color: #444;
}
.white {
color: #FFF;
}
.bold
{
font-weight: bold;
}
hr {
border: 0;
background-color: #b0dde9 ;width: 600px;height: 20px;
}
.hr2 {
border: 0;
background-color: #b0dde9 ;height: 2px;
}

div.line {
border-bottom: solid 1px #FF6600;
}
.waku {
border: solid 1px #ccc;
padding: 4px;
}
.pora {
border: solid 1px #ccc;
padding: 4px 4px 22px 4px;
margin: 0 2px;
}
.kakomi {
border: solid 1px #ccc;
}
article{margin: 20px 0 0 0  }
a{text-decoration: none;}
a img { border: none;
}
.table_simple th {
background-color: #219721;
color: #FFF;
border-bottom: 1px #020 solid;
border-right: 1px #020 solid;
}
.table_simple tr td{
background-color: #F0FFF0;
border-bottom: 1px #020 solid;
border-right: 1px #020 solid;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

input#submit_button {
    font-size: 0.9em;
    padding: 3px 2px;
    background-color: #329732;
    color: #fff;
    border-style: none;
    font-weight: bold;
}
#page-top {
	position: fixed;
    z-index: 1;
	bottom: 20px;
	right: 20px;
}
/*.button {
    width:100px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:4px 0 5px;
    color:#ff3;
    background-color:#49a9d4;
    border-radius:5px;
    box-shadow:2px 2px 2px #555;
    text-shadow:0 -1px #1a6ea0;
}*/
.button {
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 4px 0 4px;
	color: #000;
	background-color: #cff;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #555;
    /*text-shadow:0 -1px #1a6ea0;*/
	margin-left: 2em;
	margin-top: 0px;
}

/*table要素*/
#table {
        display:table; 
        line-height: 1.5;
       }
.row {
        display:table-row;
        min-height:23px;

       }
.row>div {
        display:table-cell;
       }
.w100
    {
        width: 100px;
        vertical-align: top;
}
.w100lb
    {
        width: 100px;
        vertical-align: top;
        padding: 0 0 0 2.1em;
}
.w120lb
    {
        width: 120px;
        vertical-align: top;
        padding: 0 0 0 2em;
}

.w200
    {
        width: 200px;
        vertical-align: top;
     } 
.w220
    {
        width: 220px;
        vertical-align: top;
     } 

.w250
    {
        width: 250px;
        vertical-align: top;
     } 
.w270
    {
        width: 270px;
        vertical-align: top;
     } 
.w270lb
    {
        width: 270px;
        vertical-align: top;
        padding: 0 0 0 2em;
}

.w280
    {
        width: 280px;
        vertical-align: top;
     } 

.w300
    {
        width: 300px;
        vertical-align: top;
     }
.w400
    {
        width: 400px;
        vertical-align: top;
     } 
.w400r
    {
        width: 400px;
        vertical-align: top;
        text-align:right;
     }
.w430
    {
        width: 430px;
        vertical-align: top;
     } 

.w450
    {
        width: 450px;
        vertical-align: top;
     } 
.w480
    {
        width: 480px;
        vertical-align: top;
     } 
 
.w500
    {
        width: 500px;
        vertical-align: top;
     }
.w550
    {
        width: 550px;
        vertical-align: top;
     }

.w600
    {
        width: 600px;
        vertical-align: top;
     }
.w650
    {
        width: 650px;
        vertical-align: top;
     }       
.w700
    {
        width: 700px;
        vertical-align: top;
     } 
.kinto
	{
		text-align:justify;
		text-justify: distribute-all-lines;
		text-justify:inter-ideograph;
		line-break: strict;
     }
.small
	{
		font-size:0.9em;
	}