@charset "utf-8";
/* CSS Document */

html{
	overflow-y:scroll;
}

*{
	margin:0;padding:0;outline:0;
}
body {
    font-size : 13px;
    background : #cecece url(../images/bg.png) repeat-x left top;
    color: #444;
    font-family:"繝｡繧､繝ｪ繧ｪ", "Meiryo", "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "sans-serif";
}

body.pdr {
    background : #fff;
}

ul, li {
    list-style-type : none;
}

a {
    text-decoration: none;
    color: #688f00;
}

a:hover {
    color: #000;
}

p  {
    margin: 0 0 15px;
    line-height: 1.6em;
}

img {
    display : block;
}

#header_area {
    width : 1036px;
    padding : 0px;
    margin : 0px auto;
    position:relative;
	height : 330px;
	background : #fff;
}

#header_area img {
	position : absolute;
	left : 20px;
	top : 0px;
	margin : 0px;
	z-index:1;
}

#header_areain {
	position : absolute;
	top : 130px;
	left : 20px;
	background : url(../images/herf_bg.png);	
    margin : 0px;
	z-index:100;
}


#header_areapdr {
    width : 996px;
    height : 130px;
    padding : 0px;
    margin : 0px auto;
    position:relative;
    background : url(../images/head_bg.jpg) no-repeat left top;
}


#header_areain h1, #header_areapdr h1 {
    margin : 0px 50px 0px 0px;
    font-size : 24px;
    line-height : 100%;
    padding : 10px 10px 0px 20px;
}

h1 a {
    color : #fff;
}

h1 a:hover {
    color : #688f00;
}

#header_areain h2,#header_areapdr h2 {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #cccccc;
	background-image : url(../images/h3_bg.png);
}

#nav ul {
    width : 996px;
    margin : 0px auto;
    padding : 0px;
    display:block;
    overflow:hidden;
    background : url(../images/menu_bg.png);
}

#nav ul li {
    margin : 0px;
    padding : 0px;
    width : 142px;
    float : left;
    font-size : 12px;
    font-weight : bold;
}

#nav ul li a {
    display : block;
    text-align : center;
    margin : 0px;
    padding : 7px 0px 0px 0px;
    min-height : 25px;
    height: auto !important;
    height:20px\9;

    *height:20px;
    _height:20px;
    color : #a8e13a;
}

#nav ul li a:hover {
    background : url(../images/menu.png) no-repeat left top;
    color : #fff;
}

.mainimg {
    border : none;
    display : block;
    margin : 0px 50px;
    background : #ccc url(../images/main.jpg) no-repeat left top;
}


#conteiner {
    width : 1036px;
    margin : 0px auto;
    display:block;
    overflow:hidden;
    background : #fff;
    padding-top : 20px;
}

#main_contents {
    float : right;
    width : 711px;
    margin : 0px 20px 0px 0px;
    padding : 0px;
    display:inline;
}

.text_area, .news_area, .resite_area, .sm_area {
    margin : 0px 0px 20px 0px;
    padding : 0px 0px 20px 0px;
    display:block;
    overflow:hidden;
}

.resite_area {
    padding-bottom : 40px;
}

.text_area h3, .news_area h3, .resite_area h3, .sm_area h3 {
    background : #c7ff33 url(../images/h3_bg.png) no-repeat left top;
    margin : 0px;
    color : #fff;
    font-size : 14px;
    padding : 10px 12px 0px 15px;
    min-height : 30px;
    height: auto !important;
    height:30px\9;
    *height:30px;
    _height:30px;
}

.resite_area h3 {
    margin-bottom : 15px;
}

.text_area p {
    margin : 0px 15px;
    padding-top : 15px;
}

.sm_area ul, .text_area ul {
    margin : 10px 15px;
}

.news_area dl {
    margin : 8px 15px 10px 15px;
    zoom: 1;
    overflow: hidden;
}

.news_area dt{
    font-size : 13px;
    padding : 5px 3px 0px 0px;
    margin : 0px;
    color : #999;
}

.news_area dd{
    padding : 0px 5px 5px 0px;
    margin : -1px 0px 0px 0px;
    border-bottom : 1px solid #aaa;
}

.resite_area p {
    font-size : 14px;
    margin : 5px 15px 0px 15px;
    padding : 0px;
    font-weight : bold;
    color : #688f00;
}

.resite_area div {
    margin : 2px 15px 0px 15px;
    padding : 0px 0px 3px 15px;
    border-bottom : 1px solid #aaa;
}

.sm_area ul li, .text_area ul li {
    margin : 0px 0px 10px 0px;
    padding : 0px 0px 0px 18px;
    background : url(../images/li.gif) no-repeat 0px 7px;
}

#side_contents {
    width : 265px;
    float : left;
    margin : 0px 0px 0px 20px;
    padding : 0px;
    display:inline;
}

#side_contents h4 {
    background : #8e8e8e url(../images/h4_bg.png) no-repeat left top;
    margin : 0px;
    color : #fff;
    font-size : 13px;
    padding : 10px 12px 0px 15px;
    min-height : 30px;
    height: auto !important;
    height:30px\9;
    *height:30px;
    _height:30px;
}

.recosite_area {
    margin : 0px;
    padding : 15px 0px 0px 0px;
}

.recosite_area img {
    display:block;
    margin : 0px auto;
    border : 1px dotted #444;
}

.recosite_area p {
    display:block;
    width : 187px;
    margin : 5px auto 0px auto;
    color : #444;
    font-weight : bold;
    font-size : 13px;
    padding : 0px;
    line-height : 120%;
}


.recosite_area div {
    display:block;
    width : 187px;
    margin : 0px auto;
    padding-bottom : 10px;
    color : #666;
}


#footer_area {
    clear : both;
    width : 996px;
    padding : 0px;
    margin : 0px auto;
    background : url(../images/contents_footer.png) no-repeat center top;
}

#footer_area p {
    display : block;
    text-align : center;
    padding : 30px 0px 80px 0px;
    margin : 0px auto;
    color : #555;
}

/* 蝗ｺ螳夐・鄂ｮ */
    #nav {
        background : url(../images/menu_bg_bg.png);
        position: fixed !important;
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 10px 0px;
        width : 100%;
    
}
    /* IE6 */
    * html ,* html body {
        height: 100%;
    
}
    * html #wrap {
        overflow: auto;
        position: relative;
        width: 100%;
        height: 100%;
    
}