@charset "utf-8";
/*////////////////////////////////////////////////
File Name : common.css
Created   : 2015.12.01
Up Date   : 2017.04.12
////////////////////////////////////////////////*/

/* common style sheets
------------------------------------------------*/

/* TOPへ（ページの先頭へ戻る）
-----------------------------------*/
.l-pagetop {
	position: fixed;
	right: 100px;
	z-index: 999;
}

.l-pagetop  a {
	display: block;
}

@media screen and (max-width:1280px){

.l-pagetop  {
	right: 10px;
}
}

/* カルーセルスライダーバナー
-----------------------------------*/
.l-footer-carousel {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 48px;
}

.l-footer-carousel-list {
	width: 222px;
	margin: 0 auto;
}

.l-footer-carousel-list ul {
	overflow: hidden;
}

.l-footer-carousel-list li {
	float: left;
	width: 222px;
	height: 48px;
}

.l-footer-carousel-list li img {
	max-width: 100%;
	height: auto;
}

.carousel-prev a {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 48px;
	height: 48px;
	margin-left: -175px;
	background: url(/old_resource/s/img/common/carousel_ic01.png) no-repeat 0 0;
	background-size: auto 48px;
	text-indent: -9999px;
}

.carousel-next a {
	position: absolute;
	top: 0;
	right: 50%;
	display: block;
	width: 48px;
	height: 48px;
	margin-right: -175px;
	background: url(/old_resource/s/img/common/carousel_ic01.png) no-repeat -48px 0;
	background-size: auto 48px;
	text-indent: -9999px;
}

@media screen and (max-width:374px){

.l-footer-carousel {
	height: 43px;
}

.l-footer-carousel-list {
	width: 200px;
}

.l-footer-carousel-list li {
	width: 200px;
	height: 43px;
}

.carousel-prev a {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 43px;
	height: 43px;
	margin-left: -153px;
	background: url(/old_resource/s/img/common/carousel_ic01.png) no-repeat 0 0;
	background-size: auto 43px;
}

.carousel-next a {
	position: absolute;
	top: 0;
	right: 50%;
	display: block;
	width: 43px;
	height: 43px;
	margin-right: -153px;
	background: url(/old_resource/s/img/common/carousel_ic01.png) no-repeat -43px 0;
	background-size: auto 43px;
}

}

/* レイアウト
-----------------------------------*/
#container {
	padding: 0 0 56px;
}

.main {
	padding: 0 8px;
}

.l-category-bc {
	margin: 0 -8px;
	border-top: solid 1px #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	background: #cad7e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #cad7e0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cad7e0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cad7e0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad7e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.l-category-header {
	display: table;
	width: 100%;
}

.l-category-header-title {
	display: table-cell;
	height: 89px;
	padding: 0 8px;
	text-align: left;
	vertical-align: middle;
}

.l-category-header-title img {
	height: 45px;
}

.l-maincolumn-bc {
	width: 100%;
	margin-top: 16px;
	text-align: left;
}

.box-basic {
	background: rgba(255,255,255,.8);
	box-shadow: 0 2px 3px rgba(0,0,0,.65);
}

.l-maincolumn-body {
	position: relative;
	padding: 8px 12px;
	text-align: left;
	line-height: 1.6;
}

.l-maincolumn-body::after {
	content: "";
	clear: both;
	display: block;
}

.l-category-body-contents {
	padding: 8px;
	overflow: hidden;
	line-height: 1.2;
}

/* 見出し
-----------------------------------*/
.l-title01 {
	display: block;
	padding: 23px 8px;
	border: solid 1px #fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 25%, #dde3ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 25%,#dde3ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 25%,#dde3ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde3ef',GradientType=0 ); /* IE6-9 */
	line-height: 1.2;
	font-size: 22px;
	border-bottom: solid 1px #8FA8BC;
}

.l-title02 {
	margin: 40px 0 16px;
	padding: 12px 0 8px;
	border-top: solid 4px #E0E6F1;
}

.l-category-body-contents > .l-title02.l-title {
	padding-top: 0;
	border-top: none;
}

.l-title03 {
	margin: 40px 0 8px;
}

.l-title04 {
	margin: 40px 0 0;
}

.l-title {
	margin-top: 0;
}

.heading01 {
	display: inline-block;
	border-left: solid 5px #333;
	padding-left: 8px;
	font-weight: bold;
	position: relative;
}

.heading02 {
	position: relative;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

.heading03 {
	position: relative;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}

/* ターミナル見出しアイコン
-----------------------------------*/
.heading-ict1,
.heading-ict2 {
	padding-left: 32px;
}

.heading-ict1::before,
.heading-ict2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url(/old_resource/img/common/terminal_ic01.png);
	background-repeat: no-repeat;
}

.heading-ict1::before {
	background-position: 0 0;
}

.heading-ict2::before {
	background-position: -24px 0;
}

/* ページ内ボタン
-----------------------------------*/
.page-button ul {
	font-size: 0;
	line-height: 1;
}

.page-button li {
	display: inline-block;
	margin: 0 8px 8px 0;
	font-size: 16px;
}

.page-button li a {
	display: block;
	padding: 12px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 2px 4px rgba(0,0,0,.65);
	color: #333;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}

.page-button li a:hover {
	background: rgba(21,102,217,.9);
	color: #fff;
}

/* リスト
-----------------------------------*/
.list-default {
	padding-left: 40px;
	list-style: disc;
}

/* リンクアイコン
-----------------------------------*/
/* 矢印アイコン */
.link-icon {
	position: relative;
	padding-left: 20px;
}

.link-icon::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(/old_resource/img/common/sp_header_ic03.png) no-repeat left 0 top 0;
	background-size: auto 16px;
}

/* 別ウィンドウアイコン：a class="external-icon" */
.external-icon {
	background: rgba(0, 0, 0, 0) url("/old_resource/img/common/com_ic02.png") no-repeat scroll right 20%;
	padding-right: 20px;
}

/* 別ウィンドウアイコン：改行時 span class="external-icon" */
span.external-icon {
	padding-right: 20px;
	position: relative;
	background: url(/old_resource/img/common/com_ic02.png) no-repeat right center;
}

span.external-icon::after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 16px;
	height: 16px;
	background: none;
}

/* PDFアイコン */
.pdf-icon {
	background: rgba(0, 0, 0, 0) url(/old_resource/img/common/com_ic03.png) no-repeat scroll right 20%;
	padding-right: 20px;
}

/* テーブル
-----------------------------------*/
.table-basic {
	border: solid 1px #ccc;
}

.table-basic tr {
	border-bottom: solid 1px #ccc;
}

.table-basic th,
.table-basic td {
	padding: 8px;
	vertical-align: top;
}

.table-basic th {
	background: #ebebeb;
	font-weight: bold;
	text-align: left;
}

.table-basic td {
	background: #fff;
}

/* 注意書き
-----------------------------------*/
.attention-txt {
	color: #f00;
}

/* アクセント
-----------------------------------*/
.accent {
	color: #f00;
}

/* 関連リンク
-----------------------------------*/
.relation-link {
	margin-top: 40px;
	border: solid 1px #ccc;
	background: #fff;
	overflow: hidden;
	line-height: 1.2;
}

.relation-link dl {
	margin-top: 8px;
	overflow: hidden;
}

.relation-link dt {
	background: #ebebeb;
	padding: 8px;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
}

.relation-link dd {
	padding: 8px;
}

.relation-link dd > a {
	display: inline-block;
}

.relation-link ul li {
	padding: 8px 24px 8px 0;
}

.relation-link ul li:last-child {
	padding-bottom: 0;
}

/* 404エラー
-----------------------------------*/
.theme-common-bg {
	background-color: #93c5f6;
	background-image: url(/old_resource/img/index/index_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left 30% top 0;
	background-size: 160%;
}

.notfound .l-maincolumn-bc {
	margin-top: 0;
	padding-top: 16px;
}

.not-found {
	min-height: 200px;
	text-align: center;
}

.not-found h1 {
	margin: 40px 0;
	font-size: 24px;
	font-weight: bold;
}

.not-found p {
	font-size: 16px;
}