@charset "UTF-8";


/* ==========================================

  “Common” CSS

========================================== */

/* Fonts
========================================== */
/* Generated by Glyphter (http://www.glyphter.com) on  Thu Dec 17 2015*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
	font-family: 'Glyphter';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-arrow:before{content:'\0041';}
.icon-colon:before{content:'\0042';}
.icon-heart:before{content:'\0043';}
.icon-triangle:before{content:'\0044';}
.icon-e:before	{	content:"E";}	/*bar(Font-Awesome)*/
.icon-f:before	{	content:"F";}	/*circle(Broccolidry)*/
.icon-g:before	{	content:"G";}	/*batsu(Broccolidry)*/
.icon-h:before	{	content:"H";}	/*infomark(Broccolidry)*/
.icon-i:before	{	content:"I";}	/*下矢印(Font-Awesome)*/
.icon-j:before	{	content:"J";}	/*左矢印(Font-Awesome)*/
.icon-k:before	{	content:"K";}	/*右矢印(Font-Awesome)*/
.icon-l:before	{	content:"L";}	/*上矢印(Font-Awesome)*/
.icon-m:before	{	content:"M";color:#E5F6F5;}	/*下矢印2(Font-Awesome)*/
.icon-n:before	{	content:"N";color:#E5F6F5;}	/*上矢印2(Font-Awesome)*/



/* Default
========================================== */
*		{	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html	{	background:#fff; height:100%;}
body	{	color:#303030; line-height:1;
			-webkit-font-smoothing: antialiased;
			font-size:62.5%; /* font-size 1em = 10px */
			font-family:sans-serif;
			position:relative;
			height:100%;
			background:#fff;
			-webkit-text-size-adjust: 100%;}


	/* Text Module
	---------------------------------------- */
	.fs16	{	font-size:1.6em; line-height:1.5;}



	/* Hypertext Module
	---------------------------------------- */
	a	{	display:block;}
	a:link, a:visited, a:hover, a:active		{	text-decoration:none; color:#000000;	}


	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top; font-size:0; line-height:0; width:100%; height:auto;}


	/* Float
	----------------------------------------*/
	.clearfix:after	{	content:""; clear:both; display:block; height:0;}

	.wrapper		{	overflow:hidden;}
	.wrapper:after	{	content: ".";clear: both;display: block;height: 0;line-height: 0;visibility: hidden;}


/* Content Base
========================================== */
#wrapper	{	background:#fff; font-size:1em; width:100%; height:100%; position:relative;}


	/* header(login)
	---------------------------------------- */
	header			{	width:94%; display:table; margin:0 auto;}
	header h1,
	header a		{	display:table-cell; vertical-align:middle; padding:1.5% 0;}
	header h1		{	width:90.3%; }
	header h1 img	{	max-width:304px; width:60%;}
	header a		{	width:9.7%; text-align:right;}
	header a i		{	font-size:2.8em; color:#007970;}
	header p		{	display:table-cell; vertical-align:middle; padding:5% 0 3% 0;}
/*
	header h1		{	width:72%; }
*/
	header p		{	width:28%;}
	header p button	{	width:100%; height:100%; border:1px solid #066999; color:#fff; font-weight:bold; font-size:1.6em; padding:0 5px; white-space:nowrap;
						border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
						background: rgb(8,148,214);
						background: -moz-linear-gradient(top,  rgba(8,148,214,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(5,125,194,1) 100%);
						background: -webkit-linear-gradient(top,  rgba(8,148,214,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(5,125,194,1) 100%);
						background: linear-gradient(to bottom,  rgba(8,148,214,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(5,125,194,1) 100%);}


	/* Content color Box
	---------------------------------------- */
	.blueW94			{	width:94%; margin:0 auto; background:#1498d5; color:#fff; padding:3% 2%;}
	.blueW94 .inWt		{	margin:0 auto; background:#fff; color:#000; padding:1.76%;}
	.sBlueW100			{	background:#63bae3; padding:4.6% 6%;}


	/* Member Name
	----------------------------------------*/
	#hello				{	text-align:center; padding-bottom:3.3%; line-height:1.3; color:#fff;}
	#hello span			{	display:inline-block; font-size:1.4em; font-weight:normal;}
	#hello strong		{	display:inline-block; font-size:2.5em; padding:0 5px;}


	/* Footer
	---------------------------------------- */
	footer			{	padding:5% 0 3% 0;}
	footer a		{	margin:0 auto 5%; width:94%;}
	footer p		{	text-align:center; font-size:1.4em;}

	footer p#logoutBtn		{	text-align:right; width:94%; margin:0 auto;}
	footer p#logoutBtn a	{	display:inline-block; width:auto; border:1px solid #066999; color:#fff; font-weight:bold;
								font-size:1.4em; padding:14px 20px; white-space:nowrap;
								border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
								background: rgb(8,148,214);
								background: -moz-linear-gradient(top,  rgba(8,148,214,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(5,125,194,1) 100%);
								background: -webkit-linear-gradient(top,  rgba(8,148,214,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(5,125,194,1) 100%);
								background: linear-gradient(to bottom,  rgba(8,148,214,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(5,125,194,1) 100%);}
	footer p:last-child		{	text-align:center; font-size:1.4em;}

/* Content Parts
========================================== */



	/* title
	----------------------------------------*/
	.ttlWt			{	font-size:2em; font-weight:bold; display:block; color:#fff; margin-top:3%;}
	.ttlWt:before	{	color:#76d6ff; font-size:0.800em;
						content:'\0042';
						display:inline-block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
						-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

	.ttlBl			{	font-size:2em; font-weight:bold; display:block; color:#005a85; margin-top:3%;}
	.ttlBl:before	{	color:#76d6ff; font-size:0.800em;
						content:'\0042';
						display:inline-block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
						-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

	.ttlSbl			{	background:#4eacd9; color:#fff; font-size:2.4em; padding:3.5%;
						border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}



	/* formParts
	----------------------------------------*/
	input[type="text"]		{	width:100%; font-size:2em; padding:5px; margin:5px 0;
								border:1px solid #000;
								border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
								box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;
								-webkit-box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;
								-moz-box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;}

	input[type="password"]	{	width:100%; font-size:2em; padding:5px; margin:5px 0;
								border:1px solid #000;
								border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
								box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;
								-webkit-box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;
								-moz-box-shadow:rgba(202, 202, 202, 0.65098) -1px 0px 6px -1px inset;}

	/* btns, listBtns
	----------------------------------------*/
	ul.btnList			{	width:100%;}
	ul.btnList li		{	font-size:1.6em; font-weight:bold; margin-bottom:3%;}
	ul.btnList li a		{	padding:0.8em 10% 0.8em 5%; text-align:center; position:relative; border:1px solid #549ec1;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
							background: rgb(255,255,255);
							background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
							background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
							background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}
	ul.btnList li a:after
						{	content:'\0041'; color:#057eb7; position:absolute; top:50%; right:3%; margin-top:-0.5em;
							display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
							-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


	.ywBtn 				{	width:100%; margin:0 auto; background:#60b0d2; padding:5px; margin-top:3%;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
	.ywBtn button		{	display:block; width:100%; padding:0.7em 0; font-size:2em; font-weight:bold;
							border:2px solid #005279;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
							background: rgb(255,232,174);
							background: -moz-linear-gradient(top,  rgba(255,232,174,1) 0%, rgba(251,195,60,1) 50%, rgba(194,148,41,1) 100%);
							background: -webkit-linear-gradient(top,  rgba(255,232,174,1) 0%,rgba(251,195,60,1) 50%,rgba(194,148,41,1) 100%);
							background: linear-gradient(to bottom,  rgba(255,232,174,1) 0%,rgba(251,195,60,1) 50%,rgba(194,148,41,1) 100%);}


	.wtBtn				{	font-size:1.7em; font-weight:bold;
							padding:0.8em 0; text-align:center; position:relative; border:1px solid #cfcfcf;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
							background: rgb(255,255,255);
							background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
							background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
							background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}
	.wtBtn:before		{	content:'\0044'; color:#057eb7; position:absolute; top:50%; left:3%; margin-top:-0.5em;
							display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
							-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


	.blBtn				{	font-size:1.7em; font-weight:bold;
							padding:0.8em 0; text-align:center; position:relative; border:1px solid #066999;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
							background: rgb(10,148,214);
							background: -moz-linear-gradient(top,  rgba(10,148,214,1) 0%, rgba(10,148,214,1) 50%, rgba(6,127,196,1) 51%, rgba(6,127,196,1) 100%);
							background: -webkit-linear-gradient(top,  rgba(10,148,214,1) 0%,rgba(10,148,214,1) 50%,rgba(6,127,196,1) 51%,rgba(6,127,196,1) 100%);
							background: linear-gradient(to bottom,  rgba(10,148,214,1) 0%,rgba(10,148,214,1) 50%,rgba(6,127,196,1) 51%,rgba(6,127,196,1) 100%);}
	.blBtn:after		{	content:'\0041'; color:#fff; position:absolute; top:50%; right:3%; margin-top:-0.5em;
							display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
							-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
	.blBtn:link, .blBtn:visited, .blBtn:hover, .blBtn:active
						{	color:#fff;	}


	ul.dotTextBtn 		{	margin:0 0 5% 5%;}
	ul.dotTextBtn li	{	border-bottom:1px dotted #000; padding:3% 0; font-size:2em; line-height:1.2;}
	ul.dotTextBtn li a:link, ul.dotTextBtn li a:visited, ul.dotTextBtn li a:hover, ul.dotTextBtn li a:active
						{	color:#007970;	}

	ul.colorList		{	width:100%; padding-bottom:3%; color:#fff; margin-top:5%;}
	ul.colorList li		{	font-weight:bold; border-bottom:1px solid #fff;}
	ul.colorList li:first-child	{	padding:0.8em 10%; text-align:center; font-size:2.4em;
									background-position:3% center; background-repeat:no-repeat;
									background-size:auto 60%; -webkit-background-size:auto 60%; -moz-background-size:auto 60%;}
	ul.colorList li a	{	padding:0.8em 5%; text-align:center; position:relative;
							font-size:2em;
							box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;
							-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;
							-moz-box-shadow:rgba(0, 0, 0, 0.15) 0 8px 12px -8px inset;}
	ul.colorList li a:after
						{	content:'\0041'; position:absolute; top:50%; right:5%; margin-top:-0.5em;
							display:block; font-family:'Glyphter'; font-style:normal; font-weight:normal; line-height:1;
							-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
	ul.colorList li a:link, ul.colorList li a:visited, ul.colorList li a:hover, ul.colorList li a:active
						{	color:#000;	}

		ul.colorList.colBL					{	background:#0090d5;}
		ul.colorList.colBL li:first-child	{	background-image:url(../images/icon01.png);}
		ul.colorList.colBL a				{	background:#2ab0f0;}
		ul.colorList.colBL li a:after		{	color:#005983;}

		ul.colorList.colGR					{	background:#759e13;}
		ul.colorList.colGR li:first-child	{	background-image:url(../images/icon02.png);}
		ul.colorList.colGR a				{	background:#9ec640;}
		ul.colorList.colGR li a:after		{	color:#425d00;}

		ul.colorList.colYW					{	background:#f1841f;}
		ul.colorList.colYW li:first-child	{	background-image:url(../images/icon03.png);}
		ul.colorList.colYW a				{	background:#ffac60;}
		ul.colorList.colYW li a:after		{	color:#e06c00;}


/* Blank adjustment
========================================== */
.mT0	{	margin-top:0!important;}
.mB3	{	margin-bottom:3%!important;}
.mB0	{	margin-bottom:0!important;}


/* PHCMSC 追記スタイルここから↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
/* 共通レイアウト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wsCotentsArea {
	font-family:Helvetica, HiraKakuProN-W3, sans-serif;
	font-size:14px;
	color:#232323;
	overflow:hidden;
	-webkit-text-size-adjust:none !important;
}

#wsCotentsArea {
	margin:0 auto;
	padding:10px 0 0 0;
}

.wsCotentsAreaInner {
/* max-width:800px ⇒ 750pxに変更。タブレットの横向き表示で、健康スコアがPCモードになってしまうため
	max-width:800px; */
	max-width:750px;
	margin:0 auto;
}

#wsCotentsArea p{
	line-height:150%;
}

.descriptionArea {
	font-size: 14px;
	margin: 0 10px 10px 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E5F6F5));
	background: -moz-linear-gradient(top, #fff, #E5F6F5);
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgb(255,255,255);
}

.titleArea {
	font-weight: bold;
	font-size: 14px;
	margin: 0 10px 1px 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px 5px 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cde9f5));
	background: -moz-linear-gradient(top, #fff, #cde9f5);
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgb(255,255,255);
}

/* ----------------------------------------
 利用規約 */
.userPolicyArea {
	margin:0 10px 10px 10px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 0 0 5px 5px;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
}

div.termsSection {
	border:1px solid #cacaca;
	border-top:none;
	overflow:scroll;
	overflow-x : hidden;
	background:#fbfbfb url("../images/terms_bg.png") repeat-x;
}

div.termsInside {
	max-height:150px;
	padding:10px 15px 10px 10px;
	font-size:95%;
	line-height:1.6;
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 1px rgb(255,255,255);
}

/* ----------------------------------------
 注意(エラー表示)エリア */
.warningArea,
.warningAreaMLR5 {
	font-size:14px;
	margin:0 10px 10px 10px;
	padding:10px 5px 10px 35px;
	border: 1px solid #efb130;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#f8f3c8 url(../images/icon-warning-s.png) no-repeat 5px 5px;
	-moz-background-size:25px 25px;
	-webkit-background-size:25px 25px;
	background-size:25px 25px;
}

.warningAreaMLR5 {
	margin:0 5px 10px 5px;
}
/* ----------------------------------------
ページタイトル */
.pageTitle {
	margin-bottom:15px;
	border-bottom:1px solid #7db1de;

	background: #E5F6F5;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.pageTitle span {
	font-size:17px;
	font-weight: bold;
	text-align:center;
	border-bottom:1px solid rgba(255, 255, 255, 0.5);
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:12px 0;
	height:40px;
}

/* ----------------------------------------
 ページ最下部 */
#bottomPageTop {

	width:100%;
	height:40px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #cfcfcf;
	background: -moz-linear-gradient(top,  rgb(180,180,180) 0%, rgb(219,219,219) 15%, rgb(219,219,219) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(180,180,180)), color-stop(15%,rgb(219,219,219)), color-stop(100%,rgb(219,219,219)));
	background: -webkit-linear-gradient(top,  rgb(180,180,180) 0%,rgb(219,219,219) 15%,rgb(219,219,219) 100%);
	background: linear-gradient(top,  rgb(180,180,180) 0%,rgb(219,219,219) 15%,rgb(219,219,219) 100%);
}

/* ----------------------------------------
 フロート */
.fLeft{float:left;}
.fRight{float:right;}
.clrB{clear:both;}

/* ----------------------------------------
 幅調整 */
.w100Per{width:100%;}
.w50Per{width:50%;}
.w20pix{width:20px !important;}
.w30pix{width:30px !important;}
.w40pix{width:40px !important;}
.w50pix{width:50px !important;}
.w60pix{width:60px !important;}
.w70pix{width:70px !important;}
.w80pix{width:80px !important;}
.w90pix{width:90px !important;}
.w100pix{width:100px !important;}
.w110pix{width:110px !important;}
.w120pix{width:120px !important;}
.w130pix{width:130px !important;}
.w150pix{width:150px !important;}

/* ----------------------------------------
 余白調整 */
.m0  { margin: 0px !important;}
.m5  { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m20 { margin: 20px !important;}
.ml5  { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.mr5  { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr20 { margin-right: 20px !important;}
.mt5  { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}

.border-red	{  }
.radius7	{ border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; }


/* ----------------------------------------
 テキストカラー */
.taBlue01 {color:#006dc1 !important;}
.taRed01 {color:#ff0000 !important;}
.taOrange01 {color:#ff5400 !important;}
.taGreen01 {color:#3a9100 !important;}

/* ----------------------------------------
 テキスト位置 */
.taCenter {text-align:center !important; word-break:break-all;}
.taLeft {text-align:left !important; word-break:break-all;}
.taRight {text-align:right !important; word-break:break-all;}
.vaMiddle {vertical-align:middle !important;}
.vaTop {vertical-align:top !important;}

/* ----------------------------------------
 テキスト・パスワード */
textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="date-local"],
input[type="email"] {
	font-size:16px;
	padding:8px 5px 8px 5px;
	margin:2px 0 10px 0;
	width: 100%;
	border: 1px solid #9d9d9d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	vertical-align:middle;
}

input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="url"]:disabled,
input[type="date"]:disabled,
input[type="email"]:disabled,
input[type="date-local"]:disabled {
	background-color:#d3d3d3;
	background-image:none;
}

input[type="date"].testDate {
	font-size:10px;
	padding:0;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select {
	font-size: 1em;
}

/* 2020/09/03 SA.Amagasa ADD Start */
select.forUserInfo {
	font-size:16px;
	padding:8px 5px 8px 5px;
	margin:2px 0 10px 0;
	width: 100%;
	border: 1px solid #9d9d9d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
/*	-webkit-appearance: none;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ffffff;
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	vertical-align:middle;
}
/* 2020/09/03 SA.Amagasa ADD End */

/* ----------------------------------------
 コンテンツナビゲーション */
.contentNav {
	list-style:none;
	margin:0 10px 10px 10px;
	height:30px;
}

.contentNav:after{
	width:100%;
	display:block;
	clear:both;
	height:0;
	content: "";
}

.contentNav li {
	display:block;
	height:30px;
	overflow:hidden;
}

.contentNav li.contentNavBack {
	width:61px;
	float:left;
}

.contentNav li.contentNavHome {
	width:70px;
	float:right;
	margin-right:5px;
}

.contentNav li.contentNavMenu {
	width:135px;
	float:right;
}

.navBack {
	width:61px;
	height:30px;
}

.navMenu {
	width:135px;
	height:30px;
}

.navHome {
	width:70px;
	height:30px;
}

/* ----------------------------------------
コンテンツパネル */
.contentPanel {
	margin:0 10px 10px 10px;
	padding:10px 0 10px 0;
	min-height:100px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgb(254,255,255);
	background: -moz-linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%, rgb(185,221,255) 70%, rgb(185,221,255) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,255,255)),color-stop(20%,rgb(254,255,255)), color-stop(70%,rgb(185,221,255)), color-stop(100%,rgb(185,221,255)));
	background: -webkit-linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%,rgb(185,221,255) 70%,rgb(185,221,255) 100%);
	background: linear-gradient(top,  rgb(254,255,255) 0%,rgb(254,255,255) 20%,rgb(185,221,255) 70%,rgb(185,221,255) 100%);
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.2);
}

body .contentPanel{
	background: #ffffff;
}

.contentInner {
	margin:0 5px 0 5px;
}

/* ----------------------------------------
タイトル */
.style01Title {
	background: #E5F6F5;
	border: 1px solid #bfbfbf;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.style01Title span {
	border: 1px solid #fff;
	background:url(../images/style01-title.png) no-repeat 4px 3px;
	-moz-background-size:8px 26px;
	-webkit-background-size:8px 26px;
	background-size:8px 26px;
	font-size:16px;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	color:#007970;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	padding:8px 8px 8px 16px;
}

.style02Title {
	padding:5px 5px;
	margin-bottom:10px;
	border:2px solid #00A196;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#E5F6F5;
	text-shadow: 1px 1px 1px rgb(255,255,255);
}

.style02Title span{
	padding:3px 0 2px 5px;
	font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	border-left:3px solid #007970;
	color:#007970;
}

/* ----------------------------------------
 ボタン */
p.submitLoginBtn
{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e1ad1c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: rgb(254,231,164);
	background: -moz-linear-gradient(top,  rgb(254,231,164) 0%, rgb(255,228,157) 50%, rgb(254,220,130) 51%, rgb(254,216,115) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,231,164)), color-stop(50%,rgb(255,228,157)), color-stop(51%,rgb(254,220,130)), color-stop(100%,rgb(254,216,115)));
	background: -webkit-linear-gradient(top,  rgb(254,231,164) 0%,rgb(255,228,157) 50%,rgb(254,220,130) 51%,rgb(254,216,115) 100%);
	background: linear-gradient(to bottom,  rgb(254,231,164) 0%,rgb(255,228,157) 50%,rgb(254,220,130) 51%,rgb(254,216,115) 100%);
	word-break: break-all;
}

p.submitLoginBtnWhite
{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #FFFFFF;
	word-break: break-all;
}

p.submitLoginBtn input[type="submit"],
p.submitLoginBtn input[type="button"] {
	padding: 6px;
	background:url(../images/icon-arrow-yellow.png) no-repeat right 50%;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	border: 1px solid rgba(255,255,255,0.6);
	color: #404040;
}

p.submitLoginBtn input[type="submit"].mail,
p.submitLoginBtn input[type="button"].mail,
p.submitLoginBtn a.mail {
	display: block;
	padding: 8px 8px 8px 48px;
	background:url(../images/icon-mail.png) no-repeat 1em 50%;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	border: 1px solid rgba(255,255,255,0.6);
	text-align: center;
	font-weight: bold;
	color: #404040;
}

p.submitLoginBtn input[type="submit"].tel,
p.submitLoginBtn input[type="button"].tel,
p.submitLoginBtn a.tel {
	display: block;
	padding: 8px;
	background:url(../images/icon-tel.png) no-repeat 1em 50%;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	border: 1px solid rgba(255,255,255,0.6);
	text-align: center;
	font-weight: bold;
	color: #404040;
}

p.submitLoginBtnWhite a.prev {
	padding: 8px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-weight: bold;
}

p.submitLoginBtn a.next {
	padding: 8px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	border: 1px solid rgba(255,255,255,0.6);
	text-align: center;
	font-weight: bold;
}

.agreementL {
	margin: 0 10px 10px 10px;
	width:40% !important;
	float:left;
}
.agreementR {
	margin: 0 10px 10px 10px;
	width:40% !important;
	float:right;
}

/* ----------------------------------------
 「遷移ボタン」 */
.basicBtn {
	width:100%;
	text-shadow: 1px 1px 1px rgb(255,255,255);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9d9d9d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ffffff;
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	/*-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);*/
}

/* ----------------------------------------
 送信ボタン */
input[type="submit"],
input[type="button"] {
	cursor: pointer;
	font-size:16px;
	font-weight:bold;
	color:#303030;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	width:100%;
	height:100%;
	-webkit-appearance: none;
	border: 1px solid rgba(255,255,255,0.6);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* ----------------------------------------
 ボタン囲み罫「青」 */
.blueOutline {
	background: rgb(102,178,214);
	background: -moz-linear-gradient(top,  #44C4B9 0%, #40B9B0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44C4B9), color-stop(100%,#40B9B0));
	background: -webkit-linear-gradient(top,  #44C4B9 0% #40B9B0 100%);
	background: linear-gradient(to bottom,  #44C4B9 0%,#40B9B0 100%);
	padding:5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.backBtn {
	background-color:#ffffff;
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
}

.backBtn a,
.backBtn input {
	background: url(../images/icon-arrow-l.png)  left 50% no-repeat;
	-moz-background-size:30px 30px,30px 30px !important;
	-webkit-background-size:30px 30px,30px 30px !important;
	background-size:30px 30px,30px 30px !important;
	text-align: center;
	font-weight: bold;
}

.backBtn input {
	padding: 6px;
}

.nextBtn {
	background-color:#ffffff;
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	background: linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	border: 1px solid #9d9d9d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.nextBtn a,
.nextBtn input {
	padding: 6px;
	background: url(../images/icon-arrow.png)  right 50% no-repeat;
	-moz-background-size:30px 30px,30px 30px !important;
	-webkit-background-size:30px 30px,30px 30px !important;
	background-size:30px 30px,30px 30px !important;
	border: 1px solid #e1ad1c;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
}

p.passBtn
{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #9d9d9d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ffffff;
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(232,232,232) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(232,232,232)));
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(232,232,232) 100%);
}

p.passBtn a
{
	font-size:16px;
	font-weight:bold;
	color:#303030;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	text-align: center;
	width:100%;
	height:100%;
	display:block;
	padding: 7px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.arrowBtn a{
	background:url(../images/icon-arrow.png) no-repeat right 50%;
	-moz-background-size:30px 30px,30px 30px !important;
	-webkit-background-size:30px 30px,30px 30px !important;
	background-size:30px 30px,30px 30px !important;
}

/* ----------------------------------------
 ボタン内テキスト */
a.textBtn,
span.textBtn
{
	color:#303030;
	height:100%;
	display:block;
	padding: 10px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* ----------------------------------------
 エラーリスト */
ul.errorlist
{
	margin:10px 0 10px 0;
	color:#d20000 !important;
}
ul.errorlist li
{
	margin-bottom:5px;
	padding-left:10px;
	background:url("../images/error_list_dot.png") no-repeat 0 0.45em;
	line-height:1.2;
	letter-spacing:0em !important;
	font-weight:bold;
}

/* ----------------------------------------
 クイックメニュー */
#quickMenuwrap {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:0;
	left:0;
	display:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:40px 10px 10px 10px;
	z-index:10;
}

#menuopen {
	max-width:780px;
	margin-left:auto;
	margin-right:auto;
	background-color: #f8f8f8;
	border:1px solid #475e68;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.quickMenuArea {
	min-height:200px;
	padding:10px;
	position:relative;
}

#menuopen #closeBtn {
	width:30px;
	height:30px;
	margin-left:-35px;
	position:absolute;
	top:5px;
	left:100%;
}

#menuopen #addcookingAreaClose {
	display:block;
}

#menuopen #closeBtn img {
	width: 30px;
	height: 30px;
}


#quickMenuwrap {
	display: none;
}

.quickMenuArea {
	max-width: 800px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.quickMenuArea h1 {
	max-width: 470px;
	margin: 0 auto;
	padding: 5px 30px;
	background: url(../images/icon-menu.png) 0 50% no-repeat;
	-moz-background-size: 30px 30px;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
	color: #005ca3;
	font-weight: bold;
	font-size: 16px;
}

.quickMenuArea nav {
	max-width: 470px;
	margin: 0 auto;
}

.quickMenuArea ul {
	width: 90%;
	margin: 0 auto;

	overflow: hidden;
}

.quickMenuArea ul li {
	display: inline-block;
	width: 67px;
	height: 94px;
	font-size: 0.8em;
	text-align: center;
	vertical-align: top;
	letter-spacing: -1px;
}

.quickMenuArea ul li a {
	display: table-cell;
	width: 67px;
	height: 67px;
	background: url(../images/quick-menu-bg.png) 50% 50% no-repeat;
	-moz-background-size: 62px 62px;
	-webkit-background-size: 62px 62px;
	background-size: 62px 62px;
	vertical-align: middle;
}

nav.msgNav div {
/*	margin-right: 3px;
*/
	width:100%;
	text-align:center;
	vertical-align: middle;
	margin-bottom: 2px;
	padding: 5px 0;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-ms-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-ms-border-top-right-radius: 3px;
}
nav.msgNav div.onTab {
	background-color:#2c94D5;
	color:#FFFFFF;
	font-weight: bold;
	border: 1px solid #A7E1FC;
	border-bottom: none;
}
nav.msgNav div.offTab,
nav.msgNav div.disTab {
	background-color:#F7F7F7;
	color:#808080;
	font-weight: bold;
	border: 1px solid #CACACA;
	border-bottom: none;
}
nav.msgNav div.offTab a {
	color:#1371B9;
}
/*
#infoMsg {
	margin: 0;
	min-height: 40px;
	padding: 5px 10px 5px 45px;
	width: 100%;
	text-align: left;
	border: 1px solid #a9c3ce;
	background: #e8f9ff url(../images/icon_info.png) no-repeat 5px 5px;
}
#errorMsg {
	margin: 0;
	min-height: 40px;
	padding: 5px 10px 5px 45px;
	width: 100%;
	text-align: left;
	border: 1px solid #e3d076;
	background: #fff7d0 url(../images/icon_error.png) no-repeat 5px 5px;
}
*/
/*リスト
----------------------------------------------------------------------*/
ul.normalList li
{
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

ol.numberList
{
	padding-left:2em;

}
ol.numberList li
{
	list-style-type:decimal;
	padding-bottom:1em;
	line-height:1.5em;

}


/*インフォメーションメッセージ
======================================================================*/
p.infoMsg
{
	background:#e8f9ff url("../images/icon_info.png") no-repeat 5px 5px;
	border:1px solid #a9c3ce;
	padding:14px 10px 12px 45px;
	margin-bottom:10px;
	line-height:1;
}

/*エラー表示
======================================================================*/
ul.errorlist
{
	margin:10px 0 10px 0;
	color:#d20000 !important;
}
ul.errorlist li
{
	margin-bottom:5px;
	padding-left:10px;
	background:url("../images/error_list_dot.png") no-repeat 0 0.45em;
	line-height:1.1;
	letter-spacing:0em !important;
	font-weight:bold;
}

/* ----------------------------------------
 タブ列 */

.tabNcolumn
{
	list-style:none;
}
.tabNcolumn li
{
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tabNcolumn:after
{
	content: "";
	width:100%;
	display:block;
	clear:both;
	height:0;
	overflow:hidden;

}

.tabNcolumn li a ,
.tabNcolumn li p
{
	display:block;
	border-top:1px solid #7db1de;
	border-left:1px solid #7db1de;
	border-right:1px solid #7db1de;

	height:100%;

	color:#343434;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;

	background: #EBF8FE;
	background: -moz-linear-gradient(top, rgba(240, 249, 255, 1) 0%, rgba(183, 225, 245, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240, 249, 255, 1)), color-stop(100%,rgba(183, 225, 245, 1)));
	background: -webkit-linear-gradient(top, rgba(240, 249, 255, 1) 0%,rgba(183, 225, 245, 1) 100%);
	background: linear-gradient(top, rgba(240, 249, 255, 1) 0%,rgba(183, 225, 245, 1) 100%);
	text-shadow: 1px 1px 1px rgb(255,255,255);
}

.tabNcolumn li p
{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;

	background: #eee;
	background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(183, 183, 183, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240, 240, 240, 1)), color-stop(100%,rgba(183, 183, 183, 1)));
	background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%,rgba(183, 183, 183, 1) 100%);
	background: linear-gradient(top, rgba(240, 240, 240, 1) 0%,rgba(183, 183, 183, 1) 100%);
}

.tabNcolumn li.leftTab
{
	float:left;
	padding-left:10px;
	padding-right:2px;
}
.tabNcolumn li.rightTab
{
	float:right;
	padding-left:2px;
	padding-right:10px;
}

.tabNcolumn li span
{

	font-weight:bold;
	font-size:14px;

	padding:11px 0 11px 0;
	display:block;
	height:100%;
	text-align:center;

}

/* ----------------------------------------
 タブアクティブ */

.tabNcolumn li a.tabActive
{
	color:#ffffff;

	border-top:1px solid #2875da;
	border-left:1px solid #2875da;
	border-right:1px solid #2875da;


	text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
	background: rgb(117,176,231);
	background: -moz-linear-gradient(top,  rgba(117,176,231,1) 0%, rgba(40,117,218,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,176,231,1)), color-stop(100%,rgba(40,117,218,1)));
	background: -webkit-linear-gradient(top,  rgba(117,176,231,1) 0%,rgba(40,117,218,1) 100%);
	background: linear-gradient(top,  rgba(117,176,231,1) 0%,rgba(40,117,218,1) 100%);

}

/* ----------------------------------------
 タブブルーライン */

.lineTabBottom{

	height:4px;
	background:#2875da;
}
.lineTabBottom hr{
	display:none;
}

.requiredMark
{
	color:#ff0000;
}
.titleLabel
{
	font-size:16px;
	font-weight:bold;
}

/* bootstrap.css からのコピー（必要部分のみ）
----------------------------------------------------------------------*/

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-danger {
  color: #fff;
  background-color: #ff8237;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #ff8237;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-clear {
	color: #fff;
	background-color: #1E90FF;
}
.badge-disable {
	color: #fff;
	background-color: #666666;
}
	
@keyframes blink {
	75% { opacity: 0.0; }
}

@-webkit-keyframes blink {
	75% { opacity: 0.0; }
}

span.badge-blink {
	animation: blink 1s step-end infinite;
	-webkit-animation: blink 1s step-end infinite;
}
/* add end*/

/* 99-23.文の改行
──────────────────── */
.wordBreakAll {
	word-break: break-all;
	word-wrap: break-word;
}