/*

ベース配色角度 USS 240度

1920px （2,000px を標準の幅とする ※2,000px = 180 x 1.618^5 ※FullHD の1920にも近い）

（旧仕様）1000px-180px(SideMenu)=820px(Main領域) 820-32(margin)-32(margin)-10(scrollbars)=746⇒756pxをテーブル等の標準の幅にすべき

[YELLOW]
60-100-94 #F0F000
60-15-100 #FFFFD9

[Blue]
#E8E8FF 240-9-100 ← #E5E5FF
#0000F0 240-100-94 ← #0000F2
#0000cc 240-100-80 ※Homepage BaseColor
#3636b3 240-70-70 ※Homepage Base(Alternate)Color

#1d1dc2 240-85-76 ※BaseColor (Original) ※Homepage BaseColor の中間の黄金比色
#0000e8 240-100-91
#e8e8ff 240-9-100

[Original Blue]※210度がベースカラー
#0036d9 225-100-85 ※Original Blue
#00289e 225-100-62 ※Original Blue

[Original Red]
#d90036 345-100-85

[BlueGreen]
#6cbed9 195-50-85 ※リンク色
#09789E 195-94-62

[Red]
hsl(345, 100%, 43%) #d90036
hsl(345, 100%, 24%) #7a001f ※darkred
*/
a{
	/*color: rgb(38%,38%,38%);*/
	text-decoration: none;
}
a:visited{
	/*color: rgb(38%,38%,38%);*/
}
a:hover{
	color: #6cbed9;
	text-decoration: underline;
}
.background-color-gray{
	background-color: rgb(85%,85%,85%);
}
.background-color-lightgray{
	background-color: rgb(94%,94%,94%);
}
.background-yellow {
	background: hsl(60, 100%, 76%);
}
.block-info{
	border: solid 1px rgb(91%,91%,91%);
	line-height: 185%;
	margin-top:28px;
	padding:36px;
	text-align: left;
	width:764px;/*2,000pxの黄金比*/
	
	/*角を丸くする*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.block-info.image{
	border-color: #ffffff;
	padding: 0;
}
.block-info.image:hover{
	border-color: #d42839;
}
.block-info img.info-banner{
	width:762px;/*764px - 1px - 1px*/
}
.block-info a{
	/*text-decoration: underline;*/
}
.block-info a:hover{
	color: #6cbed9;
	/*text-decoration: none;*/
}
.block-info img.pdf{
	margin-right: 12px;
	position: relative;
	top:-3px;
	vertical-align:middle;
	width: 16px;
}
.block-message{
	border: solid 1px rgb(85%,85%,85%);
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ',Meiryo;
	padding: 112px 0;
	width:764px;/*2,000pxの黄金比*/
	
	/*角を丸くする*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.blue{color: #0000ff;}
.bluegreen{
	color: #09789E;
	text-decoration: none;
}
.bluegreen:visited{
	color: #09789E;
}
.bluegreen:hover{
	text-decoration: underline;
}
body{
	color: rgb(24%,24%,24%);
	font-family:'Microsoft Sans Serif','ＭＳ Ｐゴシック','MS UI GOTHIC','Verdana';
	font-size: 13.5px;
}
.border-style-none{
	border-style: none;
}
.break{
	margin-bottom: 6px;
}
.btnGrad {
	border-color: rgb(91%,91%,91%) rgb(85%,85%,85%) rgb(76%,76%,76%) rgb(91%,91%,91%);
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 12%);
	color: rgb(24%,24%,24%);
	cursor: pointer;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-align: center;
	text-decoration: none;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(rgb(88%,88%,88%)));
	background: -moz-linear-gradient(top, #ffffff, rgb(88%,88%,88%));
	background: -ms-linear-gradient(top, #fff, rgb(88%,88%,88%));
}
.btnGrad:hover {
	border-color: hsl(0, 0%, 85%) hsl(0, 0%, 76%) hsl(0, 0%, 62%) hsl(0, 0%, 85%);
	box-shadow: 0 12px 12px -6px rgba(64, 64, 64, 15%);
	color: hsl(0, 0%, 15%);
	position: relative;
	top: -1px;
}
.btnSubmit {
	/*background-image: url('/images/USS/Save.gif');
	background-position:8px 50%;
	background-repeat: no-repeat;
	border-width: 1px;
	padding-left: 16px;*/
	height:44px;
	margin: 6px 1px 0 1px;
	width: 170px;
}
.cursor-pointer {
	cursor: pointer;
}
.darkred {
	color: #7a001f;
}

.font-weight-bold {
	font-weight: bold;
}

h3{
	color: rgb(15%,15%,15%);
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ',Meiryo;
	font-size: 138%;
	margin: 0;
}
h3 a{
	color: rgb(15%,15%,15%);
}
h3 a:visited{
	color: rgb(15%,15%,15%);
}
h4{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ',Meiryo;
	padding:8px 16px;
}

h5.help {
	color: rgb(15%,15%,15%);
	font-size: 162%;
}

h6.help {
	background: #FFFFD9;/*rgb(94%,94%,94%);*/
	border-color: #F0F000;
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: rgb(24%,24%,24%);
	font-size: 115%;
	line-height: 176%;
	margin: 16px 0 12px 0;
	padding: 6px 12px;
	
	/*角を丸くする*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.height11{height:42px;}
.height12{height:30px;}
hr{
	color: rgb(85%,85%,85%);
	border-width: 1px 0 0 0;
}
hr.dotted{
	border-style:dotted;
}
input[type="text"], textarea{
	border: solid 1px rgb(91%,91%,91%);
	font-size: 1.0em;
	padding:2px;/*4px にする前にワンクッションおいておく*/
}
input[type='text'].readonly {
	border: none;
}
input.larger{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ',Meiryo;
	font-size: 100%;
	padding: 6px;
}

.line-height-162{line-height: 162%;}
.margin-top-0{margin-top: 0;}
.margin-top-4px {margin-top: 4px;}
.margin-top-6px {margin-top: 6px;}
.margin-top-8px {margin-top: 8px;}
.margin-top-16px {margin-top: 16px !important;}
.margin-top-22px {margin-top: 22px;}
.margin-top-30px {margin-top: 30px;}
.memo{
	color: rgb(62%,62%,62%);
	/*font-family:MS UI GOTHIC;読めない*/
	font-size: 0.85em;
	margin-bottom:4px;
}
.memo a.bluegreen{
	color: #09789E;
}
p {
	line-height: 185%;
}
::placeholder {
	color: hsl(0, 0%, 81%);
}
.red{
	color: #d90036;
}
.red-pdf{
	color: #a31f2c;
}
.red-pdf:hover{
	color: #d42839;
}
.smaller{
	font-size: 0.85em;
}

.text-align-left {
	text-align: left !important;
}

.text-decoration-line-through {
	text-decoration: line-through;
}

ul.list-style-type-decimal{
	list-style-type:decimal;
}
.width1{
	width: 1358px;
}
.width2{
	width: 960px;/*1,920pxの黄金比*/
}
.width2.ver2 {width: 50.00% !important;}
.width3{
	width: 678px;/*1,920pxの黄金比*/
}
.width3.ver2 {width: 35.36% !important;}
.width4{
	width:480px;/*1,920pxの黄金比*/
}
.width4.ver2 {width: 25.00% !important;}
.width5{
	width:340px;/*1,920pxの黄金比*/
}
.width6{
	width:240px;/*1,920pxの黄金比*/
}
.width6.ver2 {width: 12.50% !important;}
.width7{
	width: 170px;/*1,920pxの黄金比*/
}
.width8{
	width: 120px;/*1,920pxの黄金比*/
}
.width9{
	width:84px;/*1,920pxの黄金比*/
}
.width10{
	width: 60px;/*1,920pxの黄金比*/
}
.width11{width:42px;}
.width12{width:30px;}
.width13{
	width:22px;/*1,920pxの黄金比*/
}
.width14{
	width: 16px;/*1,920pxの黄金比*/
}

.width-30px {width: 30px;}
.width-42px {width: 42px;}
.width-60px {width: 60px;}
.width-84px {width: 84px;}
.width-100 {width: 100%;}
.width-120px {width: 120px;}
.width-240px {width: 240px;}
.width-480px {width: 480px;}
.width_1 {width: 70.71% !important;}
.width_2 {width: 50.00% !important;}
.width_3 {width: 35.36% !important;}
.width_4 {width: 25.00% !important;}
.width_5 {width: 17.68% !important;}
.width_6 {width: 12.50% !important;}
.width_7 {width: 8.84% !important;}
.width_8 {width: 6.25% !important;}
.width_9 {width: 4.42% !important;}
.width_10 {width: 3.13% !important;}
.width_11 {width: 2.21% !important;}
.width_12 {width: 1.56% !important;}
.width_13 {width: 1.10% !important;}

#footer_help {
	font-size: 94%;
	line-height: 162%;
	margin-top: 30px;
	text-align: left;
	width: 678px;
}
#footer_help img {
	margin-right: 8px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}
/*footer_help strong {
	color: #333333;
}*/
