@charset "UTF-8";

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

  “Index” CSS

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


/* header
========================================== */
header		{	width:100%; display:block;}
header h1	{	display:block; padding:0; width:100%; }
header h1 img	{	max-width:640px; width:100%; margin:0 auto;}





/* Login
========================================== */
.blueW94			{	width:94%; margin:0 auto; background:#00A196; color:#fff; padding:3% 2%;}
.blueW94 .inWt		{	margin:0 auto; background:#fff; color:#000; padding:1.76%;}


.ttlWt			{	font-size:2em; font-weight:bold; display:block; color:#fff; margin-top:3%;}
.ttlWt:before	{	color:#E5F6F5; 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;}

#login input[type="text"], input[type="password"], input[type="number"]
						{	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;}
#login dt:first-child .ttlWt
						{	margin-top:0;}
#login dd 				{	padding:0 2% 0;}
#login dd img			{	width:260px; margin:10px auto; display:block;}
#login dd p				{	font-size:1.4em;}
#login dd a				{	padding:1em 0; text-align:center;}
#login dd a:link, #login dd a:visited, #login dd a:hover, #login dd a:active
						{	text-decoration:underline; color:#fff;	}

#login .ywBtn 			{	width:96%; margin:0 auto; background:#007970; padding:5px; margin-top:3%;
							border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}
#login .ywBtn button	{	display:block; width:100%; padding:0.7em 0; font-size:2em; font-weight:bold;
							border:2px solid #007970;
							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%);}


#login .keep			{	text-align:center; padding:4% 0 0;}
#login .keep label		{	font-size:1.7em;}
#login .keep input[type="checkbox"]	{	width:1.6em; height:1.6em;}


/* Information
========================================== */
#info	{	border:1px solid #ccc; width:94%; margin:0 auto 10px;
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#info h2{	background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
			color:#007970; padding:5px; font-size:1.6em;
			border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
#info h2 i.icon-h	{	margin-right:3px;}
#info dl	{	font-size:1.5em; }
#info dt	{	border-top:1px solid #ccc; padding:5px; color:#00A196; font-weight:bold;}
#info dd	{	padding:0 5px 5px;}



/* listBtns
========================================== */
.sBlueW100			{	background:#00A196; padding:4.6% 6%;}
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:#00A196; 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;}



/* Spec
========================================== */
#spec	{	background: rgb(255,255,255);
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
			border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
			width:94%; margin:10px auto 0; border:1px solid #ccc;}
#spec h2	{	border-bottom:1px solid #ccc; padding:5px; font-size:1.6em;}
#spec p		{	font-size:1.4em; line-height:1.3; padding:10px;}


/* Trademarks
========================================== */
#trademarks	{	background: rgb(255,255,255);
				background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
				background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
				background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
				border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
				width:94%; margin:10px auto 0; border:1px solid #ccc;}
#trademarks h2	{	border-bottom:1px solid #ccc; padding:5px; font-size:1.6em;}
#trademarks ul	{	margin:10px 10px 10px 20px;}
#trademarks p	{	font-size:1.4em; line-height:1.3; text-indent:-1em;}