@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

/*********************************************
    Common
*********************************************/

body {
    font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    line-height: 1.8em !important;
    color: #333333 !important;
}

@media screen and (max-width: 479px) {
    body {
        font-size: 14px;
    }
}

#main {
    margin-bottom: 3em;
}

#main .container {
    max-width: 970px !important;
}

p, ul, ol {
    font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333333;
}

#content {
    margin-top: 60px;
    min-height: 600px;
}

p {
    color:#747377;
    font-size: 1em;
}

.submit .btn {
    margin-bottom:5px;
}

fieldset .row {
    margin-bottom: 20px;
}

.count_skill_form .row {
    margin-bottom: 10px;
}

legend {
    font-size: 1.2em;
    padding: 15px 0px;
}

blockquote {
    font-size: 1.1em;
    padding: 10px;
    margin: 20px auto;
}

.w30 {
    width: 30%;
}

.w50 {
    width: 50%;
}

.w70 {
    width: 70%;
}

@media screen and (max-width: 767px) {
    .w30 {
        width: 100%;
    }

    .w50 {
        width: 100%;
    }

    .w70 {
        width: 100%;
    }
}

.form-inline .checkbox, .form-inline .radio {
    vertical-align: top;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
}

.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] {
    margin-right: 5px;
}

.form-inline .radio label {
    margin-left: 0 !important;
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
}

label {
    margin-right: 10px;
}

.form-inline .checkbox, .form-inline .radio {
    vertical-align: top;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
}

form [required="required"] {
    border-color:#d98785;
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(217,83,79,0.2);
    outline: 0 none;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-right: 15px;
}

input[type="checkbox"], input[type="radio"] {
    margin: 9px 0 0;
}

.detail-box input[type="checkbox"], input[type="radio"] {
    margin: 4px 4px 0;
}

.message, .error-message {
    color: red;
    font-size: 0.9em;
}

.actions .btn {
    margin-bottom: 5px;
}

.link-box_parent {
    position:relative;
}

.link-box_parent:hover, .link-box_parent:hover {
    background: #feffdc;
    transition: all .2s;
}

.link-box {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

/*********************************************
    text/decoration
*********************************************/

.red {
    color: #d9534f !important;
}

.white {
    color: #fff !important;
}

.pink {
    color: #ea4f77 !important;
}

.blue {
    color: #1c77c4 !important;
}

.yellow {
    color: #fcbe03 !important;
}

.green {
    color:#6eb377 !important;
}

.black {
    color: #333 !important;
}

.sky-blue {
    color: #5bc0de !important;
}

.b {
    font-weight: 900 !important;
}

.big {
    font-size: 1.5em !important;
    font-weight: 900 !important;
}

.biggest {
    font-size: 2.5em !important;
    font-weight: 900 !important;
}

@media screen and (max-width: 479px) {
    .big {
        font-size: 1.2em !important;
    }
    .biggest {
        font-size: 2em !important;
    }
}

.small {
    font-size: 0.8em !important;
}

.multi {
    padding:6px 0;
    border-bottom:8px solid #ABDEF7;
    position:relative;
}

.multi:before, .multi:after {
    content:"";
    display:block;
    height:8px;
    position:absolute;
    bottom:-8px;
}

.multi:before {
    width:20%;
    left:8%;
    background:rgba(255,255,255,0.7);
}

.multi:after {
    width:30%;
    left:12%;
    background:rgba(87,176,224,0.6);
}

.side {
    position: relative;
    text-align: center;
}

.side span {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    text-align: left;
    background-color: #fff;
}

.side::before {
    position: absolute;
    top: 50%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.table .red-border {
    border: 3px solid #1c77c4;
}

.table .border-top {
    border: 3px solid #1c77c4!important;
}

/*********************************************
    margin/padding
*********************************************/

.mg0 {
    margin: 0px;
}

.mg5 {
    margin: 5px 0px;
}

.mg10 {
    margin: 10px 0px;
}

.mg20 {
    margin: 20px 0px;
}

.mg30 {
    margin: 30px 0px;
}

.mg40 {
    margin: 40px 0px;
}

.mg50 {
    margin: 50px 0px;
}

.mgt5 {
    margin-top: 5px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt30 {
    margin-top: 30px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt70 {
    margin-top: 70px;
}

.mgr5 {
  margin-right: 5px;
}

.pds0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.pd10 {
    padding: 10px 0px;
}

.pd20 {
    padding: 20px 0px;
}

.pd30 {
    padding: 30px 0px;
}

.pd40 {
    padding: 40px 0px;
}

.pd50 {
    padding: 50px 0px;
}

.pdl5 {
    padding-left: 5px;
}

/*********************************************
    btn
*********************************************/

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    /*    font-size: 14px;*/
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

/*********************************************
    bg
*********************************************/

.white-bg {
    background-color: #fff;
    border-radius: 7px;
    padding: 15px;
}

.yellow-bg {
    background-color: #fcbe03 !important;
}

.orange-bg {
    background-color: #fc8a03 !important;
}

.green-bg {
    background-color: #5cb85c !important;
}

.light-blue-bg {
    background-color: #f0faff !important;
}

/*********************************************
    header
*********************************************/

header {
    margin-top: 0px;
}

#header .navbar-brand > img {
    height: 55px;
}

#header .navbar {
    min-height: 50px;
    padding: 10px 20px;
}

@media screen and (max-width: 980px) {
    #header .navbar {
        padding: 10px;
    }
}

#header #bs-example-navbar-collapse-1 .btn {
    padding-top: 0px;
    padding-bottom: 0px;
}

#header .navbar-right .btn {
    margin-right: 5px;
}

@media screen and (max-width: 767px) {
    #header .navbar-right .btn {
        margin-bottom: 5px;
    }
}

.nav > li > a > img {
    max-width: 50px;
}

.navbar-nav > li > #portal-btn {
    padding: 0px;
}

/*********************************************
    #top-img
*********************************************/

.image-base {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


#top-img {
    background: url('../img/background/top_img.jpg');
    background-position: top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#top-img h2 img {
    display: inline-block;
    width: 7%;
}

#engineer-top {
    background: url('../img/background/engineer_top.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 50vh;
  }
  
#project-top {
    background: url('../img/background/project_top.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 50vh;
}
  
#event-top {
    background: url('../img/background/event_top.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 40vh;
}

#price-top {
    background: url('../img/background/price_top.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 40vh;
}
  
#promotion-top {
    background: url('../img/background/promotion_top.png') no-repeat;
    background-position: center;
    background-size: 100% auto;
    height: 40vh;
}

/*** 1280px以下の時のTOP画像 ***/

@media screen and (max-width: 1280px) {
    #top-img, #engineer-top,#project-top,#event-top,#price-top,#promotion-top {
        background-size: auto 100%;
  }
}

@media screen and (max-width: 767px) {
    #engineer-top,#project-top {
        height: 35vh;
    }
    #event-top,#price-top,#promotion-top {
        height: 20vh;
    }
}

#top-img .btn {
    border-radius: 5px;
    padding: 1em;
    margin-bottom: 5px;
}

@media screen and (max-width: 980px) {
    #top-img .btn .counter-item h6 {
        font-size: 0.9em;
    }
}

#top-img .btn h2 {
    color: #fff;
    font-weight: 900;
    font-size: 2.3em;
}

@media screen and (max-width: 767px) {
    #top-img .btn h2 {
        font-size: 2.0em;
    }
    #top-img .btn {
        border-radius: 5px;
        padding: 0.5em;
    }
    .counter-item h6 {
        font-size: 1em;
        font-weight: 900;
    }
}

#counter {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    #counter {
        margin-top: 10px;
  }
}

#counter img {
    width: 70px;
}

.main-title {
    font-family: "Source Hans Sans";
    font-weight: 900;
    font-size: 4.8rem;
    line-height: 7.2rem;
}

.top-title {
    font-weight: 900;
    /*text-shadow: 1px 1px 1px rgb(0, 0, 0);*/
    font-size: 4.2em;
    color: #fff;
    line-height: 1.5em;
}

.top-title .small {
    color: #fff;
}

@media screen and (max-width: 980px) {
    .top-title {
        font-size: 2.5em;
  }
}

@media screen and (max-width: 479px) {
    .top-title {
        font-size: 1.5em;
  }
}

#engineer-top .btn,#project-top .btn {
    padding: 1em;
}

@media screen and (max-width: 479px) {
    #engineer-top .btn,#project-top .btn {
        padding: 1em;
    }
}

/*********************************************
    #info
*********************************************/

#info .engineer_style, #info .project_style, #info .box_style {
    overflow-y: auto;
    height: 250px;
    padding-right: 7px;
    padding-left: 7px;
    border-radius: 5px;
    background: #fff;  
}

.engineer_style {
    border: 3px solid #337ab7;
}

.project_style {
    border: 3px solid #d9534f;
}

.box_style {
    -webkit-box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
}

#info .engineer-box, #info .project-box, #info .box_style {
    border-bottom: #ccc solid 1px;
    padding: 5px;
}

#info dt ,#info dd {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    line-height: 150%;
}

#info dt {
    width: 10%;
}

#info dd {
    width: 85%;
}

#ses-info {
    font-size: 0.9em;
}

#ses-info dt {
    margin-bottom: 5px;
}

/*********************************************
    新着案件・人材情報用container調整
*********************************************/

@media screen and (max-width: 991px) {
    #info .container {
        width:100%;
    }
}

/** 新着案件・人材情報：ログイン後マイページ **/
/*.mypage img{
        width: 50px;
}
.mypage dt,.mypage dd{
        display: inline-block;
}*/

.mypage .engineer-box, .mypage .project-box {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.mypage .engineer_style, .mypage .project_style {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    height: 200px;
    overflow-y: auto;
    padding-left: 7px;
    padding-right: 7px;
}

.mypage .information dt,.mypage .information dd {
    display: block;
}

/*********************************************
    共用コンタクトフォーム
*********************************************/

.common_contact .row .row {
    margin: 0px;
    margin-left: -15px;
    margin-right: -15px;
}

.common_contact .zipcode input {
    float: left;
    width: 20%;
    margin-bottom: 10px;
}

.common_contact .zipcode span,
.common_contact .tel span {
    float: left;
    text-align: center;
    width: 5%;
    line-height:1.42857;
    padding: 6px 0px;
}

.common_contact .input-group .form-control {
    position: static;
}

/*********************************************
    #count
*********************************************/

#counter .counter-item h2 {
    color: #fcbe03;
    font-size: 2em;
    font-weight: 900;
}

@media screen and (max-width: 767px) {
    #counter .counter-item h2 {
        font-size: 1.5em;
    }
}

/*********************************************
    #everytime
*********************************************/

#everytime img {
    padding: 30px 80px;
}

/*********************************************
    conversion
*********************************************/

.conversion {
    text-align: center;
}

.conversion-box {
    padding: 30px;
    background-color: #f3f4f6;
    }

.conversion-box_inner {
    position: relative;
    padding: 50px;
    height: 50%;
    background: url("../img/background/conversion.jpg") 50% 40% no-repeat;
}

.conversion-text h2 {
    text-align: center;
    line-height: 3.6rem;
    font-weight: 800;
    color: #fff;
    font-size: 2.4rem;
}

.conversion-text p {
    text-align: justify;
    line-height: 2.7rem;
    font-weight: 800;
    color: #fff;
    width: 95%;
    font-size: 1.6rem;
}

.conversion {
    margin-top: 5em;
    text-align: center;
}

.conversion .btn {
    padding: .3em 2em;
    border-radius: 50px;
    font-weight: 900;
    font-size: 2em;
    margin-bottom: 1em;
}

.lp-conversion {
    margin-top: 1.5rem;
    text-align: center;
}

.lp-conversion .btn {
    padding: 1.125rem;
    width: 100%;
    border-radius: 5px;
    font-weight: 900;
    font-size: 2.73rem;
    text-align: center;
}

.information .btn {
    padding : 1.125rem;
    width: 100%;
    border-radius: 5px;
    font-weight: 900;
    font-size: 1.93rem;
    text-align: center;
}

.br-sp { 
    display:none; 
}

@media screen and (max-width: 980px) {
    .conversion .btn {
        padding : .3em 1em;
        border-radius: 50px;
        font-weight: 900;
        font-size: 2.0em;
    }
    .conversion-box_inner {
        padding: 30px;
    }
    .conversion-text h2 {
        font-size: 2.08rem;
    }
    .conversion-text p {
        font-weight: normal;
    }
    .lp-conversion .btn {
        padding: 1.2rem;
        font-size: 1.75rem;
    }    
    .information .btn {
        margin-top: .8rem;
        padding : .65rem;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 479px) {
    .conversion .btn {
        font-size: 1.3em;
    }
    .conversion-box {
        padding: 20px;
    }
    .conversion-text h2 {
        font-size: 1.8rem;
    }
    .lp-conversion .btn {
        margin-top: 1.85rem;
        padding: 1rem;
        font-size: 1.95rem;
    }    
    .br-sp { 
        display:block; 
    }
}

/*********************************************
    #event/#business
*********************************************/

.event-outline p {
    font-size: 1.1em;
    line-height: 1.7em;
}

/*********************************************
    #contact
*********************************************/

#contact .section-text h4 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 30px 0 10px;
    color:#fff;
}

#contact a {
    text-decoration: none;
}

#contact a:focus, #contact a:hover {
    color: #fcbe03;
    text-decoration: underline;
}

/*********************************************
    .common_contact
*********************************************/

.common_contact .row,.login .row {
    margin: 20px auto;
}
.common_contact .time select {
    width: 60%;
}

.common_contact .tel input {
    float: left;
    width: 30%;
}

.common_contact .tel span {
    float: left;
    width: 5%;
    text-align: center;
}

/*********************************************
    #point
*********************************************/

#point .mz-module {
    margin-bottom: 50px;
}

#point .mz-module-about h3 {
    color: #424242;
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 10px;
    line-height: 1.8em;
}

#point .mz-module-about h4 {
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.8em;
}

#point .mz-module-about {
    padding: 10px 20px;
    min-height: 300px;
}

@media screen and (max-width: 767px) {
    #point .mz-module-about {
        margin-bottom: 50px;
    }
}

#point .mz-module-about:hover {
    background-color: #bfe5fb !important;
}

#point .mz-module-about p {
    text-align: left;
    font-size: 1em;
}

#point .mz-module {
    margin-bottom: 50px;
}

#point .col-sm-6 img,#point .col-sm-4 img {
    height: 180px;
}

/*********************************************
    item-parts
*********************************************/

.featured-item {
    border: 2px solid #f8f8f8;
    box-sizing: border-box;
    padding: 15px;
    height: auto;
}

@media screen and (max-width: 980px) {
    .featured-item {
        height: auto;
        min-height: 130px;
    }
}

.featured-text p{
    font-size: 1em;
    line-height: 1.8em;
}

/*********************************************
    #promotion-lp
*********************************************/

#promotion-lp .merit-list {
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 15px;
    min-height: 300px;
}

#promotion-lp .merit-list h3 {
    font-weight: 700;
    font-size: 1.1em;
    line-height: 1.8em;
    color: #5bc0de !important;
    text-align: center;
}

#promotion-lp .merit-icon {
    background-color: #f8f8f8;
    border-radius: 15px;
    padding: 70px;
}

/*********************************************
    modal
*********************************************/

.modal-title {
    font-size: 1.8em;
    color: #5bc0de;
    font-weight: 900;
    text-align: center;
}

.modal-body p {
    color: #848484;
    font-size: 1em;
}

.modal-footer {
    padding: 15px;
    text-align: center;
}

/*********************************************
    flow
*********************************************/

#flow ul li {
    width: 16%;
    display: inline-block;
    vertical-align: top;
}

#flow ul li::before {
    content: none!important;
}

/*********************************************
    人材/案件 詳細
*********************************************/

.view {
    background: #fffffa none repeat scroll 0 0;
    border: 3px solid #999999;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 20px 30px;
    position: relative;
    max-width: 100%;
}

.view h2 {
    font-size: 1.5em;
    font-weight: 900;
}

.view h3 {
    font-size: 1.1em;
    font-weight: 900;
}

#engineers-detail .view h3 {
    color: #1c77c4;
}

#projects-detail .view h3 {
    color: #d9534f;
}

@media screen and (max-width: 767px) {
    .view {
        padding: 10px;
    }
    .view h2 {
        font-size: 1.3em;
        font-weight: 900;
    }
}

/*********************************************
    人材/案件 レスポンシブテーブルデザイン
*********************************************/

.detail-box {
    width:100%;
    border: 2px solid #d6ceb4;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.detail-box th {
    padding: 6px 8px 5px;
    border-top: solid 1px #ffffff;
    width: 30%;
    overflow: hidden;
    color: #13131e;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #eeece4;
}

.detail-box td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    background-color: #ffffff;
    border-top: dotted 1px #e0dccc;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

@media (max-width: 400px) {
    .detail-box th {
        width:100%;
        display:block;
        margin: 0 auto;
        border:none;
        border-radius: 3px;
    }
    .detail-box td {
        display: list-item;
        width: 100%;
        border-top: none !important;
    }
}

.detail-box .checkbox, .radio {
    display: inline-block;
}

.detail-box2 {
    width:100%;
    border: 2px solid #d6ceb4;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.detail-box2 th {
    padding: 6px 8px 5px;
    border-top: solid 1px #ffffff;
    width: 100%;
    overflow: hidden;
    color: #13131e;
    font-style: normal;
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: top;
    background-color: #eeece4;
    display:block;
    margin: 0 auto;
    border:none;
}

.detail-box2 td {
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    background-color: #ffffff;
    border-top: dotted 1px #e0dccc;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    display: list-item;
    list-style-type: none;
    width: 100%;
    border-top: none !important;
}

/* end */

/*********************************************
    footer
*********************************************/

#footer {
    text-align: center;
}

/*  logo
/*--------------------------------- */

#footer .logo {
    margin-top: 0;
    width: 10%;
}

.logo p { /* 丸とフォントのスタイリング */
    margin: 0;
    padding-top: 34px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    color: #7E7E7E;
    font-weight: bold;
    background-color: #fff;
}

/*  nav
/*--------------------------------- */

#footer .navbar-nav>li {
    border-right: 1px solid #000;
}

#footer .navbar-nav>li.first {
    border-left: 1px solid #000;
}

#footer .navbar-nav li a {
    color: #fff;
}

/*  sns-icon
/*--------------------------------- */

.sns-icon {
    margin-top: 30px;
}

.sns-icon li {
    padding-left: 20px;
}

.sns-icon li:hover {
    color: #fff;
}

/*  copy
/*--------------------------------- */

.copy {
    margin-top: 20px;
}

.copy span {
    color: #333;
}

/*チャット吹き出し*/

#chat {
    position: fixed;
    z-index: 1000;
    bottom: 40px;
    right: 20px;
}

/* Back to top button
---------------------------------- */

#back-top {
    position: fixed;
    z-index: 1000;
    bottom: -20px;
    right: 20px;
}

/*******************************
        フッターロゴ
********************************/

#itnabi_service .owl-carousel .owl-item img {
    max-height: 150px;
}

/*********************************************
    main(LP以外のページ)
*********************************************/

#main h2 {
    position:relative;
    padding-left:20px;
    border-bottom:2px solid #555;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
}

#main h2:before {
    content:'';
    height:12px;
    width:12px;
    display:block;
    background:#d9534f;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    top:-0px;
    left:5px;
    transform:rotate(-50deg);
    -webkit-transform:rotate(-50deg);
    -moz-transform:rotate(-50deg);
    -o-transform:rotate(-50deg);
    -ms-transform:rotate(-50deg);
}

#main h2:after{
    content:'';
    height:8px;
    width:6px;
    display:block;
    background:#1c77c4;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    top:16px;
    left:2px;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-75deg);
}

#main h3{
    font-size:21px;
    font-weight: 600;
}

.submit-center{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.submit-right{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
}

/*********************************************
    #search
*********************************************/

#search label {
    margin-right: 10px;
    font-weight: 400;
}

.paging {
    clear: both;
    display: inline-block;
}

#search_menu {
    margin-bottom: 20px;
}

#search form [required="required"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*********************************************
    #mypage
*********************************************/

#mypage-menu .btn {
    margin-bottom: 10px;
}

/*********************************************
    #price
*********************************************/

#price .table > tbody > tr > td, #price .table > tbody > tr > th, #price .table > tfoot > tr > td, #price .table > tfoot > tr > th, #price .table > thead > tr > td, #price.table > thead > tr > th,#price .table-bordered > thead > tr {
    padding: 15px;
    background: rgba(255,255,255,1);
    border: 2px solid #ccc;
}

#price .table > caption + thead > tr:first-child > td, #price .table > caption + thead > tr:first-child > th, #price .table > colgroup + thead > tr:first-child > td, #price .table > colgroup + thead > tr:first-child > th, #price .table > thead:first-child > tr:first-child > td, #price.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ccc;
}

#price .alt-table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

#price th {
    text-align: center;
}

/*********************************************
    LinkedNotes(備考)
*********************************************/

.linkedNotes .panel {
    min-height: 350px;
}

.linkedNotes .panel .panel-body {
    height: 150px;
}

.linkedNotes .panel .panel-body .submit-center {
    position: absolute;
    bottom: 10px;
    right:30px;
}

.linkedNotes .panel .panel-body .note_text {
    word-wrap: break-word;
}

/*********************************************
    admin
*********************************************/

.actions ul li a, .actions a, .actions ul li button {
    border-radius: 4px;
    box-shadow: 1px 1px #666;    
    display: inline-block;
    font-weight: 400;   
    text-decoration: none;
    padding: 5px 12px;
    border: #ccc solid 1px;
}

.actions .disabled {
    background: #dedede;    
    border-radius: 4px;
    box-shadow: 1px 1px #666;   
    cursor: not-allowed;
    display: inline-block;
    font-weight: bold;   
    text-decoration: none;
    padding: 5px 12px;
    border: #ccc solid 1px;
}

.actions .disabled:hover {
    background: #dedede;    

}

.actions ul li a:hover, .actions a:hover, .actions ul li button:hover {
    opacity: 0.8;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #555555;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top:  1px solid #555555 !important;
}

table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color:#ccc;
}

.panel-danger > .panel-heading {
    background-color: #a94442;
    border-color: #a94442;
    color: #fff;
}

.panel-body {
    padding: 10px;
}

.panel-danger {
    border-color: #a94442;
}

.panel-default {
    border-color: #555;
}

.panel-default > .panel-heading {
    background-color: #eee;
    border-color: #555;
    color: #333;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
    border-image: none;  
}

.btn-default:hover {
    background-color: #fff;   
}