@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 2.0.0
 *  updated --- 2014/11/04
 */


/* !HTML5 elements
/*------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}

/* !Reseting
/*------------------------------------------------------- */
html{
	font-family:"Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%; /* 10px; */
}
body {
	font-size: 1.4rem; /* 14px; */
	-webkit-text-size-adjust: 100%;
	line-height: 1;
	color: #4F5A6E;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
/*------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
/*------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

/* !Layout
/*------------------------------------------------------- */
html {
	overflow-y: scroll;
	min-width: 960px;
	min-height: 100%;
	background: #f7f7f7;
}
body {
	text-align: left;
	height: 100%;
}

.red {
	color:#c11919;
}
/* !wrapper
/*------------------------------------------------------- */
#wrapper {
	height: 100%;
}

/* !header
/*------------------------------------------------------- */
#header {
	background: #4990D2;
}
	#headerIn {
	}
		#headerLogo {
			float: left;
			background: #3273A9;
			width: 181px;
			padding: 13px 20px;
			box-sizing:border-box;
		}
		#headerLinks {

		}
			#headerLinks li {

			}

/* !gNavi
/*------------------------------------------------------- */
#gNavi {
	float: left;
	width: auto;
}
	#gNavi li {
		float: left;
		width: auto;
	}
		#gNavi li a {
			display: block;
			line-height: 3.6rem;
			padding: 13px 19px;
			border-right: 1px solid #609fdc;
		}
		#gNavi li a.active, #gNavi li a:hover {
			text-decoration: none;
			background: #5E9CD7;
		}
		#gNavi li a.icon {
			color: #CADBEF;
		}
			#gNavi li a span {
				color: #FFF;
				margin-left: 5px;
				font-weight: bold;
			}
.navTab {
	padding: 0 0 0 20px;
}
	.navTab li {
		float: left;
		width: auto;
	}
		.navTab li .btn {
			border-radius: 4px 4px 0 0;
		}
		.navTab li .btn {

		}
		.navTab li .btn-default {
			background: #4990D2;
			color: #FFF;
		}
		.navTab li .btn-default:hover {
			background: #5E9CD7;
		}
		.navTab li a:hover {
			text-decoration: none;
		}
		.navTab li .btn-default.active {
			background: #FFF;
			color: #4F5A6E;
			border-color: #DDD;
			border-bottom: none;
		}
		.navTab li .btn-default.active:hover {
			background: #e6e6e6;
		}

/* !mainimg
/*------------------------------------------------------- */
#mainimg {
}

/* !Section
/*------------------------------------------------------- */
section {
	/*基本sectionタグ宛にスタイルをあてない。あてる場合はID・CLASS名を割り振ってスタイルをあてる*/
}
	.sectionSub { /* Sub Section including .sectionFirst and .section */ }
	.sectionAlt { /* Alternative Section including .sectionFirst and .section */ }

/* #topicPath
/*------------------------------------------------------- */
ul#topicPath {
}
	ul#topicPath li {
	}
	ul#topicPath li.home {
	}


/* !main
/*------------------------------------------------------- */
#main {
	padding: 0 0 20px;
}
	#contents {
		width: 100%;
		min-width: 960px;
		box-sizing:border-box;
	}
		.ttl_pageArea {
			background: #FFF;
			margin-bottom: 20px;
			padding: 12px 20px;
			border-bottom: 1px solid #DDD;
			position: relative;
			/*box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.05);*/
		}
			.ttl_pageArea h2 {
				font-size: 1.6rem;
				font-weight: bold;
			}
			.ttl_pageArea .btn_add {
				position: absolute;
				top: 3px;
				right: 20px;
			}
		.contentBlock {
			margin: 0 20px 20px;
		}
		.contentBlock:last-child {
			margin: 0 20px;
		}
			.contentBlockIn {
				background: #FFF;
				border-radius: 5px;
				border:1px solid #DDD;
			}
				.contentBlockIn h3 {
					border-bottom: 3px solid #DDD;
					padding: 12px 20px;
					font-size: 1.6rem;
					font-weight: bold;
				}
				.pagerBlock {
					margin: 16px 20px 0px;
				}
					.pagerBlock .tableCell:nth-child(1),.pagerBlock .tableCell:nth-child(2), .pagerBlock .tableCell:nth-child(4),.pagerBlock .tableCell:nth-child(5) {
						width: 50px;
					}
					.pagerBlock .tableCell:nth-child(3) {
						text-align: center;
					}
						.pagerBlock .tableCell:nth-child(3) label {
							margin-right: 9px;
						}
					.pagerBlock .tableCell:nth-child(4),.pagerBlock .tableCell:nth-child(5) {
						text-align: right;
					}
						.pagerBlock .tableCell .btn-default {
								color: #4F5A6E;
							}
				.dataTableArea {
				}
					.dataTableAreaIn {
						width: 100%;
						overflow: hidden;
					}
						.dataTableAreaIn h4, .dataTableAreaIn caption {
							font-weight: bold;
							padding: 6px 20px 9px;
							border-bottom: 2px solid #4990D2;
						}
							.setBtnArea {
								position: relative;
							}
							.setBtnArea ul.setupBtnList {
								position: absolute;
								top: -4px;
								right: 0px;
								width: 550px;
								padding: 4px 52px 4px 0;
								box-sizing:border-box;
								background: rgba(255,255,255,0.8);
								display: none;
							}
							.setBtnArea ul.setupBtnList.btnListShow {
							}
							.setBtnArea ul.setupBtnList li {
								float: right;
								width: auto;
								margin-left: 10px;
							}
							.setBtnArea ul.setupBtnList li:last-child {
								float: right;
								width: auto;
								margin-left: 0px;
							}
						.btnArea {
							margin: 0px 20px 20px;
						}
.error_box {
	display: none;
	padding: 14px 20px;
	background-color: #fff3f5;
	border: 1px solid #e53952;
	margin-bottom: 14px;
}
	.error_box p {
		font-weight: bold;
		color: #e53952;
	}
.errTxt {
	color: #e53952;
}




/* !pageTop
/*------------------------------------------------------- */
.pageTop {
	clear: both;
	position: relative;
	z-index: 10;
	text-align: right;
	background:#bbbbbb
}

/* !footer
/*------------------------------------------------------- */
#footer {
	background:#262D40;
}
	#footerIn {
		margin: 0 20px;
		padding: 20px 0;
	}
		#copyright {
			font-size: 1.2rem;
			text-align: center;
			color: #8C8F96;
		}

/* !h(n)eading
/*------------------------------------------------------- */
.h1_basic {
	font-size: 3.6rem;
}
.h2_basic {
	font-size: 3.0rem;
}
.h3_basic {
	font-size: 2.4rem;
}
.h4_basic {
	font-size: 1.8rem;
}
.h5_basic {
	font-size: 1.4rem;
}
.h6_basic {
	font-size: 1.2rem;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size: 65%;
}

/* !Table
/*------------------------------------------------------- */
.tableBasic {
	border-collapse: collapse;
	width: 100%;
}
	.tableBasic tr {
	}
	.tableBasic tr:nth-child(odd) {
		background: #F9FAFC;
	}
	.tableBasic tr:first-child {
		background: #E9EEF4;
	}
	.tableBasic th,
	.tableBasic td {
		padding: 16px 14px 16px 0px;
		border-bottom: solid 1px #cccccc;
		text-align: left;
		vertical-align: middle;
		font-size: 1.4rem;
		box-sizing:border-box;
	}
	.tableBasic th {
		
		font-weight: bold;
	}
	.tableBasic td {
	}
		/*.tableBasic td span {
			width: 100%;
			display: block;
			overflow: hidden;
			white-space: nowrap;
			height: 14px;
			text-overflow: ellipsis;
		}*/
	.tableBasic tr th:first-child,
	.tableBasic tr td:first-child {
	}

.tableView {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
	.tableView .tableCell {
		display:table-cell;
		vertical-align:middle;
	}

/* !Btn
/*------------------------------------------------------- */
/*btn-baseStyle*/
.btn {
	display: inline-block;
	padding: 9px 14px;
	margin-bottom: 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
/*btn-color*/
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-link {
	font-weight: 400;
	color: #428bca;
	border-radius: 0;
	border-color: transparent;
	box-shadow: none;
	background-color: transparent;
}

/*btn-hover*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #3071a9;
	border-color: #285e8e;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}
.btn-link:hover, .btn-link:focus {
	color: #2a6496;
	text-decoration: underline;
	background-color: transparent;
}

/*btn-size*/
.btn-block {
	display: block;
	width: 100%;
}
.btn-lg, .btn-group-lg>.btn {
	padding: 11px 16px;
	font-size: 1.8rem;
	line-height: 1.33;
	border-radius: 6px;
}
.btn-sm, .btn-group-sm>.btn {
	padding: 7px 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-xs, .btn-group-xs>.btn {
	padding: 1px 5px;
	font-size: 1.2rem;
	line-height: 1.5;
	border-radius: 3px;
}



/* !Form
/*------------------------------------------------------- */
.formGroup {
	margin-bottom: 16px;
}
.formInline .formGroup {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.formInline .formControl {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.formInline .formControl_static {
	display: inline-block;
}
.formInline .inputGroup {
	display: inline-table;
	vertical-align: middle;
}
.formInline .inputGroup .inputGroup_addon,
.formInline .inputGroup .inputGroup_btn,
.formInline .inputGroup .formControl {
	width: auto;
}
.formInline .inputGroup > .formControl {
	width: 100%;
}
.formInline .controlLabel {
	margin-bottom: 0;
	vertical-align: middle;
}
.formInline .radio,
.formInline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}
.formInline .radio label,
.formInline .checkbox label {
	padding-left: 0;
}
.formInline .radio input[type="radio"],
.formInline .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}
.formControl {
	display: block;
	width: 100%;
	padding: 9px 14px;
	box-sizing:border-box;
	color: #4F5A6E;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.formControl:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/* !Text
/*------------------------------------------------------- */
.txtGroup {
	margin: 0 20px 14px;
}
	.txt {
		line-height: 1.5;
	}


/*------------------------------------------------------- */
/* !Media screen
/*------------------------------------------------------- */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}

/*------------------------------------------------------- */
/* !Print
/*------------------------------------------------------- */
@media print {
	/*html,
	html body { *zoom: 0.65;}

	#footer { display: table; }
	#footerIn {
		display: table-cell;
		vertical-align: top;
	}
	#lNavi {
		position: relative !important;
		margin: 0 !important;
		top: 0 !important;
	}

	.pageTop {
		margin-top: 0;
		background: url("/common/img/bg/bg_darwin02.gif") left top no-repeat;
	}
	#main {
		display: table;
	}
	#main,
	#side {
		display: table-cell;
		vertical-align: top;
	}
	#main { padding-bottom: 67px; }
	#side { top: 0 !important; }*/
}