@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: #fcfcfc;
}
body {
	text-align: left;
	height: 100%;
}

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

/* !header
/*------------------------------------------------------- */
#header {
	background: #FFF;
	border-bottom: 2px solid #DDD;*/
	/*border-bottom: 3px solid #0949A3;*/
}
	#headerIn {
	}
		#headerLogo {
			float: left;
			width: 181px;
			padding: 13px 20px;
			border-right: 1px solid #DDD;
			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 #DDD;
		}
		#gNavi li a.active, #gNavi li a:hover {
			text-decoration: none;
			background: #edf2f8;
		}
		#gNavi li a.icon {
			color: #343434;
		}
			#gNavi li a span {
				color: #828282;
				margin-left: 5px;
				font-weight: bold;
			}
			#gNavi li a.active span {
				color: #4F5A6E;
			}
.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: #edf2f8;
			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 .userName {
				position: absolute;
				top: 9px;
				right: 20px;
				font-weight: bold;
			}
				.ttl_pageArea .userName span {
					color: #4990D2;
				}
		.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 #4990D2;
					padding: 12px 20px;
					font-size: 1.6rem;
					font-weight: bold;
					/*margin-bottom: 16px;*/
				}
			#userData .tableBasic tr:first-child {
				background: #FFF;
				/*background: #F4F8FB;*/
			}
				#userData .tableBasic th, #userData .tableBasic td {
					padding: 16px 0px 16px 14px;
					
				}
				#userData .tableBasic th {
					font-size: 1.6rem;
					border-bottom: 3px solid #DDD;
				}
				#userData .tableBasic td {
					font-size: 2.4rem;
					border-bottom: none;
				}
				#userData .tableBasic td.os {
					width: 33.33%;
				}
				#userData .tableBasic td.os small {
					color:#abbdd6;
					font-weight: bold;
				}
				#pushSetup .tableBasic th:nth-child(1) {
					width: 30%;
				}


				.pagerBlock {
					margin: 14px 20px 0;
				}
					.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 {
					/*margin: 0 20px 20px;*/
				}
					.dataTableAreaIn {
						width: 100%;
						overflow: hidden;
					}
						.dataTableAreaIn h4, .tableBasic caption {
							font-weight: bold;
							padding: 5px 14px 9px 20px;
							border-bottom: 2px solid #DDD;
						}
							.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: 20px 20px;
						}
.error_box, .message_box {
	display: none;
	padding: 14px 20px;
	background-color: #fff3f5;
	border: 1px solid #e53952;
	margin-bottom: 14px;
}
	.error_box p, .message_box {
		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: #edf2f8;
	}
	.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 th:first-child {
		padding: 16px 14px 16px 14px;
	}
	.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 {
		padding-left: 20px;
	}

.tableView {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
	.tableView .tableCell {
		display:table-cell;
		vertical-align:middle;
	}
		.tableView .tableCell .innerCell {
			background: #FFF;
			border:1px solid #DDD;
			border-radius: 5px;
			margin-right: 20px;
		}
		.tableView .tableCell:last-child .innerCell {
			margin-right: 0px;
		}

#userData .tableView .tableCell:nth-child(1),#userData .tableView .tableCell:nth-child(2) {
	width:25%;
}

/* !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; }*/
}