@charset   "Shift_JIS";
/* === 全体のスタイル === */

BODY	{margin : 0px;margin-bottom : 0px;
	 padding : 0px;padding-bottom : 0px;
	 background-color:#dcfcaf;
	 text-align : center;
	 background-image : url(img/site_bg.gif);
	 background-repeat : repeat-y;
	 background-attachment : inherit;
	 background-position : 50%;}

a	{color:#33aaaa;}
a:hover	{color:#00cc00;
	 text-decoration:none;}

.hide	{display:none;}

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

.head	{background-color:#32d4a9;
	 background-repeat : no-repeat;
	 width:650px;
	 height:80px;
	 margin-left : auto;
	 margin-right : auto;
}

.head1 {width: 360px;}

.head1 IMG{width:355px;
	 height:70px;
	 padding : 0px;
	 margin : 0px;
	 border-width :0px;}

.head2{ vertical-align:top;
	 padding: 3px 10px 0 0;}

.yahoo	{font-size:10px;
	 padding:0;
	 margin:0;
	 text-align : right;}

.yahoo form{margin:0;padding:0;}

.yahoo P{margin:0;padding:0;}

.yahoo A{font-size : 10px;}

#yahoo_input1	{background-color:#ffffff;
	 background-image : url(http://i.yimg.jp/images/search/guide/searchbox/080318/yjapan_logo_50_13.gif);
	 background-repeat : no-repeat;
	 background-position : center center;
	 margin : 0px;
	 border : 1px;
	 border-style : solid;
	 border-color : #32d4a9;
	 width : 100px;height : 20px;}

#yahoo_input2	{color : #33aaaa;
	 margin-top : 0px;
	 margin-left : 0px;
	 margin-right : 0px;
	 margin-bottom : 0px;}

.yahoo UL{font-size : 12px;
	 color : #33aaaa;
	 padding: 0px;
	 margin: -3px 0px 0px 0px;
	 list-style-type : none;}

.yahoo LI{display:inline;}

.head3	{vertical-align : bottom;}

.head3 DIV	{font-size:12px;
	 color:white;
	 vertical-align : bottom;
	 text-align : right;
	 padding-right:10px;
	 padding-bottom:2px;}

.head3 IMG{margin-left:3px;
	 margin-top:3px;
	 border : 0px;
	 width : 13px;
	 height : 10px;
  vertical-align : baseline;
}

.head3 A	{font-size:12px;
	 color:white;
	 text-decoration : none;}

.head3 A:hover	{color:white;
	 text-decoration : underline;}


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

.side_main	{width:650px;
	 margin-left : auto;
	 margin-right : auto;
}


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

.side	{width:128px;
	 background-color:#32d4a9;
	 background-image : url(img/side_bg.jpg);
	 background-repeat : repeat-y;
	 vertical-align:top;
	 padding:0px;}

.side DIV	{font-size:12px;
	 font-weight:bold;
	 border-top:solid 1px white;
	 background-image : url(img/side_bg.jpg);
	 background-repeat : repeat-y;}

.side A{color:#ffffff;
	 text-decoration:none;
	 display:block;
	 padding:8px 12px 8px 12px;}

.side A:hover{color:#00cc00;
	 padding:8px 12px 27px 12px;}


#side0 A:hover{background-image : url(img/side_hover0.gif);}
#side1 A:hover{background-image : url(img/side_hover1.gif);}
#side2 A:hover{background-image : url(img/side_hover2.gif);}
#side3 A:hover{background-image : url(img/side_hover3.gif);}
#side4 A:hover{background-image : url(img/side_hover4.gif);}
#side5 A:hover{background-image : url(img/side_hover5.gif);}
#side6 A:hover{background-image : url(img/side_hover6.gif);}
#side7 A:hover{background-image : url(img/side_hover7.gif);}
#side8 A:hover{background-image : url(img/side_hover8.gif);}

#menu	{color:#00cc00;
	 background-repeat : no-repeat;
	 padding:8px 12px 27px 12px;
	 margin-bottom:0px;}

#submenu	 {
	 font-weight : normal;
	 border-top : 1px dashed #ffffff;
	 background-color:#9ff5dd;
	 background-image : url(img/side_submenu_bg.jpg);
	 background-repeat : repeat-y;}

#submenu A	{color:#33aaaa;
	 text-decoration : underline;
	 display:block;
	 padding:6px 0px 6px 20px;}

#submenu A:hover {
	color: #00cc00;
	text-decoration: none;
	background-image: url(img/side_submenu_hover.jpg);
	background-repeat: no-repeat;
}



#submenu2	 {
	 font-weight : normal;
	 border-top : 1px dashed #ffffff;
	 background-color:#9ff5dd;
	 background-image : url(img/side_submenu_bg.jpg);
	 background-repeat : repeat-y;}

#submenu2 A	{color:#33aaaa;
	 text-decoration : none;
	 display:block;
	 padding:6px 0px 6px 30px;}

#submenu2 A:hover {
	color: #00cc00;
	text-decoration: none;
	background-image: url(img/side_submenu2_hover.jpg);
	background-repeat: no-repeat;}




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

.main	{width:462px;
	 background-color : white;
	 background-image : url(img/content_bg.jpg);
	 background-repeat : no-repeat;
	 background-position : 100% 0%;
	 padding:30px 30px 20px 30px;
	 color : #333333;
}

.main H1{font-size:14px;
	 color : #00cc00;
	 background-repeat : no-repeat;
	 height:70px;
	 margin-top : 0px;
	 margin-bottom : 5px;
	 padding : 40px 0px 4px 21px;}

.main H1 A{color : #00cc00;}

.main H2{
	 font-size : 14px;
	 color : #ffffff;
	 background-color : #9999ff;
	 margin-left : 0px;
	 border-left-width : 8x;
	 border-left-style : solid;
	 border-left-color : 3366ff;
	 padding-top : 3px;
	 padding-left : 12px;
	 padding-bottom : 3px;
}

.main P	{font-size:13px;
	 line-height:140%;
	 color:#333333;}

.here	{font-size : 11px;}

.red	{color:red;font-size : 12px;}
.gray	{color:gray;font-size : 11px;}

#gototop{text-align:right;
	 font-size: 10px;
	 width: 100%;
	 border:0;
	 margin-top : 40px;
	 margin-bottom : 25px;}

#gototop IMG{width:17;
	 height:19;
	 border:0;
	 vertical-align:-2px;
	 margin-left:2px;}

.line{text-align : center;
	 width:100%;
	 margin:0;}
.line IMG{border : 0px;}


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

.foot	{width:650px;
	 height:120px;
	 margin-left : auto;
	 margin-right : auto;
}

.foot1	{width:128px;
	 background-color:#32d4a9;
	 background-image : url(img/side_bg.jpg);
	 background-repeat : repeat-y;
	 vertical-align:bottom;
	 padding:0px 0px 10px 0px;}

.foot2	{width:462px;
	 background-color : white;
	 background-image : url(img/content_foot.jpg);
	 background-repeat : no-repeat;
	 background-position : 100% 100%;
	 padding:0px 30px 10px 30px;
	 vertical-align :bottom;
	 font-weight : normal;
	 text-align : left;
	 font-size : 12px;
	 color:#333333;}

.link	{width:100%;
	 font-size : 11px;
	 color : #32d4a9;
	 line-height:120%;
	 text-align:center;}

.link A{padding:0px 5px 0px 5px;}

.address{padding-top : 10px;
	 color:#666666;
	 margin-top : 10px;
	 border-top : 1px dotted #32d4a9;}

.copy	{font-size : 11px;
	 color:#999999;
	 margin-top : 5px;}