/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}input,select,textarea{margin:0;padding:0}input[type=checkbox],input[type=radio]{width:25px;height:25px;vertical-align:middle;margin-right:5px}.chkbox label{padding-top:5px;padding-left:5px;vertical-align:middle}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}a:focus{outline:0}
/* 基本設定 */
*{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:140%;}img {max-width: 100%;}

/* ログイン */
#login h1{
    /*font-size:16pt;*/
    text-align:center;
    margin:50px 0 10px 0;
    font-weight:lighter;
    color:#0153A5;
    font-size:24pt;
    }

.btn{
    margin:5px 0;
    }
@media screen and (max-width : 767px)
{

    .btn-lg{
    font-size:10pt;
    }    
}    
   

#TxtCode{
    display:inline;
    text-align:center;
    }
    
#login_table{
    width:220px;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:10px;
    }
#login_table th{
    vertical-align:middle;
    text-align:right;
    padding:5px;
    
    }
#login_table td{
    padding:5px;  
    }
    
#login_footer{
    padding:5px;
    text-align:center;
    background:#EEEEEE;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
}

    
/* 共通 */
nav.navbar{
    background:#0153A5;
    height:50px;
    width:100%;
    border-radius: 0;
    -webkit-appearance: none;
    }
    
div.navbar-header h1.navbar-brand{
    color:#ffffff !important;
    }
@media screen and (max-width : 767px)
{
    div.navbar-header h1.navbar-brand{
    font-size:10pt;
    }
}    

#btn_logout{
    display:inline-block;
    border:#ccc 1px solid;
    border-radius:4px;
    background:#fff;
    clolor:#777;
    margin: 8px 30px 0 10px;
    padding: 5px 10px 5px 10px;;
    
    }

#btn_logout:hover,
#btn_logout:active,
#btn_logout:focus{
    background:#EEEEEE;
    clolor:#777;
    }

#btn_top{
    display:inline-block;
    border:#ccc 1px solid;
    border-radius:4px;
    background:#fff;
    clolor:#777;
    margin:8px 0px 0 0px;
    padding: 5px 10px 5px 10px;;
    }

#btn_top:hover,
#btn_top:active,
#btn_top:focus{
    background:#EEEEEE;
    clolor:#777;
    }
    
#content{
    margin:10px;
    }

@media screen and (min-width : 768px){
    #content {
        width: 768px;
        margin: 10px auto;
        padding: 0 5px;
    }
}
@media screen and (max-width : 639px){
    #btn_logout{
        width:100%;
        padding:20px;
        margin:0;
        border-style:none;
        border-bottom:#fff 1px solid;
        border-radius: 0;
        background-color:#0153A5;
        color:#ffffff;
    }

    #btn_logout:hover,
    #btn_logout:active,
    #btn_logout:focus{
            background:#0153A5;
            color:#ffffff;
        }

    #btn_top{
        width:100%;
        padding:20px;
        margin:0;
        border-style:none;
        border-bottom:#fff 1px solid;
        border-radius: 0;
        background-color:#0153A5;
        color:#ffffff;
    }  
    #btn_top:hover,
    #btn_top:active,
    #btn_top:focus{
        background:#0153A5;
        color:#ffffff;
    }      
   
   #content{
      font-size:10pt;
  }
}
/* 約款 */
#hline_clause{
    font-size:14pt;
    font-weight:bold;
    color:#FE7725;
    margin:0 0 10px 0;
    }

.clause_note{
    font-size:12pt;
    font-weight:bold;
    margin:0 0 10px 0;
    }

.clause_note02{
    font-size:12pt;
    margin:0 0 10px 0;
    }

.clause h2{
    font-size:12pt;
    font-weight:bold;    
   }

.clause div{
    font-size:11pt;
    margin:0 0 0 10px;    
   }

#check{
    margin:10px 0 0 0 ;
    }

@media screen and (max-width : 767px){
    #hline_clause{
        font-size:11pt;
        }

    .clause_note{
        font-size:10pt;
        }

    .clause_note02{
        font-size:10pt;
        }

    .clause h2{
        font-size:11pt;
       }

    .clause div{
        font-size:10pt;
       }
}


/* クーリングオフ */
#coolingoff{
    color:#ff0000;
    }

#hline_coolingoff{
    margin:0 0 10px 0;    
    }

#coolingoff_list{
    margin:0 0 0 10px;
    }

#coolingoff_list li{
    margin:0 0 5px 0;
    }

/* クーリングオフ（ワンライフ用） */
#hline_cool{
    color:#ff0000;
    margin:0 0 10px 0;
    font-size:16pt;
    font-weight:bold;
    }

#cool{
    color:#ff0000;
    margin:0 0 10px 0;
    }
    
#cool li{
    font-size:10pt;
    }
    
#cool h1{
    font-size:14pt;
    margin:0 0 5px 0;
    font-weight:bold;
    }

#notion{
    color:#ff0000;
    font-size:14pt;
    border:#ff0000 1px solid;
    padding:5px;   
    }

#notion h1{
    color:#ff0000;
    font-size:16pt;
    font-weight:bold;
    margin:0 0 5px 0;  
    }

@media screen and (max-width : 767px){
    #hline_cool{
        font-size:11pt;
        }

    #cool h1{
        font-size:11pt;
        }

    #notion{
        font-size:10pt;
        }

    #notion h1{
        font-size:11pt;
        } 
    #coolingoff_list{
        font-size:10pt;
        } 
}

/* 個人情報 */
#hline_privacy{
    font-size:14pt;
    font-weight:bold;
    color:#FF0000;
    margin:0 0 10px 0;
    }
    
@media screen and (max-width : 767px){
    #hline_privacy{
        font-size:11pt;
        }
}
/* 個人情報（ワンライフ用） */   
.one_table{
    border-collapse: collapse;
    margin:5px 0;
    } 

.one_table th{
    border: 1px solid #333;
    padding:2px;
    }   

.one_table td{
    border: 1px solid #333;
    padding:2px;
    }
    
.hline_info{
    font-size:14pt;
    font-weight:bold;
    color:#FF0000;
    border:#ff0000 1px solid;
    padding:5px;
    margin:0 0 10px 0;
    }
    
@media screen and (max-width : 767px){
    .hline_info{
        font-size:11pt;
        }
}        
/* 自社割賦 */
#hline_share{
    font-size:16pt;
    font-weight:bold;
    margin:0 0 10px 0;
    border:#333 1px solid;
    padding:5px;
    background:#eee; 
    }
#hline_share span{
    font-weight:bold;
    }

.share{
    margin:0 0 10px 0;
    }
.share h1{
    font-size:14pt;
    font-weight:bold;
    margin:0 0 10px 0;
    border:#333 1px solid;
    padding:5px;
    background:#eee;
    }
.share h2{
    font-weight:bold;
    }

.share_red{
    border:#FF0000 1px solid;
    padding:5px;
    margin:0 0 10px 0;
    }
.share_red h1{
    font-size:14pt;
    font-weight:bold;
    margin:0 0 10px 0;
    border:#333 1px solid;
    padding:5px;
    background:#eee;
    color:#FF0000;
    }

.num {
    margin:0 0 0 1.5em;
}
.num li {
    list-style:none;
    position:relative;
}
.num span{
    position:absolute;
    top:0;
    left:-1.5em;
}

.red{
    color:#FF0000;
    }    

@media screen and (max-width : 767px){
    #hline_share{
        font-size:11pt;
        }
        
    .share h1{
        font-size:11pt;
        }
        
    .share_red h1{
        font-size:11pt;
        }
}

/* クレジット */
#hline_credit{
    font-size:16pt;
    font-weight:bold;
    margin:0 0 10px 0;
    }

.credit{
    margin:0 0 10px 0;
    }
    
.credit li{
    font-size:10pt;
    }
    
.credit h1{
    font-size:14pt;
    font-weight:bold;
    margin:0 0 10px 0;
    border:#333 1px solid;
    padding:5px;
    background:#eee;
    color:#FF0000;
    }
    
.solicitation{
    border:#333 1px solid;
    padding:5px;
    margin:0 0 10px 0;
    }
.solicitation h1{
    font-size:14pt;
    font-weight:bold;
    border:#333 1px solid;
    padding:5px;
    margin:0 0 10px 0;
    }

@media screen and (max-width : 767px){
    #hline_credit{
        font-size:11pt;
        }

    .credit h1{
        font-size:11pt;
        }
    
    .solicitation h1{
        font-size:11pt;
        }
}
/* 入力画面（入力） */
#hline_entry{
    font-size:16pt;
    font-weight:bold;
    margin:0 0 10px 0;
    color:#000000;
    border-left:1px solid #0153A5;
    border-top:1px solid #0153A5;
    border-right:1px solid #0153A5;
    border-bottom:1px solid #0153A5;
    padding:5px;
    text-align:center;
    }

.product_table th{
    text-align:left;
    vertical-align:middle !important;
    }

.product_table td{
    vertical-align:middle !important;
    }
    
.product_table caption{
    font-size:14pt;
    /*color:#333;*/
    color:#0153A5;
    font-weight:bold;
    border-left:8px solid #0153A5;
    /*border-top:1px solid #0153A5;*/
    /*border-right:1px solid #0153A5;*/
    border-bottom:1px solid #0153A5;
    
    padding:5px;
    margin-bottom:3px;
    }
.product_table caption span{
    font-weight:bold;
    }    

.form-control{
    margin:0 0 2px 0;
    padding:2px;
    }
.entry_note{
    font-size:10pt;
    color:#FF0000;
    margin:0 0 5px 0;
    }

.housewife{
    font-size:8pt;
    }

.inline{
    display:inline-block;
    }

.product_search{
    margin:0;
    }
/* モーダルウィンドウ */
.modal_table{
    width:99%;
    font-size:10pt;
    border-collapse: collapse;
    margin:10px;
    }
.modal_table th{
    padding:5px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    background-color: #eee;
    border: 1px solid #333333;
    }
.modal_table td{
    padding:5px;
    text-align: left;
    vertical-align: middle;
    color: #333;
    border: 1px solid #333333;
    }


@media screen and (max-width : 767px){
    #hline_entry{
        font-size:12pt;
        }

    .product_table caption{
        font-size:12pt;
        }
     .product_table{
            font-size:10pt;
            }
}

/* サイン */
#DigitalSine{
	/*position:absolute;*/
	border:3px solid #CCCCCC;
	/*left:50px;*/
	/*top:100px;*/
	/*width:768px;*/
	width:800px;
	height:200px;
	background-color:#ffffff;
	-webkit-user-select:none;
	margin:0px;
	
}

#sign{
    margin:0px;
    }

@media screen and (min-width : 768px){
  #sign{
      width:800px;
     /* margin:10px auto;*/
     margin-left:auto;
     margin-right:auto;
     /*padding:0 5px;*/
  }
}

.required{
    display:inline-block;
    margin: 0 0.5em;
    -webkit-border-radius: 6px;   /* Safari,Google Chrome */
    -moz-border-radius: 6px;      /* Firefox12まで */
    border-radius: 6px;           /* Firefox13以降 */
    background-color: #ff0000;
    color: #fff;
    font-weight: normal;
    font-size: 70%;
    text-align:center;
    width:30px;
}
.no{
    display:inline-block;
    width:30px;
    margin: 0 0.5em;
}

/*トップメニューの加盟店名*/
.top_shop_name {
    margin-bottom: 20px;
    font-size: 18pt;
    border: 3px solid #999999;
    border-radius: 10px;
    margin-right: 10px;
    width: 100%;
    padding: 10px;
    display: inline-block;
    background: #FFFFEE;
}
@media screen and (max-width : 767px)
{
    .top_shop_name {
        font-size: 11pt;
        border: 3px solid #999999;
        border-radius: 10px;
        margin-right: 10px;
        width: 100%;
        padding: 10px;
        display: inline-block;
        background: #FFFFEE;
    }
}
/* メニュー */
.hline_menu{
    font-size:18pt;
    margin:0 0 10px 0;
    border-left:#0153A5 5px solid;
    padding:0 0 0 10px;
    }
.menu{
    margin:10px 0 0 0 ;
    }
    
/* 折り畳み部分を隠す */
ul.menu ul{
    display:none;
}
/* 背景 */
ul.menu > li a{
    display:block;
    width:98%;
    height:60px;
    background:#0066FF;
    -webkit-border-radius: 6px;   /* Safari,Google Chrome */
    -moz-border-radius: 6px;      /* Firefox12まで */
    border-radius: 6px;           /* Firefox13以降 */
    margin:0 0 15px 0;
    color:#ffffff;
    font-size:18pt;
    text-decoration:none;
}
ul.menu > li > p {
    display:block;
    width:98%;
    height:60px;
    background:#0066FF;
    -webkit-border-radius: 6px;   /* Safari,Google Chrome */
    -moz-border-radius: 6px;      /* Firefox12まで */
    border-radius: 6px;           /* Firefox13以降 */
    margin:0 0 15px 0;
    cursor:pointer;
    color:#ffffff;
    font-size:18pt;
}
ul.menu > li > ul > li a{
    background:#66CCFF;
    color:#333333;
    width:98%;
}
@media screen and (max-width : 767px)
{
.hline_menu{
    font-size:14pt;
    }
ul.menu > li a{
    font-size:10pt;
}
ul.menu > li > p {
    font-size:10pt;
}
}
/* アイコン */
ul.menu a span{
    display:block;
    padding:0 10px;
    background-position:95% center;
    background-repeat:no-repeat;
    line-height:60px;
}
ul.menu span {
    display:block;
    padding:0 10px;
    background-position:95% center;
    background-repeat:no-repeat;
    line-height:60px;
}
ul.menu > li > p span {
    background-image:url(../img/foc/ico_before.png);
}
ul.menu > li > p span.open {
     background-image:url(../img/foc/ico_after.png);
}
ul.menu > li > a span {
    background-image:url(../img/foc/ico_link.png);
    }
ul.menu > li > ul > li > a span {
    background-image:url(../img/foc/ico_link02.png);
    }


/* 契約一覧 */
#headerArea {
	/*position: fixed !important;*/
	top: 0;
	left: 0;
	width: 100%;
	background:#fff;
	border-bottom:#333 1px solid;
}
    
#search{
    width:95%;
    margin:10px;
    display:none;
    }
#search_staff{
    width:95%;
    margin:10px;
    }    

#search_table{}
#search_table th{
    padding:3px 3px 3px 30px;
    vertical-align:middle;
    text-align:right;
    font-size:10pt;
    }
#search_table td{
    padding:3px;
    vertical-align:middle;
    }
@media screen and (max-width : 767px){

    #search_table td input{
        font-size:9pt;
        height:30px;
    }
    #search_table td select{
        font-size:9pt;
        height:30px;
    }    
    #search_table th{
        font-size:10pt;
        
    }
}     
    
#contentsArea{
    margin:10px auto;
    padding-right:10px;
}

#list_table{
    font-size:10pt;
    border-collapse: collapse;
    margin:10px 0 0 10px;
    }

#list_table th{
    padding:5px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    background-color: #eee;
    border: 1px solid #333333;
    }

#list_table td{
    padding:5px;
    text-align: left;
    vertical-align: middle;
    color: #333;
    border: 1px solid #333333;
    font-size:9pt;
    }

.input_right
{
    text-align:right;
}

.input_center
{
    text-align:center;
}

.ErrMsg
{
    padding-left:5px;
    padding-right:5px;
    color:#fff;
    background-color:#FF3399;
    font-size:9pt;
    -webkit-border-radius: 3px;   /* Safari,Google Chrome */
    -moz-border-radius: 3px;      /* Firefox12まで */
    border-radius: 3px;           /* Firefox13以降 */ 
    /*display:none;*/
}

#finish_msg{
    border:2px solid #666666;
    margin-top:10px;
    padding:20px 0 20px 0;
    font-size:16pt;
    text-align:center;
    -webkit-border-radius: 53px;   /* Safari,Google Chrome */
    -moz-border-radius: 5px;      /* Firefox12まで */
    border-radius: 5px;           /* Firefox13以降 */     
}

    }
/* マイページ */
#mypagelogin{}
#mypagelogin h1
{
    /*
    font-size:16pt;
    text-align:center;
    margin:40px 0;
    */
    text-align:center;
    margin:50px 0 10px 0;
    font-weight:lighter;
    color:#0153A5;
    font-size:16pt;
    }
#mylogin_table{
	display: table;
	margin-left: auto;
	margin-right: auto;
	width:500px;
	border-collapse: collapse;

	/*border: #333 1px solid;*/
    }
#mylogin_table th{
	/*border:#333 1px solid;*/
	background:#E3E4E1;
	vertical-align:middle;
	text-align:center;
	min-width:100px;
	font-size:10pt;
	
    }
#mylogin_table td{
	/*border:#333 1px solid;*/
    padding:5px;    
    }
#mylogin_table td input{
    padding:10px;
    height:45px;
    font-size:14pt;
    }    
.myloginbtn{
     width:400px;
}
@media screen and (max-width : 767px){
    #mylogin_table{
        width:95%;
    }
    #mylogin_table th
    {
        font-size:8pt;
    }
    #mylogin_table td
    {
        font-size:8pt;
    }
    .myloginbtn{
        width:95%;
    }
    #mylogin_table td input{
        padding:8px;
        height:43px;
        font-size:12pt;
        line-height:140%;
    }  
    
}

#mypage_header{
    background:#0153A5;
    width:100%;
    height:50px;
    }
#mypage_nav{
    height:50px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    }
#mypage_nav li:first-child{
  margin-right: auto;
}
#mypage_title{
    color:#fff;
    margin:0 0 0 10px;
    }

#list_container{
	display: table;
	width:80%;
	margin-left: auto;
	margin-right: auto;
    }
#mylist{
    margin:20px 0 0 0;
    }
#mylist li{
    margin:0 0 10px 0;
    }

#mylist li a{
    display:block;
    width:100%;
    height:60px;
    background:#A7C4E0;
    text-decoration:none;
    color:#333;
    font-size:15pt;
    line-height:60px;
    }
@media screen and (max-width : 767px){
#mylist li a{
    font-size:11pt;
    }
}
.mymenu{
    line-height:60px;
    padding-left:10px;
    }
#mypage_msg{
    border:5px solid #999999;
    margin-top:10px;
    padding:7px;
    font-size:10pt;
    text-align:left;
    -webkit-border-radius: 53px;   /* Safari,Google Chrome */
    -moz-border-radius: 5px;      /* Firefox12まで */
    border-radius: 5px;           /* Firefox13以降 */   
    background-color:#FFFFCC;  
}   
/* BBS */
/*
#container{
    position:relative;
    margin-top:50px;
}
*/
#bbs_left_top{
width:350px;
height:220px;
background:#E3E4E1;
padding:5px 0 0 0;
border-bottom:#9D9F99 2px groove;
position:fixed;
top:50px;
left:0;
z-index:100;
}
#bbs_left_bottom{
width:350px;
background:#E3E4E1;
position:fixed;
top:270px;
left:0;
z-index:10;
}

#bbs_left_bottom_container{
width:350px;
overflow:auto;
-webkit-overflow-scrolling:touch;
}

#bbs_left_bottom_container dt{
    font-size:10pt;
}

#bbs_left_bottom_container dd{
    font-size:10pt;
}

#bbs_right_top{
position:fixed;
top:50px;
left:350px;
right:0;
/*height:285px;*/
height:280px;
background:#fff;
border-bottom:#9D9F99 2px groove;
border-left:#9D9F99 2px groove;
z-index:100;
}

#bbs_right_bottom{
position:absolute;
top:330px;
left:350px;
right:0;
background:#fff;
border-left:#9D9F99 2px groove;
z-index:10;
overflow:auto;
}
#bb_right_bottom_container{
overflow:auto;
-webkit-overflow-scrolling:touch;
}
#bbs_search{
    width:340px;
    margin:5px;
    }
#bbs_search th{
    text-align:left;
    vertical-align:middle;
    /*width:90px;*/
    }
#bbs_search td{
    padding:3px;
    }
/*--------- チャット左側スレッド　通常時　-----------*/
a.bbs_result{
    display:block;
    text-decoration:none;
    color:#333333;
    }
a.bbs_result:hover
{
     background:#FFFFBB;
}
a.bbs_result:active{
    text-decoration:none;
    color:#333333;
    /*background:#F5F5F4;*/
    }

.bbs_result dl{
    width:100%;
    border-bottom:#9D9F99 2px groove;
    }
/*--------- チャット左側スレッド　選択時　-----------*/
a.bbs_resultSelect{
    display:block;
    text-decoration:none;
    color:#333333;
    background:#FFFF99;
    }
.bbs_resultSelect dl{
    width:100%;
    border:4px solid #005FFF;
    }    
    
    
.state{
    display:inline-block;
    width:100px;
    height:30px;
    text-align:center;
    line-height:30px;
    margin:3px 5px;
    border-radius:4px;
    border:#9D9F99 1px solid;
    font-size:9pt;
    }

/*承認*/
.approval{
    /*background:#FFECB3;*/
    background:#8EB8FF;
    color:#000;
    }
.denial{
    background:#DCC2FF;
    color:#000;
    }
.reapplication{
    background:#E6FFE9;
    }
.application{
    background:#E6FFE9;
    }
    
/*赤●*/
.news{
    display:inline-block;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    background:red;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    /*margin:3px 5px;*/
    margin:1px 1px;
    color:#fff; 
    }
/*青●*/
.news01{
    display:inline-block;
    width:25px;
    height:25px;
    text-align:center;
    line-height:25px;
    background:#00AA00;
    border-radius:25px;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    margin:1px 1px;
    color:#fff; 
    }

.news_date
{
    padding-left:5px;
    margin:3px 5px;
    height:30px;
    line-height:30px;
    font-size:10pt;
    /*text-align:right;
    display:inline-block;
    width:80%;*/
    
    }

#bbs_info{
    border-bottom:#9D9F99 2px groove;
    padding:5px;
    background:#E3E4E1;
    }
.info_list{
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    }


.info_list li{
    margin:0px 5px;
    /*font-weight:bold;*/
    
    }
.info_list_span
{
    display:inline-block;
    width:150px;
    font-size:12pt;  
}
    
.bbs_info_title
{
    font-weight:bold;
    color:#0153A5;
}

.bbs_title_state
{
    display:inline-block;
    width:150px;
    /*height:25px;*/
    text-align:center;
    /*border-radius:4px;*/
    border:#000 1px solid;
    font-size:12pt;
}

#bbs_write{
    padding:10px;
    background:#eeeeee;
    }
#TxtWrite,
#bbs_write p{
    width:90%;
    }
#TxtWrite{
    resize:none;
    }
/* ****** メッセージ一覧***********/
.bbs_message{
    padding:10px;
    border-bottom:#9D9F99 1px groove;   
    }
.bbs_message dt{
    margin:0 0 5px 0;
    }
.bbs_message ul{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    }
.bbs_message ul li:nth-child(2){
  margin-right: auto;
}
.bbs_message dd
{
    font-size:10pt;
}

.read
{
    display:inline-block;
    /*width:60px;*/
    height:25px;
    line-height:25px;
    text-align:center;
    background:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid red;
    color:red;
    margin:0 5px 0 0 ;
    padding:0px 5px 0px 5px;
    }
.AlreadyRead
{
    display:inline-block;
    /*width:60px;*/
    height:25px;
    line-height:25px;
    text-align:center;
    background:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    color:Gray;
    margin:0 5px 0 0 ;
    padding:0px 5px 0px 5px;
    
    }    
   
/*投稿者名*/
.msg_user
{
    font-size:10pt;
    color:#000099;
    font-weight:bold;
    margin-right:5px;
}
.msg_master
{
    font-size:10pt;
    font-weight:bold;
    color:DarkGreen;
    margin-right:5px;
}
.msg_credit
{
    font-size:10pt;
    color:#FF4F02;
    font-weight:bold;
    margin-right:5px;
}
.msg_writer
{
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    margin-right:5px;
}


#bbs_haed{
    width:100%;
    height:50px;
    background:#0153A5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    }

#bbs_headbtn{
    /*display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    width:35%;*/
    width:200px;
    float:left;
    padding-right:10px;
    }

#bbs_haed h1{
    width:25%;
    padding-left:10px;
    color:#fff;
    }
#bbs_haed_search{
    width:80%;
    /*width:370px;*/
    /*border:1px solid #000;*/
    text-align:center;
    }
    
.msgedt
{
    display:inline-block;
    width:40px;
    height:20px;
    line-height:20px;
    text-align:center;
    background:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #008800;
    color:#008800;
    margin:0 5px 0 0 ;   
    font-size:11px; 
}
.msgdel
{
    display:inline-block;
    width:40px;
    height:20px;
    line-height:20px;
    text-align:center;
    background:#fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #800080;
    color:#800080;
    margin:0 5px 0 0 ; 
    font-size:11px; 
}

/* 2016.03.07 add*/
.msgedt:hover,
.msgedt:active{
    text-decoration:none;
    color:#008800;
    opacity: 0.7;
    }

.msgdel:hover,
.msgdel:active{
    text-decoration:none;
    color:#800080;
    opacity: 0.7;
    }


/* ポップアップ用 2016/3/2追加 */
#kotak-dialog {
  position:absolute;
  top:50px;
  left:50%;
  margin:0px 0px 0px -350px;
  width:700px;
  height:100%;
  background-color:#fff;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  box-shadow:0px 1px 2px rgba(0,0,0,0.4);
  z-index:1000;
  display:none;
}

#kotak-dialog *:focus {
  outline:none;
}

#kotak-dialog h3.title {
    background:#fff;
    border-bottom:#9D9F99 2px groove;
    height:50px;
    line-height:50px;
    color:#333;
    margin:0;
    padding:0 0 0 10px;
    position:relative;
}

#kotak-dialog h3.title a {
    position:absolute;
    top:15px;
    right:15px;
    color:#000;
    text-decoration:none;
}

#kotak-dialog .isi-dialog {
}

#dialog-overlay {
  position:fixed !important;
  position:absolute;
  z-index:999;
  top:50px;
  right:0px;
  bottom:0px;
  left:0px;
  background-color:#333;
  display:none;
}

#iframeContainer{
  width:100%;
  height:100%;
  border:none;
  background-color:#fff;
  overflow:auto;
}

#iframeContainer a{
    color:#333333;
    text-decoration:none;
    }
#iframeContainer a:hover,
#iframeContainer a:active{
    display:block;
    background:#eee;
    }

/* 帳票（1ページ用） */
.sheet{
    margin:0 10px;
    }

.sheet dt{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    margin:0 0 20px 0;
    padding:0 0 0 10px;
    color:#fff;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;    
    border-radius:4px;         
    font-size:10pt;
    background-image:url(../img/foc/ico_before.png);
    background-position:95% center;
    background-repeat:no-repeat;
    background-color:#0066FF;
    }

.sheet dt.open{
    background-image:url(../img/foc/ico_after.png);
    }
    
#hline_sheet{
    font-size:16pt;
    margin:0 0 10px 10px;
    }
.yakkan_att
{
    line-height:50px;
    margin:0 0 20px 0;
    padding:0 0 0 10px;    
}

@media screen and (min-width : 768px){
.sheet dt{
    display:block;
    background:red;
    width:768px;
    height:50px;
    line-height:50px;
    margin:0 auto 20px auto;
    padding:0 0 0 10px;
    color:#fff;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;    
    border-radius: 6px;         
    font-size:18pt;
    background-image:url(../img/foc/ico_before.png);
    background-position:95% center;
    background-repeat:no-repeat;
    background-color:#0066FF;
    }
#hline_sheet{
    width:768px;
    margin:0 auto 10px auto;
    font-size:18pt;
    }
.yakkan_att
    {
    width:768px;
    line-height:50px;
    margin:0 auto 20px auto;
    padding:0 0 0 10px;  
    }    
    
}

/*本人確認資料画面*/
#EntryFileDiv
{
    text-align:center;
}

.EntryFile
{
    padding:10px;
}

.EntryFile span
{
    text-align:left;
}

.fileSelect
{
    /*width:200px;*/
}

/*同意チェックボックス*/
.agree_btn
{

    border:1px solid #000;
           
}
.agree_btn_lable
{
    font-size:18pt;
    font-weight:bold;
    /*color:#0153A5;*/
    color:Green;
    vertical-align:middle;
    display:inline-block;
    padding-top:5px;
    
}
@media screen and (max-width : 767px){
    .agree_btn_lable
    {
        font-size:14pt;
    }
}


/*2016.03.16*/
#sheets{
    margin:0 10px;
        }

@media screen and (min-width : 768px){
  #sheets
  {
      width:768px;
      margin:0 auto;
      padding:5px;
      
          }
}
    
.paper h1{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    margin:0 0 0px 0;
    padding:0 0 0 5px;
    color:blue;
    font-weight:bold;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;    
    border-radius:4px;         
    font-size:12pt;
    /*background-color:#0066FF;*/
    }

@media screen and (min-width : 768px){
.paper h1{
    display:block;
    width:768px;
    height:50px;
    line-height:50px;
    margin:0 auto 0px auto;
    padding:0 0 0 5px;
    color:blue;
    font-weight:bold;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;    
    border-radius: 6px;         
    font-size:14pt;
    /*background-color:#0066FF;*/
    }
}

.paper_content{
    width:100%;
    height:300px;
    -webkit-overflow-scrolling:touch;
    border:#333 1px solid;
    overflow:auto;
    }
    
iframe
{
    display:block;
}




/*　本人確認ファイル開くボタン */
.btn_mini80
{
    padding:2px 5px 2px 5px;
    /*width:87%;*/
}

/* 審査結果用*/
#exami_table{
    font-size:10pt;
    border-collapse: collapse;
    margin:10px 0 0 10px;
    }

#exami_table th{
    padding:3px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    background-color: #eee;
    border: 1px solid #333333;
    }

#exami_table td{
    padding:3px;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #333333;
    font-size:9pt;
    }
.exami_00
{
    background:#FFFFFF;
}
/*承認*/
.exami_01
{
    background:#0066FF;
    color:#ffffff;
}

/*否決*/
.exami_02
{
    background:#9932CC;
    color:#FFFFFF;
}

/*保留*/
.exami_03
{
    background:#FFFFFF;
    color:#006400;
}

/*再審査*/
.exami_04
{
    background:#FFFFFF;
    color:#0000CD;
}

/*キャンセル*/
.exami_05
{
    background:#AAAAAA;
    color:Black;
}

/*クーリングオフ*/
.exami_06
{
    background:#FF367F;
    color:#FFFFFF;
}
/*中途解約*/
.exami_07
{
    background:#A9A9A9;
    color:#000000;
}

/*本承認 口座設定待ち*/
.exami_08 {
    background: #0066FF;
    color: #ffffff;
}
/*承認 サイン待ち*/
.exami_09 {
    background: #0066FF;
    color: #ffffff;
}
/*本承認*/
.exami_10 {
    background: #0066FF;
    color: #ffffff;
}
/*本承認*/
.exami_11
{
    background: #0066FF;
    color: #ffffff;
}

.msg_date
{
    margin-left:5px;
    font-size:8pt;
    color:#666666;
}


/* OL*/
.credtBg02
{
    background:#C2EEFF;
}
/*AM*/
.credtBg05
{
    background:#FFBEDA;
}
.credtBg06
{
    background:#FFBEDA;
}

/*CN*/
.credtBg07
{
    background:#FFAD90;
}
.credtBg14 {
    background: #FFAD80;
}
/*自社割賦Ｆ*/
.credtBg01
{
    background:#90EE90;
}
.credtBg24 {
    background: #90EE90;
}
.credtBg25 {
    background: #90EE90;
}
.credtBg26 {
    background: #90EE90;
}
.credtBg27 {
    background: #90EE90;
}
.credtBg19 {
    background: #90EE90;
}
/*自社割賦Ｍ*/
.credtBg03
{
    background:#FF6347;
}
/*自社割賦Ｎ*/
.credtBg04
{
    background:#FFDEAD;
}

.credtBg09
{
    background:#87CEFA;
}
.credtBg10
{
    background:#00F9A9;
}
.credtBg20 {
    background: #00F9A9;
}
.credtBg21 {
    background: #00F9A9;
}
.credtBg11
{
    background:#99CC66;
}
.credtBg13
{
    background:#C299FF;
}
.credtBg16
{
    background:#98FB98;
}
/* スレッド　通常*/
.bbs_thred dt
{
    padding-left:5px;
}
.bbs_thred dd
{
    padding-left:5px;
}
/*----------------*/


.bbs_btn_right
{
    float:right;
}
.bbs_btn_left
{
    float:left;
}


/* HELP */

#help{
    width:100%;
    display: -webkit-flex;
    display: flex;
    margin:-20px 0 0 0;
    }

#help_left{
    width:200px;
    min-height:100vh;
    border-right:#ccc 1px solid;
    }

#help_nav li a{
    display:block;
    width:200px;
    padding:10px 0 10px 5px;
    text-decoration:none;
    color:#333333;
    border-left:#0153A5 5px solid;
    border-bottom:#cccccc 1px solid;
    }
#help_nav li a:hover,
#help_nav li a:active,
#help_nav li a:focus{
    background:#eee;
    border-right:#ccc 1px solid;
    }

#help_content{
    -webkit-flex: 1;
    flex: 1;
    padding:0 0 0 10px;
    }

#hline_help{
    font-size:16pt;
    margin:10px 0;
    padding:5px;
    border-left:#0153A5 5px solid;
    }

.help_faq dt{
    display:block;
    background:#eee;
    width:95%;
    padding:10px 0 10px 5px;
    border-bottom:#ccc 1px solid;
    }

.help_faq dd{
    width:95%;
    padding:10px 0 10px 5px;
    }


/*他端末閲覧中メッセージ*/
.other_view_att
{
    background:#FFFF00;
    color:#000;
    width:500px;
    padding:1px 15px 1px 15px;
    font-weight:bold;
    margin-left:10px;
    }
    
/*-------------------------------------*/
/*　点滅　*/  
/*-------------------------------------*/  
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*-------------------------------------*/

.doui_attention{
    font-size:12pt;
    background:red;
    color:#FFF;
    margin: 0 15px 15px 5px;
    padding:5px;
    font-weight:bold;
    text-align:center;
    }
    
   
/* ファセット用新着 */
.new_entry
{
    background:red;
    color:#fff;
    display:inline-block;
    padding:3px 5px 3px 5px;
    font-size:14pt;
    vertical-align:middle;
    margin-top:-8px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;    
}

/*　必須項目用　*/
.inp_hissu
{
    border-color:#FF1A6F;
    border-width:2px;
}

/* チェックボックスのラベルのスタイル　*/
.chk_hissu input[type=checkbox]
{
    outline: double 2px #FF1A6F;
}

/*　省略可　*/
.inp_hissu
{
    border-color:#33CCFF;
    border-width:1px;
}

/*　トップページのお知らせ　*/
#news_msg{
    border:5px solid #EE0000;
    margin-top:10px;
    padding:7px;
    font-size:10pt;
    text-align:left;
    -webkit-border-radius: 53px;   /* Safari,Google Chrome */
    -moz-border-radius: 5px;      /* Firefox12まで */
    border-radius: 5px;           /* Firefox13以降 */   
    background-color:#FFEEFF;  
    margin-bottom:10px;
} 

#search01{
    width:95%;
    margin:10px;
    }
    
    
/*2016.04.20*/
.kurenote{
    font-size:18pt;
    }
ul.kuremenu{
    margin:50px 0 0 0;
    }
ul.kuremenu > li a{
    display:block;
    width:98%;
    height:60px;
    background:#0066FF;
    -webkit-border-radius: 6px;   /* Safari,Google Chrome */
    -moz-border-radius: 6px;      /* Firefox12まで */
    border-radius: 6px;           /* Firefox13以降 */
    margin:0 0 50px 0;
    color:#ffffff;
    font-size:18pt;
    text-decoration:none;
    text-align:center;
}

ul.kuremenu > li a span{
    line-height:60px;
}

ul.kuremenu > li a.kuremenuback{
    display:block;
    width:98%;
    height:60px;
    background:#ffffff;
    border:#CCCCCC 1px solid;
    -webkit-border-radius: 6px;   /* Safari,Google Chrome */
    -moz-border-radius: 6px;      /* Firefox12まで */
    border-radius: 6px;           /* Firefox13以降 */
    margin:150px 0 0 0;
    color:#333333;
    font-size:18pt;
    text-decoration:none;
    text-align:center;
    }

ul.kuremenu > li a.kuremenuback:hover,
ul.kuremenu > li a.kuremenuback:active{
    background:#E6E6E6;
    }

@media screen and (max-width : 767px){
.kurenote{
    font-size:14pt;
    }
.kuremenu{
    font-size:14pt;
    }
ul.kuremenu > li a,
ul.kuremenu > li a.kuremenuback{
    font-size:10pt;
    }
}

.kure_select{
    margin:0 0 30px 0;
    }
.kure_select h1{
    margin:0 0 10px 0;
    }
.kure_table{
    width:100%;
    border:#555555 1px solid;
    }
.kure_table td{
    border:#555555 1px solid;
    text-align:center;
    }
.kure_table td a{
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
    color:#333333;
    padding:5px;
    }

.kure_table td a:hover,
.kure_table td a:active{
    background:#E6E6E6;
    }
.delta{
    font-size:20pt;
    text-align:center;
    }
@media screen and (min-width : 768px){
.selectbank{
   text-align: center;
    }
}
@media screen and (max-width : 767px){
.kure_table{
    width:100%;
    border:#333333 1px solid;
    }
.kure_table td{
    border:#333333 1px solid;
    text-align:center;
    }
}

.kure_content{
    margin:0 0 30px 0;
    }

#kure_list li{
    margin:0 0 15px 0;
    border:#555555 1px solid;
    padding:5px;
    }

#kure_list li h2{
    font-size:16pt;
    margin:0 0 5px 0;
    color:Blue;
    }
    
/*クレピコ入力用顧客№テーブル*/
.TblCousNo
{
    border:1px solid #000;
    margin-bottom:5px;
}
.TblCousNo th
{
    padding:2px;
    border:1px solid #000;
    font-size:1.3em;
    text-align:center;
    background:#FFFFDD;
}
.TblCousNo td
{
    padding:2px;
    border:1px solid #000;
    font-size:1.3em;
    text-align:center;
    background:#FFFFDD;
} 
.TblCousNo th span
{
    color:#009933;
}
.TblCousNo td span
{
    color:#0066CC;
}


/*  ログイン履歴テーブル　*/
.login_history{
    font-size:10pt;
    border-collapse: collapse;
    margin:10px 0 0 10px;
    }

.login_history th{
    padding:5px;
    text-align: center;
    vertical-align: middle;
    color: #333;
    background-color: #eee;
    border: 1px solid #333333;
    }

.login_history td{
    padding:5px;
    text-align: left;
    vertical-align: middle;
    color: #333;
    border: 1px solid #333333;
    font-size:8pt;
    }


/* オートコンプリート背景色*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

.visible_false
{
    display:none;
}


.thcolor01 th
{
    background-color: #BFEFFF;
}

.smallfont th
{
    font-size:10pt;
}

.smallfont td
{
    font-size:11pt;
}

.goods_sp_col
{
    background:#BFEFFF;
}


#loader{
    margin:10px auto;
    width: 50px; /*ローディングアイコンの横サイズ*/
    height: 50px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 8px solid #555;  /*円に○の白枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite; /*1秒毎にくるくる回転するアニメーション*/
}
@keyframes spin
{
    0% { transform: rotate(0deg);   opacity: 0.2; } /*0%の時は20％の透明度*/
    50%  { transform: rotate(180deg); opacity: 1.0; } /*50%の時は透明度なし*/
    100%   { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20％の透明度に戻る*/
 
}

/* 確認カレンダー */
#kaku_calendar{
    width:100%;
    border-collapse:collapse;
    }
#kaku_calendar th{
    border:#555 1px solid;
    padding:8px;
    background:#eee;
    text-align:center;
    vertical-align:middle;
    }
#kaku_calendar td{
    border:#555 1px solid;
    padding:8px;
    text-align:center;
    vertical-align:middle;
    }

#kaku_calendar tr:first-child th{border-style:none; background:#fff;}
#kaku_calendar tr th:first-child, #neo_calendar tr td:first-child{color:Red;}
#kaku_calendar tr th:last-child,#neo_calendar tr td:last-child{color:Blue;}

#calendar_prev{
    display:inline-block;
    width:100%;
    box-sizing border-box;
    color:#fff;
    text-decoration:none;
    /*background:#eee;*/
    background:#337AB7;
    border-radius:3px;
    padding:5px 0;
    }

#calendar_next{
    display:inline-block;
    width:100%;
    box-sizing border-box;
    color:#fff;
    text-decoration:none;
    background:#337AB7;
    border-radius:3px;
    padding:5px 0;
    }
#kaku_time{
    width:100%;
    margin:10px 0 0 0;
    }
#kaku_time li:nth-child(odd) a{float:left;}
#kaku_time li:nth-child(even) a{float:right;}
  
.kaku_kibou{
    display:block;
    color:#333;
    text-decoration:none;
    width:47%;
    text-align:center;
    border:#555 1px solid;
    background:#eee;
    border-radius:3px;
    padding:5px 0;
    margin:5px 0;
    }
    
.kaku_kibou:hover,
.kaku_kibou:focus{
    color:#333;
    text-decoration:none;    
    }


/* 無効な文字を赤色で表示するスタイル */
.errChar {
    background-color: red;
}

/* 無効な文字を赤色で表示するスタイル */
.eChar {
    font-size: 14pt;
    border: solid 1px #000;
    margin-top: 5px;
    margin-bottom: 3px;
    padding: 3px;
    background-color: lightgoldenrodyellow;
    display: inline-block;
    color:#000;
}

/* ワンライフ ビジネスクレジット用 */
.bussiness_table {
    border: #777777 1px solid !important;
}
    .bussiness_table th {
        text-align: left;
        vertical-align: middle !important;
        background-color: #BFEFFF;
        border: #777777 1px solid !important;
    }

    .bussiness_table td {
        vertical-align: middle !important;
        border: #777777 1px solid !important;
    }

    .bussiness_table caption {
        font-size: 14pt;
        /*color:#333;*/
        color: #0153A5;
        font-weight: bold;
        border-left: 8px solid #0153A5;
        /*border-top:1px solid #0153A5;*/
        /*border-right:1px solid #0153A5;*/
        border-bottom: 1px solid #0153A5;
        padding: 5px;
        margin-bottom: 3px;
    }

        .bussiness_table caption span {
            font-weight: bold;
        }

@media screen and (max-width : 767px) {
    .bussiness_table caption {
        font-size: 12pt;
    }

    .bussiness_table {
        font-size: 10pt;
    }
}
.side {
    display: flex;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.biz_product {
    width: 100%;
    margin: 0px;
    border: none !important;
}

    .biz_product th {
        border: none !important;
        text-align: right;
        background-color: transparent;
        vertical-align: middle;
        font-size:0.8em;
        font-weight:bold;
        width:70px;
        padding-right:5px;
    }

    .biz_product td {
        border: none !important;
        padding: 0px;
        vertical-align: middle;
    }

@media only screen and (max-width: 500px) {
    .alternate tr,
    .alternate th,
    .alternate td {
        display: block;
        width: auto !important;
    }

    .alternate th {
        border-top: none !important;
        text-align: center !important;
    }

    .alternate td {
        border-top: none !important;
        text-align: left !important;
    }
}
/* チェックボックス回り込み防止用 */
.CkbTxt input {
    float: left;
}
.CkbTxt label {
    display: block;
    overflow: hidden;
}