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

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

.head	{background-color:#32d4a9;
	 width:760px;}

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

.head1 img	{vertical-align="middle";
	 margin-left:12px}

.head2	{padding-left:24px}

.head h1	{font-size:36px;
	 font-family:'Comic Sans MS';
	 color:white;
	 margin-bottom:1px}

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

.head img	{margin-top:2px}

.headmenu	{background-color:#336666;
	 width:760px;
	 text-align:left;
	 font-size:11px;
	 color:white}

.headmenu td	{padding-left:9px}

.headmenu a	{color:white;
	 text-decoration:none}

.headmenu a:hover	{color:orange}

.headmenu img	{height:15px;
	 border:none;
	 vertical-align="middle"}


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

.side_main	{width:760px;
	 border:solid 3px #336666;
	 border-top:none}


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

.side	{width:128px;
	 background-color:#32d4a9}

.side	{vertical-align:top;
	 padding:0px}

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

.side a	{color:#444444;
	 text-decoration:none}
.side a:hover	{color:white}

.sidemenu1	{margin-top:20px;
	 border-top:solid 1px white}


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

.main	{width:400px;
	 padding-left:30px;
	 padding-right:30px;
	 padding-top:25px;
	 padding-bottom:20px;
	 vertical-align:top}

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

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

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

.main h2 img	{border:none;
	 vertical-align:middle;
	 margin-left:12px}

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

.main p img	{border:none;
	 vertical-align:middle;
	 margin-left:12px;
	 margin-right:12px}

.main a	{color:black;
 	 text-decoration:none}

.main a:hover	{color:black;
 	 color:#00cc00;
 	 text-decoration:none}

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

.photo img	{margin-right:8px}

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


/* === SHOPPING部分のスタイル === */
.sub	{
	width:395px;
	border:solid 2px yellowgreen;
	padding-bottom:12px;
	border-width:4px;
	border-style:dotted;
	}

.sub div	{
	position:relative;
	left:11px;
	top:-10px;
	width:5em;
	text-align:center;
	background-color:yellowgreen;
	padding:1px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:white;
	}

.sub p	{
	margin:0px 15px 0px 15px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:16px;
	}

.sub img	{border:none;
	 margin-left:12px;
	 margin-right:12px;
	 margin-bottom:12px;
	 float:left;
	}

.sub td	{vertical-align:top;
	 font-size:16px;
	 padding-bottom:10px}

.sub a	{color:black;
	 font-size:16px;
 	 text-decoration:none}

.sub a:hover	{color:black;
	 font-size:16px;
 	 color:#00cc00;
 	 text-decoration:none}


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

.side2	{vertical-align:top;
	 padding-right:20px}

.side2 .submenu	{font-size:14px;
	 font-family:Arial, Helvetica;
	 background-color:#cccccc;
	 border-left:solid 8px #336666;
	 padding:3px;
	 margin-top:30px}

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

.side2 a	{color:#333333;
	 text-decoration:none}

.side2 img	{border:none;
	 vertical-align="middle"}