@charset "euc-jp";

/*=====================================================
#######################################################

Moba8.net STYLE CSS 2013

Last update:2013.??.??
-------------------------------------------------------
INDEX
1.common setup of the whole web page
2.setup of a header
3.setup of a footer

#######################################################
=====================================================*/

/*=====================================================

1.common setup of the whole web page

=====================================================*/

/*------------------------------------------
 base
------------------------------------------*/

body {
    color:#666
    }

p,th,td {
    margin:0;
    padding:0;
    }

table input,
table select {
    margin: 0;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: auto;
  background-color: #eeeeee;
}

.title-simple{
    border-left:3px solid #3a87ad;
    padding-left:10px;
    color:#666;
    font-weight:bold;
    margin-bottom:10px;
    text-align:left;
    margin-left:30px;
    margin:0 5px 15px;
    }

.backend-login {
    background: #ffffcc;
    color: #00a968;
}

@media ( max-device-width : 480px) {
    .navbar .brand {
        font-size: 16px;
    }
    #input-append-head {
        margin-top:2px !important;
        padding-bottom:8px !important;
    }
}

/*------------------------------------------
 Headr
------------------------------------------*/

span.asid {
	font-weight: bold;
}

span.site-name {
	font-weight: bold;
}

#headset #head-logout {
	margin:10px 0 0 0;
}

/*------------------------------------------
 titlelabel
------------------------------------------*/
.titlelabel {
    width:100%;
    padding-top: 9px;
    padding-bottom: 9px;
}
.label-info-extend {
    width:100%;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size:14px;
    background-color: #2c88cc;
    }

.label-info-extend div {
    margin: 0px 15px;
    }

.label-success-extend {
    width:100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size:13px;
    background-color: #368847;
    }

.label-success-extend div {
	margin: 0px 15px;
	}

.labelblue {
    color: #ffffff;
    background:#2c88cc;
    }

.labelred {
    color: #ffffff;
    background:#b72321;
    }


.page-summary{
    text-align:left;
    margin:0 7px 20px;
    }

.report-pay-em{
    font-weight:bold;
    font-size:110%;
    }

/*------------------------------------------
 Area of a button to which each screen returns.
 (各画面の戻るボタンのエリア)
------------------------------------------*/

.btn-area {
    clear: both;
    padding-top: 50px;
    text-align:center;
    }
.btn-area input,
.btn-area img{
    text-align:center;
    margin-bottom:20px;
    }

/*------------------------------------------
 Crumbs list
 (パンくずリスト)
------------------------------------------*/
.crumb{
    font-size:12px;
    text-align:left;
    }

/*------------------------------------------
  The advertisement which turns in the manuscript from a BackEnd.
 (バックエンドから入稿する広告)
------------------------------------------*/
.ad-frame{
    width:100%;
    background:#EEFDFF;
    font-weight:bold;
    color:#0066CC;
    margin:15px 0 0;
    padding:5px 0;
    }
.ad-frame p{
    margin:0 5px;
    text-align:left;
    }
.ad-frame p a:visited{
    color:#0066CC;
    }

/*------------------------------------------
 Number-of-cases display area
 (件数表示エリア)
------------------------------------------*/
.number-area{
    width:100%;
    margin:0 auto 10px;
    text-align:left;
    }
.number{
    font-weight:bold;
    color:#001e3d;
    font-size:14px;
    }

.number-area input{
    margin-bottom: 10px;
    }


/*------------------------------------------
 pagelink
 (ページネーション)
------------------------------------------*/
/*pagelink*/
.transitionlink {
    text-align: center;
    margin:20px auto;
    }
.transitionlink li {
    display: inline;
    }
.transitionlink .active{
    display: -moz-inline-box;
    display: inline-block;
    padding: 1px 5px 2px;
    background: #999999;
    border: 1px #CCC solid;
    color:#FFF;
    font-weight:bold;
    }
.transitionlink li a {
    display: -moz-inline-box;
    display: inline-block;
    padding: 1px 5px 2px;
    border: 1px #CCC solid;
    background:#EEEEEE;
    text-decoration:none;
    }
.transitionlink li a:hover {
    border: 1px solid #CCC;
    background: #FFF;
    }
.previewlink{
    width:100%;
    margin:0 auto;
    text-align:right;
    }
.trcolor{
    background-color:#EEEEEE;
    }

/*------------------------------------------
 Data is downloaded.
 データをダウンロード
------------------------------------------*/

.download{
    width:100%;
    text-align:right;
    margin:0 auto 10px;
    _height:30px;
    _zoom:1;
/*  overflow:hidden;*/
    }
.download img{
    vertical-align:middle;
    margin-left:10px;
    }

.download a{
    text-decoration:none;
    }


/*=====================================================

2.setup of a header

=====================================================*/

.nav-pills > li > a {
    background-color: #f5f5f5;
    color:#444;
}

.navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color:#fff !important;
}
.nav-collapse .nav > li > a {
  background: #e0f8ff !important;
  text-shadow: none !important;
  padding:12px;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .nav > li.active > a {
  color: #fff !important;
  background: #37aaff !important;
  text-shadow: none !important;
}
.nav-collapse .nav > li > ul {
	margin: 0;
}


/*=====================================================

3.setup of a footer

=====================================================*/

#footer {
    background: url(/a8v2/images/as/backimg-foot.png) repeat-x left top #FAFAFA;
    margin-top: 70px;
}

@media screen and (max-width: 720px) {
    .allR {       display:none;}
}