@charset "utf-8";

/***********************************************************************

__ レイアウト設定

***********************************************************************/

/*----------------------------------------------------------------------
 h
----------------------------------------------------------------------*/

h2, h3, h4, h5 {
	clear:both;
	margin-top:15px;
}

h1 {
	border-bottom:2px #ccc solid;
	font-size:146%;
	padding-bottom:9px;
}

h2 {
	background:url(../../img/common/contents/bg_ttl_h2.gif) no-repeat 0 0;
	font-size:115%;
	padding:12px 10px;
}

.column1 h2 {
	background:url(../../img/common/contents/bg_ttl_h2_02.gif) no-repeat 0 0;
}

h2.h2-bg-gray {
	background:#f7f7f7 url(../../img/common/contents/bg_h2_gray.gif);
	border-bottom:2px #aeaeae solid;
	font-size:115%;
	margin-top:25px;
	padding:8px 10px 6px 10px;
}

h2.h2-bg-gray a:link,
h2.h2-bg-gray a:visited {
	color:#333;
}

h3 {
	border-left:3px #0063a3 solid;
	font-size:115%;
	padding-left:10px;
}

h4, h5 {
	font-size:100%;
}

h1.style-none,
h2.style-none,
h3.style-none {
	background-image:none;
	border:none;
	padding:0;
}

h1.style-none {
	margin-bottom:-5px;
}

/*----------------------------------------------------------------------
 ul
----------------------------------------------------------------------*/

ul li {
	background:url(../../img/common/contents/icon_ul.gif) no-repeat 5px 0.45em;
	padding-left:15px;
}

/* .list-none
----------------------------------------------------------------------*/

ul.list-none li {
	background-image:none;
	padding-left:0;
}

/* .list-inline
----------------------------------------------------------------------*/

ul.list-inline li {
	background-position:5px 0.35em;
	display:inline;
	margin-right:10px;
	padding-left:15px;
}

* html ul.list-inline li {
	float:left;
}

*:first-child+html ul.list-inline li {
	float:left;
}

/* .list-arrow
----------------------------------------------------------------------*/

ul.list-arrow li {
	background:url(../../img/common/contents/icon_arrow.gif) no-repeat 3px 0.45em;
	padding-left:15px;
}

/* .list-arrow + .list-inline
----------------------------------------------------------------------*/

ul.list-arrow.list-inline li {
	background-position:3px 0.35em;
	padding-left:15px;
}

ul.list-arrow.list-inline li a {
	white-space:nowrap;
}

/*----------------------------------------------------------------------
 ol
----------------------------------------------------------------------*/

ol {
	list-style:decimal outside;
}

ol li {
	margin-left:22px;
}

* html ol li {
	margin-left:33px;
}

*:first-child+html ol li {
	margin-left:33px;
}

*:first-child+html ol ul li {
	margin-left:0;
}

ol ul li {
	margin-left:0;
}

/* .list-none
----------------------------------------------------------------------*/

ol.list-none li {
	background-image:none;
	padding-left:0;
}

/*----------------------------------------------------------------------
 dl
----------------------------------------------------------------------*/

/* .list-arrow
----------------------------------------------------------------------*/

dl.list-arrow dt {
	background:url(../../img/common/contents/bg_ttl_h3.gif) no-repeat 0 2px;
	font-weight:bold;
	padding-left:20px;
}

dl.list-arrow dd {
	padding-left:20px;
}

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

table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	font-size:100%;
}

th,td {
	border:solid 1px #ccc;
	font-weight:normal;
	padding:6px;
	text-align:left;
}

thead th {
	background-color:#f7f7f7;
	font-weight:bold;
	text-align:center;
}

tfoot {
	background-color:#f7f7f7;
}

th {
	background-color:#F4F8FB;
	text-align:left;
}

caption { padding-bottom:5px; text-align:left; }

table .font-layout-left th,
table .text-layout-left td { text-align:left; }

table .text-layout-center th,
table .text-layout-center td { text-align:center; }

table .text-layout-right th,
table .text-layout-right td { text-align:right; }

table .text-layout-top th,
table .text-layout-top td { vertical-align:top; }

table .text-layout-middle th,
table .text-layout-middle td { vertical-align:middle; }

table .text-layout-bottom th,
table .text-layout-bottom td { vertical-align:bottom; }

table.font-size-small-table th,
table.font-size-small-table td {
	padding:3px;
	white-space:normal;
	word-wrap:break-word;
}

table ul,
table ol,
table dl {
	margin-top:0;
}

table ul li {
	background-position:0 0.45em;
	margin-top:0;
	padding-left:10px;
}

table.border-none th,
table.border-none td {
	background-color:transparent;
	border:none;
	font-weight:normal;
	padding:0;
	text-align:left;
}

/***********************************************************************

__ クラス設定（レイアウト）

***********************************************************************/

/*----------------------------------------------------------------------
 .section
----------------------------------------------------------------------*/

.section {
	clear:both;
	margin-top:20px;
}

/*----------------------------------------------------------------------
 .layout-block
----------------------------------------------------------------------*/

.layout-block {
	clear:both;
	overflow:hidden;
}

* html .layout-block {
	overflow:auto;
	width:100%;
}

/*----------------------------------------------------------------------
 .font-read
----------------------------------------------------------------------*/

.font-read {
	font-size:125%;
	font-weight:bold;
}

/*----------------------------------------------------------------------
 .link-pdf
----------------------------------------------------------------------*/

.link-pdf {
	background:url(../../img/common/contents/icon_pdf.png) no-repeat 0 0;
	padding:2px 0 2px 22px;
}

/*----------------------------------------------------------------------
 .link-doc
----------------------------------------------------------------------*/

.link-doc {
	background:url(../../img/common/contents/icon_doc.gif) no-repeat 0 0;
	padding:2px 0 2px 22px;
}

/*----------------------------------------------------------------------
 .link-xls
----------------------------------------------------------------------*/

.link-xls {
	background:url(../../img/common/contents/icon_xls.gif) no-repeat 0 0;
	padding:2px 0 2px 22px;
}

/*----------------------------------------------------------------------
 .link-window
----------------------------------------------------------------------*/

.link-window {
	background:url(../../img/common/contents/icon_window.gif) no-repeat 0 3px;
	padding:2px 0 2px 20px;
}

/*----------------------------------------------------------------------
 .note
----------------------------------------------------------------------*/

.note {
	display:table;
	font-size:84%;
	margin-top:15px;
}

* html .note {
	overflow:auto;
	width:100%;
}

.note dl {
	clear:both;
	display:table-row-group;
	margin-top:0;
}

.note dl dt {
	padding-right:1em;
	white-space:nowrap;
}

.note dl dt,
.note dl dd {
	display:table-cell;
	padding-top:5px;
	vertical-align:top;
}

* html .note dl dt,
* html .note dl dd {
	display:inline;
	float:left;
	zoom:1;
}

*:first-child+html .note dl dt,
*:first-child+html .note dl dd {
	display:inline;
	float:left;
	zoom:1;
}

*+html .note dl dt,
*+html .note dl dd {
	display:inline;
	zoom:1;
}

.note dl dd {
	margin-top:0;
}

/*----------------------------------------------------------------------
 .caption
----------------------------------------------------------------------*/

.caption {
	display:inline-block;
	font-size:85%;
	padding-top:5px;
}

.caption.hide {
	display:inline-block;
}

/*----------------------------------------------------------------------
 .hide
----------------------------------------------------------------------*/

.hide {
	display:none;
}

/*----------------------------------------------------------------------
 a.btn
----------------------------------------------------------------------*/

a.btn {
	background: linear-gradient(to bottom, #0C8BCE, #1561AF 40%, #0b4d8e 50%, #1561AF 60%, #0C8BCE);
	border:2px #fff solid;
	border-radius:10px;
	box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.2);
	color:#fff;
	display:inline-block;
	font-size:110%;
	font-weight:bold;
	margin:20px 0 5px;
	min-width:30%;
	padding:15px 20px;
	text-align:center;
	text-decoration:none;
}

/*----------------------------------------------------------------------
 .scroll
----------------------------------------------------------------------*/

.scroll {
	overflow:auto;
	overflow-y:hidden;
}