@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通（ヘッダー、フッター）
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body{
	font-size: 14px;
	line-height: 1.6;
	color: #1f1f1f;
	background-color: #F3F5F6;
}
img{
	vertical-align:middle;
}
a{color:#2693FF; text-decoration:none;}
a:hover{text-decoration:underline;}
	
/* -----------------------------------------------------------
	#all
----------------------------------------------------------- */
#all{
	position:relative;}

#contents{
	width:100%;
	overflow:hidden;
	margin:0 auto;}
#main	{
	 width: 97%;
	 padding:10px 1.5% 40px}

/* 2カラム時 */
.column2{
	clear: both;
	background:url(../../assets/img/bg_colomn2.gif) repeat-Y;
	overflow: hidden;}

.column2 #main {
  float: right;
	width: 97%;
  margin: 0 0 0 -210px;}

.column2 #side {
  float: left;
  width: 210px;}

.column2 #mainInner {
  margin: 0 0 0 220px;}



/*----------------------------------------------------
	header
----------------------------------------------------*/
#header{
	height: 60px;
	background: #fff;
	position: relative;
}
#header::before{
    content: "";
    width: 100%;
    height: 60px;
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 50%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#header .navbar-inverse{
	background: #fff;
	border: none;
}
#header a {
	text-align:center;
	text-decoration:none;
	display:block;
	color:#fff;
}
#header #logo{
	float:left;
	min-width: 245px;
	height:60px;
	border-right: 1px solid #D2D9E0;
	position: relative;
	z-index: 101;
}
#header #logo a.selected{
	background:#2693FF;
}
#header #logo a.slideMenu{
	padding: 0 25px 0 16px;
	display: flex;
	align-items: center;
	position: relative;
}
#header #logo a.slideMenu:hover{
	color: #fff;
	background: #F9FAFB;
}
#header #logo a.slideMenu::after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #1f1f1f transparent transparent transparent;
	position: absolute;
	top: calc(50% - 3.5px);
	right: 10px;
}
#header #logo span.icon{
	margin-right: 7px;
	padding: 0;
	position: relative;
}
#header #logo span.icon img{
	width: auto;
	height: 23px;
	margin-bottom: 3px;
}
#header #logo span.text{
	margin-top: 2px;
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.25;
	color: #1f1f1f;
	text-align: left;
	display: block;
}
#header #logo span.text::after{
	content: "by IEYASU";
	font-size: 10px;
	display: block;
}
	
#header #navi{
	float:left;
	width:810px;}
#header #navi ul{
	width:100%;
	overflow:hidden;}
#header #navi ul li{
	float:left;
	border-right:1px dotted #8f7660;
	width:100px;}
#header #navi ul li a.selected,
#header #navi ul li a:hover{
	background:#7e4716;}
#header #navi ul li a span{
	display:block;
	height:30px;
	line-height:30px;
	font-size:12px;}
#header #navi ul li a span img{
	margin-left:7px;}

#header #user{
	float:right;
	border-left:1px dotted #8f7660;
	width:auto;
	position:absolute;
	right:0;}
#header #user a{
	text-align:left;
	display:block;
	height:40px;
	padding:10px 20px 10px 10px;}
#header #user a:hover{
	background:#7e4716;}
#header #user span.corp{
	display: block;}
#header #user span.name{
	padding-right: 18px;
	background:url(../../assets/img/icon_arrow_down.png) no-repeat right center;
	background-size:8px auto;}

#header #user .slideMenu{
	position:relative;
	}
#header #user .toggle{
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
	background:#8E755F;
	color:#fff;
	position:absolute;}
#header #user .toggle a{
	border-bottom: 1px dotted #bbac9f;
	padding: 0 15px;
	line-height: 40px;
	height: auto;
}
#header #sideNav{
	color: #fff;
	background: #1F262D;
}
#header #sideNav li{
	border-radius: 0;
}
#header #sideNav li a{
	background: #1F262D;
	border-bottom: 1px solid #5C7084;
	transition: 0.4s;
	opacity: 1 !important;
}
#header #sideNav li a:hover{
	color: #fff;
	background: #2693FF;
	opacity: 1 !important;
}
#header #sideNav .listTitle01,
#header #sideNav .listTitle02{
	color: #fff;
	background:#475766;
	border-color: #5C7084;
}
#header #sideNav .listTitle01 span,
#header #sideNav .listTitle02 span{
	color: #fff;
	background-image: none;
	position: relative;
}
#header #sideNav .listTitle01 span::before,
#header #sideNav .listTitle02 span::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 7px;
}
#header .navbar-inverse .navbar-nav a{}


/* -----------------------------------------------------------
	#side ※システム設定のページのみサイド有り
----------------------------------------------------------- */
.column2 #side{
	padding-bottom: 60px;
}

.column2 #side li{
	border-bottom:1px dotted #bbac9f;
	height:60px;}
.column2 #side li.title{
	height:20px;
	background:#5e3b1b;
	color:#fff;
	border-top:1px dotted #8f7660;
	text-align:center;}
.column2 #side li a{
	display:block;
	line-height:60px;
	padding:0 20px;
	color:#fff;
	text-decoration:none;
	font-size:16px;}
.column2 #side li a:hover,
.column2 #side li.selected a{
	background:#fff;
	color:#5e3b1b}

.column2 #side li.listTitle{
	background:#e8e1dd;
	height:20px;
	padding-left:20px;}

.column2 #side li.listTitle span{
	display:block;
	background:url(../../assets/img/icon_tri_down.png) no-repeat left center;
	padding-left:15px;
	padding-top:2px;
	font-size:12px;
	color:#827467;}

.column2 #side li.subList{
	border-bottom:none;
	height:20px;
	margin-bottom:10px;
	margin-left:20px;}

.column2 #side li.subList a{
	font-size:14px;
	background:url(../../assets/img/icon_tri_right.png) no-repeat left center;
	padding-top:3px;
	font-weight:normal;}

/* -----------------------------------------------------------
	#page-wrapper
----------------------------------------------------------- */
#page-wrapper{
	background-color: transparent;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */

#footer {
	padding:45px 0 10px;
	clear:both;
	background:#efebe8;
	text-align: center;
	color:#99887b;
	line-height:70px;
	font-size:12px;}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

/*基本テーブル*/
.tableNormal{
	width:100%;
	margin:10px 0;}
.tableNormal .trTitle td,
.tableNormal .trTitle th{
	background:#dbd7d3;}
.tableNormal th{
	border:1px solid #cec4ba;
	background:#e9e1de;
	padding:8px 5px;
	line-height:1.2;
	font-weight:normal;}
.tableNormal td{
	padding:8px 5px;
	border:1px solid #e0d9d3;
	word-break:break-all;
	white-space:normal;
	line-height:1.4;}
.tableNormal .cellDelete{
	vertical-align:middle;
	width:80px;
	text-align:center;
	background:#efefef;}
.tableNormal .cellDelete .btnDelete{
	margin:0;}
.tableNormal tr:hover td{
	background:#f7f5f3;}
.tableNormal th.cellSort {
    width: 100px;}
.tableNormal td.cellSort {
	background:#f7f5f3;
    text-align: center;}
.tableNormal td.cellSort input{
	padding: 0 5px;}
.tableNormal th.cellId {
    width: 80px;}
.tableNormal td.cellId {
  text-align: right;}

/*ヨコテーブル*/
.tableYoko{
	table-layout:fixed;}
.tableYoko th{
	text-align:center !important;
	vertical-align:middle;
	padding:8px 5px;
	border-right:1px solid #dbd2cb;
	border-left:1px solid #dbd2cb}
.tableYoko td{
	padding:5px 10px;
	vertical-align:middle;
	border-right:1px solid #f0edea;
	border-left:1px solid #f0edea;}
.tableYoko th select{
	width:90%;}

/*タテテーブル*/
.tableTate th{
	border:1px solid #cec4ba;
	width:180px;}
.tableTate td.tableth{
	border:1px solid #cec4ba;
	background:#e9e1de;
	width:auto;}

/*個人データテーブル*/
.typePerson{
	width:auto;}
.typePerson th,
.typePerson td{
	text-align:center;
	padding:5px 20px;}

/*テーブルマージ*/
th.pierced{
	width:auto;
	font-weight:bold;}

/*レイアウト系*/
.areaTitle{
	border-bottom:1px dotted #666;
	padding:8px 0;
	margin-bottom: 20px;}
.area{
	margin:20px 0;}

.tableHeader{
	overflow:hidden;
	width:100%;
	padding:0;}
.hit{
	font-weight:bold;
	padding-top:20px;
	display:inline-block;}

.option{
	overflow:hidden;
	width:98%;
	background:#f6f3f1;
	border:1px solid #ebe7e3;
	padding:5px 0.9%;
	margin:25px 0;}
.option input,
.option select{
	margin:0 5px;}

.divBtn{
	clear:both;
	text-align:center;
	padding:20px 0;
	margin:30px 0;}
.icon{
	padding-right:5px;}

.decimal li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;}

.wrap{
	width:100%;
	clear:both;
	overflow:hidden;}
.floatR{float:right;}
.floatL{float:left;}

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


/*タブ*/
.tab{
	padding-top:14px;
	background:#e8e1dd;
	margin:20px 0;}
.tab ul{
	margin:0 auto;
	width:98%;
	overflow:hidden;
	color:#fff;}
.tab li{
	border:none;
	margin:0 5px 0;
	text-align:center;
	padding:0;
	float:left;
	display:inline-block;}
.tab li.selected{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
.tab li a,
.tab li a:visited{
	color:#000;
	background:#fff;
	width:120px;
	line-height:36px;
	text-decoration:none;
	display:block;
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	border:1px solid #cec4ba;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;}
.tab li a:hover,
.tab li.selected a,
.tab li.selected a:visited{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border-bottom:1px solid #fff;}


/* 一覧スタイル */
.listBox{
	width:100%;
	overflow:hidden;
	clear:both;}
.listBox .box{
	clear:both;
	width:100%;
	overflow:hidden;
	padding:15px 0;
	border-bottom:1px dotted #ddd;}
.listBox .box .floatL{
	width:150px;
	text-align:center;}
.listBox .box .floatL img{
	max-width:150px;}
.listBox .box .floatR{
	width:295px;}

.listBox .box .floatR .date{
	font-size:10px;}
.listBox .box .floatR .name{
	margin-bottom:5px;}
.listBox .box .floatR .article{
	font-size:12px;
	padding:0;
	margin:0;}


/* 詳細スタイル */
.pageTitle{
	padding:5px 0;
	border-bottom: 1px dotted #666;
	margin-bottom:50px;}

.detailStyle{
	margin:0 auto;}
.detailStyle .date{
	padding:10px 0;
	text-align:right;
	color:#666;}
.detailStyle .article{
	clear:both;
	width:100%;
	overflow:hidden;}
.detailStyle .article .pict{
	float:right;
	padding:0 0 15px 15px;
	margin:0 10px 0;}


.detailStyle .article .headline{
	border:1px solid #dbd7d3;
	border-left:3px solid #FF5757;
	background:#efe7e0;
	padding:5px 10px;
	margin:30px 0;}
.detailStyle .article p,
.detailStyle .article table{
	margin:10px 15px;}
.detailStyle .article table th,
.detailStyle .article table td{
	padding:3px 8px 3px 0;}
.detailStyle .article table.tableNormal th,
.detailStyle .article table.tableNormal td{
	padding:8px;}

.backLink{
	clear:both;
	text-align:center;
	margin-top:30px;
	background:#f9f9f9;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:20px 0;}




/*ページTOPへ*/
.jumpTop {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
}
.jumpTop a {
	background:#fff;
	text-decoration: none;
	border:1px solid #e0d9d3;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:0 0 0 auto;
	color:#99887b;
}
.jumpTop a:hover {
	text-decoration: none;
}


/* テキスト系 */
#main h1{
	border-bottom:1px solid #c6baaf;
	font-size:16px;
	color: #5e3b1b;
	font-weight: normal;
	padding: 12px 0;
	margin-bottom: 10px;}
.alert,
.error,
#error_explanation{
	color:#FF5757;}
.required{
	color: #FF5757;
}

.memo{
	color:#999;}

.lead{
	padding:0 0 10px 0;}
.message{
	text-align:center;
	background:#fffacf;
	padding:50px 20px;
	text-align:center;
	font-size:14px;
	margin:0 0 20px 0;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:18px;}
.fBold{font-weight:bold;}
.fNormal{font-weight:normal;}
.red{color:#FF5757;}
.gray{color:##858585;}



/*フォーム関連*/
label{
	margin:0 10px 0 5px;}

button{
	background:none;
	border:none;
	width:auto;
	cursor:pointer;}

#wrapper input{
	border-color: #D2D9E0;
	vertical-align: middle;
}
#ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input{
	border-color: #D2D9E0;
	color: #1f1f1f !important;
}
input.file{
	padding:2px; color: #666;
}
input[type="checkbox"],
input[type="radio"]{
	margin:0 2px 0 0;
}
input.PW,
input.ID{width:230px;ime-mode:disabled;padding:2px;font-size:14px;}
input.address{width:450px; ime-mode:active;padding:2px;}
input.zip,
input.tel{width:100px; ime-mode:disabled;padding:2px;}
input.mail{width:450px; ime-mode:disabled;padding:2px;}

input.imeON	{ime-mode:active;}
input.imeOFF{ime-mode:disabled;}

input.freeSS{width:30px;padding:2px;}
input.freeS{width:100px;padding:2px;}
input.freeM{width:230px;padding:2px;}
input.freeL{width:430px; ime-mode:active;padding:2px;}

input.free10{width:10px;padding:2px;}
input.free20{width:20px;padding:2px;}
input.free30{width:30px;padding:2px;}
input.free40{width:40px;padding:2px;}
input.free50{width:50px;padding:2px;}
input.free60{width:60px;padding:2px;}
input.free70{width:70px;padding:2px;}
input.free80{width:80px;padding:2px;}
input.free90{width:90px;padding:2px;}
input.free100{width:100px;padding:2px;}

input.free110{width:110px;padding:2px;}
input.free120{width:120px;padding:2px;}
input.free130{width:130px;padding:2px;}
input.free140{width:140px;padding:2px;}
input.free150{width:150px;padding:2px;}
input.free160{width:160px;padding:2px;}
input.free170{width:170px;padding:2px;}
input.free180{width:180px;padding:2px;}
input.free190{width:190px;padding:2px;}
input.free200{width:200px;padding:2px;}

input.free250{width:250px;padding:2px;}
input.free300{width:300px;padding:2px;}
input.free350{width:350px;padding:2px;}
input.free400{width:400px;padding:2px;}
input.free450{width:450px;padding:2px;}
input.free500{width:500px;padding:2px;}
input.free550{width:550px;padding:2px;}

select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]{
  background: #fff;
  border: 1px solid #ddd6cf;
  height: 28px;
  padding: 0 5px;
	margin:0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	font-family:Meiryo, 'メイリオ', 'Lucida Grande','Hiragino Kaku Gothic ProN', sans-serif;}

textarea{
	width:98%;
	padding:2px;
	height:16em;
	ime-mode:active;
	font-size:12px;}
textarea.notes{
	height:5em;}

/* icn_seach */
div.asl_w .probox .promagnifier .innericon svg{
	fill: #8194A7;
}
/*Webkit*/
::-webkit-input-placeholder{
  color: #ccc;
}

/*Firefox 18以前（古い書き方なので使っちゃダメ） */
:-moz-placeholder {
  color: #ccc;
}

/*Firefox 19以降*/
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

/*IE10以降*/
/* http://msdn.microsoft.com/en-us/library/ie/hh772745(v=vs.85).aspx */
:-ms-input-placeholder {
  color: #ccc;
}


option{
	border-bottom:1px solid #ddd6cf;
	padding: 3px 0 3px 5px;}
.imgR {float: right;margin: 0 0 10px 10px;}
.imgL {float: left;margin: 0 10px 10px 0;}



.btn{
	height:30px;
	margin:5px 5px 5px 0;
	padding:0 15px;
	line-height:30px;
	color:#1f1f1f;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	background:#fff ;
	border: 1px solid #D2D9E0;
	border-radius: 3px;
	display:inline-block;
	cursor:pointer;
	-webkit-appearance: none; /*iOS4　ボタン崩れ対処 */
}
.btn:hover{
	border-color: #8194A7;
	transition: 0.4s;
}
.btnSubmit,
input[type="submit"]{
	color: #fff;
	border-color: #2693FF;
	background:#2693FF;
}
.btnSubmit:hover,
input[type="submit"]:hover{
	color: #fff;
	border-color: #0073E5;
	background:#0073E5;
	opacity: 1;
}
.btnDownload,
.btnDownload:hover{
  font-size: 14px;
}

.divBtn a,
.divBtn a:hover{
	text-decoration:none;
}
.divBtn .btn{
	padding: 0 50px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}

.btnDisabled,
.btnDisabled:hover,
input.btnDisabled[type="submit"]{
	filter: alpha(opacity=100);
	opacity:1;
	cursor:auto;
	background:#dcdcdc;
	color:#999999;
}
.btnBig{
	width:94%;
	padding:0;
	font-size:18px;
	height:50px;
	line-height:50px;
}
.btnBack,
a.btnBack{
}
a.btnBack:hover{
}

.btnUp,
.btnDown{
  background: #fff !important;
  color: #2693FF !important;
  border: 1px solid #cec4ba;
  font-size: 12px;
}

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



/* ------------------------------------------------ */
/* R E S P O N S I V E  S T Y L E
/* ------------------------------------------------ */

@media (min-width: 991px){
	#user .toggle .menu02,
	#user .toggle .menu03,
	#user .toggle .menu04,
	#user .toggle .menu05,
	#user .toggle .menu06,
	#user .toggle .menu07,
	#user .toggle .menu08,
	#user .toggle .menu09{
		display: none;
	}

}


@media (max-width: 991px){
	#user .toggle .menu02,
	#user .toggle .menu03,
	#user .toggle .menu04,
	#user .toggle .menu05,
	#user .toggle .menu06,
	#user .toggle .menu07,
	#user .toggle .menu08,
	#user .toggle .menu09{
		display: block;
	}
}