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

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

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

.head	{width:700px}

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

.head1	{width:500px;
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:700px;
	 align:center;
	 font-size:11px;
	 font-weight:bold;
padding-left:12px;}

.headmenu img	{border:none}

.hide  {display:none}

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

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


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

.side	{width:80px;
        background-color:#fed0e0;
         vertical-align:top;
	 padding:0px;
	 border-right:solid 1px white}

.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:80px;
	 background-color:#fed0e0}

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

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


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

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

.main2	{padding-left:20px;
width:550px;
	 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:80px;
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: 800px; /* ナビゲーションの幅 */
background: #4e83b3 url(hor_menu6_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 2px #84aed2 solid; /* 上境界線 */
border-bottom: 2px #2c5170 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 700px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #4e83b3 url(hor_menu6_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #2c5170 solid; /* メニューの左境界線 */
border-right: 1px #84aed2 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

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

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 7px 2px 4px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #84aed2 solid; /* リンクエリアの左境界線 */
border-right: 1px #2c5170 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}
/* 英字部分 */
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: #5e91bd url(hor_menu6_on.gif) repeat-x top; /* ポイント時の背景 */
}
div.nav ul.nl li a:hover span.en {
color: #fde337; /* ポイント時の英字の文字色 */
}

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