body	{margin:0px;
	 padding:0px;
	 }

a	{color:#33aaaa}
a:hover	{color:#00cc00}

/* === ヘッダー部分のスタイル === */

.head	{width:780px;
margin: 0 auto; /* センタリング */
}

.head td	{padding:10px;
vertical-align:top;
height:50px;
	 padding-top:10px;
	 padding-bottom:5px;
}

.head1	{width:780px;
background-color:#ffffff}

.head2	{width:780px;
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:780px;
	 align:center;
	 font-size:11px;
	 font-weight:bold;
padding-left:12px;}

.headmenu img	{border:none}

.hide  {display:none}

/* === サイドバー部分のスタイル === */

.side	{width:90px;
        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:90px;
	 background-color:#fed0e0}

.side a	{color:black;
	 text-decoration:none}
.side a:hover	{color:#3366ff}

.sidemenu1	{width:90px;
margin-top:8px;
border-bottom:solid 1px white
 }

/* === コンテンツ部分のスタイル === */

.main	{padding-left:20px;
width:420px;
	 padding-right:20px;
	 padding-top:20px;
	 padding-bottom:40px;
	 vertical-align:top;
	 border-right:solid 1px white}

.main2	{padding-left:20px;
width:700;
	 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:180px;
background-image:url("graycheck.gif");	 
	 padding-right:8px;
	 padding-left:0px}

.side2 .submenu	{font-size:12px;
	 font-weight:bold;
	 color:white;
width:180px;
height:12px;
text-align:center;
	 background-color:#ffffff;
	 padding:0px;
	 margin-top:0px;
	 margin-bottom:0px;
	 float: left}

.side2 .submenu2	{background-color:#ffffff;
	 margin-top:0px;
width:180px;
	 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;}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* === ヘッダーメニュー === */

#head_menu{
	width: 100%; /* ナビゲーションの幅 */
	background-color: #4169E1; /* ナビゲーションの背景色 */
	height:30px;
	zoom:100%;
	}
#head_menu ul *{
	width: 100%; /* メニューの幅 */
	margin: 0;
	list-style-type:none;
	display:block;}	
#head_menu ul li{
	width:120px;
	height:30px;
	position:relative;
	float:left;
	}
#head_menu ul li a{
	width:120px;
	height:30px;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	text-decoration:none;
	}
#head_menu ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
#head_menu ul li.off{
	overflow:hidden;
	width:120px;
	}
#head_menu ul li.off ol.sub{
	left:0px; top:-999px;
	}
#head_menu ul ol.sub{
	position:absolute;
	left:0px; top:30px;
	width:120px;
	border:1px solid #F0FFFF;
	text-align:center;
	}
#head_menu ul li.on{
	width:120px;
	}
#head_menu ul>li.on{
	overflow:visible;/*×*/
	}
#head_menu ul ol.sub li{
	width:120px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #F0FFFF;
	text-align:center;
	float:none;
	filter:alpha(opacity=85); /*IE*/
	-moz-opacity:0.85; /*FF*/
	}
#head_menu ul ol.sub li a{
	background:none;
	background-color:#FFFFFF;
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
#head_menu ul ol.sub li a:hover{
	color:#000000;
	background:none;
	background-color:#00FFFF;
	}

#head_menu ul li.a01 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a01 a:hover{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a02 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a02 a:hover{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a03 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a03 a:hover{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a04 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a04 a:hover{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a05 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a05 a:hover{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a06 a{ background:url(img/a01_on.jpg) no-repeat;}
#head_menu ul li.a06 a:hover{ background:url(img/a01_on.jpg) no-repeat;}

/* === サイドバーとコンテンツ部分のスタイル === */

.side_main	{width:720px;
	 height:100%;
	 border:none}

