@charset "utf-8";
body {
	font: 16px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
/*	color: #333; */		/* kuro */
	color: #3D3F44;		/* dark gray */
	overflow-y: scroll;
	line-height: 150%;
}

/*** ボタン 初期フォント 指定追加 ***/
p.button, table tr td p.button, table tr th p.button, form p.button, button  {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

/* RESET */
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}
img, a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
/******************/
/* LINK */
/* 通常リンク */
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #000;
}
a:hover {
	color: #AAA;
}
a:active {
	color: #AAA;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
/* 白リンク */
a.linkW:link, a.linkW:visited {
	color: #FFFFFF;
}
a.linkW:hover {
	color: #F63;
}
a.linkW:active {
	color: #FFFFFF;
}
/******************/
/* H */
h1 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: bold;
	font-size: 38px;
	line-height: 120%;
	margin: 0 0 3px 0;
}
h2 {
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
/*	color:#333; */
/*	font-weight: bold; */
	font-size: 18px;
	line-height: 130%;
	background: url(../images/iCon.png) no-repeat left 50%;
	background-size: 14px 9px;
	padding-left: 20px;
	margin: 0 0 5px 0;
	/*text-shadow: 2px 2px 2px rgba(102,102,102,0.4)*/
}
h2 span {
	margin-left: 8px;
	font-size: 16px;
}
h3 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
/*	font-weight: bold; */
	font-size: 20px;
	line-height: 120%;
	margin: 0 0 3px 0;
}
/* 中くらいの字 */
.medium {
	font-size: 18px;
}
/* 小さい字 */
.small {
	font-size: 14px;
}
/* テキスト等のCOLOR */
.white {
	color: #FFFFFF;
}
.blue {
	color: #1C69B5;
}
.black {
	color: #000;
}
.gray {
	color: #333;
}
/*** ボタン ***/
/*初期*/
p.button {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 100%;
	font-size: 18px;
/*	border: 1px solid #666; */	/* 枠線消す */
	height: auto;
	cursor: pointer;
	padding-top: 12px;
	height: 26px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px; 
}

/* FORM SUBMIT */
input[type="submit"], button {
	height: 40px;
	text-align: center;
	font-size: 18px;
	border: 0px solid #666;  /* 枠線 1->0px */
	padding: 0 auto;
	margin: 0;
/*	line-height: 120%;*/
	cursor: pointer;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px; 

}

/* ボタンのCOLOR（FORM BUTTON, P.BUTTON） */
/* ********************************** */
/* ----------- ＯＫ -----------*/
.bColor1, a .bColor1, a .bColor1:visited {
	border: 1px solid #0168b3;
	color: #FFFFFF;
	background: #0168b3;
	text-align: center;
}
.bColor1:hover, a .bColor1:hover, a .bColor1:active {
	color: #FFF;
	background: #3981D7;
}
/*----------- ＮＧ ----------- */
.bColor2, a .bColor2, a .bColor2:visited {
	border: 1px solid #cb5393;
	color: #FFFFFF;
	background: #cb5393;
	text-align: center;
}
.bColor2:hover, a .bColor2:hover, a .bColor2:active {
	color: #FFF;
	background: #dd9dbf;
}
/* ----------- 検索 ----------- */
.bSearch, a .bSearch, a .bSearch:visited {
	border: 1px solid #d78114;
	color: #FFFFFF;
	background: #d78114;
	text-align: center;
}
.bSearch:hover, a .bSearch:hover, a .bSearch:active {
	color: #666;
	background: #FC3;
}
/* ----------- キャンセル ----------- */
.bCancel, a .bCancel, a .bCancel:visited {
	border: 1px solid #9193a0;
	color: #FFFFFF;
	background: #9193a0;
	text-align: center;
}
.bCancel:hover, a .bCancel:hover, a .bCancel:active {
	color: #000;
	background: #DDD;
}
/*その他*/
.bEtc, a .bEtc, a .bEtc:visited {
	border: 1px solid #9193a0;
	color: #FFFFFF;
	background: #9193a0;
	text-align: center;
}
.bEtc:hover, a .bEtc:hover, a .bEtc:active {
	color: #000;
	background: #DDD;
}
/* ********************************** */




/*薄いグレー*/
.bGray, a .bGray, a .bGray:visited {
	color: #000;
	background: #EFEFEF;
	text-align: center;
}
.bGray:hover, a .bGray:hover, a .bGray:active {
	color: #000;
	background: #DDD;
}
/*オレンジ*/
.bOrange, a .bOrange, a .bOrange:visited {
	color: #000;
	background: #F4CFB7;
	text-align: center;
}
.bOrange:hover, a .bOrange:hover, a .bOrange:active {
	color: #EEE;
	background: #F48D48;
}
/*黄色*/
.bYellow, a .bYellow, a .bYellow:visited {
	color: #333;
	background: #FF9;
	text-align: center;
}
.bYellow:hover, a .bYellow:hover, a .bYellow:active {
	color: #666;
	background: #FC3;
}
/*緑*/
.bGreen, a .bGreen, a .bGreen:visited {
	color: #333;
	background: #9AE4C9;
	text-align: center;
}
.bGreen:hover, a .bGreen:hover, a .bGreen:active {
	color: #EEE;
	background: #65CD80;
}
/*青*/
.bBlue, a .bBlue, a .bBlue:visited {
	color: #333;
	background: #8EBCE6;
	text-align: center;
}
.bBlue:hover, a .bBlue:hover, a .bBlue:active {
	color: #CCC;
	background: #3981D7;
}
/* ベージュ */
.bBeige, a .bBeige, a .bBeige:visited {
	color: #333;
	background: #D9C791;
	text-align: center;
}
.bBeige:hover, a .bBeige:hover, a .bBeige:active {
	color: #FFF;
	background: #B38E71;
}
/* 赤 */
.bRed, a .bRed, a .bRed:visited {
	color: #333;
	background: #EB9CC6;
	text-align: center;
}
.bRed:hover, a .bRed:hover, a .bRed:active {
	color: #CCC;
	background: #DB4D7B;
}
/* 紫 */
.bPurple, a .bPurple, a .bPurple:visited {
	color: #333;
	background: #CCADFE;
	text-align: center;
}
.bPurple:hover, a .bPurple:hover, a .bPurple:active {
	color: #CCC;
	background: #A963CB;
}
/* ライムグリーン */
.bLime, a .bLime, a .bLime:visited {
	color: #333;
	background: #B4DC98;
	text-align: center;
}
.bLime:hover, a .bLime:hover, a .bLime:active {
	color: #FFF;
	background: #9BD56C;
}
/* マリンブルー */
.bMarine, a .bMarine, a .bMarine:visited {
	color: #333;
	background: #9FAFEE;
	text-align: center;
}
.bMarine:hover, a .bMarine:hover, a .bMarine:active {
	color: #CCC;
	background: #4E6CE7;
}
/* マロン */
.bMarron, a .bMarron, a .bMarron:visited {
	color: #CCC;
	background: #81615C;
	text-align: center;
}
.bMarron:hover, a .bMarron:hover, a .bMarron:active {
	color: #333;
	background: #AF9E96;
}
/* ダークグレイ */
.bDarkG, a .bDarkG, a .bDarkG:visited {
	color: #CCC;
	background: #4D4D4D;
	text-align: center;
}
.bDarkG:hover, a .bDarkG:hover, a .bDarkG:active {
	color: #333;
	background: #B7B7B7;
}
/* ネイビーブルー */
.bNavy, a .bNavy, a .bNavy:visited {
	color: #CCC;
	background: #2D3991;
	text-align: center;
}
.bNavy:hover, a .bNavy:hover, a .bNavy:active {
	color: #333;
	background: #B0C2EC;
}
/* ワインレッド */
.bWine, a .bWine, a .bWine:visited {
	color: #CCC;
	background: #AE3358;
	text-align: center;
}
.bWine:hover, a .bWine:hover, a .bWine:active {
	color: #333;
	background: #DDB0C4;
}
/* 白 */
.bWhite, a .bWhite, a .bWhite:visited {
	color: #555;
	background: #FFF;
	text-align: center;
}
.bWhite:hover, a .bWhite:hover, a .bWhite:active {
	color: #333;
	background: #CCC;
}
/* 透明 */
.bClearB, a .bClearB, a .bClearB:visited {
	color: #006CD8;
	text-align: center;
	font-weight: bold;
}
.bClearB:hover, a .bClearB:hover, a .bClearB:active {
	color: #333;
	background: #8EBCE6;
	text-align: center;
	font-weight: bold;
}
.bClearO, a .bClearO, a .bClearO:visited {
	color: #AE3358;
	text-align: center;
	font-weight: bold;
}
.bClearO:hover, a .bClearO:hover, a .bClearO:active {
	color: #000;
	background: #F4CFB7;
	text-align: center;
	font-weight: bold;
}
.bClearG, a .bClearG, a .bClearG:visited {
	color: #008C69;
	text-align: center;
	font-weight: bold;
}
.bClearG:hover, a .bClearG:hover, a .bClearG:active {
	color: #333;
	background: #9AE4C9;
	text-align: center;
	font-weight: bold;
}

/*** 背景 ***/
/* Color for Background */
.gBase {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #666;
}
/* 影付き白DIV */
.wBase {
	background: #FFF;
	/*box-shadow: 2px 2px 2px 2px rgba(102,102,102,0.6);*/	
	padding: 15px;
}
/*** ALIGN ***/
.al_left {
	text-align: left;
}
.al_right {
	text-align: right;
}
.al_center {
	text-align: center;
}
/*** VALIGN ***/
.v_top {
	vertical-align: top;
}
.v_middle {
	vertical-align: middle;
}
.v_bottom {
	vertical-align: bottom;
}
/*** float ***/
.fl_left {
	float: left;
}
.fl_right {
	float: right;
}
/*** FORM ***/
/* FORM TEXT TEXTAREA */
input[type="text"]  {
	line-height: 160%;
	height: 26px;
	border: 1px solid #666;
	padding: 0 3px;
	font-size: 16px;
   -webkit-appearance: none;
   border-radius: 0;
}
textarea  {
	width: 100%;
	height: 90px;

	line-height: 160%;
	border: 1px solid #666;
	padding: 0 3px;
	font-size: 16px;
   -webkit-appearance: none;
   border-radius: 0;
}

input[type="date"], input[type="datetime-local"] , input[type="time"] {
	width: 60%;

	line-height: 160%;
	height: 26px;
	border: 1px solid #666;
	padding: 0 3px;
	font-size: 16px;
   -webkit-appearance: none;
   border-radius: 0;
}

/* FORM CHECKBOX */
input[type="checkbox"]  {
	width: 20px;
	height: 20px;
}

input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

/* FORM SELECT */
select {
	line-height: 160%;
	height: 26px;
	border: 1px solid #666;
	padding: 3px;
	font-size: 16px;
}
/*** clear ***/
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}
* html .clearfix {
	height: 1%;
}

/***** このページの上へ *****/
#page-top {
	position: fixed;
	bottom: 73px;
	right: 10px;
	font-size: 77%;
	z-index: 99;
}
#page-top a {
	background: #333 url(../images/pTarrow.png) no-repeat 50% 50%;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	opacity: 0.8;

}
#page-top a:hover {
	background: #333 url(../images/pTarrow.png) no-repeat 50% 50%;
	opacity: 0.5;
}

/***** このページの下へ *****/
#page-bottom {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
	z-index: 98;
}
#page-bottom a {
	background: #333 url(../images/pBarrow.png) no-repeat 50% 50%;
	border-radius: 5px;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	opacity: 0.8;

}
#page-bottom a:hover {
	background: #333 url(../images/pBarrow.png) no-repeat 50% 50%;
	opacity: 0.5;
}


/*** HEADER ***/
#header {
	background: #4E67C8;
	width: 100%;
	height: 50px;
	padding: 0;
/*	margin: 18px 0 0 0;*/
	line-height: 100%;
}
/* header Logo */
#header h1 {
	float: left;
	margin: 1px 0 1px 10px;
	padding: 0;
	color: #FFF;
/*	color: #000; */
	font-size: 26px;
	font-family: Century Gothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}
#header h1 p {
	float: left;
	white-space: nowrap;
}
#header h1 p.hTitle {
	margin: 2px 0 0 3px;
	font-size: 16px;
}
#header h1 p.hSubTitle {
	margin: 2px 0 0 14px;
	font-size: 16px;
	color: #666;
}

/*** ヘッダー内 画像 ***/
#header h1 img {
	margin: -7px 7px 0 0;
	width: 102px;
	height:38px;
}

#header a {
	text-decoration: none;
	color: #000;
}

/* header DATE */
#header .hDate{
	float: left;
	margin: 12px 20px 0 0;
	font-size: 16px;
}
/* header NAME */
#header .hName{
	float: left;
	margin:  12px 15px 0 0;
}

/*** footer ***/
#footer {
	font-size: 9px;
	background: #333333;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: 20px 0 0 0;
}
#footer p {
	text-align: right;
	padding: 20px 15px 0 0;
	color: #DDDDDD;
}

/*** HEADER MENU ***/
.headerMenu {
	background: #4E67C8;
/*	color: #FFF;*/
/*	height: 30px; */
	height: 0.5px;	/* 青線の太さ*/
	width: 100%;
	text-align: center;
	border-top: 1px solid #4E67C8;
	border-bottom: 1px solid #4E67C8;
}
.headerMenu .waku {
/*	width:980px;*/
	width:100%;
	margin: 0 auto;
	padding: 0;
}
.headerMenu ul {
	float: right;
/*	width: 900px;*/
	width:640px;
	margin: 0;
}
.headerMenu ul li {
	float: right;
	text-align: center;
/*	font-size: 15px;  ショートカットの文字の大きさ変更 */
	font-size: 13px;
	line-height: 140%;
	padding: 0;
	/*background: url(../images/lineG.gif) no-repeat left 50%;*/
	height: 30px;
}
.headerMenu ul li a {
	color: #FFF;
	text-decoration: none;
	/*background: url(../images/lineG.gif) no-repeat left 50%;*/
	height: 30px;
}
.headerMenu ul li a:hover {
	color: #EEE;
	/*background: #EEE url(../images/lineG.gif) no-repeat left 50%;*/
/*	background: #000;*/
	background: #354FAF;
	height: 30px;
}
.headerMenu ul li p {
	display: block;
/*	padding: 5px 15px 4px 15px;  ショートカットの文字の大きさ変更  */
	padding: 5px 15px 5px 15px;
/*	margin-top : -2px;*/
}
.headerMenu ul li a p:hover {
	/*background: #EEE url(../images/lineG.gif) no-repeat left 50%;*/
/*	background: #000;*/
	background: #354FAF;
}
/***/
.headerMenu p.menuTitle {
	width: 60px;
	padding-top: 6px;
	padding-left: 5px;
	background: url(../images/iArrowW.png) no-repeat right 9px;
	font-size: 12px;
	text-align: left;
}

/*** メニュー 左寄せ ***/
.headerMenu ul li.left {
	float: left;
}

/*** WRAPPER(Container, Content) ***/
.blueContainer {
/*	background: #1E70C1;*/
	background: #FFFFFF;
	width: 100%;
	text-align: center;
/*	border-bottom: 5px solid #18599A; ←ボトムのボーダーを引く場合はこれ。引く場合は、ヘッダと色を揃えてください。 */
	margin: 0;
	padding: 0;
}
.blueContent {
	background: #FFFFFF;	/* 背景色 紺 */
/*	background: #4E67C8;*/	/* 背景色 紺 */
/*	background: #F0F0F0;*/	/* 背景色 グレー*/
	margin: 0 auto;
/*	padding: 10px 15px; */
	padding: 5px 4px;
	text-align: left;
	color: #FFFFFF;
}
/*** 影付き白枠 ***/
.td_Shadow {
	background: #FFFFFF;
	box-shadow: 1px 1px 1px rgba(102,102,102,0.6);
/*	color: #333; */
	color: #3D3F44;
	padding: 3px;
}
/*** 影無し白枠 ***/
.td_white {
	background: #FFFFFF;
	color: #000000;
	margin-bottom: 4px;
}


/* 透明な Container */
.container {
	width: 100%;
	margin: 0;
	padding-top: 20px;
	text-align:center;
}
.content{
	margin: 0 auto;
	text-align: left;
	min-height: 550px;
}


/*************************************************/
/***** ログイン *****/
/* ログイン左（タイトル） */
.LoginTitle {
/*	float: left;*/
	margin: 30px 0 0 0;
	text-align: center;
	width: 90%;
}
.LoginTitle h1 {
/*	font-family: "Century Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-weight: normal;
	font-size: 32px;
	line-height: 15px;
}
.LoginTitle h1 span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin-left: 5px;
}
.LoginTitle h1 p {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
/* ログイン右（入力） */
.LoginContent {
/*
	float: left;
	margin: 240px 0 0 0;
*/
	text-align: center;
	width: 100%;
}
.LoginContent table {
	margin: 20px auto;
}
.LoginContent table th, td {
	padding: 10px 5px;
	font-weight: normal;
	text-align: left;
}
/* ログイン右（入力） FORM TEXTAREA */
.LoginContent table td input[type="text"], input[type="password"]  {
	height: 30px;
	border: 1px solid #666;
/*	color: #333; */
	color: #3D3F44;
	padding: 3px 3px;
	font-size: 16px;
	width: 200px;
	line-height: 120%;
   -webkit-appearance: none;
   border-radius: 0;
}
/*************************************************/
/***** TOP PAGE *****/
/* MENU TABLE */
.tableTop {
/*	background: #EFEFEF; */ /*背景グレー*/
	background: #FFF;    /*背景白*/
	/*box-shadow: 2px 2px 2px 2px rgba(102,102,102,0.6);*/
/*	border: 1px solid #DDD; */
	border: 0px solid #DDD;
	width: 98%;
}
.tableTop th, .tableTop td {
	padding: 8px 5px;
	font-weight: normal;
	text-align: left;

/*	border-bottom: 0px dotted #BBB; */   /* 一覧のなかの線 色を付けているので、消してもＯＫ*/
	border-top:    1px dotted #BBB;       /* 一覧のなかの線 色を付けているので、消してもＯＫ*/
	border-bottom: 1px dotted #BBB;    /* 一覧のなかの線 色を付けているので、消してもＯＫ*/

	font-size: 16px;
}
.tableTop td a {
	display: block;
	background: url(../images/arrow.png) no-repeat right 50%;
	color: #222;
	padding-right: 20px;
}
/* 一覧 TABLE TDに1行ごとに背景に色をつける */
.tableTop tr:nth-child(2n+2) {
	background: #FFF;
}
/*************************************************/
/***** 一覧 *****/
/* 検索枠 */
.searchDiv {
	border: 1px solid #666;
	box-shadow: 1px 1px 1px 1px rgba(102,102,102,0.4);
	width: 98%;
	padding: 2%;
}
/* 検索枠の下に付ける補助機能用のDiv（線無し） */
.searchDivSub {
	width: 98%;
	padding: 2%;
}

/* 検索枠 TABLE */
.tbSearch {
}
.tbSearch td {
	padding: 0;
}
.tbSearch table {
	width: 100%;
}
.tbSearch table th, .tbSearch table td {
	font-weight: normal;
	font-size: 16px;
	padding: 5px 3px;
	white-space: nowrap;
}
.tbSearch table th {
	text-align: right;
	font-weight: normal;
	font-size: 16px;
	padding: 5px 3px 5px 0;
	white-space: nowrap;
}
/* 検索枠 TABLE テキストボックス */
.tbSearch table td select {
	height: 28px;
	border: 1px solid #999;
	padding: 3px;
	font-size: 16px;
}
/* 検索枠 TABLE テキストボックス */
.tbSearch table td input[type="text"] {
	width: 180px;
	height: 28px;
	border: 1px solid #999;
	padding: 3px;
	font-size: 16px;
}
/* 検索枠 TABLE テキストボックス横の文字 */
.tbSearch table td span {
	margin-left: 3px;
	font-size: 16px;
}
/* 検索枠 チェックボックス */
.tbSearch table td input[type="checkbox"] {
	width: 20px;
	height: 20px;
	float: left;
}
.tbSearch table td label {
	float: left;
	padding-top: 3px;
	cursor: pointer;
}

/* 一覧 TABLE */
.tbList {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.tbList th, .tbList td {
	padding: 5px 3px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align: left;
	font-size: 16px;
}
.tbList th {
	font-weight: bold;
	background: #CCC;
}
/* 一覧 TABLE TDに1行ごとに背景に色をつける */
.tbList tr:nth-child(2n+1) td {
	background: #EEE;
}
.tbList tr:nth-child(2n+2) td {
	background: #FFF;
}
/* 一覧 TABLE TDにtbodyごとに背景に色をつける(2列1組の場合) */
.tbList2x tbody:nth-child(2n) tr td {
	background: #EEE;
}
.tbList2x tbody:nth-child(2n+1) tr td {
	background: #FFF;
}
/* 一覧 TABLE 2列1組の場合は間の行は点線とする */
.tbList2x tr:nth-child(2n+1) th:not([rowspan]) , .tbList2x tr:nth-child(2n+1) td:not([rowspan]) {
	border-bottom: 1px dotted #999;
}
/* 一覧 TABLE TDにtbodyごとに背景に色をつける(3列1組の場合) */
.tbList3x tbody:nth-child(2n) tr td {
	background: #EEE;
}
.tbList3x tbody:nth-child(2n+1) tr td {
	background: #FFF;
}
/* 一覧 TABLE 3列1組の場合は間の行は点線とする */
.tbList3x th, .tbList3x td {
	border-bottom: 1px dotted #999;
	border-right: 1px dotted #999;
}
.tbList3x tr:nth-child(3n) th:not([rowspan]) , .tbList3x tr:nth-child(3n) td:not([rowspan])
{
	border-bottom: 1px solid #999;
}
.tbList3x th:nth-last-child(1), .tbList3x td:nth-last-child(1)
{
	border-right: 1px solid #999;
}
/* 一覧 TABLE TDのボタン */
.tbList td p.button {
	font-size: 14px;
	padding-top: 9px;
	height: 20px;
	width: auto;
}
/* 一覧 TABLE TDのチェックボックス */
.tbList td input[type="checkbox"] {
	height: auto;
	width: auto;
}

/*** 画面下のボタンエリア 左寄せ ***/
div.buttonArea p.button, div.buttonArea button {
	float: left;
	margin: 20px 30px 20px 0;
}
.buttonArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*** 画面下のボタンエリア 中央 ***/
div.buttonAreaC {
	text-align: center;
	width:auto;
	margin: auto;
}
div.buttonAreaC p.button, div.buttonAreaC button {
	margin: 20px;
	display: inline-block;
}
/*************************************************/
/***** 登録画面 *****/
/* 登録テーブル TH グレー */
.tbRegist {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.tbRegist th, .tbRegist td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 10px 5px;
	font-size: 16px;
	text-align: left;
}
.tbRegist th {
	background: #EEE;
	font-weight: normal;
}

/* 登録テーブル TH 水色 */
.tbRegistB {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.tbRegistB th, .tbRegistB td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 10px 5px;
	font-size: 16px;
	text-align: left;
}
.tbRegistB th {
	background: #DBECF4;
	font-weight: normal;
}

/* 登録テーブル TH 黄色 */
.tbRegistY {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.tbRegistY th, .tbRegistY td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	padding: 10px 5px;
	font-size: 16px;
	text-align: left;
}
.tbRegistY th {
	background: #F9F2C1;
	font-weight: normal;
}

/*************************************************/
/* Margin */
.mT5 {
	margin-top: 5px;
}
.mT10 {
	margin-top: 10px;
}
.mT15 {
	margin-top: 15px;
}
.mT20 {
	margin-top: 20px;
}
.mT30 {
	margin-top: 30px;
}
.mT40 {
	margin-top: 40px;
}
.mT50 {
	margin-top: 50px;
}
.mT60 {
	margin-top: 60px;
}
.mT100 {
	margin-top: 100px;
}
.mB5 {
	margin-bottom: 5px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB50 {
	margin-bottom: 50px;
}
.mB60 {
	margin-bottom: 60px;
}
.mB100 {
	margin-bottom: 100px;
}
.mL5 {
	margin-left: 5px;
}
.mL10 {
	margin-left: 10px;
}
.mL15 {
	margin-left: 15px;
}
.mL20 {
	margin-left: 20px;
}
.mL30 {
	margin-left: 30px;
}
.mL40 {
	margin-left: 40px;
}
.mL50 {
	margin-left: 50px;
}
.mL60 {
	margin-left: 60px;
}
.mR5 {
	margin-right: 5px;
}
.mR10 {
	margin-right: 10px;
}
.mR15 {
	margin-right: 15px;
}
.mR20 {
	margin-right: 20px;
}
.mR30 {
	margin-right: 30px;
}
.mR40 {
	margin-right: 40px;
}
.mR50 {
	margin-right: 50px;
}
.mR60 {
	margin-right: 60px;
}
/* Padding */
.pT5 {
	padding-top: 5px;
}
.pT10 {
	padding-top: 10px;
}
.pT15 {
	padding-top: 15px;
}
.pT20 {
	padding-top: 20px;
}
.pT30 {
	padding-top: 30px;
}
.pB5 {
	padding-bottom: 5px;
}
.pB10 {
	padding-bottom: 10px;
}
.pB15 {
	padding-bottom: 15px;
}
.pB20 {
	padding-bottom: 20px;
}
.pB30 {
	padding-bottom: 30px;
}
/* Widhサイズ */
.w1 {
	width: 1px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w122 {
	width: 122px;
}
.w140 {
	width: 140px;
}
.w160 {
	width: 160px;
}
.w180 {
	width: 180px;
}
.w200 {
	width: 200px;
}
.w220 {
	width: 220px;
}
.w240 {
	width: 240px;
}
.w260 {
	width: 260px;
}
.w280 {
	width: 280px;
}
.w300 {
	width: 300px;
}
.w400 {
	width: 400px;
}
.w500 {
	width: 500px;
}
.w600 {
	width: 600px;
}
.w700 {
	width: 700px;
}
.w800 {
	width: 800px;
}
.w900 {
	width: 900px;
}
.w10pc {
	width: 10%;
}
.w20pc {
	width: 20%;
}
.w30pc {
	width: 30%;
}
.w40pc {
	width: 40%;
}
.w50pc {
	width: 50%;
}
.w60pc {
	width: 60%;
}
.w70pc {
	width: 70%;
}
.w80pc {
	width: 80%;
}
.w90pc {
	width: 90%;
}
.w100pc {
	width: 100%;
}
/* margin */
.mAuto{
	margin:auto;
}
.mRLAuto{
	margin-right:auto;
	margin-left:auto;
}
.mRL0{
	margin-right:0px;
	margin-left:0px;
}
.mRL1{
	margin-right:1px;
	margin-left:1px;
}
.mRL3{
	margin-right:3px;
	margin-left:3px;
}
.mRL5{
	margin-right:5px;
	margin-left:5px;
}
.mRL10{
	margin-right:10px;
	margin-left:10px;
}

/* TB */
@media only screen and (max-width: 980px) and (orientation: landscape) {
  /* Portraitモード（縦向き）用 */
	.blueContent {
		min-height: 550px;
/*		max-height: 700px;*/
	}
}
@media only screen and (max-width: 980px) and (orientation: portrait) {
  /* Portraitモード（縦向き）用 */
	.blueContent {
		min-height: 550px;
/*		max-height: 800px;*/
	}
}


/**** ↓ add ↓ ***/

/* 説明文 */
.ruleMemo {
	color: #337C30;
	font-size: 14px;
}
/* 必須 */
.requiredMark {
	color:red;
}
/* エラー */
.error {
	color: #ff0000;
	font-size:16px;
/*	margin-bottom: 10px;*/
}
/* システムメッセージ */
.message {
	color: #4488cc;
	margin-bottom: 10px;
}
/* 補助機能 */
.assistance {
	color: #006CD8;
	text-decoration: underline;
	cursor: pointer;
}
/* 検索タイトル */
.searchKey {
	text-decoration: underline;
	cursor: pointer;
}
/* リンク */
.link {
	color: #0000ff;
	text-decoration: underline;
	cursor: pointer;
	display: inline-block;
}
/* リンクカラー */
.linkBlue{
/*	color: #006CD8; */
	color: #004EA2;
}
.linkGreen{
	color: #008C69;
}
.linkRed{
	color: #B20000;
}

.ui-datepicker-calendar tr td:first-child a {
	background: none!important;
	background-color: #fdd!important;
	color: #f66!important;
}

.ui-datepicker-calendar tr td:last-child a {
	background: none!important;
	background-color: #ddf!important;
	color: #66f!important;
}
.ui-datepicker, .ui-datepicker span, .ui-datepicker a {
	font-size: 14px !important;
}
/*** 入力制御 ***/
/* autocomplete CSS */
.ui-autocomplete {
	height: 80px;
	width: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}
/* 入力値エラー */
input:invalid {
	background-color: #FFDDDD;
}
select:invalid {
	background-color: #FFDDDD;
}
/* 入力不可項目 */
.disinput{
	background-color: #A9A9A9;
}

/* 非表示 */
.hide {
	display: none;
}

/* 改行の方法指定 */
.wordBreakAll{
	word-break: break-all;
}
.wordBreakAll pre{
	word-break: break-all;
	white-space: pre-wrap;
}

/***** 20160623 *****/
/* Color for Background(Progress) */
.gBaseProg {
	background-color: none;
	padding: 0;
	border: none;
}
.gBaseProg h2 {
	background: url(../images/iCube.png) no-repeat 10px 50%;
	background-size: 12px 12px;
	padding-left: 30px
}
/* MENU TABLE(Progress) */
.tableTopProg {
	width:98%;
	border-top: 1.5px solid #CCC;
}
.tableTopProg th, .tableTopProg td {
	padding: 8px 15px;
	font-weight: normal;
	text-align: left;
/*	border-bottom: 1px dotted #BBB; */
	font-size: 16px;
}
.tableTopProg td a {
	color: #222;
	padding-right: 20px;
}
/* Link for menuTitle */
.menuTitle a, .menuTitle a:visited {
	color: #FFF;
}
.menuTitle a:hover {
	color: #CCC;
}

/***** 追加 INPUT TYPE="TEXT" *****/
/* IE11対策 */
input[type="text"]{
	font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	vertical-align:middle;
}
/***** 追加 PRE INPUT TYPE="TEXT" *****/
pre {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
input[type="text"] {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
select {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}
textarea {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
}

/***** 条件ボタン Accordion *****/
.buttonJoken {
	display: block;
	text-align: center;
	background: #c9ced1 url(./images/iPlus.png) no-repeat 30px 50%;
	background-size: 14px 14px;
	color: #434D5A;
	font-size: 16px;
	cursor: pointer;
	height: 28px;
    padding-top: 10px;
}
.buttonJoken.active {
	background: #eff3f6 url(./images/iMinus.png) no-repeat 30px 50%;
	background-size: 14px 14px;
	color: #434D5A;
}