@charset "utf-8";

/*----------------------------------------------------
        reset
----------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
field set, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, fig caption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, canvas, details, fig caption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
block quote:before, block quote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    overflow:　hidden;
    outline:　none;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000; 
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px #000 dotted;
    margin: 30px 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}

/*
Copyright © 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,text area,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*----------------------------------------------------
        basic
----------------------------------------------------*/
html {
    height: 100%;
}
body {
    height: 100%;
    color: #666;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    line-height: 1.5;
    overflow-y: scroll;
}
body#login {background: #f5f5f5;}
body#layout {background: #e5e5e5;}
body#managerlogin,
body#addfile {background: #fff;}

a:link {
    color: #6c88a7;
    text-decoration: underline;
}
a:visited {
    color: #6c88a7;
    text-decoration: underline;
}
a:hover {
    color: #e5a4a3;
    text-decoration: none;
}
a:active {
    color: #6c88a7;
    text-decoration: underline;
}

.imgR {float: right;}
.imgL {float: left;}
.txtR {text-align: right;}
.txtC {text-align: center;}
.attention {color: #ff1d25;}
.attention_red {color: #ff1d25;}
.non_m{margin: 0px 0px 10px 0px;}
input[type="text"] {
    color: #444;
    height: 20px;
    padding: 2px 4px;
}
input.textFocus[type="text"] {color: #666 !important;}
textarea {
    color: #444;
    margin: 6px auto;
    height: 100px;
    width: 100%;
    font-size: 100%;
}

@media print{
    #global_header{display:none;}
    #topicPath{display:none;}
    #global_footer{display:none;}
    #search{display:none;}
    #add_csv{display:none;}
    #content{width:100%; float:none; font-size: 80%;}
} 

/* clearfix */
#wrapper:after {
    content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.cf {
    content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*----------------------------------------------------
        #page
----------------------------------------------------*/
#page {
    width: 100%;
    text-align: left;
    position: relative;
    background: #f9f9f9;
}


/*----------------------------------------------------
        header | ログインページ用
----------------------------------------------------*/
#login_header {
    width: 100%;
    text-align: center;
}
#login_header img {
    vertical-align: top;
}
#login_header h1 {
    width: 100%;
    padding: 10px 0;
    background: #008fd4;
}
#login_header h2 {
    width: 100%;
    padding: 10px 0;
    background: #fcfcfc;
    border-bottom: 4px #008fd4 solid;
}


/*----------------------------------------------------
        header | 一覧ページ用
----------------------------------------------------*/
#global_header {
    width: 100%;
    height: 75px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 3px #a0a0a0;
    -moz-box-shadow: 0 0 3px #a0a0a0;
    -webkit-box-shadow: 0 0 3px #a0a0a0;
}

/* .boxL */
#global_header .boxL {
    width: 500px;
    float: left;
    overflow: hidden;
}
#global_header .boxL h1 {
    float: left;
}
#global_header .boxL h2 {
    margin: 15px 0 0 0;
    padding: 10px 0 10px 10px;
    border-left: 3px #006bb4 solid;
    font-size: 140%;
    font-weight: normal;
    float: left;
}

/* .boxR */
#global_header .boxR {
    padding: 10px 20px 0 0;
    float: right;
    overflow: hidden;
}
#global_header .boxR p {
    line-height: 2;
    text-align: center;
}
#global_header .boxR .info_bt {
    width: 200px;
    padding: 0 0 0 0;
    text-align: right;
    float: left;
}

#global_header .boxR .info_bt .login_name{
    font-size: 15px;
}
#global_header .boxR .info_manager {
    width: 197px;
    padding: 20px 10px 0 0;
    float: right;
}
#global_header .boxR .info_riji {
    width: 200px;
    padding: 15px 20px 0 0;
    text-align: center;
    float: right;
}

/* navBox */
#navBox{
    background: #f2f2f2;
    border: 1px solid #dcdcdc;
    height: 39px;
}

#navBox ul li{
    float: left;
    background: #f2f2f2;
    list-style-type: none;
    padding: 10px;
    border-left: solid #dcdcdc 1px;
    border-bottom: solid #dcdcdc 1px;
}

#navBox ul li:last-child{
    border-right:  solid #dcdcdc 1px;
}
#navBox ul li a{
    text-decoration: none;
    color: #333;
}

/*----------------------------------------------------
        #topicPath
----------------------------------------------------*/
#topicPath {
    width: 100%;
    height: 29px;
    clear: left;
    /*background: url(../../img/bg_topicpath.gif) repeat-x;*/
    background: #e6e6e6;
}
#topicPath ul {
    padding: 0 20px;
}
#topicPath ul li {
    height: 29px;
    font-size: 90%;
    display: table-cell;
    vertical-align: middle;
}
#topicPath ul li.home,
#topicPath ul li {
    padding: 0 30px 0 10px;
    background: url(../../img/topic_arrow.png) no-repeat right center;
}
#topicPath ul li a {
    color: #666;
    text-decoration: none;
}


/*----------------------------------------------------
        #contents
----------------------------------------------------*/
#contents {
    width: 98%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
}

#check {
    width: 50px;
    height: 110px;
    position: fixed;
    right: 50px;
    bottom: 150px;
    cursor: pointer;
}

#pageTop {
    width: 50px;
    height: 110px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
}

#home {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    cursor: pointer;
}


/*----------------------------------------------------
        #footer
----------------------------------------------------*/
#global_footer {
    width: 100%;
    background: #F1F1F1;
    clear: both;
    overflow:hidden;
    zoom:1;
}
#global_footer img {
    vertical-align: top;
}
#global_footer p {
    padding: 15px 0 10px 0;
    color: #999;
    font-size: 90%;
    text-align: center;
}


/* 関連資料 */
#global_footer .box_related {
    width: 100%;
    padding: 15px 0;
    border-bottom: 2px #008fd4 solid;
    background: #fcfcfc;
}
#global_footer .box_related dl {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#global_footer .box_related dl dt {
    padding: 0 0 15px 0;
}
#global_footer .box_related dl dd ul li {
    padding: 0 20px 0 20px;
    background: url(../../img/cmn/footer/ic_arrow01.gif) no-repeat left center;
    display: inline-block;
}
#global_footer .box_related dl dd ul li a {
    color: #008fd4;
    text-decoration: none;
}

/* リンク */
#global_footer .box_link {
    width: 100%;
    padding: 10px 0;
    background: #e5e5e5;
}
#global_footer .box_link ul {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#global_footer .box_link ul li {
    padding: 0 20px 0 30px;
    background: url(../../img/cmn/footer/ic_text.gif) no-repeat left center;
    display: inline-block;
}
#global_footer .box_link ul li a {
    color: #666;
    text-decoration: none;
}

/* その他 */
#global_footer .bt_login {
    padding: 10px 0 0 0;
    text-align: center;
}
#global_footer .copy {
    padding: 10px 0;
    color: #4d4d4d;
    font-size: 90%;
    text-align: center;
}


/*----------------------------------------------------
        login
----------------------------------------------------*/
#box_login {
    width: 100%;
    height: 80%;
    text-align: center;
}
#box_login:before {
    content: '';
    display: inline-block;
    /*height: 100%;*/
    height: 500px;
    vertical-align: middle;
    margin-right: -0.25em;
}
#box_login .wrap {
    width: 336px;
    display: inline-block;
    vertical-align: middle;
}
#box_login dl {
    width: 266px;
    margin: 10px auto 0 auto;
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0 0 5px #bfbfbf;
    -moz-box-shadow: 0 0 5px #bfbfbf;
    -webkit-box-shadow: 0 0 5px #bfbfbf;
    text-align: left;
    behavior: url(/js/PIE.htc);
}
#box_login dl dt {
    padding: 0 0 10px 0;
}
#box_login dl dd {
    padding: 0 0 10px 0;
}
#box_login dl dd input[type="text"] {
    width: 98%;
    padding: 5px 0;
    font-size: 120%;
}
#box_login dl dd input[type="password"] {
    width: 98%;
    padding: 5px 0;
    font-size: 120%;
}
#box_login dl dd.txtC {
    padding: 10px 0 0 0;
}
#box_login dl dd.txtC img,
#box_login dl dd.txtC input {
    vertical-align: middle;
}


/*----------------------------------------------------
        login | 通常ログイン
----------------------------------------------------*/
#box_managerlogin {
    width: 100%;
    text-align: center;
}
#box_managerlogin .wrap {
    width: 100%;
}
#box_managerlogin h1 {
    padding: 5px 0;
    background: #006bb4;
    color: #fff;
    font-size: 120%;
    text-align: center;
}
#box_managerlogin dl {
    padding: 10px 30px;
    background: #fff;
    text-align: left;
}
#box_managerlogin dl dt {
    padding: 0 0 2px 0;
}
#box_managerlogin dl dd {
    padding: 0 0 10px 0;
}
#box_managerlogin dl dd input[type="text"] {
    width: 100%;
    padding: 2px 0;
}
#box_managerlogin dl dd.txtC {
    padding: 10px 0 20px 0;
}
#box_managerlogin dl dd.txtC img,
#box_managerlogin dl dd.txtC input {
    vertical-align: middle;
}


/*----------------------------------------------------
        login | 理事会ログイン
----------------------------------------------------*/
#login_chairman {
    width: 800px;
    margin: 50px auto 30px auto;
    background: #fff;
    box-shadow: 0 0 5px #bfbfbf;
    -moz-box-shadow: 0 0 5px #bfbfbf;
    -webkit-box-shadow: 0 0 5px #bfbfbf;
    behavior: url(/js/PIE.htc);
}
#login_chairman .wrap {
    padding: 15px;
}
#login_chairman .tb_login01 {
    width: 772px;
    height: 43px;
    margin: 0 -15px 0 5px;
    overflow: hidden;
}
#login_chairman .tb_login01 li {
    width: 140px;
    height: 43px;
    margin: 0 14px 0 0;
    float: left;
    overflow: hidden;
}
#login_chairman .tb_login01 li a {
    width: 140px;
    height: 0;
    padding: 43px 0 0 0;
    display: block;
}
#login_chairman .tb_login01 li.nav01 a {
    background: url(../../img/login/bt_login01.gif) no-repeat 0 0;
}
#login_chairman .tb_login01 li.nav01 a:hover,
#login_chairman .tb_login01 li.nav01 .active {
    background: url(../../img/login/bt_login01.gif) no-repeat 0 -43px;
}
#login_chairman .tb_login01 li.nav02 a {
    background: url(../../img/login/bt_login02.gif) no-repeat 0 0;
}
#login_chairman .tb_login01 li.nav02 a:hover,
#login_chairman .tb_login01 li.nav02 .active {
    background: url(../../img/login/bt_login02.gif) no-repeat 0 -43px;
}
#login_chairman .tb_login01 li.nav03 a {
    background: url(../../img/login/bt_login03.gif) no-repeat 0 0;
}
#login_chairman .tb_login01 li.nav03 a:hover,
#login_chairman .tb_login01 li.nav03 .active {
    background: url(../../img/login/bt_login03.gif) no-repeat 0 -43px;
}
#login_chairman .tb_login01 li.nav04 a {
    background: url(../../img/login/bt_login04.gif) no-repeat 0 0;
}
#login_chairman .tb_login01 li.nav04 a:hover,
#login_chairman .tb_login01 li.nav04 .active {
    background: url(../../img/login/bt_login04.gif) no-repeat 0 -43px;
}
#login_chairman .tb_login01 li.nav05 a {
    background: url(../../img/login/bt_login05.gif) no-repeat 0 0;
}
#login_chairman .tb_login01 li.nav05 a:hover,
#login_chairman .tb_login01 li.nav05 .active {
    background: url(../../img/login/bt_login05.gif) no-repeat 0 -43px;
}
#login_chairman .login_wrap {
    padding: 20px 0 1px 0;
}
#login_chairman .login_wrap p {
    margin: 0 0 10px 0;
    text-align: center;
}
#login_chairman .login_wrap input[type="text"] {
    width: 94%;
    padding: 2px 0;
}

.tb_submit {
    width: 95%;
    text-align: center;
    overflow: hidden;
}
.tb_submit th {
    font-weight: normal;
}
.tb_submit li {
    width: 303px;
    height: 54px;
    margin: 0 10px;
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
}
.tb_submit li a {
    width: 100%;
    height: 0;
    padding: 54px 0 0 0;
    display: block;
    overflow: hidden;
}
.tb_submit li.tb_submit01 a {
    background: url(../../img/login/bt_submit01.gif) no-repeat 0 0
}
.tb_submit li.tb_submit02 a {
    background: url(../../img/login/bt_submit02.gif) no-repeat 0 0
}

.slider_submit_wrap {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 40px 0 0 0;
    background: url(../../img/login/bg_slider_submit.gif) repeat-x left top #e5e5e5;
}
.slider_submit_wrap #slider_submit {
    width: 100%;
    padding: 0 0 40px 0;
    background: url(../../img/login/bg_slider_submit_wrap.gif) repeat-x left bottom #e5e5e5;
}
.slider_submit_wrap .box_submit h3 {
    text-align: center;
}

#dropzone {
    width: 550px;
    height: 160px;
    background: url(../../img/login/bg_drop.gif) no-repeat 0 0;
}
#dropzone02 {
    width: 720px;
    height: 180px;
    background: url(../../img/parts/bg_upload_b.gif) no-repeat 0 0;
}
.tb_submit {
    margin:20px;
}
.tb_submit.tb_submit02 {
    width: 96%;
    margin: 0 auto 20px auto;
}
.tb_submit th {
    width: 20%;
    padding: 8px;
    background: #f1f1f1;
    border-top: 1px #ccc dashed;
    border-bottom: 1px #ccc dashed;
    vertical-align: middle;
}
.tb_submit td {
    padding: 8px;
    border-top: 1px #ccc dashed;
    border-bottom: 1px #ccc dashed;
    text-align: left;
}
.tb_submit td input[type="text"] {
    width: 80%;
}
.tb_submit td input[type="text"].phone {
    width: 10%;
}
.tb_submit td textarea {
    width: 100%;
    height: 70px;
}

.tb_submit td span {
    display: inline-block;
}

.confirm_title {
    margin: 0 0 10px 0;
    text-align: center;
}
.confirm_title span {
    color: #008fd4;
    font-size: 120%;
    font-weight: bold;
}


/*----------------------------------------------------
        addfile
----------------------------------------------------*/
#box_addfile {
    width: 100%;
}
#box_addfile h1 {
    padding: 5px 0;
    background: #006bb4;
    color: #fff;
    font-size: 120%;
    text-align: center;
}
#box_addfile .wrap {
    overflow: hidden;
}
#box_addfile #dropzone {
    width: 350px;
    height: 190px;
    margin: 20px;
    background: url(../../img/parts/bg_upload.gif) no-repeat 0 0;
    float: right;
}
#box_addfile .wrap .edit_info {
    padding: 20px 0 0 20px;
    overflow: hidden;
}
#box_addfile .wrap .edit_info dt {
    padding: 5px;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc dashed;
    color: #e46867;
    font-weight: bold;
}
#box_addfile .wrap .edit_info dd {
    padding: 8px;
}
#box_addfile .wrap .edit_info dd span {
    padding: 0 10px 0 0;
}
#box_addfile .wrap .edit_info dd input[type="text"] {
    width: 80%;
    padding: 2px 0;
}
#box_addfile .txtC {
    clear: both;
}
#box_addfile .txtC img,
#box_addfile .txtC input {
    vertical-align: middle;
}


/*----------------------------------------------------
        共通
----------------------------------------------------*/
.bt_add {
    margin: 0 20px;
    border-bottom: 1px #ccc solid;
}
.bt_add02 {
    padding: 30px 0 0 0;
    text-align: center;
}
.bt_add img {
    vertical-align: top;
}
.bt_add02 img {
    margin: 0 10px;
    vertical-align: top;
}
.bt_add_bottom {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0 0 0;
    border-top: 1px #ccc solid;
}

.tb_wrap {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
    background: #fff;
    border: 1px #ccc solid;
}

.tb_wrap .tb_main {
    width: 96%;
    margin: 0 auto;
}
.tb_wrap .tb_main th {
    border-bottom: 1px #ccc dashed;
}
.tb_wrap .tb_main td {
    border-bottom: 1px #ccc dashed;
}
.tb_wrap .tb_main thead th {
    padding: 8px;
    color: #e46867;
}
.tb_wrap .tb_main tbody th {
    padding: 10px;
    color: #4d61ab;
}
.tb_wrap .tb_main tbody th a {
    color: #4d61ab;
}
.tb_wrap .tb_main tbody td {
    padding: 10px;
}
.tb_wrap .tb_main tbody td img {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.tb_wrap .tb_main .tb_title {
    width: 30%;
}
.tb_wrap .tb_main .tb_file {
    font-size: 90%;
    color: #7d7d7d;
}
.tb_wrap .tb_main .tb_file a,
.tb_wrap .tb_main .tb_file span {
    display: inline-block;
}
.tb_wrap .tb_main .tb_data {
    width: 18%;
}
.tb_wrap .tb_main .tb_edit {
    width: 5%;
    text-align: center;
}

.txt_mesgC {
    padding: 0 0 15px 0;
    line-height: 2;
    text-align: center;
}

.complete_title {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 4px #006bb4 solid;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#666;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#666;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #727272; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(img/cmn/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img/cmn/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img/cmn/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img/cmn/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}



/*----------------------------------------------------
        共通
----------------------------------------------------*/

.tb_submit_user01 {
    margin: 20px 0 0 0 ;
}

.search_box select{
    width: 72%;
}

.search_box input[type="text"] {
    width: 95%;
}

.search_box table {
    text-align: left;
    width: 100%;
    margin: 15px 0;
    line-height: normal;
}

.search_box td, .search_box tr {
    vertical-align: middle;
}

.search_box td.none {
    border: none;
}

.search_box .minict_wrapper {
    width: 150px;
}

.search_box img {
    cursor: pointer;
}
.search_box2 input[type="text"] {
    width: 95%;
}

.search_box2 table {
    text-align: left;
    width: 100%;
    margin: 15px 0;
    line-height: normal;
}

.search_box2 td, .search_box2 tr {
    vertical-align: middle;
}

.search_box2 td.none {
    border: none;
}

.search_box2 .minict_wrapper {
    width: 150px;
}

.search_box2 img {
    cursor: pointer;
}
.tb_wrap dl{
    width: auto;
    padding: 10px;
    float:left;
}
.tb_wrap dt{
    padding-right: 10px;
    float:left;
}

.itemlist_wrap {
    text-align: center;
}

ul.itemlist{
    padding: 0 0 0 10px ;
    list-style: none;
}
ul.itemlist li {
    text-align: left;
    padding-right: 10px;
    width: 182px;
    height: 300px;
    display: -moz-inline-box;  
    display: inline-block;  
    /display: inline;  
    /margin-right: 3px;  
    /zoom: 1;  
}

ul.itemlist li .item_stock {
    color: #E78B00;
    font-weight: bold;
}

ul.itemlist li .item_title {
    font-size: 110%;
}

#paging{
    overflow:hidden;
    zoom:1;

}

#paging ul.paging{
    padding:0px;
    color: #4D61AB
        margin-bottom:10px;
}

#paging p{
    text-align:right;
}

#paging p span{
    color:#E72C2C;
}

.paging {
    padding: 20px 20px 10px 30px;
    text-align: center;
}
.paging li {
    display: inline;
}
.paging .no {
    background: #CCCCCC;
    border: 1px #CCCCCC solid;
}
.paging li span {
    padding: 2px 5px;
    display: inline-block;
}

.display {
    padding: 20px 30px 20px 20px;
    float: right;
}

.item_image_box {
    padding: 0 15px 0px 15px;
    width: 390px;
}

.item_image_l {
    float: left;
}

.item_image_r ul {
    width: 58px;
    padding: 15px 14px 3px 14px;
    border: solid 1px #ccc;
    list-style: none;
    float: left;
}

.item_image_r li {
    margin-bottom: 4px;
}

.item_text_box {
    width: 46%;
    margin-left: 15px;
    float: left;
}

.item_text_box p {
    padding: 8px 0 5px 0;
    border-bottom: dashed 1px #ccc;
}

.item_text_box p.datail_itemname {
    font-size: 140%;
    font-weight: bold;
}

.item_text_box p.datail_itemstock {
    font-size: 120%;
    font-weight: bold;
}

.item_text_box p .itemstock {
    color: #E78B00;
}

.item_text_box p.datail_material {
    border: none;
}


.item_text_box p.datail_content {
    padding: 15px;
    background: #FFFBE9;
    border: 1px solid #ccc;
}

.outbtn {
    margin: 25px 0;
}

.announce {
    margin: 25px 0;
    text-align: center;
    font-size: 160%;
}

.must {
    margin-left: 12px;
    padding: 2px 8px;
    font-size: 80%;
    color: #fff;
    background-color: red;
}

.complete {
    color: #58BFD4;
}

td.attention {
    width: 8%;
    padding: 8px;
    background: #f1f1f1;
    color: #fff;
    border-top: 1px #ccc dashed;
    border-bottom: 1px #ccc dashed;
    vertical-align: middle;
}

.tb_submit td img {
    width: 300px;
}

/*----------------------------------------------------
        index
----------------------------------------------------*/

#box_index {
    width: 100%;
    text-align: center;
    position: relative;
    overflow:hidden;
    zoom:1;
    top: 140px;
}

#box_index .wrap {
    display: inline-block;
    vertical-align: middle;
}

#box_index .wrap .index_list {
    margin: 0 -20px 0 10px;
    overflow: hidden;
}

#box_index .wrap .index_list li {
    margin: 0 20px 0 0;
    list-style-type: none;
    float: left;
}

#box_index .wrap .index_list li table th{
    width:100%;
    height:600px;
    vertical-align:middle;

}

#box_index_last {
    width: 100%;
    text-align: center;
    position: relative;
    top: 10px;
    overflow:hidden;
    zoom:1;
}


#box_index_last .wrap {
    display: inline-block;
    vertical-align: middle;
}


#box_index_last .index_list li {
    margin: 0 20px 0 0;
    list-style-type: none;
    float: left;
}

#search_text{
    background: url("../../img/search.png") no-repeat 5px 5px;
    padding: 3px 0px 3px 25px;
    /*width: 400px;*/
    /*margin-right: 15px;*/
}
/*.search_box .flat_btn.orange_btn{
    margin-left: 15px;
}
*/

/*----------------------------------------------------
        customer
----------------------------------------------------*/

.box_customer {
    width: 90%;
    margin: 0 auto 50px auto;
}

#search {
    margin: -1px auto 25px auto;
    padding: 15px 25px 5px 25px;
    border: #CCC 1px solid;
    background: #FFF;
    width: 90%;
}

#search div.opt{
    zoom:1;
    height: 130px;
}

#search div.opt div{
    border-right:2px solid #58BFD4;
    width:119px;
    float:left;
    margin-right:10px;
    margin-left:10px;
}
#search div.opt div:last-child{
    border: none;
}
#search div.opt div.box1{
    width:119px;	
}

#search div.opt div.box1 label{
    font-weight: bold;
}

#search div.opt div.box2{
    width:250px;
}
div.box2{
    /*border-right: 2px solid #58BFD4;*/
}

#search div.opt div.box3{
    width:160px;
}



#search div.opt  dl dt{
    color:#58BFD4;
    font-weight:bold;
    font-size:120%;
    margin-bottom:5px;
}


#search div.opt  ul li{
    list-style:none;
    
    margin-right:10px;
    font-weight:bold;
}

#search div.opt  ul li input{
    margin-right:8px;
}


/* 車両検索タブ */
.tab-carinfo{
    margin: -1px auto 25px auto;
    padding: 15px 25px 15px 25px;
    border: #CCC 1px solid;
    background: #FFF;
    width: 90%;
}
.tab{
    overflow:hidden;
    margin-top: 20px;
    margin-left: 70px;
}
.tab li{
    background:#ccc;
    padding:5px 25px;
    display: inline-block;
    /*float:left;*/
    /*margin-right:1px;*/
    cursor: pointer;
    z-index: 10;
    border: none;
}
.tab li.select{
    background: #fff;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding-top: 8px;
}

.tab-carinfo dt{
    color:#58BFD4;
    font-weight:bold;
    font-size:120%;
    margin-bottom:5px;
}

.content li{
    /*background:#eee; padding:20px;*/
}
.hide {
    display:none;
}


.keyword {
    width: 100%;
}

#add_csv{
    overflow:hidden;
    margin: 0 0 25px 0;
}

#add_csv ul li {
    float: left;
    list-style-type: none;
}

#add_csv ul li a {
    width: 163px;
    height: 36px;
    /*display: block;*/
    text-indent: -9999px;
    margin-right:10px;
}

#add a {
    background:url(../../img/customer/addcsv.png);
}

#add a:hover {
    background:url(../../img/customer/addcsv_on.png);
}




#ikkatu a {
    background:url(../../img/customer/csvikkatu.png);
}

#ikkatu a:hover {
    background:url(../../img/customer/csvikkatu_on.png);
}

#download a{
    background:url(../../img/customer/csvdownload.png);
}

#download a:hover{
    background:url(../../img/customer/csvdownload_on.png);
}


#being{
    overflow:hidden;
    margin: 20px 0 25px 0;
}

#being ul li {
    float: left;
    list-style-type: none;
}

#being ul li a {
    width: 165px;
    height: 36px;
    display: block;
    text-indent: -9999px;
    margin-right:10px;
}

#being_add a {
    background:url(../../img/customer/btn_being.png);
}

#being_add a:hover {
    background:url(../../img/customer/btn_being_on.png);
}

#data_warp {
    width: 100%;
}
#btn_box{
    width: 95%;
    margin: 20px auto;
}
#btn_box_l{
    float: left;
}
#btn_box_r{
    float: right;
}
#data {
    width: 90%;
    background-color: #FFF;
    margin: 0 auto 40px auto;
    padding: 15px 25px 15px 25px;
    border: 1px solid #CCC;
}

#data table {
    width: 100%;
    border-top: solid 3px #CCC;
    text-align: left;
    margin-bottom:20px;
}

#data th {
    padding: 15px 5px 5px 5px;
    color: #e46867;
    border-bottom: 1px #ccc solid;
    border-right: #CCC 1px solid;
    text-align: center;
    background-color: #f9f9f9;
    vertical-align: middle;
}

#data th:last-child{
    border-right: none;
}

#data th.bk_color {
    background-color: #f9f9f9;
}

#data td {
    padding: 10px 5px;
    border-bottom: 1px #ccc dashed;
    border-right: #CCC 1px solid;
    vertical-align: middle;
    text-align: center;
}

#data td:last-child{
    border-right: none !important;
}

#data td.bk_color {
    background-color: #f9f9f9;
}

#data table a {
    text-indent: -9999px;
    width:23px;
    height:23px;
}


#data_list {
    margin: 10px 0 0 0;
    overflow: hidden;
    width: 100%;
}

#data_list ul {
    margin: 0 auto 0 auto;
    list-style: none;
    width: 5%;
}

#data_list li {
    float: left;
    width: 25%;
}

#data tr.odd td {
    border-bottom: none;
}
#data tr.add td {
    padding: 0px 0 5px 0;
}

/*----------------------------------------------------
        customer　＞　archive
----------------------------------------------------*/
#report #data table td{
    padding: 10px 10px 10px 10px;
}
#bottom_box{
    margin: 0 auto;
    text-align: center;
}

/*----------------------------------------------------
        customer　＞　edit
----------------------------------------------------*/

#edit_top_box{
    padding: 10px 0 20px 0;
    margin-bottom: 20px;
}

#edit_top_box h2{
    /*float: left;*/
    font-size: 18px;
}

#edit_top_box #edit_right_box{
    margin-top: 20px;
    /*float: right;*/
}


div.table_box_left{
    float:left;
    width:48%;
}
div.table_box_left > table tr.addr td input{
    margin: 1px 0 5px 0;
}
div.table_box_right{
    width:48%;
    float:right;
}

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

.edit_table {
    clear: both;
}

.edit_table table {
    margin-bottom: 15px;
    width: 100%;
    vertical-align: middle;
}


.edit_table tr {

}
.edit_table td, .edit_table th{
    border-top: #CCC 1px dashed;
}

.edit_table th{
    padding: 8px 0; 
    background-color: #F7F7F7;
    border-bottom: #CCC 1px dashed;
    border-right: #CCC 1px solid;
    text-align: center;
    vertical-align: text-top;
}

.edit_table th:last-child{
    border-right:none;
}

.act_detail .edit_table th{
    width: 120px;
}
.detail .edit_table th {
    width: 100px;
}

.edit_table td {
    padding: 8px 8px; 
    border-bottom: #CCC 1px dashed;
    border-right: #CCC 1px solid;
}

.edit_table td:last-child{
    border-right: none;
}

table.tb_edit {
    width: 48%;
}

table.float_left {
    width:100%;
}

table.float_right {
    width:100%;
}

textarea#memo{
    /*height: auto;*/
}

#car_info td{
    vertical-align: middle;
    text-align: center;
}

dl.doc_date dt{
    float: left;
    clear: left;
    margin-right: 20px;
}
td.histry dl{
    margin: 10px 0;
}
td.histry dt{
    margin-bottom: 3px;
}
td.histry dd{
    font-weight: bold;
    margin-bottom: 8px;
}



/*----------------------------------------------------
        共通スタイル
----------------------------------------------------*/

.flat_btn{
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    width: 140px;
    border-radius: 5px;
    letter-spacing : 2.5px;
    background: #58BFD4;
    box-shadow : 0px 2px 0px rgba(70, 89, 120, 0.75);
}
a.flat_btn, input.flat_btn, button.flat_btn{
    color: #fff;
    border-style: none;
    outline: none;
    text-decoration: none;
    margin: 2px 0;
}
.flat_btn:hover{
    opacity: 0.8;
    cursor: pointer;
}
.flat_btn.back{
    background: #A2A2A2;
    box-shadow : 0px 2px 0px rgba(60, 60, 60, 0.75);
}
.flat_btn.back_btn{
    background: #A2A2A2;
    box-shadow : 0px 2px 0px rgba(60, 60, 60, 0.75);
    width: 105px;
    height: 19px;
    padding: 4px 0px;
    font-size:12px;
}
.flat_btn.white{
    background: #fff;
    color: #4D4D4D;
    box-shadow : 0px 2px 0px rgba(60, 60, 60, 0.25);
}
.flat_btn.pink{
    background: #FF9BAC;
    color: #fff;
    box-shadow : 0px 2px 0px rgba(219, 86, 86, 0.80);
}
.orange_btn{
    background: #F9AC67;
    box-shadow : 0px 2px 0px rgba(212, 144, 85, 0.75);
    width: 75px;
    padding: 4px 0px;
}

.s_btn{
    height :27px;
}

.small_btn{
    width: 100px;
    padding: 4px 0;
}
.zip_btn{
    background: #f4f4f4;
    box-shadow: 0px 2px 0px rgba(60, 60, 60, 0.35);
    color: #666666 !important;
    margin-left: 20px !important;
}

.w30{
    width: 30px;
}
.w40{
    width: 30px;
}
.w50{
    width: 50px;
}
.w60{
    width: 60px;
}
.w70{
    width: 70px;
}
.w80{
    width: 80px;
}
.w90{
    width: 90px;
}
.w100{
    width: 100px;
}
.w130{
    width: 130px;
}
.w150{
    width: 150px;
}
.w160{
    width: 160px;
}
.w210{
    width: 210px;
}

.w300{
    width: 300px;
}
.w320{
    width: 320px;
}
.w360{
    width: 360px;
}

.w380{
    width: 380px;
}
.w560{
    width: 560px;
}



.tanni input{
    width:82%!important;
    text-align:left !important;
}

.kingaku input{
    width:82%!important;
    text-align:right !important;
}


.vam{
    vertical-align:middle;
}
.tac{
    text-align: center !important;
}
.tal{
    text-align: left !important;
}
.tar{
    text-align: right !important;
}

.no_border{
    border: none !important;
}

.br1{
    border-right: 1px solid #333 !important;
}
.pl5{
    padding-left: 5px !important;
}
.pl20{
    padding-left: 20px !important;
}
.pl30{
    padding-left: 30px !important;
}
.pr5{
    padding-right: 5px;
}
.pr20{
    padding-right: 20px !important;
}
.mr20{
    margin-right: 20px !important;
}
.mb30{
    margin-bottom: 30px !important;
}

.fl{
    float: left;
}
.fr{
    float: right;
}

.through{
    text-decoration: line-through;
}
.end{
    text-decoration: line-through;
    color: #999;
}

.bg_blue1{
    background: #F1F8FD;
}
.bg_pink{
    background: #F2D8DF;
}



/*----------------------------------------------------
    act_index
----------------------------------------------------*/
.act_index .search_box select{
    margin-left: -8px;
}



/*----------------------------------------------------
    act_index
----------------------------------------------------*/

.cust_name:nth-child(3n+1):after{
    content: "";
    display: block;
}

/*----------------------------------------------------
        customer　＞　report
----------------------------------------------------*/

.detail_car #bottom_box label{
    margin-right: 30px;
}




/*----------------------------------------------------
        customer　＞　report
----------------------------------------------------*/

#report_warp {
    width: 100%;
    background: #FFF;
    margin: 45px auto 0 auto;
    border: #CCC 2px solid; 
}

#report_warp2 {
    width: 96%;
    background: #FFF;
    margin: 45px auto 0 auto;
    border: #CCC 2px solid; 
}

#report {
    margin: 20px 20px 20px 20px;
}

#top_contents h3, #data h3 {
    margin: 12px 10px;
    font-size: 130%;
    float:left;
}

#top_contents h3, #data h4{
    clear: both;
    color: #999999;
}

#top_contents img {
    vertical-align: top;
}

#top_contents td {
    vertical-align: middle;
}

#report_table table {
    width: 100%;
    border-top:  #CCC 2px solid;
}


#report_table tr {
    text-align: left;
}	

#report_table th {
    color:  #E46867;
    padding: 20px 0 5px 0; 
    border-bottom: #CCC 1px solid;
}

#report_table td {
    padding: 20px 0 5px 0; 
    border-bottom: #CCC 1px dashed;
}


#kakunin {
    overflow: hidden;
    clear: both;
    text-align: center;
}

#kakunin p {
    margin: 40px 0 0 0;
    text-align: center;
}

#kakunin ul {
    /*width: 395px;*/
    list-style: none;	
    margin: 0 auto 20px auto;
}

#kakunin li {
    /*float: left;*/
    display: inline-block;
    margin: 10px 5px 0 5px;
}

.four_btns ul{
    width: 960px;
    text-align: center;
}

#report tr.odd td {
    border-bottom: none;
}
#report tr.add td {
    padding: 0px 0 5px 0;
}

span.customer_id {
    border: solid 1px #9FD4FA;
    margin: 12px 10px;
    padding: 5px 10px;
}

span.customer_id a:link, span.customer_id a:visited {
    text-decoration: none;
}

span.edit_finish {
    font-size: 130%;
    color: #006BB4;	
}

input.customer_docment_par {
    width: 20px;
}

input.customer_docment_day {
    width: 80px;
}

input.customer_docment_post {
    width: 60px;
}

input.customer_docment_adrress {
    width: 280px;
}

input.customer_docment_memo {
    width: 360px;
}



/*----------------------------------------------------
        customer　＞　detail_estimate
----------------------------------------------------*/

#estimate{
    margin: 20px;
}

#estimate #estimate_top_box #estimate_top_left{
    float: left;
    margin:5px 0 0 100px;
}

#estimate_top_box {
    margin-top: 60px;
}

#estimate #title_div{
    width:100%;
    text-align: center;
}

#estimate h2{
    width: 180px;
    font-size: 18px;
    padding: 10px 40px;
    display: inline-block;
    background: #E1F0FB;
    border: 1px solid #666;
    margin-bottom: 20px;
}

#estimate #estimate_top_box p#address{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#estimate_top_left p{
    font-size: 11px;
}

#estimate #estimate_top_box #name{
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

#estimate #estimate_top_box #estimate_top_left dl dt{
    padding: 10px 40px;
    color: #fff;
    background: #41A1E5;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #ccc;
    margin-right: 0;
}

#estimate #estimate_top_box #estimate_top_left dl dd{
    padding: 10px 10px;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #ccc;
    margin-left: -6px;
    margin-bottom: 20px;
    min-width: 220px;
}

#estimate #estimate_top_box #estimate_top_right{
    float: right;
    z-index: 9999;
    position: relative;
}

#estimate #estimate_top_box #estimate_top_right th{
    background: #E1F0FB;
}

#estimate #estimate_top_box #estimate_top_right th:nth-child(2){
    width: 120px;
}

#estimate #estimate_top_box #estimate_top_right #dealer_desc{
    font-size: 14px;
    font-weight: bold;
}

#estimate #estimate_top_box #estimate_top_right #dealer_name{
    font-size: 14px;
    font-weight: bold;
}

#estimate #estimate_top_box #estimate_top_right dl{
    margin: 5px 0;
}

#estimate #estimate_top_box #estimate_top_right dl dt,
#estimate #estimate_top_box #estimate_top_right  dl dd{
    display: inline-block;
    margin-bottom: 5px;
}

#estimate table{
    margin-bottom: 10px;
}

#estimate table#table_top{
    min-width: 945px;
}

#estimate table#table_top th.th_left{
    text-align: left;
    padding: 5px 5px;
}

#estimate table#table_top th.th_left input{
    margin: 15px 0;
    width: 70%;
}

#estimate table#table_top th.th_left span{
}
#estimate tr th:last-child,
#estimate tr td:last-child{
    border-right: 1px solid #666;
}

#estimate th:not(.t_bottom1),#estimate td{
    border: 1px solid #666;
    padding: 5px;
    vertical-align: middle;
    font-weight: lighter;
    text-align: center;
}

#estimate .th1{
    background: #E1F0FB;
    border: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    padding: 0 10px !important;
    width: 1em;
}

#estimate .th2{
    background: #F1F8FD;
}

#estimate .th3{
    background: #F1F8FD;
    padding: 0 10px;
    width: 1em;
}

#estimate .th4{
    background: #E1F0FB;
}

#estimate .w4em{
    width: 4em;
    padding: 0 5px;
}

#estimate .w2em{
    width: 2em;
    padding: 0 12px;
}
#estimate .w80 input[type="text"]{
    width: 75%;
}

#estimate .w245{
    width: 245px;
}

#estimate .w140{
    width: 140px;
}


#estimate .t_bottom1{
    /*border: 1px solid #E1F0FB;*/
    padding: 12px 5px;
    vertical-align: middle;
    font-weight: lighter;
    text-align: center;
    background: #E1F0FB;
}

#estimate .t_bottom2{
    border-left: none;
    padding: 12px 5px;
    vertical-align: middle;
    font-weight: lighter;
    text-align: center;
    background: #F1F8FD;
}

#estimate .text_left{
    text-align: left;
    padding-left: 5px;
}

#estimate input[type="text"], #estimate textarea{
    width:88%;
}

#estimate .sagyo input{
    width:96%;
}

#estimate #table_l{
    float: left;
}

#estimate #alphabet{
    float: left;
}

#estimate #alphabet div{
    background: #AED7F4;
    margin-left: 2px;
    padding:12px;
}

#estimate #table_r{
    float: right;
}

#estimate #table_r table{
    width: 495px;
}

.estimate_title{
    font-size: 13px;
}

/*----------------------------------------------------
        user_detail_quotation
----------------------------------------------------*/

.no_border_right{
    border-right: none !important;
}

.td_height{
    margin-left: 10px;
}
.td_height td{
    height: 28px;
}

#estimate #bottom_box dl dt{
    padding: 10px 40px;
    color: #fff;
    background: #41A1E5;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #ccc;
    margin-right: 0;
}

#estimate #bottom_box dl dd{
    padding: 10px 10px;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #ccc;
    margin-left: -6px;
    margin-bottom: 20px;
    min-width: 220px;
}

#estimate .m_kingaku input{
    width:80% !important;
}

#estimate .sagyo_table{
    width:100%;
}

#estimate .s_kingaku input{
    width:60% !important;
}


/*----------------------------------------------------
        customer　＞　account
----------------------------------------------------*/

#account_warp {
    width: 100%;
}

#account {
    background-color: #FFF;
    padding: 15px 25px 15px 25px;
    border: 1px solid #CCC;
}

#account table {
    width: 100%;
    border-top: solid 3px #CCC;
}

#account th {
    padding: 20px 5px 5px 0;
    color: #E46867;
    border-bottom: 1px #ccc solid;
}

#account td {
    padding: 10px 5px 5px 0;
    border-bottom: 1px #ccc dashed;
    vertical-align: middle;
}

#account table a {
    text-indent: -9999px;
    width:23px;
    height:23px;
}


#account_list {
    margin: 10px 0 0 0;
    overflow: hidden;
    width: 100%;
}

#account_list ul {
    margin: 0 auto 0 auto;
    list-style: none;
    width: 5%;
}

#account_list li {
    float: left;
    width: 25%;
}

#account tr.odd td {
    border-bottom: none;
}
#account tr.add td {
    padding: 0px 0 5px 0;
}

#contents_account {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
}


#account tr.add td {
    padding: 0px 0 5px 0;
}

#contents_account {
    width: 70%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
}

#account_datail {
    margin: 30px auto; 
    background-color: #FFF;
    padding: 15px 25px 15px 25px;
    border: 1px solid #CCC;
}

#account_datail table {
    width: 100%;
    border-top: solid 3px #CCC;
}

#account_datail th {
    padding: 10px 10px 5px 10px;
    color: #E46867;
    border-bottom: 1px #ccc solid;
    border-right: 1px #ccc solid;
}

#account_datail th.end {
    padding: 10px 10px 5px 10px;
    color: #E46867;
    border-bottom: 1px #ccc solid;
    border-right: none;
}

#account_datail td {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px #ccc dashed;
    border-right: 1px #ccc solid;
    vertical-align: middle;
}

#account_datail td.end {
    padding: 10px 10px 5px 10px;
    border-bottom: 1px #ccc dashed;
    border-right: none;
    vertical-align: middle;
}

#account_datail table a {
    text-indent: -9999px;
    width:23px;
    height:23px;
}


#account_list {
    margin: 10px 0 0 0;
    overflow: hidden;
    width: 100%;
}

#account_list ul {
    margin: 0 auto 0 auto;
    list-style: none;
    width: 5%;
}

#account_list li {
    float: left;
    width: 25%;
}

#account tr.odd td {
    border-bottom: none;
}
#account tr.add td {
    padding: 0px 0 5px 0;
}

#account_datail h3, #data h3, #top_contents h3 {
    margin: 15px 0px;
    font-size: 120%;
}

#data h3 {
    margin: 15px 0px;
    font-size: 120%;
}

#account_datail td.total {
    margin: 3px;
    text-align: center;
    background-color: #FCEEEE;
    color: #E46867;
}

#account_datail td.num {
    text-align: right;
}

p.bar{
    border-left:2px solid #BD3240;
    font-size:120%;
    margin-bottom:10px;
    padding-left:10px;
    font-weight:bold;
}

p.bar1{
    border-left:2px solid #006ab4;;
    font-size:120%;
    margin-bottom:10px;
    padding-left:10px;
    font-weight:bold;
}


select{
    margin-right:10px;
}

p.com{
    text-align:center;
    overflow:hidden;
    zoom:1;
    clear:both;
}
td.eiken ul {
    margin-bottom:10px;
}

td.eiken p{
    color:#FF1D25;

}

td.eiken ul li{
    display:inline;
}

td.eiken ul li select{
    margin-left:10px;
}

td.eiken ul li input{
    width:70px;
    margin-right:12px;

}

.box_kouen {
    width: 90%;
    margin: 0 auto 50px auto;
}

.box_edit2 {
    width: 1000px;
    margin: 0 auto 50px auto;	
    margin-top:40px;
}

.long input{
    width:265px;
}

p.caution{
    text-align:center;
    color:#BD3240;
    margin-bottom:20px;
    font-weight:bold;
}

div.announce_box dl dt{
    color:#6A0E0F;
    font-weight:bold;
    font-size:120%;
    margin-bottom:10px;
}

div.announce_box p{
    margin-bottom:10px;
}

div.announce_box dl dd{
    margin-bottom:10px;
}

div.noinput{
    background:#B40900;
    background:url(../../img/index/kome.jpg) 20px center no-repeat #B40900;
    padding:5px 5px 5px 50px;
    margin-bottom:40px;
    font-size:70%;
}

div.noinput p{
    background:#fff;
    font-size:150%;
    text-align:left;
    padding-left:10px;
}

div.noinput p span{
    font-weight:bold;
}

div.noinput p a{
    color:#B40900;
}

div#float_r {
    float: right;
}

.red {
    color:red;
}

/*----------------------------------------------------
        login | 通常ログイン
----------------------------------------------------*/
#box_managerlogin {
    width: 100%;
    text-align: center;
}
#box_managerlogin .wrap {
    width: 100%;
}
#box_managerlogin h1 {
    padding: 5px 0;
    background: #006bb4;
    color: #fff;
    font-size: 120%;
    text-align: center;
}
#box_managerlogin dl {
    padding: 10px 30px;
    background: #fff;
    text-align: left;
}
#box_managerlogin dl dt {
    padding: 0 0 2px 0;
}
#box_managerlogin dl dd {
    padding: 0 0 10px 0;
}
#box_managerlogin dl dd input[type="text"] {
    width: 100%;
    padding: 2px 0;
}
#box_managerlogin dl dd.txtC {
    padding: 10px 0 20px 0;
}
#box_managerlogin dl dd.txtC img,
#box_managerlogin dl dd.txtC input {
    vertical-align: middle;
}


#box_dimanage {
    width: 100%;
    text-align: center;
    position: relative;
    /*top: 70px;*/
    margin-top:70px;
    margin-bottom:70px;
    overflow:hidden;
    zoom:1;

}

#box_dimanage .wrap {
    display: inline-block;
    vertical-align: middle;
}



table.teisyutsu{
    border-collapse:collapse;
    border-spacing:0px;
    width:100%;
}

table.teisyutsu th{
    border-collapse:collapse;
    border:1px solid #000;
    border-spacing:0px;
    text-align:center;
    padding:20px;
    background:#006ab4;
    font-weight:normal;
    vertical-align:middle;
    color:#fff;
}

table.teisyutsu td.bg{
    background:#006ab4;
    color:#fff;
}

table.teisyutsu td{
    border-collapse:collapse;
    border:1px solid #000;
    border-spacing:0px;
    text-align:center;
    padding:20px;
    background:#FFFFFF;
    vertical-align:middle;
}

ul.download_list{
    margin-top:50px;
}

ul.download_list li{
    list-style:none;
    margin-bottom:10px;
}
#log_view{
    overflow-y:scroll;
    height: 500px;
}

div.table_m{
    padding:10px;
    background:#FFFFFF;
}

div.sum_box{
    border:1px solid #666;
    background:#FFFFFF;
    margin-bottom:30px;
    padding:20px 30px;
}

div.sum_box span{
    color:#66BFD3;
    font-weight:bold;
    font-size:120%;
    margin-right:5px;

}

.sum table{
    width:100%;
    margin-bottom:30px;
}

.sum table td.study{
    width:102px;

}

.sum table th{
    padding:10px;
    border-bottom:1px dotted #666;
    color:#666;
    background:#FFF;
    text-align:center;
}

.sum table th.even{
    background:#EEE;
}

.sum table td{
    background:#FFFFFF;
    padding:10px;
    border-bottom:1px dotted #666;
    text-align:center;
}

.sum table td.even{
    background:#EEE;
}

.sum .md{
    font-size:1.6em;
    margin-bottom:20px;

}

body p.days{
    margin-bottom:10px;

}
.car_select{
    margin-bottom: 20px;
}

#menu_table th, #menu_table td{
    padding:3px 5px;
}

.border-r{
    border-right:#CCC 1px solid;
}

#search_area{
    width: 100%;
    background: #FFF;
    margin: 0 auto 0 auto;
    border: #ddd 1px solid;
    height: 480px;
    overflow-y: scroll;
}

#search_table{
    margin: 20px;
}
#search_table th{
    padding: 4px;
    text-align:left;
}

#input_area{
    margin: 10px 0 0 30px;
}

#menu_ul li{
    float:left;
    padding:5px 15px;
}

#menu_ul li th{
    text-align: center;
    font-weight:bold;
    font-size: 16px;
}
#menu_ul li td{
    padding:4px 8px;
}

.head {
    background-color: #f7f7f7;
    font-weight: bold;
    width:26%;
    text-align: center;
    vertical-align: middle;
}

.wide{
    width : 30%;
}

.history {
    text-align: center;
}

#texttop{
    vertical-align: top;
}

td.res_btn{
    padding:4px 15px !important; 
}

div#btn_area {
    width: 780px;
    margin: 0 auto;
}

thead{
    /*border-bottom: 4px double #ccc !important;*/
}

.r_none{
    border-right: none !important;
}

.r_bor{
    border-right: 1px solid #ccc !important;
}

div.bank_a {
  width: 275px;
  font-size: 14.5px;
}

div.bank_b {
  margin-top:30px;
  font-size: 14.5px;
}

p#sub_name {
  font-size: 14px;
  margin-left: 7px;
  font-weight: bold;
}

.orange_btn2{
    background: #F9AC67;
    box-shadow : 0px 2px 0px rgba(212, 144, 85, 0.75);
    width: 140px;
    padding: 10px 0px;
}

div#kikan {
    width: 27%;
    float: left;
}

div#car_select {
    width: 30%;
    float: left;
    padding-left:3%;
}

.tab-carinfo dl{
    border-right: 2px solid #58BFD4; 
}


/*-------150514追加 売上管理システム-------*/
h2#list_title {
    font-size: 14px; 
    padding-bottom: 5px;  
    border-bottom: 2px solid #ccc;
}


#sales_table{
    width: 900px;
}

#sales_table th{
    color: #e46867;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: left;
}

#sales_table td{
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
    padding: 8px 0px 8px 10px;
    text-align: left;
}

div#list_wrap {
    /*padding: 10px;*/
}

#report_wrap{
    background-color: #FFF;
    padding: 15px 25px 15px 25px;
    border: 1px solid #CCC;
}


/*-------150514追加 売上管理システムeditページ-------*/

td.charge {
  font-weight: bold;
}

td.sales_price {
  text-align: right;
}

td.sum_price {
  text-align: right;
  font-weight: bold;
}

td.sum_all {
  text-align: center;
  background-color: #fee;
  color:red;
}

.border{
    border-right: 1px #ccc solid;
    border-left: 1px #ccc solid;
}

.mark_alphabet {
    background: #AED7F4;
    vertical-align: middle;
    width: 2em;
    padding: 11px 0;
    position: absolute;
    top: 0;
    right: -2.2em;
    text-align: center;
}