/*
Theme Name: Web Lead Theme
Description: This theme is presented by Web Lead.
License: Copyright © 2015 Web Lead All Rights Reserved.
Version: 1.0.1
Author: Kiyoshi Taniyama
Author URI: http://www.web-lead.jp/
*/


html {
    position: relative;
    /*height: 100%;*/
    min-height: 100%;
}
body { height: 100%; }
/*
#wrapper { position: relative; width: 100%; min-height: 100%; height: 100%; margin:0 auto; }
*/



/* --------------- 404 page ---------------- */
#wl-error-404 {
    background: #eee;
}
#wl-error-404 h2 {
    padding-left: 50px;
}
#wl-error-404 .page-content {
    margin-left: 50px;
}
#wl-error-404 ul {
    margin: 0px 0px 30px 30px;
}
#wl-error-404 li {
    list-style-type: decimal;
}
/* ------------------------------------------- */



/* --------------- pager ---------------- */
.pagebute { clear: both; text-align: center;}
.pagebute span { height: 23px; display: inline-block; vertical-align: middle;}
.pagebute .noactive { border: 1px solid #ccc; padding-top: 8px;}
.pagebute .noactive a { padding: 10px; text-decoration: none;}
.pagebute .active { border: 1px solid #ccc; padding: 8px 10px 0; text-decoration: none; background: #0099CC; color: #fff;}
/* ------------------------------------------- */



/* --------------- index page ---------------- */
#title-logo-area {
    float: left;
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    width: 250px;
    height: 50px;
    background: url(../../../img/title-logo.png) no-repeat;
    margin: 0px 0px 0px -3px;
    padding: 0px;
}
#title-logo-area a { display: block; text-decoration: none; }
#site-title-area {
    position: relative;
    top: 32px;
    left: 5px;
    /*margin: 7px 0px 0px 5px;*/
}
#site-title-area p {
    color: white;
    /*font-weight: bold;*/
    font-size: 18px;
}

.widget-content .user-name, .widget-content .ep-name,
.widget-content .department, .widget-content .user-pid {
    margin: 10px;
}
.user-info-area {
    padding: 5px;
}
.widget-content .user-name {
    font-size: 16px;
}
.widget-content .san {
    font-size: 12px;
}
.ep-name {}
.ep-name-label {}
.ep-name-data {}

.ep-name-label, .department-label, .user-pid-label {
    float: left;
    font-size: 12px;
}

.ep-name-data, .department-data, .user-pid-data {
    float: left;
    /*font-weight: bold;*/
    font-size: 15px;
}

.user-pid {}
.user-pid-label {}
.user-pid-data {}
                        
.clear {
    clear: both;
}

.widget-content .no-data {
    font-weight: bold;
    color: red;
    font-size: 13px;
}

.left-time-area { padding: 10px; }
.left-time { font-weight: bold; }
.left-time-warning { font-weight: bold; color: red; }
/* ------------------------------------------- */




/* --------------- for tabs ---------------- */
/*.tabbable .nav-tabs .active {
    border-bottom: solid 1px #ddd;
    border-bottom-color: transparent;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}*/
#nav-ms-graph-radar, #nav-ms-result {
    height: 35px;
}
/* ------------------------------------------- */





/* --------------- yourprofile page ---------------- */
.old-tr, .old-tr3 {
    clear: both;
    margin-bottom: 5px;
}
.old-tr2 {
    clear: both;
}
.old-th, .old-th2 {
    width: 200px;
}
.old-td {}
.old-td .description {
    color: #666;
    font-size: 12px;
}
.hidden-label { font-weight: bold; font-size: 15px; }

.change-pass-explain {
    padding-top: 20px;
}

#pass-strength-result, #pass-strength-hint {
    float: left;
}    

#pass-strength-result {
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 12px 5px 5px 1px;
    padding: 7px;
    text-align: center;
    width: 248px;
    opacity: 1 !important;
}
#pass-strength-result.good {
    background-color: #FFEC8B;
    border-color: #FFCC00 !important;
}
#pass-strength-result {
    background-color: #EEEEEE;
    border-color: #DDDDDD !important;
}
#pass-strength-result.bad {
    background-color: #FFB78C;
    border-color: #FF853C !important;
}
#pass-strength-result.strong {
    background-color: #C3FF88;
    border-color: #8DFF1C !important;
}
#pass-strength-result.short {
    background-color: #FFA0A0;
    border-color: #F04040 !important;
}
/* ------------------------------------------- */



/* --------------- New Items Page ---------------- */
ul.news-items { padding-top: 10px; }
.news-item-date { min-width: 110px; text-align: left !important; padding-right: 10px; }
.news-item-detail { width: 100%; }
.news-item-preview { padding-top: 10px; }
/* ------------------------------------------- */



/* --------------- Manual Page ---------------- */
.explain ul.notice {
    margin: 20px 10px 20px 20px;
}
.explain ul.notice li {
    list-style-type: circle;
}
/* ------------------------------------------- */



/* --------------- Contact Form 7 ---------------- */
.wpcf7 .wl-wpcf7 { margin: 0px 0px 10px 0px; padding: 0px; }
.wl-wpcf7-label { margin: 0px 0px 5px 0px; }
.wl-wpcf7-name input { width: 200px; }
.wl-wpcf7-email input { width: 300px; }
.wl-wpcf7-subject input { width: 350px; }
.wl-wpcf7-message textarea { width: 500px; }
/* ------------------------------------------- */



/* --------------- レスポンシブ設定 --------------- */
@media only screen and (max-width: 480px) {
    .old-th { padding-top: 5px; }
    .old-td { padding-bottom: 5px; }
    .old-th2, .old-td2 {  }
    .subnavbar-inner {
        display: none;
    }
    #pass-strength-result {
        width: 210px !important;
    }
    .wl-wpcf7-name input { width: 150px !important; }
    .wl-wpcf7-email input { width: 250px !important; }
    .wl-wpcf7-subject input { width: 95% !important; }
    .wl-wpcf7-message textarea { width: 95% !important; }
    .flow-image { text-align: center; }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .main { margin: 0px -20px 480px -20px; padding: 0 20px; overflow: hidden; }
    #footer-area { position: absolute; width: 91%; bottom: 0; }
    .old-tr3 { margin-bottom: 45px; }
    .old-th { float: left; margin-top: 5px; padding: 5px; }
    .old-th2 { float: left; margin-top: 5px; }
    .old-td { float: left; padding: 5px; }
    .old-td2 { float: left; }
    .hidden-label { margin-top: 5px; }
    .subnavbar-inner { display: none; }
    .flow-explain, .flow-discription { float: right; width: 300px; padding-right: 20px; }
    .flow-image { float: left; padding-left: 30px; }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .main { margin-bottom: 250px; }
    #footer-area { position: absolute; width: 100%; bottom: 0; }
    .old-tr3 { margin-bottom: 45px; }
    .old-th { float: left; margin-top: 5px; padding: 5px; }
    .old-th2 { float: left; margin-top: 5px; }
    .old-td { float: left; padding: 5px; }
    .old-td2 { float: left; }
    .hidden-label { margin-top: 5px; }
    .flow-explain, .flow-discription { float: right; width: 400px; padding-right: 50px; }
    .flow-image { float: left; padding-left: 50px; }
    .span9 .widget { margin-left: 30px; }
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .main { margin-bottom: 250px; }
    #footer-area { position: absolute; width: 100%; bottom: 0; }
    .old-tr3 { margin-bottom: 45px; }
    .old-th { float: left; margin-top: 5px; padding: 5px; }
    .old-th2 { float: left; margin-top: 5px; }
    .old-td { float: left; padding: 5px; }
    .old-td2 { float: left; }
    .hidden-label { margin-top: 5px; }
    .flow-explain, .flow-discription { float: right; width: 500px; padding-right: 80px; }
    .flow-image { float: left; padding-left: 80px; }
}
@media only screen and (min-width: 1200px) and (max-width: 2000px) {
    .main { margin-bottom: 250px; }
    #footer-area { position: absolute; width: 100%; bottom: 0; }
    .old-tr3 { margin-bottom: 45px; }
    .old-th { float: left; margin-top: 5px; padding: 5px; }
    .old-th2 { float: left; margin-top: 5px; }
    .old-td { float: left; padding: 5px; }
    .old-td2 { float: left; }
    .hidden-label { margin-top: 5px; }
    .flow-explain, .flow-discription { float: right; width: 700px; padding-right: 100px; }
    .flow-image { float: left; padding-left: 100px; }
}
/* ------------------------------------------------ */






/* --------------- front pages ---------------- */
.widget-content ul {
    list-style: none;
    margin: 0;
}
.widget-content ul li, .widget-content ul ul li {
    margin-bottom: 10px;
}

.widget-content ul.child {
    list-style: outside none;
    text-indent: -34px;
    margin: 10px 0px 0px 26px;
}
.widget-content ul.child2 {
    list-style: outside none;
    text-indent: -34px;
    margin: 10px 0px 5px 26px;
}

.widget-content ul.decimal {
    list-style-type: decimal;
    margin: 0px 0px 0px 10px;
}

.widget-content ol.lower-roman {
    list-style-type: lower-roman;
    text-indent: 0px;
    margin: 10px 0px 5px 20px;
}


/* ----- for man-fp ------ */
.flow-title {}
.flow-menu { margin: 5px 0px 10px 10px; }
.flow-menu a, .flow-etc-menu a { color: #00f; }

.flow-etc-title { margin: 30px 0px 0px 0px; }
.flow-etc-menu { margin: 5px 0px 10px 20px; }

.flow-h3 { margin-top: 10px; }

.flow-stage { clear: both; }
.flow-explain { margin: 0px 0px 10px 0px; }
.flow-image { margin: 0px 0px 20px 0px; }
.flow-image img { width: 200px; }
.flow-discription { margin: 10px 0px 0px 0px; }
.flow-stage-hr { clear: both; height: 1px; background: #ccc; margin: 30px auto 10px auto; }
/* ------------------------------------------- */

















/*
 * Copyright (C) 2015 Kiyoshi Taniyama, Web Lead
 */