@charset "UTF-8";

/* COMMON */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	background-color: #eceff1;
}
ul,ol {
	list-style-type: none;
}
ul.list li {
	line-height: 1.8em;
	padding-left: 1em;
	text-indent: -1em;
}
button {
	border: none;
	outline: none;
	cursor: pointer;
}
img {
	width: auto;
	max-width: 100%;
	border: none;
}
a {
	position: relative;
}
a,
a:visited {
	color: #0e1bbb;
}
dt,
a {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
dt {
	opacity: 1;
}
dt:hover,
a:hover {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
dt:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
a:hover {
	text-decoration: none;
}
#i-wrapper {
	min-width: 600px;
	width: auto!important;
}
.i-clear:after {
    content: "";
    clear: both;
    display: block;
}
.i-clear > .left, 
.i-clear > li {
	float: left;
}
.i-clear > .right {
	float: right;
}
.i-clear.two > * {
	width: 50%;
	box-sizing: border-box;
}
.i-clear.three > * {
	width: 33.33333%;
	box-sizing: border-box;
}
.i-clear.four > * {
	width: 25%;
	box-sizing: border-box;
}
.i-no-line a {
	text-decoration: none;
}
.i-no-line a span {
	text-decoration: underline;
}
.i-no-line i {
	color: #128474;
}
.green-bg-tit {
	background-color: #128474;
	color: #fff;
	text-align: center;
	padding: 12px 15px 13px;
	font-size: 18px;
	line-height: 1.5em;
	border-bottom: 1px solid #cfdbd9;
}
.pc-none {
	display: none;
}
.block {
	display: block;
}
#pagetop {
	color: #fff;
	width: 180px;
	font-size: 14px;
	line-height: 50px;
	background-color: #2f3030;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	border-radius: 3px;
	display: none;
	behavior: url(PIE.htc);
}
#pagetop i {
	margin-left: 5px;
}
.ios #pagetop {
	display: block;
}
.btn-backnumber a {
	display: block;
	background-color: #4b73b9;
	color: #fff;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #31589d;
	border-radius: 3px;
	text-align: center;
	margin: 0 0 10px auto;
	behavior: url(PIE.htc);
}

.red {
	color: #ff0000;
}
.bold {
	font-weight: bold;
}
#contents-detail .half-size {
	width: 50%;
}
#contents-detail .lh-24 {
	line-height: 24px;
}
.lh-24.margin-top-text {
	margin-top: 25px;
}
.tel {
	display: block;
}
.big-tel {
	color: #009999;
	font-size: 30px;
}
.big-tel small {
	font-size: 18px;
}

#i-wrapper p {
	line-height: 24px;
}

/* *************************************
font size
****************************************/
.font-x-small{
	font-size: 10px;
}
.font-small{
	font-size: 12px;
}
.font-medium {
	font-size: 14px;
}
.font-large {
	font-size: 16px;
}
.font-x-large{
	font-size: 18px;
}
.font-xx-large{
	font-size: 20px;
}

/* *************************************
vertical調整
****************************************/
.vertical-top {
vertical-align: top;
}
.vertical-mid {
vertical-align: middle;
}
.vertical-btm {
vertical-align: bottom;
}

/* *************************************
Table調整
****************************************/
.tbl-width-50 {
	width: 50px;
}
.tbl-width-80 {
	width: 80px;
}
.tbl-width-100 {
	width: 100px;
}
.tbl-width-120 {
	width: 120px;
}
.tbl-width-140 {
	width: 140px;
}
.tbl-width-250 {
	width: 250px;
}

.visible-pc {
display: block;
}
.visible-tb {
display: none;
}
.visible-sp {
display: none;
}

/* *************************************
h4設定
****************************************/
.border-bottom-dotted {
border-bottom:  1px dotted #CCC;
}
.white-bg-head {
	color: #455a64;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	padding-left: 12px;
	border-bottom: 1px solid #b2bfc6;
	background-color: #fafbfb;
	position: relative;
}


/* *************************************
h5設定
****************************************/

.gray_line{
	color: #455a64;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	margin-left: 12px;
	border-bottom: 1px solid #b2bfc6;
	position: relative;
	
}


/* 画面TB */
@media only screen and (max-width: 980px) {

.tbl-width-250 {
	width: 150px;
}
.tbl-width-140 {
	width: 100px;
}

.visible-pc {
display: none;
}
.visible-tb {
display: block;
}
.visible-sp {
display: none;
}

}
/* 画面SP */
@media only screen and (max-width: 768px) {
.visible-sp {
display: block;
}

}

/* *************************************
自動車TOPページ
****************************************/
#top dt.green-border-head {
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	border-left: 10px solid #128474;
	border-bottom: 1px solid #bbb;
	padding-left: 10px;
	position: relative;
	*height:100%;
}
/* *************************************
自動車TOPページ
****************************************/
#category-top .accordion .green-border-head {
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	border-left: 10px solid #128474;
	border-bottom: 1px solid #bbb;
	padding-left: 10px;
	position: relative;
}
/***************************************
自動車TOPページ
****************************************/
#category-top p.green-border-head {
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	border-bottom: 1px solid #bbb;
	position: relative;
}
#category-top p.green-border-head a {
	padding-left: 20px;
}


#contents-detail table.th-ft14 th,
#contents-detail table.td-ft14 td {
	font-size: 14px;
}
#contents-detail table.th-pd10 th,
#contents-detail table.td-pd10 td {
	padding: 10px;
}
/***************************************
自動車TOPページ
****************************************/
.right-icon {
	margin-left: 8px;
	vertical-align: middle;
	width: 15px;
	height: auto;
}
/***************************************
NEWアイコン
****************************************/
.new-icon {
	margin-left: 8px;
	vertical-align: middle;
	height: 15px;
}

body #i-wrapper #i-contents #contents-detail .w-250 {
	width: 100%;
	max-width: 250px;
}
body #i-wrapper #i-contents #contents-detail .static {
	position: static;
}
#i-contents #contents-detail .no-left-border {
	border-left: none;
}
#i-contents #contents-detail .no-right-border {
	border-right: none;
}
small,
.text-small,
#contents-detail table .inner-table,
#contents-detail .small-table {
	font-size: small;
	line-height: 1.5em;
}
#contents-detail table .inner-table,
#contents-detail .small-table {
	margin-top: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
#contents-detail table .inner-table caption,
#contents-detail table .inner-table th,
#contents-detail table .inner-table td,
#contents-detail .small-table caption,
#contents-detail .small-table th,
#contents-detail .small-table td {
	background-color: transparent;
	color: #000;
	font-weight: normal;
	width: auto;
	border: 1px solid #bbb;
}
#contents-detail table .list-dot,
#contents-detail table .inner-table th,
#contents-detail table .inner-table td,
#contents-detail .small-table th,
#contents-detail .small-table td {
	font-size: small;
}
#contents-detail table .inner-table caption,
#contents-detail .small-table caption {
	border-bottom: none;
}
#contents-detail .small-table {
	background-color: #fff;
}
#contents-detail .small-table th,
#contents-detail .small-table caption {
	background-color: #eee;
	font-size: 12px;
}
#contents-detail .small-table tr td.left:first-child {
	width: 3em;
}

/* caution */
#caution {
	padding: 15px 20px;
	color: #fff;
	border: none;
	background-color: #f00;
	position: relative;
}
#caution .caution-txt {
	font-weight: bold;
	padding-right: 170px;
	display: block;
}
#caution .detail-link {
	margin-right: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -19px;
}
#caution .detail-link a {
	display: block;
	background-color: #fff;
	color: #f00;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
}

/* caution Type-B01 */
#caution-b01 {
	padding: 5px 20px;
	color: #000;
	border: none;
	background-color: #fffabc;
	position: relative;
}
#caution-b01 .caution-txt {
	font-weight: bold;
	*font-weight: normal;
	font-size:12px;
	/*padding-right: 170px;*/
	display: block;
}
#caution-b01 .detail-link {
	margin-right: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -19px;
}
#caution-b01 .detail-link a {
	display: block;
	background-color: #fff;
	color: #000;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
}

/* caution Type-B02 */
#caution-b02 {
	margin-bottom: 40px;
	padding: 20px;
	color: #f00;
	border: none;
	background-color: #fff;
	border: 1px solid #f00;
	text-align: center;
}
#caution-b02 .caution-txt {
	font-weight: bold;
	font-size: 16px;
}

/* 20180815 */
@media only screen and (max-width: 630px) {
#caution-b02 .caution-txt {
	font-size: 12px;
}

}

/* breadcrumbs */
#breadcrumbs {
	padding: 15px 20px;
	color: #666;
	border: 1px solid #cfdbd9;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #fff;
	position: relative;
}
#breadcrumbs .fa-home {
	margin-right: 5px;
}
#breadcrumbs .angle {
	padding: 0 10px;
}
#breadcrumbs .angle i {
	vertical-align: middle;
}
#breadcrumbs .legacy-link {
	margin-right: 20px;
	position: absolute;
	right: 0;
}

/* i-contents */
#i-contents {
	border-left: 1px solid #cfdbd9;
	border-right: 1px solid #cfdbd9;
	padding: 30px 30px 90px;
}
#i-contents .i-no-line a,
#i-contents .i-no-line p {
	display: table;
	width: 100%;
	box-sizing: border-box;
}
#i-contents .i-no-line a > *,
#i-contents .i-no-line p > * {
	display: table-cell;
	vertical-align: top;
}
#i-contents .i-no-line i {
	width: 14px;
	padding-right: 5px;
}

/* green-border-head */
h2.green-border-head {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	border-left: 10px solid #128474;
	border-bottom: 1px solid #bbb;
	padding: 13px 160px 13px 10px;
	margin-bottom:  30px;
	position: relative;
}
body #i-wrapper #i-contents h2.green-border-head .btn-back {
	bottom: 50%;
	margin-bottom: -20px;
}



.banner-link {
	margin-bottom: 30px;
}

/* blue-border-head（H3） */
.blue-border-head {
	color: #455a64;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	padding-left: 10px;
	border-left: 10px solid #78909c;
	border-bottom: 1px solid #bbb;
	position: relative;
}


/* margin-top-text */
#contents-detail .margin-top-text {
	margin-top: 30px;
}

/* midium-margin-top-text */
#contents-detail .medium-margin-top-text {
	margin-top: 20px;
}

/* short-margin-top-text */
#contents-detail .short-margin-top-text {
	margin-top: 10px;
}

/* margin-bottom-text */
#contents-detail .margin-bottom-text {
	margin-bottom: 30px;
}

/* midium-margin-bottom-text */
#contents-detail .medium-margin-bottom-text {
	margin-bottom: 20px;
}

/* minus-midium-margin-bottom-text */
#contents-detail .minus-medium-margin-bottom-text {
	margin-bottom: -20px;
}

/* short-margin-bottom-text */
.short-margin-bottom-text {
	margin-bottom: 10px;
}

/* short-large-margin-bottom-text */
.short-large-margin-bottom-text {
	margin-bottom: 60px;
}

/* large-margin-bottom-text */
.large-margin-bottom-text {
	margin-bottom: 90px;
}

/* accordion */
dl {
	box-sizing: border-box;
}
dt,dd {
	background-color: #fff;
}
dl ul li {
	font-size: 16px;
}
dl ul li i,
dl ul li span {
	line-height: 1.5em!important;
}
.accordion .acc-head:hover {
	cursor: pointer;
}
.accordion ul li > p {
	color: #0e1bbb;
}
.accordion ul li > p span {
	text-decoration: underline;
}
.accordion ul li > p:hover {
	cursor: pointer;
}
.accordion ul li .inner-nav {
	padding-left: 40px;
}
.accordion > dd,
.accordion ul li > .inner-nav {
	display: none;
}
.accordion.i-open > dd,
.accordion ul li.i-open > .inner-nav {
	display: block;
}
.accordion ul li .inner-nav > li {
	padding: 0;
}
dl ul li > a,
dl ul li > p {
	padding: 6px 0 6px 20px;
	display: block;
}
.accordion ul li a:hover,
.accordion ul li p:hover {
	background-color: #f3f5f7;
	opacity: 1;
}

body #i-wrapper #i-contents .btn-accordion {
	width: 80px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #bbb;
	text-align: center;
	border-radius: 3px;
	background-color: #fff;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 1;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	behavior: url(PIE.htc);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*body #i-wrapper #i-contents .btn-accordion:hover {
	background-color: #0e1bbb;
	color: #fff;
}*/
body #i-wrapper #i-contents .btn-accordion.h-auto {
	text-decoration: underline;
	height: auto;
	display: block;
	line-height: 24px;
	padding: 10px 0;
}
body #i-wrapper #i-contents .btn-accordion.h-auto:hover {
	text-decoration: none;
}
.btn-accordion > * {
	text-decoration: underline;
}
.btn-accordion:hover > * {
	text-decoration: none;
}
.btn-accordion i {
	color: #128474;
}
.i-close .btn-accordion .txt01 {
	display: inline;
}
.i-close .btn-accordion .txt02 {
	display: none;
}
.i-open .btn-accordion .txt01 {
	display: none;
}
.i-open .btn-accordion .txt02 {
	display: inline;
}
body #i-wrapper #i-contents .btn-back {
	width: 150px;
	right: 0;
}
.align-right {
	text-align: right;
}
.padding-left {
	padding-left: 30px;
	box-sizing: border-box;
}
.padding-right {
	padding-right: 30px;
	box-sizing: border-box;
}

/* top-links */
#top-links {
	margin-bottom: 30px;
}
#top-links #top-bnr-list a,
#top-links #top-bnr-list a > * {
	display: block;
}
#top-links #top-bnr-list li a > img {
	margin-bottom: 10px;
/*	width: 100%;*/
	border-radius: 5px;
	behavior: url(PIE.htc);
}
/***************************************
自動車TOPページ
****************************************/
#top-links > .left {
	padding-right: 0.8%;
}
#top-links > .right {
	padding-left: 0.4%;
}


/* related-topics */
#related-topics .abbreviated-accordion {
	border: 1px solid #bbb;
	border-top: none;
	padding: 15px 25px 15px 5px;
	overflow: hidden;
}
#related-topics .ico-new {
	vertical-align: middle;
	margin-left: 10px;
}
#related-topics.i-close .abbreviated-accordion {
	display: block;
	height: auto;
	min-height: 127px;
}
#related-topics.i-open .abbreviated-accordion {
	height: 127px;
}

@media only screen and (max-width: 630px) {
body#top #i-wrapper #i-contents #related-topics .green-border-head .btn-accordion {
	width: 80px;
}

}

/* top-bnr-list */
#top-bnr-list li {
	padding: 0 5px 10px;
}
#top-bnr-list li > img {
	margin-bottom: 5px;
}
#top-bnr-list li > img {
	width: 100%;
	border-radius: 5px;
	behavior: url(PIE.htc);
}
#top-bnr-list li p,
#top-bnr-list li p > * {
	line-height: 21px;
}
#i-contents #top-bnr-list li p {
	display: table;
	width: 100%;
}
#i-contents #top-bnr-list li p > * {
	display: table-cell;
	vertical-align: top;
	line-height: 21px;
}

/***************************************
自動車TOPページ
****************************************/
body#top #i-contents #top-bnr-list li {
	width: 48%;
	padding: 0 0 10px;
}

/* insurance-menu */
#insurance-menu {
	margin-bottom: 30px;
}
#insurance-menu li {
	width: 24%;
	border: 1px solid #bbb;
	border-radius: 5px;
	margin-bottom: 1.2%;
	box-sizing: border-box;
	behavior: url(PIE.htc);
}
#insurance-menu li:not(:nth-child(4n)) {
	margin-right: 1.2%;
}
#insurance-menu li a,
#insurance-menu li a:hover {
	text-decoration: none;
	color: #000;
}
#insurance-menu li a {
	border: 4px solid #fff;
	border-radius: 5px;
	background: #f1f1f1;
	background: -webkit-linear-gradient(#fff 0%, #f1f1f1 100%);
	background: -o-linear-gradient(#fff 0%, #f1f1f1 100%);
	-pie-background: linear-gradient(top, #fff,#f1f1f1);
	background: linear-gradient(#fff 0%, #f1f1f1 100%);
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 16px;
	height: 60px;
	box-sizing: border-box;
	behavior: url(PIE.htc);
}
#insurance-menu li a p {
	display: table-cell;
	vertical-align: middle;
}
#insurance-menu li a p.ico {
	width: 95px;
}

#insurance-menu li a img {
	vertical-align: middle;
	width: auto;
	max-width: 100%;
}

/* dark-tooltip */
/*body .dark-tooltip.medium {
	width: 120px;
}
.dark-tooltip img {
	width: 100px;
}*/


@media only screen and (max-width: 950px) {
.pc-none {
	display: block;
}
#insurance-menu li a p.ico {
	width: 70px;
}
}

@media only screen and (max-width: 767px) {
#insurance-menu li a p.ico {
	width: 50px;
}
}

@media only screen and (max-width: 630px) {
body,
.accordion ul li,
.green-border-head,
body #i-wrapper #i-contents .btn-accordion,
#insurance-menu li a {
	font-size: 12px;
}
#i-contents {
	padding: 15px 15px 90px;
}
#insurance-menu li a p.ico {
	width: 46%;
}
body #i-wrapper #i-contents .btn-accordion {
	/*width: 65px;*/
	width: 120px;
}
#related-topics.i-close .abbreviated-accordion {
	height: 110px;
}
body #i-wrapper #i-contents .green-border-head .btn-accordion,
body #i-wrapper #i-contents .gray-border-head .btn-accordion,
body #i-wrapper #i-contents .btn-backnumber a {
	width: 120px;
}
}

/* main-links */
#main-links dl {
	margin-bottom: 20px;
}
#main-links .green-border-head {
	border-bottom: none;
}
#main-links .green-border-head .btn-sortable {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	background-color: #c3e0dc;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 1;
	behavior: url(PIE.htc);
}
#main-links dl dd {
	padding: 15px 25px 15px 5px;
	border-top: 2px solid #eceff1;
	display: block;
}
#main-links dl dd dt {
	cursor: pointer;
}
#main-links dl dd li {
	width: 50%;
}
#main-links dl.ui-sortable-helper .green-border-head,
#main-links dl.ui-sortable-helper dd {
	background-color: #c3e0dc;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#main-links .green-border-head:hover .btn-sortable,
#main-links dl.ui-sortable-helper .green-border-head .btn-sortable {
	background-color: #128474;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
#main-links dl.ui-sortable-helper .green-border-head {
	opacity: 1;
}

/*  accordion-links */
.accordion-links {
	margin-bottom: 15px;
}
.accordion-links dl,
.accordion-links > p {
	margin-bottom: 5px;
}
.accordion-links > p {
	padding-left: 0;
	border-left: none;
}
.accordion-links > p a {
	display: block;
	border-left: 10px solid #128474;
	background-color: #fff;
	padding-left: 10px;
}
.accordion-links dt {
	padding-left: 0;
}
.accordion-links dt > .txt {
	color: #0e1bbb;
	text-decoration: underline;
	display: block;
	padding-left: 10px;
}
.accordion-links dd {
	padding: 15px 35px 15px 15px;
	border: 1px solid #bbb;
	border-top: none;
}

/*  #contents-detail */
#contents-detail table {
	width: 100%;
	/*margin-top: 30px;*/
	border-collapse: collapse;
	table-layout: fixed;
}
#contents-detail .border-top {
	border-top: 1px solid #bbb;
}

.caption,
#contents-detail table caption {
	background-color: #78909c;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 5px 4px;
}
.caption.red,
#contents-detail table caption.red {
	background-color: #cc0000;
}
.caption {
	text-align: center;
	border: 1px solid #bbb;
	border-bottom: none;
}

.subcaption,
#contents-detail table subcaption {
	background-color: #57718d;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	padding: 5px 5px 4px;
}
.subcaption {
	text-align: center;
	border: 1px solid #bbb;
	border-bottom: none;
}


#contents-detail table th {
	background-color: #cfd8dc;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #bbb;
	padding: 5px 5px 6px;
}
#contents-detail table td {
/*	background-color: #fff;*/
	border: 1px solid #bbb;
	border-top: none;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	line-height: 24px;
	word-wrap: break-word;
}
#contents-detail table .no-wrap {
	white-space: nowrap;
}
#contents-detail table .left {
	text-align: left;
	/*padding-left: 20px;
	padding-right: 20px;*/
}
/*#contents-detail table td li {
	padding-bottom: 18px;
	padding-left: 5px;
	float:  none;
	width:  100%;
}*/
#contents-detail table td ul.no-float li:last-child {
	padding-bottom: 0;
}
#contents-detail table .large01 {
	width: 59%;
}
#contents-detail table .medium01 {
	width: 17%;
}
#contents-detail table .large02 {
	width: 52%;
}
#contents-detail table .medium02 {
	width: 24%;
}
#contents-detail table .list-td {
	padding-bottom: 0;
}
#contents-detail table .short {
	width: 10%;
}
#contents-detail table .very-short {
	width: 5%;
}
#contents-detail .back-cover {
	padding-top: 25px;
	width: 100%;
	height: 50px;
	position: relative;
}

@media only screen and (max-width: 950px) {
/*#contents-detail table .large01 {
	width: 45%;
}
#contents-detail table .medium01 {
	width: 21%;
}
#contents-detail table .large02 {
	width: 40%;
}
#contents-detail table .medium02 {
	width: 26%;
}
#contents-detail table .short {
	width: 15%;
}*/

}

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

}


/* ***************************************************************
横並びのボタンのスタイルIE8対応調整
******************************************************************/
/* sub-buttons */
.sub-button-list {
	padding: 0 0 15px;
}
.sub-button-list li {
	/*width: 25%;*/
	border-radius: 5px;
	/*margin-left: 0;*/
	/*margin-right: 0;*/
	/*padding-bottom: 15px;*/
	/*box-sizing: border-box;*/
	text-align: center;
	display: table;
	behavior: url(PIE.htc);
}
/*.sub-button-list li:not(:nth-child(4n)) {
	padding-right: 1.2%;
} */
.sub-button-list li a,
.sub-button-list li span {
	border: 1px solid #bbb;
	border-radius: 5px;
	display: table-cell;
	width: 100%;
	font-size: 13px;
	height: 60px;
	line-height: 24px;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0 5px;
	behavior: url(PIE.htc);
}
/* IE8以下対応 */
.sub-button-list {
	margin: 0 -0.6%;
}
.sub-button-list li {
	/*border: 1px solid #bbb\9;*/
	width: 23.8%;
	padding-left: 0.6%;
	padding-right: 0.6%;
	margin-bottom: 15px;
	padding-bottom: 0;
	/*padding-right: 0;*/
}
.sub-button-list li:not(:nth-child(4n)) {
	/*padding-right: 0\9;*/
}
/* IE8以下対応 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .sub-button-list li {
    border: none;
  }
}

.sub-button-list li a,
.sub-button-list li a:hover {
	color: #0e1bbb;
}
.sub-button-list li a {
	text-decoration: underline;
}
.sub-button-list li a:hover,
.sub-button-list li .current {
	background-color: #4b73b9;
	color: #fff;
}

/* ****************************************************
横並びのボタンのスタイルIE8対応調整
*******************************************************/
.sub-button-list li a,
.sub-button-list li span {
	/*border: 1px solid #bbb;*/
	border-radius: 5px;
	display: table-cell;
	width: 100%;
	font-size: 13px;
	height: 60px;
	line-height: 24px;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #fff;
	padding: 0 5px;
	behavior: url(PIE.htc);
}


.sub-button-list.lower-button {
	padding: 0;
}
.sub-button-list.lower-button li a,
.sub-button-list.lower-button li span {
    height: 40px;
    line-height: 14px;
}
#sub-buttons-iframe {
	width: 100%;
	height: 150px;
	margin-top: 30px;
	border: none;
	overflow: hidden;
}
.sub-button-list.h-70 li a {
	height: 70px;
}

@media only screen and (max-width: 630px) {
#sub-buttons li a {
	height: 80px;
}
}


/* ****************************************************
パンフ用画像サムネイル
*******************************************************/
#sample {
	position:absolute;
	background: #EEEEEE;
	padding: 10px;
	/*width:262px;*/
	min-width: 180px;
	max-width: 240px;
	z-index: 999;
	border: solid 1px #888888;
	text-decoration: none;
	bottom: 150%;
	left: 0!important;
	/*top: -420px!important;*/
}
#sample img{
	width:100%;
	height:auto;
	border:none;
}
#sample .imgtitle{
	padding: 6px 0 3px 0;
	width:100%;
	color: #333333;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size:10px;
	line-height: 1.5em;
}
#sample .button a{
	position:absolute;
	padding: 0;
	margin:0;
	bottom: 0px;
	left:3px;
	color: #222222;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
}

/* ********************************************************************
注釈とリスト表示
***********************************************************************/
p.text-notice {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.8em;
}
p.text-notice-num {
	text-indent: -2em;
	padding-left: 2em;
	line-height: 1.8em;
}
ul.list-disc {
	text-indent: -1em;
	padding-left: 1em;
}
ul.list-decima {
	text-indent: -3em;
	padding-left: 3em;
}
ul.list-disc li .fa {
	display: inline;
	padding-right: 0.25em;
}
/* ****************************************************
補足説明
*******************************************************/
#contents-detail table{
    background-color: #fff;
}
/* ****************************************************
補足説明
*******************************************************/
span.comment-cover {
	margin: 10px 0 5px;
	color: #FFF;
	font-weight: bold;
	/*background-color: #CCC;*/
	border-radius: 3px;
	display: inline-block;
	padding: 0px 40px;
    background-color: #07525c;
    behavior: url(PIE.htc);
    position: relative;
}


/* *************************************************************
補足説明
****************************************************************/

.hosoku-area {
    position: relative;
    padding-right: 40px;
}
.hosoku-area.minus {
    padding-right: 0;
}
tr.hosoku,
tr.hosoku.active.active-all{
display: none;
}
tr.hosoku.active {
display: table-row;
}
tr.hosoku.active-all {
display: table-row;
}
/*
tr.active td,
tr.active-all td {
background-color:  #FFF !important;
}
tr.active > td:first-child,
tr.active-all > td:first-child{
background-color: #eff6f9 !important;
}
*/
td.border-none {
border-bottom: 1px solid #FFF !important;
}
.hosoku-btn {
	background-color: #07525c;
	color: #FFF;
	border-radius: 3px;
	display: inline-block;
	width:  30px;
	height:  30px;
	text-align: center;
	line-height: 30px;

	font-size:  12px;
	position:  absolute;
	right: 0;
	top:50%;
	margin-top:  -15px;
}
.hosoku td.left {
    background-color: #eff6f9;
    /*background-color: #f6fafa;*/
}
#i-wrapper .hosoku-btn-all .fa-plus ,
#i-wrapper .hosoku-btn .fa-plus {
    background-image: url(../00005/common/icon/plus-white.gif);
}
#i-wrapper .hosoku-btn .fa-minus {
    background-image: url(../00005/common/icon/minus-white.gif);
}
.hosoku-btn-all {
	display: inline-block;
	margin: 0 0 10px;
	padding: 10px;
	color: #FFF !important;
	font-weight: bold;
	border-radius: 3px;
	/*background-color: #CCC;*/
	background-color: #07525c;
}
.hosoku-btn-all.disable {
	display: none;
}
.hosoku-btn-all.active {
	display: inline-block;
}
#i-wrapper .hosoku-btn-all i{
    margin-left: 5px;
	background-image: url(../00005/common/icon/minus-white.gif);
}
#contents-detail table td {
	border-top: 1px solid #bbb;
}
#contents-detail table tr td:first-child + td {
	position: relative;
}
#contents-detail table tr.hosoku td:first-child + td {
	position: static;
}
tr.border-none td:first-of-type,
td.border-none{
border-bottom: 1px solid #FFF !important;
}
#contents-detail table .inner-table, #contents-detail .small-table {
background-color:  #FFF;
}



/* ****************************************************
iOSにおけるiframe対策
*******************************************************/
.ios {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.ios #i-wrapper {
	position: relative; /*can be absolute or fixed*/
  	overflow-x: hidden; /*necessary*/
  	overflow-y: auto; /*doesn't seem necessary*/
  	width: 100%; /*necessary*/
  	height: 600px; /*necessary*/
}


.ios #i-wrapper #breadcrumbs span {
	display: inline-block;
}
.ios #i-wrapper #breadcrumbs span:nth-child(10) {
	display: inline-block;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: 30px;
}
.ios #i-wrapper #breadcrumbs span:nth-child(n + 11) {
	display: none;
}


.ios #pagetop {
	display: none!important;
}
.ios #a-pagetop {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #fff;
    width: 180px;
    font-size: 14px;
    line-height: 50px;
    background-color: #2f3030;
    z-index: 10;
    border-radius: 3px;
	text-align: center;
	behavior: url(PIE.htc);
}
.ios #a-pagetop a {
	color: #fff;
	text-decoration: none;
}

/* ****************************************************
リストの中黒変更
*******************************************************/
/*@font-face {
  font-family: 'nakaguro';
  src:  url('../../009/00008/nakaguro.eot?u0867w');
  src:  url('../../009/00008/nakaguro.eot?u0867w#iefix') format('embedded-opentype'),
    url('../../009/00008/nakaguro.ttf?u0867w') format('truetype'),
    url('../../009/00008/nakaguro.woff?u0867w') format('woff'),
    url('../../009/00008/nakaguro.svg?u0867w#nakaguro') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*.list-dot{
    text-indent: -1em;
    padding-left: 1em;
}*/
.list-dot > li{
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nakaguro' ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  line-height: 1.8em;
  
  padding-left: 1em;
  background-image: url("../00005/common/icon/nakaguro-gray.gif");
  background-repeat: no-repeat;
  background-position: 0.2em 8px;
  background-size: auto auto;
  
}
.list-decima > li{
  line-height: 1.8em;
}
.list-decima ul {
margin:  20px 0;
}

.list-decima ul.list-dot {
	margin: 0;
}
list-decima ul.list-dot li {
	text-indent: 0;
	padding-left: -4em;
}

table .list-dot > li{
	background-image: url("../00005/common/icon/nakaguro-white.gif");
}

/*.list-dot > li:before {
  content: "\e900";
}*/

/* ****************************************************
米印を絶対配置
*******************************************************/
[class*="text-notice-num0"] {
    padding-left: 2.4em;
    position: relative;
}
[class*="text-notice-num0"] :before{
    width: 2.4em;
    position: absolute;
    left: 0;
}
[class*="text-notice-num1"] {
    padding-left: 3.4em;
    position: relative;
}
[class*="text-notice-num1"] :before{
    width: 3.4em;
    position: absolute;
    left: 0;
}
.text-notice-num01{
 content: "※１";   
}
.text-notice-num02{
 content: "※２";   
}
.text-notice-num03{
 content: "※３";   
}
.text-notice-num04{
 content: "※４";   
}
.text-notice-num05{
 content: "※５";   
}
.text-notice-num06{
 content: "※６";   
}
.text-notice-num07{
 content: "※７";   
}
.text-notice-num08{
 content: "※８";   
}
.text-notice-num09{
 content: "※９";   
}
.text-notice-num01{
 content: "※１０";   
}

/* ****************************************************
Fontawesomeを背景画像化
*******************************************************/
#i-wrapper .fa {
	background-position: left center;
	background-size: auto;
	background-repeat: no-repeat;
	padding: 0.5em;
	vertical-align: middle;
}
#i-wrapper .fa:before {
	content: none;
}
#i-wrapper .fa-home {
	background-image: url("../00005/common/icon/home.gif");
	padding: 0.5em 0.6em;
}
#i-wrapper .fa-plus {
	background-image: url("../00005/common/icon/plus.gif");
}
#i-wrapper .fa-minus {
	background-image: url("../00005/common/icon/minus.gif");
}
#i-wrapper .fa-undo {
	background-image: url("../00005/common/icon/undo.gif");
}
#i-wrapper .fa-angle-right {
	background-image: url("../00005/common/icon/angle-right.gif");
}
#i-wrapper .fa-arrows-alt {
	background-image: url("../00005/common/icon/alt.gif");
}
#i-wrapper .fa-arrow-circle-right {
	background-image: url("../00005/common/icon/circle-right-gray.gif");
	padding: 0.5em 0.2em;
}
#i-wrapper .fa-arrow-circle-down {
	background-image: url("../00005/common/icon/circle-down-gray.gif");
	padding: 0.5em 0.2em;
}
#i-wrapper dd .fa-arrow-circle-right {
	background-image: url("../00005/common/icon/circle-right-white.gif");
}
#i-wrapper dd .fa-arrow-circle-down {
	background-image: url("../00005/common/icon/circle-down-white.gif");
}
#i-wrapper .fa-arrow-up {
	background-image: url("../00005/common/icon/arrow-up.gif");
}

#i-wrapper #breadcrumbs .fa-angle-right {
	margin-top: -5px;
}
body #i-wrapper #i-contents .btn-accordion .fa-plus,
body #i-wrapper #i-contents .btn-accordion .fa-minus {
	background-position: left 7px;
}
#main-links .green-border-head .btn-sortable i {
	background-position: center center;
	margin-top: -4px;
}
#pagetop i {
	margin-top: -6px;
}
body #i-wrapper #i-contents .btn-back i {
	background-size: 90% auto;
	/*background-position: left top;*/
	background-position: left center;
}


/**********************************************************
新種Webページ「サイバーリスクの脅威と保険」
***********************************************************/
.width-70 {
    width: 70%;
}
.width-30 {
    width: 30%;
}
#contents-detail .no-line {
    border: none;
}
#cyber td.left {
    padding: 0 30px 0 0;
}
#cyber .right p, #douga .right p {
    padding: 10px;
    background: #FFF;
    border: 1px solid #78909c;
	text-align: center;
}
#cyber .right, #bnr .right, #douga .right {
    max-width: 370px;
}
.padding-right25 {
    padding-right: 25%;
}
#bnr .right p {
    padding: 10px 4px 2px 6px;
    background: #FFF;
    border: 1px solid #78909c;
	text-align: center;
}
.bg-white-outline-blue {
    padding: 10px;
    background: #FFF;
    border: 1px solid #78909c;
}
.width-30 .bg-white-outline-blue {
    padding: 10px 2px 4px 6px;
    background: #FFF;
    border: 1px solid #78909c;
}

/* *************************************
エラーページ
****************************************/
#i-wrapper #error {
	background-color: #fff;
	border-radius: 3px;
	text-align: center;
	border: 1px solid #cfdbd9;
	behavior: url(PIE.htc);
}
#i-wrapper #error h1 {
	background-color: #128474;
    color: #fff;
    text-align: center;
    padding: 12px 15px 13px;
    font-size: 18px;
    line-height: 1.5em;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 30px;
	behavior: url(PIE.htc);
}
#i-wrapper #error p {
	margin-bottom: 30px;
}
#i-wrapper #error p.error-link a {
	display: block;
	width: 150px;
	height: 38px;
    line-height: 38px;
    border: 1px solid #bbb;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
	font-size: 14px;
    font-weight: normal;
    behavior: url(PIE.htc);
	margin: 0 auto;
}
#i-wrapper #error p.error-link a i.fa-arrow-circle-right {
	background-image: url(../00005/common/icon/circle-right-white.gif);
	padding: 0.5em;
	margin-right: 5px;
}

/**********************************************************
ie8のみのcss
***********************************************************/
@media \0screen {
#sample {
bottom: auto;
left: auto;
}
a {
position: static;
}
/*table .tbl-width-250 {
width: 150px;
}*/
}