body	{margin:0px;
	 padding:0px;
	 }
	 
a	{color:blue}
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:680px;
	 height:100%;
	 border:none}


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

.side	{width:80px;
        background-color:#B0C4DE;
         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:12px;
	 padding-right:0px;
width:80px;
	 background-color:#B0C4DE}

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

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


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

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

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

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

.mai2 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}


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

.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:95px;
	 padding:8px}

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

.side2 a	{color:#000099}

.side2 img	{border:none}

/* === プルダウンメニュー === */

/* サブメニュー */
div.hiddenmenus ul {
   list-style: none; /* リスト先頭の記号を消す */
   margin: 0px;    /* 本来の余白をなくす */
   padding: 0px;   /* 本来の余白をなくす */
   font-size: 100%; /* 文字を小さめにする */
   width: 10em; /* 横幅：10文字分 */
}
div.hiddenmenus li {
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color: black; /* 線の色：緑 */
   padding: 0.1em 0.3em; /* 内側の余白：上下に0.1文字分・左右に0.3文字分 */
}

/* ▼個別の装飾（背景色） */
div#subMenu01 ul {
   background-color: #ffffff; /* 水色 */
}
div#subMenu02 ul {
   background-color: #ffcccc; /* 淡い赤色 */
}

div#subMenu01 {
   position:absolute; top: 135px; left: 115px;
}
div#subMenu02 {
   position:absolute; top: 135px; left: 230px;
}
div#subMenu03 {
   position:absolute; top: 135px; left: 345px;
}
div#subMenu04 {
   position:absolute; top: 135px; left: 460px;
}

div#subMenu01 { visibility: hidden; }
div#subMenu02 { visibility: hidden; }
div#subMenu03 { visibility: hidden; }
div#subMenu04 { visibility: hidden; }

/* 縦型サブメニュー */
div.sub_hiddenmenus ul {
   list-style:  circle;/* リスト先頭の記号を消す */
   margin: 0px;    /* 本来の余白をなくす */
   padding: 0px;   /* 本来の余白をなくす */
   font-size: 100%; /* 文字を小さめにする */
   width: 10em /* 横幅：8文字分 */
}
div.sub_hiddenmenus li {
   border-width: 0px 0px 1px 1px; /* 下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color: white; /* 線の色：白 */
   padding: 0.5em 0.3em; /* 内側の余白：上下に0.2文字分・左右に0.3文字分 */
}

/* ▼個別の装飾（背景色） */
div#subMenu11 ul {
   background-color: #B0C4DE; /* 水色 */
}
div#subMenu12 ul {
   background-color: #ffcccc; /* 淡い赤色 */
}

div#subMenu11 {
   position:absolute; top: 206px; left: 75px;
}
div#subMenu12 {
   position:absolute; top: 135px; left: 80px;
}
div#subMenu13 {
   position:absolute; top: 135px; left: 80px;
}
div#subMenu14 {
   position:absolute; top: 135px; left: 80px;
}

div#subMenu11 { visibility: hidden; }
div#subMenu12 { visibility: hidden; }
div#subMenu13 { visibility: hidden; }
div#subMenu14 { visibility: hidden; }
