@charset "utf-8";

/*********************************************************************
 Common CSS
*********************************************************************/


/*--- Reset --------------------------------------------------------*/

html {
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	color: #000;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 120%;
}

a,
a:link,
a:visited {
	color: #0000ff;
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: underline;
}


/*--- Common -------------------------------------------------------*/

.mt5 {
	margin-top: 5px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt25 {
	margin-top: 25px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mt40 {
	margin-top: 40px!important;
}

.mb5 {
	margin-bottom: 5px!important;
}

.mb10 {
	margin-bottom: 10px!important;
}

.mb15 {
	margin-bottom: 15px!important;
}

.mb20 {
	margin-bottom: 20px!important;
}

.mb25 {
	margin-bottom: 25px!important;
}

.mb30 {
	margin-bottom: 30px!important;
}

.mb40 {
	margin-bottom: 40px!important;
}

.textleft {
	text-align: left!important;
}

.textcenter {
	text-align: center!important;
}

.textright {
	text-align: right!important;
}

.fleft {
	float: left!important;
}

.fright {
	float: right!important;
}

.dispnone {
	display: none!important;
}

.f_small {
	font-size: 12px;
}

.w50p {
	width: 50%!important;
}

.w70p {
	width: 70%!important;
}

.w90p {
	width: 90%!important;
}

.w100p {
	width: 100%!important;
}


/*--- table -------------------------------------------------------*/

table.table_common {
	width: 100%;
	margin: 0 0 0.8em;
}

table.table_common th,
table.table_common td {
	padding: 10px!important;
	border: 1px solid #7a7a7a;
	vertical-align: middle;
}

table.table_common th {
	background: #ffffaa;
	font-weight: normal;
	text-align: center;
}

table.table_common th.th_sub {
	background: #fafafa;
}

table.table_common td {
	text-align: left!important;
}


/*--- list --------------------------------------------------------*/

ul.list_common {
	margin: 0 0 0.8em 6px;
}

ul.list_common ul {
	margin: 0 0 0.8em 1.4em;
}

ul.list_common li {
	list-style-type: disc;
}

ol.number_common {
	margin: 0 0 0.8em 6px;
}

ol.number_common ol {
	margin: 0 0 0.8em 1.4em;
	list-style-type: upper-latin;
}

ol.number_common ol li {
	list-style-type: upper-latin;
}

ol.number_common li {
	list-style-type: decimal;
}

ul.yoko {
	margin: 0 0 20px;
}

ul.yoko li {
	display: inline-block;
	padding: 0 4px;
}


/*--- box ---------------------------------------------------------*/

.box01,
.box02,
.box03,
.box04 {
	margin: 0 0 0.8em;
	padding: 12px 12px 0;
}

.box01 {
	background: #ffffe1;
	border: 1px solid #ebebd3;
}

.box02 {
	background: #ecf5ff;
	border: 1px solid #bddeee;
}

.box03 {
	background: #f5f5f5;
	border: 1px solid #d9d9d9;
}

.box04 {
	background: #fff;
	border: 1px solid #ebebd3;
}

.box01 h4,
.box02 h4,
.box03 h4,
.box04 h4 {
	margin: 0 0 6px!important;
	padding: 0 0 8px!important;
	border-bottom: 1px solid #ddd!important;
	font-size: 14px!important;
}

.box01 h4 {
	color: #cc0000!important;
}


/*--- link --------------------------------------------------------*/

a.link {
	padding: 0 0 0 20px;
	background :url(../images/arrow_blue.png) no-repeat left center;
	color: #0058ac;
}

a.link_pdf {
	background:url(../images/icon_pdf.gif) no-repeat right center;
	padding: 0 26px 0 0;
	color: #0058ac;
}


/*--- Hover -------------------------------------------------------*/

.highlight a:hover * {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*--- color -------------------------------------------------------*/

.c_blue {
	color: #4978b3;
}

.c_red {
	color: #d87763;
}

.c_green {
	color: #4cbbb4;
}

.c_yellow {
	color: #e0af65;
}

.c_gray {
	color: #595656;
}

.c_white {
	color: #fff;
}


/*--- form --------------------------------------------------------*/

select,
input[type="text"],
input[type="password"] {
	padding: 2px 4px;
	border: 1px solid #595656;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type="text"]:hover,
input[type="password"]:hover,
select:hover,
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
	background-color: #f5f5f5;
}

input[type="submit"] {
	padding: 4px 30px;
	border: 1px solid #0058ac;
	background-color: #0058ac;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

input[type="submit"]:hover {
	background-color: #407ab1;
}


/*--- Device Common ------------------------------------------------*/
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}


/*--- clearfix -----------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
	display: inline-table;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}