@charset "utf-8";


/*------------------------------------
- COLOR primary original:#007bff->#2076c0
------------------------------------*/
/* :root {
	--blue: #2076c0 !important;
	--primary: #2076c0  !important;
} */
:root {
	--blue: #415f9f !important;
	--primary: #415f9f  !important;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    /* background-color: #2076c0 !important; */
    background-color: #415f9f  !important;
    color: #fff;
}
.btn-primary {
    color: #fff;
    /* background-color: #2076c0  !important;; */
    /* border-color: #e86092  !important;; */
    background-color: #415f9f  !important;;
    border-color: #e02d2d  !important;;
    box-shadow: none;
}
.card-primary:not(.card-outline)>.card-header {
    /* background-color: #2076c0  !important; */
	/* border-bottom: #e22b6d 2px solid !important; */
    background-color: #415f9f  !important;
    border-bottom: #e02d2d 2px solid !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /* background-color: #2076c0 !important; */
    /* border-color: #006fe6; */
    background-color: #415f9f  !important;
    border-color: #50699f;
    color: #fff;
    /* padding: 0 10px; */
    margin-top: 0.31rem;
}

.gnavi{
    /*
    display: flex;
    */
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    /*
    margin:0 0 50px 0;
    */
    list-style: none;
}

.gnavi>div>.request_area{
    display: block;
    /*
    padding:10px 30px;
    */
    text-decoration: none;
    color: #333;
}

.gnavi>div{
    /* margin-bottom:20px; */
}

/*==================================================
　5-3-7 上下に線が伸びて背景になる
===================================*/

.gnavi>div>.request_area{
    /*線の基点とするためrelativeを指定*/
    position: relative;
    /*はみ出る要素を隠す*/
    overflow: hidden;
    /*アニメーションの指定*/
    transition: all .2s;
}

/*現在地とhoverの設定*/
.gnavi>.request_area.current div,
.gnavi>div>.request_area:hover{
    /*背景色をつける*/
    /* background: #3cb371; */
    /* background: #c71585; */
    background: #e24848;
    /*
    opacity: 0.55;
    */
    color:#fff;
}

/*背景がつくのアニメーションの開始を0.5秒遅らせる*/
.gnavi>div>.request_area:hover{
  transition-delay: .5s;
}

/*線の設定*/
.gnavi>div>.request_area:before,
.gnavi>div>.request_area:after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    left: 0;
    /*線の形状*/
    height: 2px;
    width:100%;
    /* background: #3cb371; */
    /* background: #c71585; */
    background: #e24848;
    /*
    opacity: 0.55;
    */
    /*アニメーションの指定*/
    transition: all .5s;
}

/*線の位置と変化*/
.gnavi>div>.request_area::before {
    top: 0;
  transform: translateX(-100%);/*X方向に-100%移動*/
}
.gnavi>div>.request_area::after {
    bottom: 0;
    transform: translateX(100%);/*X方向に100%移動*/
}
/*hoverした際の線の変化*/
.gnavi>div>.request_area:hover::before ,
.gnavi>div>.request_area:hover::after {
    transform: translateX(0);/*X方向に0%移動*/
}


.alert-primary {
    color: #0e3557;
    background-color: #b8d8f3;
    border-color: #a7cef0;
}

.alert-primary hr {
    border-top-color: #91c2ec;
}

.alert-primary .alert-link {
    color: #071a2b;
}

.badge-primary {
    color: #fff;
    background-color: #415f9f;
    /* background-color: #2076c0; */
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    background-color: #185b94;
}

.bg-primary {
    background-color: #415f9f;
    /* background-color: #2076c0 !important; */
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #185b94 !important;
}

.border-primary {
    background-color: #415f9f;
    /* border-color: #2076c0 !important; */
}

.btn-primary {
    color: #fff;
    background-color: #415f9f;
    border-color: #415f9f;
    /* background-color: #2076c0; */
    /* border-color: #2076c0; */
}

.btn-primary:hover {
    color: #fff;
    background-color: #1a63a1;
    border-color: #185b94;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #415f9f;
    border-color: #415f9f;
    /* background-color: #2076c0; */
    /* border-color: #2076c0; */
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #185b94;
    border-color: #165387;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-outline-primary {
    /* color: #2076c0; */
    background-color: transparent;
    /* border-color: #2076c0; */
    color: #415f9f;
    border-color: #415f9f;
}

.btn-outline-primary:hover {
    color: #fff;
    /* background-color: #2076c0; */
    /* border-color: #2076c0; */
    background-color: #415f9f;
    border-color: #415f9f;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    /* color: #2076c0; */
    color: #415f9f;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    /* background-color: #2076c0; */
    /* border-color: #2076c0; */
    background-color: #415f9f;
    border-color: #415f9f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(32, 118, 192, 0.5);
}

.list-group-item-primary {
    color: #0e3557;
    background-color: #a7cef0;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #0e3557;
    background-color: #91c2ec;
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #0e3557;
    border-color: #0e3557;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #a7cef0;
}

.table-hover .table-primary:hover {
    background-color: #91c2ec;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #91c2ec;
}

.text-primary {
    /* color: #2076c0 !important; */
    color: #415f9f !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #185b94 !important;
}
/*------------------------------------
- COLOR primary end
------------------------------------*/


.page-account {
  max-width: 1280px!important;
}
table {
  font-size:90%!important;
}
#order-history-search {
  font-size:90%!important;
}

tbody.report_reset td div{
    padding-right:5px!important;
}
tbody.report_reset td {
    margin:0px!important;
    line-height:33px;
}

/* 合計エリア */
.total-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 0 solid rgba(0, 0, 0, 0.125);
    background-color: #6C757D;
    color:#ffffff;
    border-top:1px solid #ffffff;
    height:46px;
}

/* ローディング */
.hide {
  display: none;
}
.loadingClass {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  opacity: 0.54;
  background-image: url(/img/load.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 120px 120px;
  pointer-events:none;
  user-select: none;
  border:1px solid aqua;

}

/* ロゴ画像、強引にサイズ調整 */
.brand-image{
    width:249px!important;
    min-height:55px!important;
    margin:-12px 0 0 -8px!important;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
  content: "";
	display: block;
	clear: both;
}
.bgcolor111212 {
	background-color: #111212!important;
	color: #fff;
}
.site-nav__link {
	color: #fff!important;
}

.clearfix {
	display: block;
}

.ttl_top {
    line-height:22px;
    height:22px;
    float:right;
    margin:-12px -28px 0 0;
}
.ttl_top_label {
    border-left:1px solid #ffffff!important;
    border-bottom:1px solid #ffffff!important;
    padding-left:5px!important;
    width:200px;
    float:right;
}
.ttl_top .ttl_top_label span {
    float:right;
    padding-right:7px;
}
.ttl_bot {
    line-height:23px;
    height:23px;
    float:right;
    margin:0 -28px 0 0;
}
.ttl_bot_label {
    border-left:1px solid #ffffff!important;
    padding-top:1px!important;
    padding-left:5px!important;
    width:200px;
    float:right;
}
.ttl_bot .ttl_bot_label span {
    float:right;
    padding-right:7px;
}
.baseTbl {
    border-top: #cdcdcd 1px solid;
    border-left: #cdcdcd 1px solid;
    border-right: #cdcdcd 1px solid;
    border-bottom: #cdcdcd 1px solid;
}
/* 一覧タイトル行 */
table tr th[class^="bglisthd"]:last-child {
    border-right: none;
}
.bglisthd {
    border-right: #cdcdcd 1px solid;
    border-bottom: #cdcdcd 1px solid;
    color: #000000;
    text-align: center;
    background-color: #F9F9F9;
    font-weight: bold;
}

/* 一覧表 1:背景白 2:背景色有 */
table tr td[class^="bglist1"]:last-child {
    border-right: none;
}
.bglist1 {
    border-right: #cdcdcd 1px solid;
}
/*
 background-color: #ffffff;
.bglist1tr:hover {
    background-color: #efefef;
}
*/
/*
table tr:nth-child(odd) td[class^="bglist1"] {
	background: #f9f9f9;
}
*/

table tr td[class^="bglist2"]:last-child {
    border-right: none;
}
.bglist2 {
    border-right: #cdcdcd 1px solid;
    background-color: #fbfbfb;
}

.btn-user-dashboard {
    color: #fff;
    background-color: #668ad8;;
    border-color: #668ad8;;
    box-shadow: none;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.btn-user-dashboard:active {
    color: #fff;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
    border-bottom: none;
  }

/* 管理用メニュー */
a.adminLink:link {
	color: #331188; TEXT-DECORATION: none;
}
a.adminLink:visited {
	color: #331188; TEXT-DECORATION: none;
}
a.adminLink:hover {
	color: #337733; TEXT-DECORATION: underline;
}
a.adminLink:active {
	color: #330033; TEXT-DECORATION: none;
}
/*注文履歴一覧*/
.tbl_options { display: table; width: 100%;}
.tbl_left { display: table-cell; text-align: left; }
.tbl_center  { display: table-cell; text-align: center; }
.tbl_right { display: table-cell; text-align: right; }
/* リンクボタン風red系 */
a.buttonLinkRed:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkRed:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #C23142;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}

/* リンクボタン風green系 */
a.buttonLinkGreen:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLinkGreen:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #396F49;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
/* リンクボタン風blue系 */
a.buttonLink:link {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:visited {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:hover {
	display:block;
	color: #d1dee4; TEXT-DECORATION: underline;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}
a.buttonLink:active {
	display:block;
	color: #ffffff; TEXT-DECORATION: none;
	background-color: #2076c0;
	width:89px;line-height:35px;
	text-align:center;
	margin:0 auto;
	border:1px solid #ffffff;
}


/* 承認ラジオカスタマイズ */
.radioRaised input {
	display: none;
}
.radioRaised label{
  display: inline-block;
  padding: 0.2em 0.01em;
  text-decoration: none;
  background: #C23142;/*ボタン色*/
  color: #ffffff;/*ボタン色と同じに*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #627295;
  border-radius: 3px;/*角の丸み*/
  width: 58px;
  font-weight: normal!important;
  font-size: 12px!important;
}
/*
  padding: 0.2em 0.3em;
  font-weight: bold;
  text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
*/

.radioRaised label:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/* ラジオカスタマイズ */
.radioSlide input {
	display: none;
}
/* background: #bdc3c7;
	background: #C23142;
	 color: #869198;
 */
.radioSlide label{
	display: block;
	float: left;
	cursor: pointer;
	width: 48px;
	margin-right:1px;
	margin-top: 5px;
	padding: 2px;
	background: #dddddd;
	color: #000000;
	font-size: 15px!important;
    font-weight:normal!important;
	text-align: center;
	line-height: 28px;
	transition: .2s;
    border-right:1px solid #ffffff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #7d8387;
}
.radioSlide label:active:not(.csv_upload) {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
  margin-top:2px;
}

.radDisabled {
    /* background: #e22b6d!important; */
    background: #e02d2d!important;
    border-bottom: solid 3px #7d8387!important;
    color: #ffffff!important;
}
.radActived {
    background: #dddddd!important;
    border-bottom: solid 3px #7d8387!important;
    color: #000000!important;
}

.radioSlide label:hover{
    opacity: 0.67;
    color: #e22b6d; /* #FF0066*/
}

.radioSlide_xxx label:first-of-type{
    border-radius: 2px 0 0 2px;
}
.radioSlide_xxx label:last-of-type{
    border-radius: 0 2px 2px 0;
    border-right:none;
  }
.radioSlide input[type="radio"]:checked + .switch-on {
    background-color: #dddddd;
    color: #000;
}
.radioSlide input[type="radio"]:checked + .switch-off {
	background-color: #dddddd;
	color: #000;
}

.btn-relsts, .btn-procflg {
    color: #fff;
    background-color: #e02d2d !important;
    border-color: #e02d2d  !important;
    /* background-color: e22b6d  !important; */
	/* border-color: #e22b6d  !important; */
	border-bottom: solid 3px #7d8387!important;
    box-shadow: none;
}
.btn-def-relsts, .btn-def-procflg {
    color: #000;
    background-color: #dddddd  !important;
	border-color: #dddddd  !important;
	border-bottom: solid 3px #7d8387!important;
    box-shadow: none;
}


/* 以下要らないものを精査 ###001 */

.submitButAdmin {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_blue.jpg);
	border:1px #666 solid;
}
.submitButOrange {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_orange.jpg);
	border:1px #ff6214 solid;
}
.submitButRed {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_red.jpg);
	border:1px #ff0000 solid;
}
.submitButGray {
	color: #FFF;
	font-weight: normal;
	height: 27px;
	width: 70px;
	background-image: url(/marine-site/admin/images/button_gray.jpg);
	border:1px #887766 solid;
}


/* デバッグ用 */
div {border:0px solid #7788ff;}


/* ボーダ */
.borderoff {border-style: none;border-width: 0px;}
.borderon {border:1px red solid;}
.borderonRed {border:1px red solid;}
.borderonPink {border:1px pink solid;}
.borderonGreen {border:1px green solid;}
.borderonAqua {border:1px aqua solid;}
.borderonOrange {border:1px Orange solid;}

/* ボーダ白 */
.borderTWhite {border-top   :1px solid #ffffff!important;}
.borderRWhite {border-right :1px solid #ffffff!important;}
.borderBWhite {border-bottom:1px solid #ffffff!important;}
.borderLWhite {border-left  :1px solid #ffffff!important;}

/* ボーダ黒 */
.borderTBlack {border-top   :1px solid #787878!important;}
.borderRBlack {border-right :1px solid #787878!important;}
.borderBBlack {border-bottom:1px solid #787878!important;}
.borderLBlack {border-left  :1px solid #787878!important;}

/* ボーダ黒 */
.borderTGray {border-top   :1px solid #cdcdcd!important;}
.borderRGray {border-right :1px solid #cdcdcd!important;}
.borderBGray {border-bottom:1px solid #cdcdcd!important;}
.borderLGray {border-left  :1px solid #cdcdcd!important;}


.borderRNone {border-right :0px!important;}
.borderLNone {border-left  :0px!important;}


.bold   {font-weight:bold!important;}
.normal {font-weight:normal!important;}

.center {text-align:center!important;}
.left   {text-align:left!important;}
.right  {text-align:right!important;}


/*ここから*/
.contents-frame {
	display: flex;
	align-items: center;
	justify-content: center;
}

.search_area {
	background-color: #daeff6;
  }

.search_btn {
	background-color: #6fbfd1;
}
.m_0_auto {
	margin: 0px auto;
}
/*ここまで*/
.lightpink {color: lightpink;}
.pink {color: #e22b6d;}

.gray {color: gray;}
.green {color: green;}
.backWhite {
	background-color:#ffffff!important;
}
.backPink {
	background-color:pink!important;
}
.backLightPink {
	background-color:lightpink!important;
}
.backPlum {
	background-color:plum;
}
.backLightGreen {
	background-color:#EFFDF1!important;
	border:1px solid green!important;
	color:green;
}

.backRed {
	background-color:#ff0000!important;
	color:#ffffff;
}
.backOrange {
	background-color:#ff6214!important;
	color:#ffffff;
}
.backBrown {
	background-color:#d1cfb3!important;
}

/* lightsalmon系 */
.backLightOrange {
    background-color:#ffc09a!important;
	border:1px solid orange!important;
	color:orange;
}

.backBlue {
	background-color:#114488!important;
	color:#ffffff;
}
.backLightBlue {
	background-color:lightBlue!important;
}
.backLightYellow {
	background-color:lightYellow!important;
}

.backLight10A6C9 {
	background-color:#11A2C8!important;
	color:#ffffff;
}
.backLightGray {
	background-color:#818181!important;
	color:#ffffff;
}
.backDarkGray {
	background-color:#575555!important;
	color:#ffffff;
}
.backGreen {
	background-color:green!important;
	color:#ffffff;
}
.backBase {
	background-color:#E9E9E9;
}
.clockCountry{
/*	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
*/
	font-size: 10px;
	font-weight: bold;
	background-color: #eeeeee;
	color: #00a0c6;
}
.clockTime{
	/*
	margin: 0;
	padding: 0;
	text-align: center;
	*/
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.clockDark{
	color:#ffffff;
	background-color: #aaaaaa;
}
.clockImg {
/*	margin-left:1px;
	margin-bottom:1px;
	width: 106px;
	height: 32px;*/
	background: #aaaaaa url(/images/world_clk.png) no-repeat center center;
	text-align: center;
	/*float:left;*/
}
.watchimg span {
	display: none;
	font-size: 12px;
/*	line-height: 32px;*/
}

.backPink_filter {
	background-color:#ffd284!important;
}
.white {
	color: #ffffff!important;
}
.red {color: #f23142!important;}
.blue    {color:#2076c0!important;}  /* 元は #1155fb */
.blueBase{color:#114488!important;}
.green   {color:green!important;}
.deeppink{color:deeppink!important;}
.orange{color:#ff4500!important;}
.black {
	color:black!important;
}
.darkGray {
	color:#343456!important;
}

.pad1 {padding: 1px;}
.pad2 {padding: 2px;}
.pad3 {padding: 3px;}
.pad5 {padding: 5px;}

.pad0_10 {
	padding:0px 10px;
}
.pad5t {padding-top:5px!important;}
.pad5l {padding-left:5px!important;}

.breakAll {
	word-break: break-all!important;
}
/* タグ略スタイル */
.padding0 {padding:0px!important;}
.paddingT0  {padding-top:   0px!important;}
.paddingR0  {padding-right: 0px!important;}
.paddingB0  {padding-bottom:0px!important;}
.paddingL0  {padding-left:  0px!important;}

.pad2 {padding: 2px;}
.paddingT2  {padding-top:   2px!important;}
.paddingR2  {padding-right: 2px!important;}
.paddingB2  {padding-bottom:2px!important;}
.paddingL2  {padding-left:  2px!important;}

.pad3 {padding: 3px;}
.paddingT3  {padding-top:   3px!important;}
.paddingR3  {padding-right: 3px!important;}
.paddingB3  {padding-bottom:3px!important;}
.paddingL3  {padding-left:  3px!important;}

.pad4 {padding: 4px;}
.paddingT4  {padding-top:   4px!important;}
.paddingR4  {padding-right: 4px!important;}
.paddingB4  {padding-bottom:4px!important;}
.paddingL4  {padding-left:  4px!important;}

.paddingT5  {padding-top:   5px!important;}
.paddingR5  {padding-right: 5px!important;}
.paddingB5  {padding-bottom:5px!important;}
.paddingL5  {padding-left:  5px!important;}

.paddingT6  {padding-top:   6px!important;}
.paddingR6  {padding-right: 6px!important;}
.paddingB6  {padding-bottom:6px!important;}
.paddingL6  {padding-left:  6px!important;}

.pad7 {padding: 7px;}
.paddingT7  {padding-top:   7px!important;}
.paddingR7  {padding-right: 7px!important;}
.paddingB7  {padding-bottom:7px!important;}
.paddingL7  {padding-left:  7px!important;}

.pad8 {padding: 8px;}
.paddingT8  {padding-top:   8px!important;}
.paddingR8  {padding-right: 8px!important;}
.paddingB8  {padding-bottom:8px!important;}
.paddingL8  {padding-left:  8px!important;}

.pad10{padding:10px;}
.paddingT10  {padding-top:   10px!important;}
.paddingR10  {padding-right: 10px!important;}
.paddingB10  {padding-bottom:10px!important;}
.paddingL10  {padding-left:  10px!important;}

.pad11{padding:11px!important;}
.paddingT11  {padding-top:   11px!important;}
.paddingR11  {padding-right: 11px!important;}
.paddingB11  {padding-bottom:11px!important;}
.paddingL11  {padding-left:  11px!important;}

.pad12{padding:12px!important;}
.paddingT12  {padding-top:   12px!important;}
.paddingR12  {padding-right: 12px!important;}
.paddingB12  {padding-bottom:12px!important;}
.paddingL12  {padding-left:  12px!important;}

.pad14{padding:14px!important;}
.paddingT14  {padding-top:   14px!important;}
.paddingR14  {padding-right: 14px!important;}
.paddingB14  {padding-bottom:14px!important;}
.paddingL14  {padding-left:  14px!important;}

.pad20{padding:20px;}
.paddingT20  {padding-top:   20px!important;}
.paddingR20  {padding-right: 20px!important;}
.paddingB20  {padding-bottom:20px!important;}
.paddingL20  {padding-left:  20px!important;}

.pad30{padding:30px;}
.paddingT30  {padding-top:   30px!important;}
.paddingR30  {padding-right: 30px!important;}
.paddingB30  {padding-bottom:30px!important;}
.paddingL30  {padding-left:  30px!important;}

.paddingT50  {padding-top:   50px!important;}
.paddingR50  {padding-right: 50px!important;}
.paddingB50  {padding-bottom:50px!important;}
.paddingL50  {padding-left:  50px!important;}

.paddingB60  {padding-bottom:60px!important;}
.paddingL20  {padding-left:  20px!important;}

.paddingL3Par  {padding-left: 3%!important;}

.pad20_0{padding:20px 0px;}


/* マージン系 */
.margin0  {margin:0px!important;}

.margin1  {margin:1px!important;}
.marginT1 {margin-top   :1px!important;}
.marginR1 {margin-right :1px!important;}
.marginB1 {margin-bottom:1px!important;}
.marginL1 {margin-left  :1px!important;}

.margin2  {margin:2px!important;}
.marginT2 {margin-top   :2px!important;}
.marginR2 {margin-right :2px!important;}
.marginB2 {margin-bottom:2px!important;}
.marginL2 {margin-left  :2px!important;}

.margin3  {margin:3px!important;}
.marginT3 {margin-top   :3px!important;}
.marginR3 {margin-right :3px!important;}
.marginB3 {margin-bottom:3px!important;}
.marginL3 {margin-left  :35px!important;}

.margin5  {margin:5px!important;}
.marginT5 {margin-top   :5px!important;}
.marginR5 {margin-right :5px!important;}
.marginB5 {margin-bottom:5px!important;}
.marginL5 {margin-left  :5px!important;}

.marginT8  {margin-top:   8px!important;}
.marginR8  {margin-right: 8px!important;}
.marginB8  {margin-bottom:8px!important;}
.marginL8  {margin-left:  8px!important;}

.margin10   {margin:10px!important;}
.marginT10  {margin-top:   10px!important;}
.marginR10  {margin-right: 10px!important;}
.marginB10  {margin-bottom:10px!important;}
.marginL10  {margin-left:  10px!important;}

.margin20   {margin:20px!important;}
.marginT20  {margin-top:   20px!important;}
.marginR20  {margin-right: 20px!important;}
.marginB20  {margin-bottom:20px!important;}
.marginL20  {margin-left:  20px!important;}

.marginT30  {margin-top:   30px!important;}
.marginR30  {margin-right: 30px!important;}
.marginB30  {margin-bottom:30px!important;}
.marginL30  {margin-left:  30px!important;}


.marginT40  {margin-top   :40px!important;}
.marginB40  {margin-bottom   :40px!important;}

.marginT60  {margin-top   :60px!important;}
.marginB80  {margin-bottom   :80px!important;}

.marginR10Par  {margin-right :10%!important;}
.marginL10Par  {margin-left:  10%!important;}

.marginL-34 {
	margin-left: -34px;
}
.width100Par-35 {
	width:calc(100% - 38px);
}

.tRight {text-align:right!important;}


/* font-size */
.fSize9  {font-size:9px!important;}
.fSize11 {font-size:11px!important;}
.fSize20 {font-size:20px!important;}

.fSize60Par  {font-size: 60%!important;}
.fSize70Par  {font-size: 70%!important;}
.fSize80Par  {font-size: 80%!important;}
.fSize85Par  {font-size: 85%!important;}
.fSize90Par  {font-size: 90%!important;}
.fSize95Par  {font-size: 95%!important;}
.fSize110Par {font-size:110%!important;}
.fSize115Par {font-size:115%!important;}
.fSize120Par {font-size:120%!important;}
.fSize130Par {font-size:130%!important;}
.fSize140Par {font-size:140%!important;}
.fSize150Par {font-size:150%!important;}
.fSize200Par {font-size:200%!important;}
.fSize230Par {font-size:230%!important;}
.fSize250Par {font-size:250%!important;}

/* 入力エリアをラベル風に */
.sukeruton {
	border:none!important;
	background-color:transparent!important;
    pointer-events:none;
}
/* コメントにするとき使用 */
.disNone {
	display:none!important;
}
/* 入力エリアをラベル風に(入力可能) */
.sukeruton_inp {
	border:none!important;
	background-color:transparent!important;
}

/*縦に中央配置*/
/*親要素*/
.posiMidP {position:relative;}
/*子要素*/
.posiMidC {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height:18px;
}

/* height */
.height0  {height: 0px!important;}
.height1  {height: 1px!important;}
.height2  {height: 2px!important;}
.height3  {height: 3px!important;}
.height5  {height: 5px!important;}
.height10 {height:10px!important;}
.height15 {height:15px!important;}
.height17 {height:17px!important;}
.height18 {height:18px!important;}
.height19 {height:19px!important;}
.height20 {height:20px!important;}
.height21 {height:21px!important;}
.height22 {height:22px!important;}
.height23 {height:23px!important;}
.height24 {height:24px!important;}
.height25 {height:25px!important;}
.height30 {height:30px!important;}
.height31 {height:31px!important;}
.height32 {height:32px!important;}
.height33 {height:33px!important;}
.height34 {height:34px!important;}
.height35 {height:35px!important;}
.height36 {height:36px!important;}
.height37 {height:37px!important;}
.height38 {height:38px!important;}
.height39 {height:39px!important;}
.height40 {height:40px!important;}
.height42 {height:42px!important;}
.height43 {height:43px!important;}
.height44 {height:44px!important;}
.height45 {height:45px!important;}
.height46 {height:46px!important;}
.height47 {height:47px!important;}
.height48 {height:48px!important;}
.height49 {height:49px!important;}
.height50 {height:50px!important;}
.height55 {height:55px!important;}
.height60 {height:60px!important;}
.height67 {height:67px!important;}
.height68 {height:68px!important;}
.height70 {height:70px!important;}
.height75 {height:75px!important;}
.height76 {height:76px!important;}
.height78 {height:78px!important;}
.height80 {height:80px!important;}
.height90 {height:90px!important;}
.height100 {height:100px!important;}
.height120 {height:120px!important;}
.height130 {height:130px!important;}

.height160 {height:160px!important;}
.height180 {height:180px!important;}

.height400 {height:400px!important;}
.height700 {height:700px!important;}
.height800 {height:800px!important;}

/* 幅 */
.width15  {width: 15px!important;min-width: 15px!important;}
.width22  {width: 22px!important;min-width: 22px!important;}
.width25  {width: 25px!important;min-width: 25px!important;}
.width27  {width: 27px!important;min-width: 27px!important;}
.width30  {width: 30px!important;min-width: 30px!important;}
.width35  {width: 35px!important;min-width: 35px!important;}
.width40  {width: 40px!important;min-width: 40px!important;}
.width45  {width: 45px!important;min-width: 45px!important;}
.width50  {width: 50px!important;min-width: 50px!important;}
.width55  {width: 55px!important;min-width: 55px!important;}
.width60  {width: 60px!important;min-width: 60px!important;}
.width62  {width: 62px!important;min-width: 62px!important;}
.width63  {width: 63px!important;min-width: 63px!important;}
.width64  {width: 64px!important;min-width: 64px!important;}
.width65  {width: 65px!important;min-width: 65px!important;}
.width70  {width: 70px!important;min-width: 70px!important;}
.width75  {width: 75px!important;min-width: 75px!important;}
.width80  {width: 80px!important;min-width: 80px!important;}
.width85  {width: 85px!important;min-width: 85px!important;}
.width90  {width: 90px!important;min-width: 90px!important;}
.width98  {width: 98px!important;min-width: 98px!important;}
.width100 {width:100px!important;min-width:100px!important;}
.width105 {width:105px!important;min-width:105px!important;}
.width110 {width:110px!important;min-width:110px!important;}
.width120 {width:120px!important;min-width:120px!important;}
.width125 {width:125px!important;min-width:125px!important;}
.width130 {width:130px!important;min-width:130px!important;}
.width135 {width:135px!important;min-width:135px!important;}
.width140 {width:140px!important;min-width:140px!important;}
.width145 {width:145px!important;min-width:145px!important;}
.width150 {width:150px!important;min-width:150px!important;}
.width155 {width:155px!important;min-width:155px!important;}
.width160 {width:160px!important;min-width:160px!important;}
.width170 {width:170px!important;min-width:170px!important;}
.width175 {width:175px!important;min-width:175px!important;}
.width180 {width:180px!important;min-width:180px!important;}
.width190 {width:190px!important;min-width:190px!important;}
.width195 {width:195px!important;min-width:195px!important;}
.width200 {width:200px!important;min-width:200px!important;}
.width205 {width:205px!important;min-width:205px!important;}
.width210 {width:210px!important;min-width:210px!important;}
.width220 {width:210px!important;min-width:210px!important;}
.width230 {width:230px!important;min-width:230px!important;}
.width250 {width:250px!important;min-width:250px!important;}
.width270 {width:270px!important;min-width:270px!important;}
.width280 {width:280px!important;min-width:280px!important;}
.width290 {width:290px!important;min-width:290px!important;}
.width300 {width:300px!important;min-width:300px!important;}
.width305 {width:305px!important;min-width:305px!important;}
.width310 {width:310px!important;min-width:310px!important;}
.width320 {width:320px!important;min-width:320px!important;}
.width330 {width:330px!important;min-width:330px!important;}
.width340 {width:340px!important;min-width:340px!important;}
.width350 {width:350px!important;min-width:350px!important;}
.width400 {width:400px!important;min-width:400px!important;}
.width450 {width:450px!important;min-width:450px!important;}
.width500 {width:500px!important;min-width:500px!important;}
.width550 {width:550px!important;min-width:550px!important;}
.width600 {width:600px!important;min-width:600px!important;}
.width650 {width:650px!important;min-width:650px!important;}
.width700 {width:700px!important;min-width:700px!important;}


.width1Par   {width:  1%!important;}
.width2Par   {width:  2%!important;}
.width3Par   {width:  3%!important;}
.width5Par   {width:  5%!important;}
.width6Par   {width:  5.9%!important;}
.width7Par   {width:  7%!important;}
.width8Par   {width:  8%!important;}
.width8_5Par {width:  8.5%!important;}
.width9Par   {width:  9%!important;}
.width9_5Par {width:  9.5%!important;}
.width9_9Par {width:  9.9%!important;}
.width10Par  {width: 10%!important;}
.width10_9Par  {width: 10.9%!important;}
.width11Par  {width: 11%!important;}
.width12Par  {width: 12%!important;}
.width13Par  {width: 13%!important;}
.width13_9Par  {width: 13.9%!important;}
.width14Par  {width: 14%!important;}
.width15Par  {width: 15%!important;}
.width15_9Par  {width: 15.9%!important;}
.width16Par  {width: 16%!important;}

.width16_6Par  {
	width:calc((100% - 5px) / 6)!important;
}

.width17Par  {width: 17%!important;}
.width18Par  {width: 18%!important;}
.width19Par  {width: 19%!important;}
.width19_9Par  {width: 19.9%!important;}
.width20Par  {width: 20%!important;}


.width1Cal3  {
	width:calc((100%) / 3)!important;
}
.width1Cal6  {
	width:calc((100%) / 6)!important;
}
.width1Cal7  {
	width:calc((100%) / 7)!important;
}

.width1Cal5  {
	width:calc((100%) / 5)!important;
}
.width1Cal9  {
	width:calc((100%) / 9)!important;
}
.width1Cal11  {
	width:calc((100%) / 11)!important;
}

.width20Par  {width: 20%!important;}
.width22Par  {width: 22%!important;}
.width23Par  {width: 23%!important;}
.width24Par  {width: 24%!important;}
.width25Par  {width: 25%!important;}
.width26Par  {width: 26%!important;}
.width27Par  {width: 27%!important;}
.width28Par  {width: 28%!important;}
.width29Par  {width: 29%!important;}
.width30Par  {width: 30%!important;}
.width31Par  {width: 31%!important;}
.width32Par  {width: 32%!important;}
.width33Par  {width: 33%!important;}
.width34Par  {width: 34%!important;}
.width35Par  {width: 35%!important;}
.width36Par  {width: 36%!important;}
.width37Par  {width: 36%!important;}
.width38Par  {width: 36%!important;}
.width39Par  {width: 39%!important;}
.width40Par  {width: 40%!important;}
.width41Par  {width: 41%!important;}
.width42Par  {width: 42%!important;}
.width45Par  {width: 45%!important;}
.width46Par  {width: 46%!important;}
.width47Par  {width: 47%!important;}
.width48Par  {width: 48%!important;}
.width49Par  {width: 49%!important;}
.width50Par  {width: 50%!important;}
.width52Par  {width: 52%!important;}
.width53Par  {width: 53%!important;}
.width54Par  {width: 54%!important;}
.width55Par  {width: 55%!important;}
.width56Par  {width: 56%!important;}
.width57Par  {width: 57%!important;}
.width58Par  {width: 58%!important;}
.width59Par  {width: 59%!important;}
.width60Par  {width: 60%!important;}
.width62Par  {width: 62%!important;}
.width65Par  {width: 65%!important;}
.width67Par  {width: 67%!important;}
.width70Par  {width: 70%!important;}
.width72Par  {width: 72%!important;}
.width74Par  {width: 74%!important;}
.width75Par  {width: 75%!important;}
.width78Par  {width: 78%!important;}
.width79Par  {width: 79%!important;}
.width80Par  {width: 80%!important;}
.width82Par  {width: 82%!important;}
.width85Par  {width: 85%!important;}
.width89Par  {width: 89%!important;}
.width90Par  {width: 90%!important;}
.width92Par  {width: 92%!important;}
.width95Par  {width: 95%!important;}
.width95_5Par  {width: 95.5%!important;}
.width97Par  {width: 97%!important;}
.width98Par  {width: 98%!important;}
.width99Par  {width: 99%!important;}
.width100Par {width: 100%!important;}

.fleft  {float:left!important;}
.fright {float:right!important;}

.pointer {cursor: pointer;}
.zoomin {cursor: zoom-in;}
.zoomout {cursor: zoom-out;}

/* 行間 */
.lHeight10{line-height:10px!important;}
.lHeight12{line-height:12px!important;}
.lHeight15{line-height:15px!important;}
.lHeight16{line-height:16px!important;}
.lHeight17{line-height:17px!important;}
.lHeight18{line-height:18px!important;}
.lHeight20{line-height:20px!important;}
.lHeight21{line-height:21px!important;}
.lHeight22{line-height:22px!important;}
.lHeight24{line-height:24px!important;}
.lHeight26{line-height:26px!important;}
.lHeight27{line-height:27px!important;}
.lHeight28{line-height:28px!important;}
.lHeight29{line-height:29px!important;}
.lHeight30{line-height:30px!important;}
.lHeight31{line-height:31px!important;}
.lHeight33{line-height:33px!important;}
.lHeight35{line-height:35px!important;}
.lHeight36{line-height:36px!important;}
.lHeight37{line-height:37px!important;}
.lHeight38{line-height:38px!important;}
.lHeight40{line-height:40px!important;}
.lHeight45{line-height:45px!important;}
.lHeight50{line-height:50px!important;}
.lHeight52{line-height:52px!important;}
.lHeight55{line-height:55px!important;}
.lHeight60{line-height:60px!important;}

/*画面上部のの画像に合わせて中身の幅794pxにを合わせる*/
.fitwIMG794{max-width:794px!important;}
/* 
.row {
    max-width:1280px;
    margin: 0 auto;
} */
#u_name,#a_name,.kara,#fr_date_disp,#to_date_disp,#u_email,#out_recno,#u_id
,#word_disp,
.procflg,.pay_way,.broker_id,.usdjpy,.muko_flg,.kigyo_disp,.rel_sts,.delflg,.user_flg
{
    margin-right:5px;
}
/*
    border:1px solid red;
*/
#fr_date_disp,#to_date_disp,#u_name,#u_email,#out_recno,#u_id,#word_disp {
    margin-bottom:5px!important;
}
.procflg,.pay_way,.usdjpy,.broker_id,.rel_sts {
    margin-bottom:5px!important;
}
@media (max-width: 555px) {
    #u_name,#out_recno,#a_name
    ,.procflg,.usdjpy,.broker_id,.rel_sts,.delflg,.user_flg
    {
        margin-right:12px;
    }
    .kara,#fr_date_disp,#to_date_disp {
        margin-right:0px;
    }
    .kara {
        font-size:80%;
    }
}