/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/


.m0l0o {
	border: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

.m0l1o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l2o {
	border: 1px solid #ffffff;
	text-decoration: none;
}

.m0l0i {
	font-size: 13px;
	padding: 4px;
	text-decoration: none;
	text-align:center
}

.m0l1i {
	font-size: 10px;
	padding: 4px;
	text-decoration: none;
}

.m0l2i {
	font-size: 10px;
	padding: 4px;
	text-decoration: none;
}


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

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

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

.head	{background-color:#5A83AD;
	 width:760px;
	 height:50px}

.head1	{width:0px;
	 text-align:left}

.head2	{text-align:center;
         width:760px}

.head3	{width:0px;
         text-align:left}


.head h1	{font-size:45px;
	 font-family:'ＭＳ Ｐゴシック';
	 color:white;
	 margin-bottom:1px}

.head div	{font-size:20px;
	 color:white}

.menu	{width:760px;
height:30px;

	 background-color:#3C6593;
	 font-size:12px;
	 font-weight:bold;
	 color:white;
	 border-top:none}

.menu div	{padding-top:3px;
	 padding-bottom:6px}

.menu1	{width:420px}

.menu1 div	{float:left;
	 width:100px;
	 border-right:solid 1px white;
	 text-align:center}

.menu1 a	{color:white;
 	 text-decoration:none}
.menu1 a:hover	{color:#14ED0F}

.menu2	{text-align:right}
.menu2 div	{margin-right:10px}


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

.side_main	{width:760px;
	 height:100%;
	 border:solid 3px #3C6593;
	 border-top:none}


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



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

.main	{width:581px;
background-color:#EBF1F1;
	 padding-left:5px;
	 padding-top:0px;
	 padding-bottom:20px;
	 vertical-align:top}



.main .submenu{font-size:14px;
	 font-family:Arial, Helvetica;
	 background-color:#cccccc;
	 border-left:solid 0px #336666;
	 padding:0px;
	 margin-top:10px}

.main a	{color:#333333}




.main h1	{font-size:18px;
	 font-family:Arial, Helvetica}

.main h1 img	{vertical-align:top;
	 margin-top:0px}

.main h2	{border-bottom:solid 5px #336666;
	 font-size:12px;
	 color:black;
	 padding:5px 5px 3px}

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

.photo td	{vertical-align:bottom;
	 font-size:12px;
	 padding:5px}
.photo img	{margin-left:5px}


.copy	{border-top:solid 3px #336666;
	 padding-top:6px;
	 font-size:10px;
	 text-align:center}




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

.side	{vertical-align:top;
width:170px;
background-color:#EBF1F1;
padding-left:8px;
padding-right:2px}


.side .submenu	{font-size:14px;
	 font-family:Arial, Helvetica;

	 border-left:solid 0px #336666;
	 padding:0px;
	 margin-top:3px}

.side div	{font-size:12px;
	 margin-bottom:10px}

.side a	{color:#333333}

.side img	{border:none}