@charset "utf-8";

/* 共通スタイル */
body {
    background-color: #D9D9D9;
    color: #656565;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-device-width: 480px) {
	body {
    	background-color: #D9D9D9;
		color: #656565;
		font-size: 7px;
		font-family: Arial, Helvetica, sans-serif;
	}
}

#wrap {
    width: 850px;
    margin: 20px auto 0;
}

#wrap-index {
    width: 850px;
    height: 20px;
    background: url(/images/bg_index_wrap.jpg) left top no-repeat;
    margin: 0 auto;
    padding: 20px 0 0 0;
}


/* #body: ボディ */
#body {
    background: url(/images/bg_main.jpg) left top no-repeat;
}

#body-index {
    background: #FFF url(/images/bg_main_index.jpg) left top no-repeat;
}

    #main {
    }

        /* 各ページのtopイメージ */
        h1.title {
            margin: 45px 0 0;
        }


        /* パンくずリスト */
        .pager {
            margin: 10px 0;
        }

        .pager span,
        .pager a {
            color: #999999;
            margin: 0 5px;
        }


        h3.message {
            margin: 0 0 10px 0;
        }

    #sub {
    }

        /* 言語切り替えボタン */
        ul.lang-navi {
            margin: 0 0 30px 20px;
        }

            ul.lang-navi li {
                float: left;
            }

                ul.lang-navi li a {
                    display: block;
                    width: 80px;
                    height: 20px;
                    background-position: left top;
                    text-indent: -9999px;
                }

                ul.lang-navi li.ja a { background-image: url(/images/btn_japanese.jpg);}
                ul.lang-navi li.en a { background-image: url(/images/btn_english.jpg);}

                ul.lang-navi li.ja a:hover,
                ul.lang-navi li.en a:hover { background-position: left -20px;}

                ul.lang-navi li.over a { background-position: left -20px;}


        /* グローバルナビ */
        ul.global-navi {
            margin: 0 0 25px 15px;
        }

            ul.global-navi li {
            }

                ul.global-navi li a {
                    display: block;
                    width: 165px;
                    height: 30px;
                    background-position: left top;
                    text-indent: -9999px;
                }

                ul.global-navi li.top a { background-image: url(/images/btn_top.jpg);}
                ul.global-navi li.item a { background-image: url(/images/btn_item.jpg);}
                ul.global-navi li.company a { background-image: url(/images/btn_company.jpg);}
                ul.global-navi li.recruitment a { background-image: url(/images/btn_recruitment.jpg);}
                ul.global-navi li.member a { background-image: url(/images/btn_member.jpg);}
                ul.global-navi li.interview a { background-image: url(/images/btn_interview.jpg);}
                ul.global-navi li.mail a { background-image: url(/images/btn_mail.jpg);}
                ul.global-navi li.link a { background-image: url(/images/btn_link.jpg);}

                ul.global-navi li.top a:hover,
                ul.global-navi li.item a:hover,
                ul.global-navi li.company a:hover,
                ul.global-navi li.recruitment a:hover,
                ul.global-navi li.member a:hover,
                ul.global-navi li.interview a:hover,
                ul.global-navi li.mail a:hover,
                ul.global-navi li.link a:hover { background-position: left -30px;}

                ul.global-navi li.over a { background-position: left -30px;}


        /* サーチ */
        dl.search {
            height: 55px;
            margin: 0 0 10px 0;
            padding: 25px 0 0 15px;
        }

            dl.search dt {
            }

                dl.search dt input {
                    width: 150px;
                }

            dl.search dd {
                margin: 10px 0 0 105px;
            }


        /* ログインエリア */
        dl.login-area {
            height: 73px;
            margin: 0 0 10px 0;
            padding: 27px 0 0 52px;
        }

            dl.login-area dt {
                margin: 0 0 8px 0;
            }

            * html dl.login-area dt {
                margin: 0 0 6px 0;
            }

                dl.login-area dt input {
                    width: 110px;
                }

            dl.login-area dd {
                margin: 0 0 0 65px;
            }


        /* ランキング */
        .ranking {
            height: 302px;
            padding: 30px 0 0 15px;
        }

        * html .ranking {
            padding: 25px 0 0 15px;
        }

            .no1 {
                width: 160px;
                height: 70px;
                background: url(/images/img_no1.jpg) left top no-repeat;
                margin: 0 0 10px 0;
                padding: 20px 0 0 0;
            }

            .no2 {
                width: 160px;
                height: 70px;
                background: url(/images/img_no2.jpg) left top no-repeat;
                margin: 0 0 10px 0;
                padding: 20px 0 0 0;
            }

            .no3 {
                width: 160px;
                height: 70px;
                background: url(/images/img_no3.jpg) left top no-repeat;
                margin: 0 0 10px 0;
                padding: 20px 0 0 0;
            }

                img.thum {
                    float: left;
                    width: 70px;
                    height: 70px;
                }

                dl.box {
                    float: right;
                    width: 80px;
                }

                    dl.box dt {
                        height: 40px;
                        margin: 0 0 15px 0;
                    }

                    dl.box dd {
                        margin: 0 0 0 30px;
                    }


        /* バナーエリア */
        .banner {
            margin: 20px 0 0 30px;
        }

            .banner img {
                margin: 0 0 10px 0;
            }



/* #foot: フッタ */
#foot {
    background: url(../images/bg_foot.jpg) left top no-repeat;
    text-align: center;
    padding: 100px 0 50px;
}

    #foot p {
        margin: 5px 0;
    }

        #foot a {
            color: #3F3F3F;
        }

        #foot a:hover {
            color: #CCCCCC;
        }



/* .clearfix: 内側のfloatをclear */
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* - */

.clear {
    clear: both;
}