@charset "UTF-8";

/*
 * --　　全ページ共通　　---------------------------------------*/
    * {
        margin: 0;
        padding: 0;
        }

    li {
            list-style: none;
            }

    a img {
            border: none;
            }

    html {
            position: relative;
            height: 100%;
            min-width: 900px;
            }

    body {
            width: 100%;
            min-height: 100%;
            font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",Arial,sans-serif;
            -webkit-font-kerning: auto;
            -webkit-font-smoothing: antialiased;
            font-size: 12px;
            color: #000000;
            }

    #wrapper {
                position: relative;
                width: 900px;
                min-height: 100%;
                margin: 0 auto;
                }

    a {
        color: #0000ff;
        text-decoration: none;
        }


/*
 * --　ヘッダー　↓↓-------------------------------------------*/
    header {
                position: relative;
                display: block;
                z-index: 2;
                margin: 0 0 10px;
                }

    header h1 {
                position: relative;
                top: 10px;
                left: 50%;
                margin-left: -440px;
                }

    header h2 {
                position: absolute;
                top: 25px;
                right: 10px;
                font-size: 18px;
                color: #008080;
                }

    .toiawase {
                position: relative;
                display: block;
                width: 210px;
                height: 31px;
                background: url(../../images/header/toiawase.jpg) left top no-repeat;
                white-space: nowrap;
                overflow: hidden;
                margin-top: -3px;
                }

    .toiawase:hover {
                        background-position: right bottom;
                        }

    .sitemap {
                position: absolute;
                display: block;
                width: 95px;
                height: 20px;
                background: url(../../images/header/sitemap.png) left top no-repeat;
                white-space: nowrap;
                overflow: hidden;
                z-index: 10;
                left: 50%;
                margin: -94px 0 0 350px;
                }

    .sitemap:hover {
                        background-position: right bottom;
                        }


/*
 * スライダーの定義 　↓↓------------------------------------*/
/* SLIDER STYLES */
    .slider-wrapper {
                        position: relative;
                        display: block;
                        width: 100%;
                        overflow: hidden;
                        box-shadow: 0 3px 5px #666;
                        margin: 0px auto;
                        }

    .slider {
                position: relative;
                width: 100%;
                background: url(../../images/slider/slidebackground.jpg);
                margin: 0 auto;
                }

    @media only screen and (min-width: 900px) {
                                                    .slider {
                                                                width: 900px;
                                                                }
                                                    }

/*--ELEMENT STYLES------------------------------*/
    .slide p {
                position: absolute;
                line-height: 100%;
                font-size: 18px;
                color: #ffffff;
                white-space: nowrap;
                text-transform: uppercase;
                z-index: 8000;
                top: -200px;
                padding: 1% 3%;
                }

    .slide .claim {
                    line-height: 100%;
                    }

    .slide .teaser {
                        line-height: 100%;
                        font-size: 12px;
                        padding: 0.5% 1.5%;
                        }

    .slide .small {
                    width: 250px;
                    text-align: center;
                    padding-left: 0;
                    padding-right: 0;
                    }

    .light-green {
                    background: #95C542;
                    }

    .green {
                background: #7CB761;
                }

    .orange {
                background: #EF7D00;
                }

    .turky {
                background: #348E8A;
                }
    .olive {
                background: #808000;
                }

    .silver {
                background: #c0c0c0;
                }

    .white {
                background: #ffffff;
                color: #333333;
                }
/*
 * スライダーの定義 　↑↑------------------------------*/
/*
 * --　ヘッダー　↑↑-------------------------------------------*/


/*
 * --　パンくずリスト　↓↓----------------------------------------*/
    #topic {
                position: relative;
                width: 900px;
                line-height: 40px;
                font-size: 11px;
                z-index: 3;
                }

    ol#topicpath {
                    width: 900px;
                    margin: 0 0 0 0px;
                    }

    ol#topicpath li {
                        display: inline;
                        list-style-type: none;
                        }

    ol#topicpath li a {
                        background-image: url(../../images/icon/pankuzu.gif);
                        background-repeat: no-repeat;
                        background-position: right center;
                        text-decoration: none;
                        padding: 0 15px 0 0;
                        }
/*
 * --　パンくずリスト　↑↑----------------------------------------*/


/*
 * --　#contents　↓↓-----------------------------------*/
    #contents {
                position: relative;
                float: right;
                display: block;
                width: 700px;
                margin-top: 10px;
                margin-left: auto;
                margin-right: auto;
                }
/*
 * --　#contents　↑↑-----------------------------------*/
 

/*--
 * ナビゲーション　↓↓---------------------------------------*/
    #wrapper:after {
                        position: absolute;
                        float: left;
                        content: "";
                        display: block;
                        width: 180px;
                        height: 60%;
                        background: url(../../images/background/nav_back.jpg) repeat;
                        bottom: 0;
                        z-index: -1;
                        }

    #navigation {
                    position: relative;
                    width: 180px;
                    float: left;
                    background: url(../../images/background/link_back.jpg) repeat;
                    border-top: 5px solid #228b22;
                    margin: 10px 0 200px 0;
                    padding: 0px 0 0 0;
                    z-index: 3;
                    }


/* #navigation：ナビカラム:メニュー
-----------------------------------------*/
    nav > ul {
                margin-bottom: 10px;
                }

    nav ul li {
                position: relative;
                }

    nav ul li a {
                    display: block;
                    text-decoration: none;
                    border-bottom: 1px solid #000000;
                    color: #444;
                    font-weight: bold;
                    font-size: 12px;
                    padding: 20px;
                    }

    nav ul li a:hover {
                        background: url(../../images/background/onmouse.jpg) repeat;
                        }

    nav ul ul {
                display: none;
                }

    nav ul li:hover ul {
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 180px;
                            min-width: 180px;
                            border-left: 1px solid #FFF;
                            }

    nav ul li li a {
                        opacity: .8;
                        background: #555;
                        color: #FFF;
                        }

    nav ul li li a:hover {
                            background-image: url(../../images/background/link_back.jpg);
                            color: #a52a2a;
                            }
/*--
 * ナビゲーション　↑↑---------------------------------------*/


/*フッター
-----------------------------------------*/
    footer {
                clear: both;
                height: 70px;/* footer small + 上スペースの高さ*/
                border-bottom: 5px solid #228b22;
                }
    
    *+html footer {
                    clear: none;
                    width: 900px;
                    }
    
    footer small {
                   position: absolute;
                   height: 70px;
                   width: 635px;
                   line-height: 85px;
                   display: block;
                   font-family: Arial,"Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
                   font-size: 12px;
                   color: #666;
                   text-align: right;
                   padding-right: 65px;
                   border-top: 1px solid #c0c0c0;
                   bottom: 0;
                   right: 0;
                   z-index: -1;
                   }

/*フットナビ
-----------------------------------------*/
    #footNavi ul {
                    position: relative;
                    width: 100%;
                    display: block;
                    margin: 0 auto;
                    padding: 10px 0 0 0;
                    text-align: center;
                    }

    #footNavi li {
                    display: inline;
                    margin: 0 0 0 10px;
                    list-style: none;
                    }

    #footNavi li a {
                        font-size: 11px;
                        background: url(../../images/icon/bg_footmenu.gif) 0 50% no-repeat;
                        text-decoration: none;
                        padding-left: 10px;
                        }


/* トップへ戻る
-----------------------------------------*/
    section > p {
                    margin: 60px 0 10px 0;
                    min-height: 1em;
                    }

    section > p a[href="#top"] {
                                    text-decoration: underline;
                                    display: block;
                                    float: right;
                                    }


/*
 * --　noscript　-----------------------------------------*/
    p#noscript {
                    padding: 30px;
                    color: red;
                    border: 3px solid #F00;
                    background: #FFF;
                    font-weight: bold;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 100;
                    }


/*
 * -- clearfix -----------------------------------------*/
    .clearfix: after {
                        content: "."; 
                        display: block;
                        clear: both;
                        height: 0;
                        visibility: hidden;
                        }

    .clearfix {
                min-height: 1px;
                }

    * html .clearfix {
                        height: 1px;
                        /*\*//*/
                        height: auto;
                        overflow: hidden;
                        /**/
                        }