body	{margin:0px;
	 padding:0px;
	 }

a	{color:#33aaaa}
a:hover	{color:#00cc00}

/* --- コンテナ --- */
#container {
margin: 0 auto; /* センタリング */
}

/* === ヘッダー部分のスタイル === */

.head	{width:800px}

.head td	{padding:10px;
vertical-align:top;
height:50px;
	 padding-top:10px;
	 padding-bottom:5px;
}

.head1	{width:600px;
background-color:#ffffff}

.head2	{width:200px;
text-align:right;
padding-right:50px}

.head h1	{font-size:12px;
	 font-family:Arial;
	 color:#333333;
	 margin-left:10px;
         margin-top:10px
	 margin-bottom:5px}

.headmenu	{width:800px;
	 align:center;
	 font-size:11px;
	 font-weight:bold;
padding-left:12px;}

.headmenu img	{border:none}

.hide  {display:none}

/* === サイドバーとコンテンツ部分のスタイル === */

.side_main	{width:800px;
	 height:100%;
	 border:none;
	 }


/* === サイドバー部分のスタイル === */

.side	{width:150px;
         vertical-align:top;
	 padding:0px;
	 border-right:solid 1px black}

.side div	{font-size:12px;
	 font-weight:bold;
	 border-bottom:solid 1px white;
 padding-top:8px;
	 padding-bottom:8px;
	 padding-left:8px;
	 padding-right:0px;
width:100px}
/*;
	 background-color:#fed0e0}
	 */

.side a	{color:black;
	 text-decoration:none}
.side a:hover	{color:#3366ff}

.sidemenu1	{width:150px;
margin-top:8px;
border-bottom:solid 1px white
 }


/* === コンテンツ部分のスタイル === */

.main	{padding-left:20px;
width:800px;
	 padding-right:20px;
	 padding-top:20px;
	 padding-bottom:40px;
	 vertical-align:top;
	 border-right:solid 1px white}

.main2	{padding-left:20px;
width:800px;
	 padding-right:20px;
	 padding-top:20px;
	 padding-bottom:40px;
	 vertical-align:top;
	 border-right:solid 1px white}

.main h1	{font-size:18px;
	 font-family:Arial, Helvetica;
border-top:solid 1px gray;
padding-top:10px}

.main h1 img	{vertical-align:middle;
	 margin-right:8px}

.main h2	{font-size:16px;
	 color:black;
	 margin-top:40px}

.main p	{font-size:14px;
	 line-height:160%;
	 color:#333333}

.photo td	{vertical-align:bottom;
	 font-size:12px;
	 padding:0px}

.copy div {padding-top:10px;
	 font-size:12px;
margin-top:30px;
	 text-align:center;
border-top:solid 1px gray}

.copy2 div {padding-top:10px;
	 font-size:12px;
margin-top:30px;
	 text-align:left;
border-top:solid 1px gray}

/* === サイドバー部分（右）のスタイル === */

.side2	{vertical-align:top;
padding-top:0px;
cellspacing:0px;
width:100px;
background-image:url("graycheck.gif");	 
	 padding-right:8px;
	 padding-left:8px}

.side2 .submenu	{font-size:12px;
	 font-weight:bold;
	 color:white;
width:95px;
height:12px;
text-align:center;
	 background-color:#ffffff;
	 padding:0px;
	 margin-top:20px;
	 margin-bottom:0px}

.side2 .submenu2	{background-color:#ffffff;
	 margin-top:0px;
width:105px;
	 padding:8px}

.side2 div	{font-size:12px;
	 margin-bottom:10px;
         line-height:150%}

.side2 a	{color:#000099}

.side2 img	{border:none}

.data2 {font-size:14px;
line-height:100%;
margin-top:10px;
margin-left:15px;
margin-right:20px;
padding:4px
       ;}

.data2 td {padding:6px;}

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background: #004080 url(hor2_menu2_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #002448 solid; /* 上境界線 */
border-bottom: 1px #002448 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 {
width: 3em;
}
div.nav ul.nl li.item2 {
width: 7em;
}
div.nav ul.nl li.item3 {
width: 10em;
}
div.nav ul.nl li.item4 {
width: 6em;
}
div.nav ul.nl li.item5 {
width: 6em;
}
div.nav ul.nl li.item6 {
width: 8em;
}
div.nav ul.nl li.item7 {
width: 6em;
}
div.nav ul.nl li.item8 {
width: 4em;
}
div.nav ul.nl li.item9 {
width: 6em;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.nav ul.nl li a:link,
div.nav ul.nl li a:visited,
div.nav ul.nl li a:hover,
div.nav ul.nl li a:active
{
color: #ffffff;
}
/* 英字部分 */
div.nav ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}