@charset "utf-8";

#content h1 {
 padding:1px;
 border-bottom:1px solid #C3C3C3;
 font-size:152%;
}

#content h1 span {
 display:block;
 padding:25px 15px;
 border-top:4px solid #8fc31f;
 background-position:right top;
 background-repeat:no-repeat;
}
.cat1 #content h1 span { background-image:url(../images/ctop1.jpg);}
.cat2 #content h1 span { background-image:url(../images/ctop2.jpg);}
.cat3 #content h1 span { background-image:url(../images/ctop3.jpg);}
.cat4 #content h1 span { background-image:url(../images/ctop4.jpg);}
.cat5 #content h1 span { background-image:url(../images/ctop5.jpg);}

.cat1 #content h1 span,
.cat2 #content h1 span,
.cat3 #content h1 span,
.cat4 #content h1 span,
.cat5 #content h1 span {
 padding:56px 14px;
}


#content h2 {
 margin-top:2em;
 margin-bottom:1.2em;
 padding:10px;
 color:#8fc31f;
 background:url(../images/h2_bg.gif) left top no-repeat;
 background-size:100%;
 font-size:122%;
}
#content h2 span {
 display:block;
 padding-left:6px;
 border-left:5px solid #8fc31f;
}

#content h3 {
 margin-top:1.6em;
 margin-bottom:1em;
 padding-bottom:5px;
 border-bottom:3px solid #8fc31f;
 font-size:16px;
}

#content h4 {
 margin-top:30px;
 font-size:16px;
}

#other #content h3 {
	margin-bottom:0;
	} 

/*-------------------------------*/
#content p {
 margin-top:20px;
 line-height:1.7;
}
#content p.caption {
 margin-top:.5em;
 line-height:1.4;
}

#content p.caption_s {
 margin-top:.5em;
 line-height:1.4;
 font-size:12px;
}



/*-------------------------------*/
a{text-decoration:underline;}
a:link,a:visited,a:active{color:#709918;}

a.iconPdf,
a.iconDoc,
a.iconXls,
a.iconBlank,
#lnav li span,
#sitemap li span,
#ctop #content #contentIndex dt a span {
 margin-right:3px;
 padding-right:15px;
 background-repeat:no-repeat;
 background-position:center right;
}
a.iconPdf { background-image:url(../images/for_ico_pdf.gif);}
a.iconDoc { background-image:url(../images/for_ico_doc.gif);}
a.iconXls { background-image:url(../images/for_ico_xls.gif);}
a.iconBlank,
#lnav li span,
#sitemap li span,
#ctop #content #contentIndex dt a span { background-image:url(../images/for_ico_blank.gif);}

/*-------------------------------*/
#content ul {
	clear:both;
 margin-top:1em;
	padding-left:1.6em;
 list-style:disc inside;
}
#content ul li {
 margin-top:.6em;
 line-height:1.7;
 padding-left: 1em;
}
#content ul li ul {
 margin-top:0;
 margin-left:2.6em;
}
#content ul li ul li {
}

#content ul.listCheck1 {
	padding-left:0;
 list-style:none;
}
#content ul.listCheck1 li,#content p.listCheck1 {
	position: relative;
	padding-left:1.4em;
}
#content ul.listCheck1 li span,#content p.listCheck1 span {
 margin-left:-1.4em;
 position: absolute;
}

#content ul.listCheck2 {
	padding-left:0;
 list-style:none;
}
#content ul.listCheck2 li {
	position: relative;
	padding-left:2em;
}
#content ul.listCheck2 li span {
 margin-left:-2em;
 position: absolute;
}

#content ul.listLink,#content ul.listLink ul {
 list-style:none;
	padding:0;
}
#content ul.listLink li,#content ul.listLink li li,#content p.listLink,#content span#legacy {
 padding-left:19px;
	background:url(../images/for_ico_link.gif) left .3em no-repeat;
 _list-style:outside;
}


#content ul.listAnchor {
 padding-left:0;
}
#content ul.listAnchor li {
 display:inline;
 padding-right:.5em;
}
#content ul.listAnchor li a {
 padding-left:18px;
 background:url(../images/for_ico_anchor.gif) left top no-repeat;
}

#content p.listButton {
 padding-left:0;
 line-height:1;
 margin-top:30px;
}
#content p.listButton a {
 display:block;
 float:left;
 margin-right:6px;
 padding:6px;
 padding-left:18px;
 border:3px solid #E3EEF0;
 background:#8fc31f url(../images/for_ico_button.gif) 7px center no-repeat;
 color:#FFFFFF;
 text-decoration:none;
}
#content p.listButton a.alignCenter {
	float:none;
	margin:0 auto;
	width:12em;
	text-align:center;
}
#content p.listButton a.alignRight {
	float:right;
}

/*-------------------------------*/
#content ol {
	clear:both;
 margin-top:1em;
	padding-left:1.6em;
 list-style:decimal outside;
}
#content ol li {
 line-height:1.6;
    margin-bottom: 15px;
}
#content li ol,#content li ul {
 margin-top:0;
 margin-left:1.6em;
	padding:0;
}
#content ol li ol li,#content ol li ul li {
 margin:.3em 0;
}

/*-------------------------------*/
#content dl {
	clear:both;
 margin-top:1em;
}
#content dl dt {
 margin-top:.4em;
 line-height:1.7;
}
#content dl dd {
 margin-top:.4em;
 margin-left:.6em;
 padding-left:.6em;
	border-left:1px solid #CCCCCC;
 line-height:1.4;
}

#content dl.defNews,#content div.defNews dl {
 position:relative;
	margin:0;
 padding-top:1em;
}

#content dl.defNews a {
	text-decoration:none;
	}

#content dl.defNews dt,#content div.defNews dt {
 position:absolute;
	width:7em;
	padding-bottom:.4em;
 line-height:1.4;
 margin-top:15px;
}
#content dl.defNews dd,#content div.defNews dd {
	padding-left:7em;
	padding-top:10px;
	padding-bottom:15px;
	border-bottom:1px dotted #8fc31f;
	border-left:none;
	margin-left:0;
 line-height:1.4;
}

#content dl.defBook,#content div.defBook dl {
 position:relative;
	margin:0;
 margin-top:1em;
}
#content dl.defBook dt,#content div.defBook dt {
 float:left;
 width:33.333%;
 margin:0;
}
#content dl.defBook dd,#content div.defBook dd {
 float:right;
 width:62%;
 margin:0;
 padding:0;
 border:0;
}

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

#content dl.defNews dd,#content div.defNews dd {
	padding-left:6em;
}
	
	}

/*-------------------------------*/
#content li p,#content li ul,#content li ol {
 margin-top:0;
}

/*-------------------------------*/
#content table {
	clear:both;
 margin-top:1em;
 background-color:#CCCCCC;
}

#content table th,#content table td {
	padding: 3px 6px 3px 5px;
 border-left:1px solid #FFFFFF;
 border-top:1px solid #FFFFFF;
 background-color:#FFFFFF;
	line-height:1.6;
}

#content table thead th {
 background-color:#999999 !important;
	color:#FFFFFF;
	font-weight:bold;
}
#content table thead td {
 background-color:#F2F2F2;
}
#content table tbody th {
 background-color:#E8E8E8;
}

#content table.tableLine {
 border-collapse:collapse;
 border:none;
 border-top:1px solid #BBBBBB;
 border-bottom:1px solid #BBBBBB;
 background-color:#FFFFFF;
}
#content table.tableLine th,#content table.tableLine td {
 border:none;
 border-bottom:1px dotted #BBBBBB;
}
#content table.tableLine thead th {
 background-color:#E7E7E7;
}
#content table.tableLine thead td {
 background-color:#FFFFFF;
}
#content table.tableLine tbody th {
 background-color:#E7E7E7;
}

#content table.tableNone {
 border:none;
 border-collapse:collapse;
 background-color:#FFFFFF; 
}
#content table.tableNone th,#content table.tableNone td {
 border:none;
	padding:0;
	background-color:#FFFFFF;
}

#content table h3,#content table h4,#content table h5,#content table p,
#content table ul,#content table ol,#content table dl {
 margin-top:0 !important;
 margin-bottom:0 !important;
}

/*-------------------------------*/
div.floatLeft,img.floatLeft {
 float:left;
	clear:left;
	margin:0 10px 5px 0;
}

div.floatRight,img.floatRight {
 float:right;
	clear:right;
	margin:0 0 5px 10px;
}

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

div.floatLeft,img.floatLeft,
div.floatRight,img.floatRight {
	float:none;
	margin:15px auto;
	text-align:center;
	}
	
		}

#content div.floatLeft dl dd,#content div.floatRight dl dd {
	margin:0;
	padding:0;
	border:0;
}

/*-------------------------------*/
#content iframe {
 margin-top:1em;
}

/*-------------------------------*/
.alignCenter {
 text-align:center;
}
.alignRight {
 text-align:right;
}

.aR-span span {
	float:right;
	}
.valignMiddle {
 vertical-align:middle;
}	

/*-------------------------------*/
.columnNews {
 margin-top:20px;
 border:1px solid #CCCCCC;
 padding: 20px;
}

.columnNews2 {
 margin-top:20px;
 border:2px solid #8fc31f;
 padding:15px;
}

.columnNews3 {
	background-color:#fff7e5;
	padding:20px;
	}

.columnNews4 {
	background-color:#f5f5f5;
	padding:20px;
	}

.flex-02 {
	display:flex;
	flex-wrap:wrap;
	}

.flex-02 > div {
	width:60%;
	margin-right:4%;
	}

.flex-02 figure {
	width:35%;
	}

#content .columnNews h2 {
 margin:0;
 background:none;
 background:url(../images/h2_bg3.gif) left top repeat-x;
 border-bottom:3px solid #8fc31f;
 color:#333333;
}

.columnNewsInner {
 padding:10px;
 padding-bottom:0;
}
.columnNewsLeft {
 float:left;
 width:318px;
}
.columnNewsRight {
 float:right;
 width:318px;
}

#content .columnNews dl {
 margin:0;
 padding:0;
}
#content .columnNews dt {
 float:left;
 width:100px;
 margin:0;
 padding:0;
}
#content .columnNews dd {
 float:right;
 width:208px;
 margin:0;
 padding:0;
 border:0;
 line-height:1.2;
}
#content .columnNews dd  h3 {
 margin:0;
 border:0;
}
#content .columnNews dd  p {
 margin:0;
 border:0;
}

/*-------------------------------*/
.columnNote {
	margin-top:10px;
	font-weight:bold;
	font-size:92%;
}

/*-------------------------------*/
#content .columnRelated ul {
	list-style:none !important;
	margin:0;
	padding:0;
}
#content .columnRelated li {
	float:left;
	width:223px;
	margin:0;
	margin-bottom:5px;
	padding:0 !important;
	text-align:center;
	background:none !important;
}

@media screen and (max-width: 834px) {
	
.flex-02 > div {
	width:100%;
	margin-right:0;
	margin-bottom:20px;
	}

.flex-02 figure {
	width:100%;
	}	
	
}

@media screen and (max-width: 480px) {
	
#content .columnRelated li {
	float:none;
	width:100%;
	margin:15px auto;
	}
	
}

/*-------------------------------*/
div.sectionLeft {
 float:left;
	margin-right:20px;
}
div.sectionCenter {
 float:left;
}
div.sectionRight {
 float:right;
}
div.section2 div.sectionLeft,div.section2 div.sectionRight { width:48%;}
div.section3 div.sectionLeft,div.section3 div.sectionRight,div.section3 div.sectionCenter { width:32%;}

div.section31 div.sectionLeft,div.section13 div.sectionRight { width:70%;}
div.section13 div.sectionLeft,div.section31 div.sectionRight { width:25%;}

div.section21 div.sectionLeft,div.section12 div.sectionRight { width:430px;}
div.section12 div.sectionLeft,div.section21 div.sectionRight { width:220px;}

div.section21_y div.sectionLeft,div.section12_y div.sectionRight { width:41.0958904%;}
div.section12_y div.sectionLeft,div.section21_y div.sectionRight { width:54.7945205%;}

div.section11 div.sectionLeft,div.section11 div.sectionRight { width:325px;}

div.section41 div.sectionLeft { width:400px;}

div.section31.visit_boshu div.sectionLeft {
	width:66%;
	}

/*-------------------------------*/

span.btn_01 {
    background: #e57e17 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
	margin:10px 10px 10px 0;
}

span.btn_02 {
    background: #cc2929 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
	margin:10px 10px 10px 0;
}

span.btn_03 {
    background: #47991f none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
	margin:10px 10px 10px 0;
}

span.btn_04 {
    background: #1f4799 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
	margin:10px 10px 10px 0;
}

div#contribution dl dt {
	padding: 10px 10px 10px 20px !important; ;
	}
	
div#contribution div#case span a:link, div#contribution div#case span a:visited, div#contribution div#case span a:active {
	color: #fff;
	}
	
div#contribution div#case span.prop a:link, div#contribution div#case span.prop a:visited, div#contribution div#case span.prop a:active {
	color: #709918;
	}
	

div#howto ul li {
	float:left;
	margin:0 15px 0 0;
	}
	
div#case ul {
	list-style:inside;
	}
	
div#case span.case,div#case span.prop{
	display:inline-block;
	width:230px;
	}
	
div#case span.treat {
	display:inline-block;
	width:125px;
	}
	
div#case span.treat-2 {
	display:inline-block;
	width:95px;
	}

@media screen and (max-width: 480px) {
	
div#howto ul li {
	float:none;
	margin:0 0 15px 0;
	}

div#howto ul li:last-child {
	margin-bottom:0;
	}

.izou-pamphlet .floatLeft {
	text-align:left;
	}

div.section31 div.sectionLeft,div.section13 div.sectionRight { width:100%;}
div.section13 div.sectionLeft,div.section31 div.sectionRight { width:100%;}

div.section21 div.sectionLeft,div.section12 div.sectionRight { width:100%;}
div.section12 div.sectionLeft,div.section21 div.sectionRight { width:100%;}

div.section21_y div.sectionLeft,div.section12_y div.sectionRight { width:100%;}
div.section12_y div.sectionLeft,div.section21_y div.sectionRight { width:100%;}

div.section11 div.sectionLeft,div.section11 div.sectionRight { width:100%;}

div.section41 div.sectionLeft { width:100%;}


div.section31 .sectionLeft {
	text-align:left;
	}

.sectionRight {
	text-align:center;
	}

div.section31.visit_boshu div.sectionLeft {
	width:100%;
	}

div.section31.visit_boshu div.sectionRight {
	margin:0 auto;
	}

	
	}
	
/*-------------------------------*/

.border-dot {
	border-bottom: 1px dotted #8fc31f;
	}
	
.line-through {
	text-decoration: line-through;
	}
	
/* SNS */


#content #sns-area,
#content #sns-area .sns-btn li {
	margin-top:0;
}

#content #sns-area .sns-btn li {
	float:right;
	margin-left:10px;
	list-style:none;
}

#content #sns-area .sns-btn li iframe {
	margin-top:0;
}


/*-------------------------------*/

/* margin調整用 */

.mt0 { margin-top:0 !important; }
.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; }
.mb0 { margin-bottom:0 !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; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:55px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.mr0 { margin-right:0 !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mauto { margin:auto !important; }
.m5 { margin:5px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }


/* padding調整用 */

.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }
.pl0 { padding-left:0 !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pr0 { padding-right:0 !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.p5 { padding:5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }

/* font-size
---------------------------------------------------------------------------------------------------- */
.f65{font-size:65%;}
.f75{font-size:75%;}
.f80{font-size:80%;}
.f85{font-size:85%;}
.f90{font-size:90%;}
.f95{font-size:95%;}
.f100{font-size:100%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}
.f140{font-size:140%;}