@charset "utf-8";

#main #article {
	margin-bottom: 15px;
}
#main .section {
	margin-bottom: 30px;
	display: block;
	clear: both;
}
.date_text {
    text-align:right;
    margin:1em 0;
}
.index_link_block {
    clear:both;
    border:1px solid #ccc;
}
.index_link_block .section_link {
    margin-top:1em;
}
.index_link_block ul,
.index_link_block ol {
	margin:0 10px 20px 50px;
}
.index_link_block ul li,
.index_link_block ol li {
    padding-bottom:5px;
}
.index_link_block .mark_labelA {
    margin-left:1em;
}

#article .index_link_block p.url {
	margin:20px 10px;
	font-size:137.5%;
}
#article .index_link_block p {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.index_link_title {
    border-bottom:1px solid #ccc;
    font-weight:normal;
    font-size:1.0em;
    padding:7px 15px;
    background:#f4f4f4;
}
#article p {
	margin: 0 0 15px;
	line-height: 1.8em;
    /*text-align:justify; inliene_centerが効かなくなる元凶だったのでコメントアウトしています*/
}



#article section {
    margin-bottom:2em;
}
#article .title_block {
    border-top: 5px solid #050c8a;
    border-bottom: 5px solid #050c8a;
    padding:0.75em 0;
    margin-bottom:1em;
}
#article .title_block.column {
    padding:0;
    border-bottom:none;
}
#article .title_block .section_title {
    font-size:1.5em;
}
#article .title_block p {
    margin-bottom:0;
}
#article .section_sub_title {
    color: #050c8a;
    font-size:1.25em;
    margin:1em 0;
}
#article dl dt {
    font-weight:bold;
}
#article dl dd {
    margin-left:20px;
    margin-bottom:1em;
}

/*テーブル風の横並び定義リスト*/
#article .body section dl.table_like {
 margin-bottom: 15px;
}
#article .body section dl.table_like dt,
#article .body section dl.table_like dd {
 margin: 0;
 padding: 0;
}
#article .body section dl.table_like {
 background-color: #333;
 border: 1px solid #999;
 border-top: none;
width:auto;
}
#article .body section dl.table_like dt {
 color: #fff;
 width: 7em;
 padding: 0.5em 0 0.5em 0;
 border-top: 1px solid #999;
 float: left;
 text-align:center;
}
#article .body section dl.table_like dd {
 background-color: #FFF;
 margin: 0 0 0 7em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}
/*テーブル風の横並び定義リスト スマホの場合縦組みに変化*/
#article .body section dl.table_like.tate_sp {
 margin-bottom: 15px;
}
#article .body section dl.table_like.tate_sp dt,
#article .body section dl.table_like.tate_sp dd {
 margin: 0;
 padding: 0;
}
#article .body section dl.table_like.tate_sp {
 background-color: #333;
 border: 1px solid #999;
 border-top: none;
 width:auto;
}
#article .body section dl.table_like.tate_sp dt {
 color: #fff;
 padding: 0.5em;
 border-top: 1px solid #999;
 float: none;
 text-align:center;
 width:auto;
}
#article .body section dl.table_like.tate_sp dd {
 background-color: #FFF;
 margin: 0;
 padding: 0.5em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){

#article .body section dl.table_like.tate_sp {
 background-color: #333;
 border: 1px solid #999;
 border-top: none;
width:100%;
}
#article .body section dl.table_like.tate_sp dt {
 color: #fff!important;
 width: 7em;
 padding: 0.5em 0 0.5em 0;
 border-top: 1px solid #999;
 float: left!important;
 text-align:center;
}
#article .body section dl.table_like.tate_sp dd {
 background-color: #FFF;
 margin: 0 0 0 7em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #999;
 border-left: 1px solid #999;
}
}
#article .img_center {
    text-align:center;
    margin:2em 0;
}
.contact_block {
    border:1px solid #f1f1f1;
    background:#f6f6f6;
    margin:1em 0;
}
.contact_title {
    font-weight:bold;
    font-size:1.25em;
}
.case_block {
    border-top:1px solid #ccc;
    padding-top:1.5em;
    position:relative;
    margin-bottom:2em;
}
#article .case_block p:first-child {
    margin-bottom:0;
}
.case_title {
    font-weight:normal;
    font-size:1.5em;
    margin-bottom:1em;
}
#article .qa_block dt {
    border-top:1px solid #ccc;
    background: url(../images/common/icon_Q.png) no-repeat left 23px;
    padding: 20px 0 0 25px;
}
#article .qa_block dd {
    background: url(../images/common/icon_A.png) no-repeat left 13px;
    padding: 10px 0 0 25px;
    margin:0 0 20px 0;
}

.article_title {
	font-size:1.75em;
	margin-bottom:0.5em;
	text-align: center;
}
#article h1.article_title span.h1_small {
	font-size:65%;
}



.socialBar {
    margin-bottom: 1em;
    text-align: left;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
    #article {
        width:717px;
        float:left;
    }
    #article .body {
        position:relative;
    }
    #article .body .btn_print {
        position:absolute;
        right:10px;
        top:10px;
    }
	.article_title {
		font-size:2em;
		margin-bottom:0.5em;
		text-align: center;
	}
	#article h1.article_title span.h1_small {
		font-size:75%;
	}
	#article .section p {
		margin: 0 15px 15px;
	}

    .img_right {
    float:right;
    padding:0 0 1em 1em;
    }
    .contact_block {
    padding:1em 3em;
    }
	.contact_block ul {
	margin-bottom:15px;
	}
	.contact_block ul li {
    background-image: url(../images/common/ico_arrow08.png);
    background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left:18px;
	}
	.contact_block ul li a {
	background-image:none;
	padding-left:0;
	}
	.contact_block.kakomi_light ul.list_style_disk li {
	background-image:none;
	padding-left:0;
	}
		
    .case_block .case_photo {
        position:absolute;
        right:0;
        top:20px;
    }
    #section1,
    #section2,
    #section3,
    #section4,
	#section5,
	#section6,
	#section7,
    #column1,
    #column2,
    #column3 {
        margin-top: -81px; /* 固定ナビの高さ分のネガティブマージン */
        padding-top: 81px; /* 打ち消し用のパディング */
    }
}

#article .pict {
	margin: 0 0 15px;
}
#article .left {
	float: left;
}
#article .right {
	float: right;
}
#article .center {
	text-align: center;
}

/************************************************
 .lead
************************************************/

#article .section.lead p {
}
#article .section.lead .pict img {
	width: 100%;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#article .section.lead p {
		float: left;
		width: 475px;
	}

	#article .section.lead .pict {
		float: right;
	}
	#article .section.lead .pict img {
		width: 212px;
	}
}

/************************************************
 .sentence
************************************************/

#article .section.sentence h2 {
	border: 1px solid #d3dee8;
	background: #f6f6f6;
	position: relative;
	font-size: 120%;
	padding: 5px 0 5px 15px;
	width: calc( 100% - 15px );
	margin-bottom: 15px;
}
#article .section.sentence h2:after {
	content: "";
	background: #cacaca;
	position: absolute;
	left: -1px;
	top: -1px;
	min-height: 39px;
	height: calc( 100% + 2px );
	width: 8px;
	display: block;
}

#article .section.sentence h3 {
	position: relative;
	font-size: 110%;
	padding: 0 15px 0 15px;
	width: calc( 100% - 30px );
	margin-bottom: 30px;
	border-left: 10px solid #050c8a;
}

#article .section.sentence h4 {
	position: relative;
	font-size: 110%;
	padding: 0 15px 0 15px;
	width: calc( 100% - 30px );
	margin-bottom: 15px;
	border-left: 10px solid #cacaca;
}
#article .section.sentence ul,
#article .body ul.link_no,
#article .body ul.link_list_a {
	margin: 0 15px 30px 15px;
}
#article .section.sentence ul li,
#article .body ul.link_no li {
	margin: 0 0 15px;
	font-size: 90%;
	line-height: 1.6em;
	list-style: outside none none;
	list-style-type: disc;
	position: relative;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#article .section.sentence ul {
		margin: 0 0 30px 35px;
	}
}

/************************************************
 .bg01
************************************************/

#main .section.bg01 {
	border: 1px solid #d3dee8;
	position: relative;
}
#main .section.bg01:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 98%;
	height: 98%;
	width: calc( 100% - 10px );
	height: calc( 100% - 10px );
	background-image: url(../images/common/h_bg3.jpg);
	z-index: -1;
}
/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#main .section.bg01:after {
		width: 705px;
	}
}

#main .section.bg01 h2 {
	position: relative;
	font-size: 110%;
	padding: 15px 15px 10px 30px;
	border-bottom: 1px solid #d3dee8;
}
#main .section.bg01 h2:after {
	content: "";
	background: #050c8a;
	position: absolute;
	left: 15px;
	top: 15px;
	height: 24px;
	width: 5px;
	display: block;
}


/************************************************
 .bg02
************************************************/

#main .section.bg02 {
	border: 1px solid #d3dee8;
	position: relative;
}
#main .section.bg02:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 98%;
	height: 98%;
	width: calc( 100% - 10px );
	height: calc( 100% - 10px );
	background-image: url(../images/common/h_bg4.jpg);
	z-index: -1;
}
/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#main .section.bg02:after {
		width: 705px;
	}
}

#main .section.bg02 h2 {
	position: relative;
	font-size: 110%;
	padding: 15px 0 10px 25px;
	border-bottom: 1px solid #d3dee8;
}


/************************************************
 .pager
************************************************/

#main .section.pager {
	padding: 20px 0 5px;
	text-align: center;
	border: 1px solid #d3dee8;
}

#main .section.pager .next_link {
	font-size: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	margin-bottom: 12px;
	padding: 0 15px;
	font-weight: bold;
}
#main .section.pager .next_link span {
	font-size: 76%;
	margin-right: 15px;
}

#main .section.pager .page_link {
	margin: 10px auto;
	display: table;
	padding: 0 10px;
}
#main .section.pager .page_link ul {
	display: table-cell;
}
#main .section.pager .page_link ul li {
	text-align: center;
	vertical-align: middle;
	float: left;
	margin: 5px 5px 5px;
}
#main .section.pager .page_link ul li a {
	padding: 10px;
	border: 1px solid #d3dee8;
	display: block;
	line-height: 1em;
	font-size: 80%;
}
#main .section.pager .page_link ul li.here a,
#main .section.pager .page_link ul li a:hover {
	text-decoration: none;
	background-color: #e9f6ff;
}
#main .section.pager .page_link ul li.digest a {
	background: #00a0d5;
	color: #fff;
	padding: 10px 20px;
}
#main .section.pager .page_link ul li.before a {
	background-color: #0066ff;
	color: #fff;
	padding: 10px 15px;
}
#main .section.pager .page_link ul li.before a img {
	margin: 2px 8px 0 0;
}

#main .section.pager .page_link ul li.next a {
	background-color: #0066ff;
	color: #fff;
	padding: 10px 15px;
}
#main .section.pager .page_link ul li.next a img {
	margin: 2px 0 0 8px;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#main .section.pager {
		padding: 25px 0 15px;
	}

	#main .section.pager .next_link {
		margin-bottom: 15px;
	}
}


/************************************************
 .link_list
************************************************/

#main .link_list {
	margin: 15px 0 30px;
	display: block;
}

#main .link_list h2 {
	position: relative;
	font-size: 100%;
	padding: 0 0 3px 12px;
	border-bottom: 1px solid #d3dee8;
}
#main .link_list h2:after {
	content: "";
	background: #050c8a;
	position: absolute;
	left: 0;
	top: 0;
	height: 22px;
	width: 4px;
	display: block;
}
#main .link_list ul {
	margin: 10px 0;
}

#main .link_list ul li a {
	line-height: 1.8em;
	position: relative;
	padding: 2px 15px 2px 28px;
	font-size: 90%;
	display: block;
}
#main .link_list ul li a:before {
	content: "";
	background-image: url(../images/common/ico_arrow03.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
	left: 14px;
	width: 20px;
	height: 20px;
	display: block;
}




/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
}


/************************************************
 .index
************************************************/

#main .section.index ul {
	margin: 10px 20px;
}
#main .section.index ul li h3 {
	line-height: 1.4em;
	position: relative;
	padding: 3px 5px 2px;
	font-size: 100%;
	display: block;
}
#main .section.index ul li p {
	line-height: 1.4em;
	padding-left: 20px;
	font-size: 80%;
}
#main .section.index .digest {
	margin: 10px 25px 15px;
	font-size: 100%;
	font-weight: bold;
}

/************************************************
 .message
************************************************/

#main .section.message .body {
	margin: 15px 20px;
}
#main .section.message .body h3 {
	font-size: 100%;
	margin-bottom: 12px;
}
#main .section.message .sub {
	margin: 0 5px 15px;
}
#main .section.message .sub .label {
	margin: 0 15px 15px;
}
#main .section.message .sub .pict {
	margin: 0 15px 15px;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#main .section.message {
		position: relative;
	}
	#main .section.message .body {
		margin: 15px 0 30px 30px;
		width: 445px;
		z-index: 100;
		position: relative;
	}
	#main .section.message .body h3 {
		margin: 0 0 15px;
	}
	#main .section.message .body h3 span {
		display: block;
	}
	#main .section.message .body p {
		height: 160px;
		overflow: auto;
		margin: 0;
	}

	#main .section.message .sub {
		position: absolute;
		top: 75px;
		right: 30px;
		width: 300px;
		text-align: right;
	}
	#main .section.message .sub .label {
		font-size: 80%;
		margin: 0 0 10px;
	}
	#main .section.message .sub .pict {
		margin: 0;
	}
}

/************************************************
 .checklist
************************************************/

#main .section.checklist ul {
	margin: 10px 20px 15px;
}
#main .section.checklist ul li {
	line-height: 1.8em;
	position: relative;
	padding: 2px 15px 2px 28px;
}
#main .section.checklist ul li:before {
	content: "";
	background-image: url(../images/common/ico_square.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 7px;
	left: 5px;
	width: 20px;
	height: 20px;
	display: block;
}
#main .section.checklist ul li h3 {
	font-size: 90%;
}
#main .section.checklist ul li p {
	font-size: 80%;
	margin: 0;
}

/************************************************
 .guide
************************************************/

#main .section.guide .body {
	margin: 15px 20px;
}
#main .section.guide .sub {
	margin: 0 5px 15px;
}
#main .section.guide .sub .pict {
	margin: 0 15px 15px;
}

/* 768px以上の記述
------------------*/
@media screen and (min-width:768px){
	#main .section.guide {
		position: relative;
	}
	#main .section.guide .body {
		margin: 15px 0 30px 30px;
		width: 500px;
		height: 200px;
		z-index: 100;
		position: relative;
	}
	#main .section.guide .body p {
		height: 200px;
		overflow: auto;
		margin: 0;
	}

	#main .section.guide .sub {
		position: absolute;
		top: 75px;
		right: 30px;
		width: 140px;
		text-align: right;
	}
	#main .section.guide .sub .pict {
		margin: 0;
	}
}







div.detailsBox02 h4.substitute01 span {
	display: none;
}



/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){

	h4.substitute01 {
		width: auto;
		padding: 1em 0 1em 0.5em;
		background-color: #8C5800;
		clear: both;
	}
	h4.substitute01 span {
		display: block!important;
		font-weight: bold;
		color: #fff;
		text-align: left;
	}
	h4.substitute01 img {
		display: none;
	}
    .btn_print {
        display:none;
    }
    .contact_block {
        padding:1em;
        text-align:left;
    }
	.contact_block ul {
		margin-bottom:15px;
	}
	.contact_block ul li {
    background-image: url(../images/common/ico_arrow08.png);
    background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left:18px;
	}
	.contact_block ul li a {
	background-image:none;
	padding-left:0;
	}
    #section1,
    #section2,
    #section3,
    #section4,
    #column1,
    #column2,
    #column3 {
        margin-top: -81px; /* 固定ナビの高さ分のネガティブマージン */
        padding-top: 81px; /* 打ち消し用のパディング */
    }
}


#column #article h2.sub_category_title span {
    font-size: 60%;
    position: static;
    right: 10px;
    top: 14px;	
}

/************************************************
 PC版で右寄せ、スマホ版で下に移動しセンタリング
************************************************/

.imgOnOf {
    float: none;
    text-align: center;
    width: auto;
}

/* 768px以上の記述
------------------*/
@media print, screen and (min-width:768px){/*←左メディアクエリの記述については、印刷時も右寄せが適用させる記述にしています。*/

.imgOnOf {
    float: right;
    margin: 0 2% 0;
}
}

/************************************************
 PC版で左から5個横並び、スマホ版で2列横並び　1個は横幅150px以上で用意すること
************************************************/
/* 768px以上の記述
------------------*/
@media print, screen and (min-width:768px){/*←左メディアクエリの記述については、印刷時も右寄せが適用させる記述にしています。*/
#article .section.sentence .side_by_side5 {
    margin-bottom: 1.5%;
}

#article .section.sentence .side_by_side5 ul{
    list-style: inside none none;
	margin:0;
}
#article .section.sentence .side_by_side5 ul li {
    display: inline;
    float: left;
	margin:0;
    padding: 1.5%;
    width: 17.0%;
}
}
/* 768px以下の記述
------------------*/
@media only screen and (max-width:767px){/*←左メディアクエリの記述については、印刷時は適用させないようにする記述にしています。*/
#article .section.sentence .side_by_side5 {
    margin-bottom: 1.5%;
}

#article .section.sentence .side_by_side5 ul{
    list-style: inside none none;
}
#article .section.sentence .side_by_side5 ul li {
    display: inline;
    float: left;
	margin:0;
    padding: 2.5%;
    width: 45.0%;
}
}

/************************************************
 .lr　左右並列、スマホ時は縦並びに変更
************************************************/
.lr .l_block {
	width:100%;
}

.lr .r_block {
	width:100%;
}

/* 768px以下の記述
------------------*/
@media only screen and (max-width:767px){/*←左メディアクエリの記述については、印刷時は適用させないようにする記述にしています。*/
	.lr {
		padding:15px 15px 0;
	}	
	.lr .l_block {
		display: block;
		margin-bottom:15px;
	}
	.lr .r_block {
		display: block;
	}
	.wrap #article .lr h5 {
    margin: 30px 0 15px;
    padding: 0 10px;
}
	.lr p img {
	width:100%;
	}
}

/* 768px以上の記述
------------------*/
@media print, screen and (min-width:768px){/*←左メディアクエリの記述については、印刷時も右寄せが適用させる記述にしています。*/
	.lr {
		clear: both;
		margin: 0 0 12px;
		padding:0;
	}

	.lr .l_block {
		float: left;
	}
	.lr .r_block {
		float: right;
	}

	.lr .l_block {
		margin-bottom:15px;
		width: 50%;
	}
	
	.lr .r_block {
		margin-bottom:15px;
		width: 50%;
	}


}

/************************************************
 .lr_80　左右並列、スマホ時は縦並びに変更　幅80％バージョン
************************************************/
.lr_80 .l_block {
	width:80%;
	margin:30px auto 15px;
}

.lr_80 .r_block {
	width:80%;
	margin:30px auto 15px;
}

/* 768px以下の記述
------------------*/
@media only screen and (max-width:767px){/*←左メディアクエリの記述については、印刷時は適用させないようにする記述にしています。*/
	.lr_80 {
		padding:15px auto 0;
	}	
	.lr_80 .l_block {
		display: block;
		margin-bottom:15px;
	}
	.lr_80 .r_block {
		display: block;
	}
	.wrap #article .lr_80 h5 {
    margin: 30px 0 15px;
    padding: 0 10px;
}
	.lr_80 p img {
	width:80%;
	}
}

/* 768px以上の記述
------------------*/
@media print, screen and (min-width:768px){/*←左メディアクエリの記述については、印刷時も右寄せが適用させる記述にしています。*/
	.lr_80 {
		clear: both;
		margin: 0 0 12px;
		padding:0;
	}

	.lr_80 .l_block {
		float: left;
	}
	.lr_80 .r_block {
		float: right;
	}

	.lr_80 .l_block {
		margin:30px 5% 15px;
		width: 40%;
	}
	
	.lr_80 .r_block {
		margin:30px 5% 15px;
		width: 40%;
	}


}

/************************************************
 キャプション用
************************************************/

.img_caption {
	width: 80%;
	margin:0 auto;
	font-size: 90%;
}

/* 768px以下の記述
------------------*/
@media screen and (max-width:767px){
	.img_caption {
	width: 100%;
	}
}

/************************************************
 囲み .bg02　グレー
************************************************/

#article .body section .section.bg02 {
    padding: 15px;
	background: repeating-linear-gradient(-45deg, #eff0f2, #eff0f2 2px, #fff 0, #fff 3px);
	border: 1px solid #d3dee8;
	width:inherit;
	margin-top: 0;
    padding-top: 15px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

#article .body section .section.bg02::after {
    width: 677px;
}

#article .body section .section.bg02::after {
    border: 4px solid #fff;
    content: "";
    height: calc(100% - 8px);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 8px);
    z-index: -1;
}

#article .section.bg02 .title_block.column p.mark_labelA {
	margin:0 15px 15px 0;
}
#article .section.bg02 .title_block.column {
	border-bottom: 1px solid #ccc;
}
#article .section.bg02 .title_block.column {
	background-color:#fff;
}
#article .section.bg02 .title_block.column h2.section_title {
	font-size: 1.5em;
	padding-left: 15px;
}

#article section h3.section_subtitle {

    background: #f0f0f0 none repeat scroll 0 0;
    font-weight: bold;
	font-size: 112.5%;
    margin: 0 0 15px;
    padding: 8px;
	line-height: 1.2;
}
#article section h3.section_subtitle span {
    border-left: 5px solid #050c8a;
    display: block;
    padding: 0 0 0 8px;
}
#article .body section h3.border_left,
#article section .section.bg02 h3 {
    border-bottom: 1px dotted #cccccc;
    /*color: #666666;*/
    font-size: 125.0%;
	margin: 0 15px 15px;
    padding: 0 0 6px 11px;
    position: relative;
}
#article .body section h3.border_left {
	margin: 0 0 15px;
}
#article .body section h3.border_left::before,
#article section .section.bg02 h3::before {
    border-left: 5px solid #050c8a;
    content: "";
    display: inline-block;
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
}
#article section .section.bg02.kakomi_gray dl,
#article .body section dl {
margin: 0 15px 15px;
}
#article section .section.bg02.kakomi_gray dl dt,
#article .body section dl dt {
	color:#050c8a;
}
#article section .section.bg02.kakomi_gray dl dd,
#article .body section dl dd {
	margin:0 0 15px;
}

hr.arrow_flow-next {
    background: rgba(0, 0, 0, 0)  url(../images/common/icon_arrow_flow-next.png) repeat scroll 0 0 / contain ;
    border: medium none;
    height: 20px;
    margin: 0 auto 15px;
    padding: 0;
    width: 51px;
}
@media only screen and (max-width:767px){
	#article section h3.section_subtitle {
    font-weight: normal;
	font-size: 100.0%;
    margin: 0 0 10px;
	}


#article section .section.bg02 h3 {
    font-size: 112.5%;
	margin: 0 0 15px;
}
#article section .section.bg02 h3::before {
    height: 18px;

    position: absolute;
}
#article section .section.bg02.kakomi_gray dl,
#article .body section dl {
margin: 0 0 15px;
}
}
#article .body section .section.bg02 ul.checkbox li {
    background-image: url("../img/common/li_checkbox.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position:15px 14px;
	background-repeat:no-repeat;
    padding: 10px 0 0 30px;
}