body{
margin: 0;
padding: 0;
font-size: 80%;
background: #FFF;
}

img{
border: 0;
}

/************ レイアウト定義 ************/

/*** 外ボックス ***/

div#wrapper{
margin: 0 auto;
padding: 0;
width: 760px;
background: #FFF;
}

/*** ヘッダー ***/

div#header{
margin: 0;
padding: 0;
height: 100px;
background: url("images/header.gif");
}

/*** メニュー ***/

div#menu{
margin-top: 15px;
background: url("images/menu_back.jpg") no-repeat;
}

/*** メインボックス ***/

div#main{
padding-top: 15px;
background: #FFF;
}

/*** サイド ***/

div#side{
float:left;
width:200px;
background: #FFF;
}

#side div.side_title{
background: #E7FCC9;
font-weight: bold;
text-align: center;
margin-right: 5px;
padding: 4px 5px;
color: #000;
}

#side div.side_contents{
margin: 0 5px 20px 0;
padding: 5px 5px 10px 5px;
background: #E7FCC9;
line-height: 1.5;
}

/*** ニュース ***/

div#news{
padding-bottom: 10px;
}

/*** コンテンツ ***/

div#contents{
margin: 0 0 20px 0;
float:right;
width: 550px;
background: #FFF;
}

/*** フッター ***/

div#footer{
padding: 5px;
background: url("images/footer.gif");
color: #666;
text-align :center;
}

div#deco_banner{
font-size: x-small;
}

/*** clearfix ***/

.clearfix:after{
content: "";
display: block;
clear: both;
overflow: hidden;
}

/*\*/
* html .clearfix {
height: 1em;
}

.clearfix{
zoom: 1;
}

/************ ここからスタイル定義 ************/

/*** 通常リンク指定 ***/

a:link{
color: #336600;
}

a:visited{
color: #336600;
}

a:hover{
color: #99CC00;
text-decoration: none;
}

/*** ヘッダー内リンク ***/

#header a
#header a:hover{
margin: 0;
padding: 0;
color: #000;
text-decoration: none;
}

/*** ニュースのタイトル ***/

#news div{
margin: 0;
padding: 5px 5px 5px 25px;
font-size: 1em;
background: url("images/news_back.gif") no-repeat;
font-weight: bold;
color: #FF6699;
}

/*** ニュース内記事 ***/

#news p{
border: 1px solid #CCC;
padding: 5px;
}

/*** メニューリスト ***/

#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu li{
float: left;
margin: 0;
}

#menu li a{
display: block;
padding: 8px 10px;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #336600;
}

#menu li a:hover{
font-weight: bold;
text-decoration: none;
color: #99CC00;
}

/*** コンテンツ内p定義 ***/

#contents p{
margin: 15px 20px;
line-height: 1.5;
}

/*** コンテンツ内blockquote定義 ***/

#contents blockquote{
margin: 10px 20px;
padding: 10px;
background: #EEE;
}

/*** コンテンツ内リスト定義 ***/

#contents ol li
#contents ul li{
margin: 5px 0;
}

/*** コンテンツ内画像位置 ***/

#contents img{
margin: 5px;
}

/*** サイド内リスト定義 ***/

#side ul
#side ol{
margin: 0;
padding-left: 15px;
}

#side ul li
#side ol li{
margin: 5px 0;
}

/*** 見出しの定義 ***/

/*** h1 ---- ヘッダー内サイトタイトル ***/

h1{
font-size: 1.4em;
color: #FFF;
margin: 0;
padding: 10px 10px 5px 10px;
}

/*** h2 ---- コンテンツの見出し ***/

#contents h2{
margin: 0px 15px 20px 5px;
padding: 5px 5px 5px 25px;
font-size: 1em;
background: url("images/h2_mark.gif") no-repeat;
color: #666;
border-bottom: 1px dotted #66CC00;
}

h3{
padding: 3px 5px;
margin: 10px 15px 15px 10px;
font-size: 1em;
border-bottom: 3px double #66CC00;
}

h4{
padding: 3px 5px;
margin: 10px 15px 15px 10px;
font-size: 1em;
border-bottom: 1px solid #66CC00;
}

/*** ヘッダー内サブタイトル ***/

#header div{
margin: 0 0 0 10px;
font-size: 1em;
color: #000;
}