@charset "euc-jp";
/*********************************************************************************
    体育会ナビ2013 LAYOUT CSS
*********************************************************************************/

/*********************************************************************************
    header
*********************************************************************************/
#header {
    width: 960px;
    height: 100px;
    margin: auto;
    text-align: center;
/*  background-image: url(../images/common/bg_header.jpg); */
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

#header_logo {
    width: 271px;
    height: 77px;
/*  margin-top: 12px; */
    margin-top: 3px;
    float: left;
}

#header_right {
    width: 390px;
    margin: 14px 7px 0px 0px;
    float: right;
}

#header_nav1 {
    width: 191px;
    height: 44px;
    float: left;
    margin-top: 5px; //
}

#header_nav2 {
    width: 191px;
    height: 44px;
    float: right;
    margin-top: 5px; //
}

#header_h1 {
/*  margin: 13px 0px 0px 45px; */
/*  text-align: left; */
    margin: 5px 0px 0px 30px;
    text-align: center;
}



/*********************************************************************************
    main navi
*********************************************************************************/
#main_navi {
    width: 960px;
    height: 68px;
    margin: auto;
    text-align: center;
    background-image: url(../images/common/bg_main_navi.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

#button1 {
    width: 120px;
    height: 68px;
    float: left;
}

#button2 {
    width: 94px;
    height: 68px;
    float: left;
}

#button3 {
    width: 95px;
    height: 68px;
    float: left;
}

#button4 {
    width: 187px;
    height: 68px;
    float: left;
}

#button5 {
    width: 110px;
    height: 68px;
    float: left;
}

#button6 {
    width: 124px;
    height: 68px;
    float: left;
}



/*********************************************************************************
    top image(TOP PAGE)
*********************************************************************************/
#top_img {
    width: 960px;
    height: 321px;
    margin-top:15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#top_img2 {
    width: 960px;
    height: 390px;
    margin-top:15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#top_img3 {
    width: 960px;
    height: 500px;
    margin-top:15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*********************************************************************************
    top contents1(TOP PAGE)
*********************************************************************************/
#top_cnt1 {
    width: 958px;
    height: 166px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}

#top_cnt1_box1 {
    width: 235px;
    height: 166px;
    float: left;
    background-image: url(../images/bg_cnt1_1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

#top_cnt1_box2 {
    width: 235px;
    height: 166px;
    float: left;
    background-image: url(../images/bg_cnt1_2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 5px;
}

#top_cnt1_box3 {
    width: 235px;
    height: 166px;
    float: left;
    background-image: url(../images/bg_cnt1_3.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 5px;
}

#top_cnt1_box4 {
    width: 235px;
    height: 166px;
    float: left;
    background-image: url(../images/bg_cnt1_4.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.top_cnt_top {
    width: 235px;
    height: 36px;
}

.top_cnt_center {
    width: 235px;
    height: 78px;
}

.top_cnt_center1 {
    width: 235px;
    height: 117px;
}

.top_cnt_bottom {
    width: 235px;
    height: 52px;
}

.top_cnt_bottom1 {
    width: 235px;
    height: 13px;
    background-image: url(../images/cnt1_bottom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.top_cnt_bottom1 hr {
    display:none;
}


.top_cnt_txtbox {
    padding: 13px 28px 0px 28px;
    font-size: 12px;
    color: #333;
    line-height: 130%;
    text-align: left;
}

.top_cnt_txtbox2 {
    padding: 0px 14px 0px 14px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #fff;
    text-align: left;
}

.top_cnt_fig {
/*    font-size: 18px; */
    font-size: 13px;
    color: #ff0000;
    font-weight: bold;
/*    margin: 0 5px; */
/*    margin: 0 2px; */
}

.top_cnt_hr {
    width: 100%;
    height: 11px;
    background-image: url(../images/common/hr2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.top_cnt_hr hr {
    display: none;
}


/*********************************************************************************
    top form(TOP PAGE)
*********************************************************************************/
.form_txt {
    padding: 10px 0px 0px 16px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #fff;
    float: left;
}
.form_txt2 {
    padding: 10px 0px 0px 16px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #009;
    float: left;
}
.form_box {
    width: 130px;
    height: 20px;
    padding: 1px 0px 1px 0px;
    margin: 4px 16px 0px 0px;
    font-size: 14px;
    letter-spacing: 0.6px;
    float: right;
    background-color: #fff;
    border: 1px solid #333;
}

.form {
    height: 65px
}



/*********************************************************************************
    wrap(top page)
*********************************************************************************/
#wrap {
    width:960px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url(../images/common/bg_wrap.jpg);
    background-position: center;
    background-repeat: repeat-y;
}

#main_wrap1 {
    width:960px;
    margin: auto;
    text-align: center;
    background-image: url(../images/common/bg_mainwrap.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}



/*********************************************************************************
    wrap(other page)
*********************************************************************************/
#main_wrap2 {
    width:960px;
    margin: auto;
    text-align: center;
    background-image: url(../images/common/bg_mainwrap2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}



/*********************************************************************************
    contents
*********************************************************************************/
#cnt_box1 {
    width:960px;
    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url(../images/common/bg_wrap.jpg);
    background-position: center;
    background-repeat: repeat-y;
}



/*********************************************************************************
    left box
*********************************************************************************/
#left_box {
    width: 645px;
    margin-top: 18px;
    float: left;
    text-align: left;
}

#left_h2 {
    height: 27px;
    margin: 0px 0px 17px 23px;
}

#site_logo2 {
    width: 196px;
    height: 27px;
    float: left;
}

#h2box {
    padding-top: 10px;
    float: left;
}

.left_cnt {
    widht: 617px;
    margin-left: 56px;
}

.left_cnt_top1 {
    width: 617px;
    height: 38px;
    background-image: url(../images/common/main_cnt_top1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.left_cnt_top2 {
    width: 617px;
    height: 38px;
    background-image: url(../images/common/main_cnt_top2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.left_cnt_top_txt {
    padding: 5px 0px 0px 42px;
    font-size: 0.966em;
    font-weight: bold;
    color: #336699;
    letter-spacing: 0.09em;
}

.left_cnt_center {
    width: 617px;
    background-image: url(../images/common/main_cnt_center.jpg);
    background-position: center top;
    background-repeat: repeat-y;
}

.left_cnt_txt {
    padding: 0px 30px 0px 30px;
    font-size: 0.912em;
    color: #333;
    letter-spacing: 0.09em;
    line-height: 120%;
}

.left_cnt_txt ol {
    padding: 0px 30px 0px 30px;
}

.left_cnt_hr {
    height: 18px;
}

.left_cnt_hr hr {
    display:none;
}

.left_cnt_hr2 {
    height: 10px;
}

.left_cnt_hr2 hr {
    display:none;
}

.left_hr_box {
    width: 617px;
    height: 80px;
    background-image: url(../images/common/bg_hr1.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 56px;
}

.left_hr_box hr {
    display:none;
}

.left_cnt_bottom {
    width: 617px;
    height: 12px;
    background-image: url(../images/common/main_cnt_bottom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.left_cnt_bottom hr {
    display:none;
}

.left_cnt_border_box {
    width: 608px;
    margin: 18px 0px 0px 56px;
    border: 5px solid #ccc;
}

.left_cnt_border_txt {
    margin: 10px;
    font-size: 0.894em;
    color: #333;
    letter-spacing: 0.09em;
    line-height: 140%;
}

.link1 {
    margin: 10px 0px 0px 20px;
    padding-left: 24px;
    background: url('../images/common/icon3.jpg') no-repeat 1px -0.33em;
    list-style: none;
    color: #333;
}

.link1 a {
    color: #333;
    text-decoration: underline;
}

.link1 a:hover {
    color: #ff6600;
    text-decoration: none;
}

/*********************************************************************************
    left only box
*********************************************************************************/
#left_only_box {
    width: 858px;
    margin-top: 18px;
    float: left;
    text-align: left;
}

.left_cnt2 {
    widht: 858px;
    margin-left: 50px;
}

.left_cnt2_top {
    width: 858px;
    height: 38px;
    background-image: url(../images/common/main_cnt2_top.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.left_cnt2_center {
    width: 858px;
    background-image: url(../images/common/main_cnt2_center.jpg);
    background-position: center top;
    background-repeat: repeat-y;
}

.left_hr_box2 {
    width: 858px;
    height: 80px;
    background-image: url(../images/common/bg_hr1_2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin-left: 56px;
}

.left_hr_box2 hr {
    display:none;
}

.left_cnt2_bottom {
    width: 858px;
    height: 12px;
    background-image: url(../images/common/main_cnt2_bottom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.left_cnt2_bottom hr {
    display:none;
}

/*********************************************************************************
    boost box
*********************************************************************************/
.boost_left {
    width: 272px;
    float: left;
    text-align: left;
    background-color: #e2eff9;
}

.boost_right {
    width: 272px;
    float: right;
    text-align: left;
    background-color: #e2eff9;
}

.boost_inner {
    padding: 5px;
}

.boost_img {
    border: 5px solid #fff;
    float: left;
    margin: 0px 5px 5px 0px;
}

.boost_title {
    font-size: 0.888em;
    font-weight: bold;
    color: #3366cc;
    padding-left: 24px;
    background: url('../images/common/icon4.gif') no-repeat 1px -0.33em;
}

.boost_txt {
    margin-top: 2px;
    font-size: 0.798em;
    color: #333;
    letter-spacing: 0.09em;
    line-height: 130%;
}

.blog_txt a {
    color: #333;
    text-decoration: underline;
}

.blog_txt a:hover {
    color: #333;
    text-decoration: none;
}

/*********************************************************************************
    blog box
*********************************************************************************/
.blog_left {
    width: 272px;
    float: left;
    text-align: left;
    background-color: #d4e1f9;
}

.blog_right {
    width: 272px;
    float: right;
    text-align: left;
    background-color: #d4e1f9;
}

.blog_inner {
    padding: 5px;
}

.blog_img {
    border: 5px solid #fff;
    float: left;
    margin: 0px 5px 5px 0px;
}

.blog_title {
    font-size: 0.888em;
    font-weight: bold;
    color: #3366cc;
    padding-left: 24px;
    background: url('../images/common/icon4.gif') no-repeat 1px -0.33em;
}

.blog_txt {
    margin-top: 2px;
    font-size: 0.798em;
    color: #333;
    letter-spacing: 0.09em;
    line-height: 130%;
}

.blog_txt a {
    color: #333;
    text-decoration: underline;
}

.blog_txt a:hover {
    color: #333;
    text-decoration: none;
}

/*********************************************************************************
    right box
*********************************************************************************/
#right_box {
    width: 222px;
    margin: 18px 14px 0px 0px;
    float: right;
    text-align: left;
}

.right_cnt_top {
    width: 222px;
}

.right_cnt_center {
    width: 222px;
    padding-top: 5px;
    background-image: url(../images/common/bg_right_center.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    text-align: center;
}

.right_cnt_bottom {
    width: 222px;
    height: 14px;
    background-image: url(../images/common/bg_right_bottom.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

.right_cnt_bottom hr {
    display:none;
}

.right_cnt_hr {
    height: 18px;
}

.right_cnt_hr hr {
    display:none;
}

.right_cnt_hr2 {
    height: 15px;
}

.right_cnt_hr2 hr {
    display:none;
}

.banner1 {
    margin: auto;
    text-align: center;
}

.banner1txt {
    padding: 2px 0px 0px 15px;
    text-align: left;
    font-size: 12px;
    color: #333;
    letter-spacing: 0.6px;
}


/*********************************************************************************
    お問い合わせはこちら
*********************************************************************************/
.btn_contact {
    width: 256px;
    height: 59px;
    margin: 0px 0 0px 200px;
    text-indent: -5000em;
    overflow: hidden;
}

.btn_contact a {
    height: 59px;
    display: block;
    background: url(../img/btn_contact.jpg) 0 0;
}

.btn_contact a:hover {
    background-position: 0 -59px;
}

/*********************************************************************************

*********************************************************************************/
.bottom_line {
    margin: 10px 0 10px 0px;
    background: url(../images/common/dot_line.gif) left bottom repeat-x;
}

.warn {
    font-size: 1em;
    color: #CC0000;
    font-weight: bold;
    letter-spacing: 1px;
}

.complete {
    font-size: 1em;
    color: #0000FF;
    font-weight: bold;
    letter-spacing: 1px;
}

/*********************************************************************************
    お問い合わせ
*********************************************************************************/
.inquiry_text {
    margin: 10px;
    color: #333333;
    font-size: 12px;
    letter-spacing:1px;
    line-height:15px;
}

.inquiry_red {
    font-size: 10px;
    color: #FF0000;
}


/*********************************************************************************
    企業検索
*********************************************************************************/
.search_text {
    margin: 2px;
    color: #333333;
    font-size: 0.9em;
    letter-spacing:1px;
    line-height:15px;
}

.catch_copy {
    margin: 5px 5px 5px 10px;
    color: #880000;
    font-size: 0.9em;
    letter-spacing:1px;
    line-height:15px;
}

.company_name {
    margin: 10px;
    color: #006699;
    font-size: 0.95em;
    font-weight: bold;
    letter-spacing:1px;
    line-height:15px;
}

.company_name_big {
    margin: 10px 10px 10px 5px;
    color: #006699;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing:1px;
    line-height:15px;
}



/*********************************************************************************
    login_box
*********************************************************************************/
#login_box {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.login_text {
    font-size: 0.9em;
}


/*********************************************************************************
    footer
*********************************************************************************/
#footer {
    width: 960px;
    height: 181px;
    background-image: url(../images/common/bg_footer.jpg);
    background-color: #2d2d2d;
}

#footer hr {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    border: none;
    color: #ccc;
    margin: 10px 0px 10px 0px;
}

#footer_left {
    width: 307px;
    height: 181px;
    background-image: url(../images/common/bg_footer_left.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    float: left;
}

#footer_left a {
    color: #003366;
    text-decoration: none;
}

#footer_left a:hover {
    color: #ff6600;
    text-decoration: underline;
}

#footer_left_top {
    width: 307px;
    height: 42px;
}

#footer_left_txt1 {
    padding: 20px 0px 12px 33px;
    font-size: 12px;
    color: #003366;
    letter-spacing: 0.6px;
}

#footer_left_txt2 {
    padding: 11px 0px 0px 33px;
    font-size: 12px;
    color: #003366;
    letter-spacing: 0.6px;
    line-height: 150%;
}

#footer_left_txt3 {
    padding: 20px 0px 0px 26px;
    font-size: 12px;
    color: #003366;
    letter-spacing: 0.4px;
}

#site_logo3 {
    width: 307px;
    height: 28px;
}

#footer_right {
    width: 653px;
    float: left;
}

#footer_right a {
/*  color: #ccc; */
    color: #00c;
    text-decoration: none;
}

#footer_right a:hover {
    color: #ff6600;
    text-decoration: underline;
}

#footer_right_txt {
    padding: 12px 15px 0px 5px;
    font-size: 12px;
/*  color: #ccc; */
    color: #000;
    letter-spacing: 0.6px;
    line-height: 150%;
}

#footer_right_mail {
    height: 23px;
    margin: 6px 0px 2px 0px;
    padding: 5px 0px 0px 27px;
    font-size: 12px;
/*  color: #ccc; */
    color: #00c;
    letter-spacing: 0.6px;
    background-image: url(../images/common/ico1.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}


/* */

/* */
ul.reset {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.reset > li {
    padding: 0;
    margin: 0;
}

.w-wrap {
    width: 960px;
    margin: 0 auto;
}


.header-navi {
    height: 68px;
    background-color: #EEEEEE;
    /* 左右をround */
    border-radius: 10px;
}

ul.header-navi > li {
    height: 68px;
    display: table;
}

ul.header-navi > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #333;
    font-size: 0.915rem;
}

ul.header-navi > li:first-child > a {
    border-radius: 10px 0 0 10px;
}

ul.header-navi > li > a:hover {
    color: #ff6600;
    background-color: #CCDDFF;
}

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