@charset "UTF-8";
/* =======================================================
	CSS Reset
   ======================================================= */
#main-box div.pad { padding-bottom: 0px !important; }
body div.contents { width: 100%; border-top: 2px solid #E60012; margin-bottom: 30px; }

/* =======================================================
	article
   ======================================================= */
	body div.contents div.article { float: right !important; width:870px !important;  display: table-cell !important; }
	body div.contents div.article:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }


/* =======================================================
	pageHeader
   ======================================================= */
	body div.contents div.article div.pageHeader div.pageName{ padding-top: 20px; }
	body div.contents div.article div.pageHeader div.pageTitleArea { width: 830px !important: margin: auto; border-bottom: 1px dotted #ffffff !important; }
	body div.contents div.article div.pageHeader p.pageTitle { padding-top: 10px; padding-left:20px; font-size: 40px !important; font-weight: bold; line-height: 44px !important; text-indent: 0em; color: #ffffff; background: rbga( 255,255,255,1.0); }

	body div.contents div.article div.pageHeader p.pageTitle2size{ padding-top: 10px; padding-left:20px; background: rbga( 255,255,255,1.0); border-bottom:1px dotted #ffffff; }
	body div.contents div.article div.pageHeader span.pageTitleBig { font-size: 36px !important; font-weight: bold; line-height: 1.25; text-indent: 0em;  color: #ffffff; padding-top:5px !important; }
	body div.contents div.article div.pageHeader span.pageTitleSmall { font-size: 24px !important; font-weight: bold; line-height: 1; text-indent: 0em;  color: #ffffff;}

	body div.contents div.article div.pageHeader p.pageRead { font-size: 15px !important; line-height: 27.5px !important;text-indent: 0em ; color: #ffffff; padding: 0px 20px 5px; margin: 5px 20px 5px; }
	body div.contents div.article div.pageHeader div.pageImg01 { padding-left: 20px; float: left; vertical-align:top;}
	body div.contents div.article div.pageHeader div.pageImg02 { padding-right: 20px; float: right; padding-bottom:10px; }

/* =======================================================
	articleBody
   ======================================================= */
	div.contents div.articleBody div.textBox { border-bottom: 1px dotted #000000; padding-bottom:20px; margin-bottom:20px; }

/* =======================================================
	p
   ======================================================= */
	p { text-align: justify; _text-align: justify; text-justify: inter-ideograph !important; }
	p.textNormal { text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 20px; }
	p.textMiddle { text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 18px; }
	p.text110{ text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 20px;  font-size:110%;}
	p.textSmall { text-indent: 0em ; color: #000000; margin: 0px; text-align: justify; _text-align:justify; text-justify:inter-ideograph; }
	span.textNormal { text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 20px; }
	span.textMiddle { text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 20px; }
	span.text110 { text-indent: 0em ; color: #000000; paddung: 0px; margin: 0px auto 20px; font-size:110%;}
	span.textSmall { text-indent: 0em ; color: #000000; margin: 0px; text-align: justify; _text-align:justify; text-justify:inter-ideograph; }
	div p img { vertical-align: -4px; }

/* =======================================================
	sp_menu.css
   ======================================================= */
	body div#sp_menu { z-index: 2; padding:0px; margin: 0px auto 0px; }
	body div.contents div.article { z-index: 1; }


/* =======================================================
	div.leftnav
   ======================================================= */
body div.contents div.leftnav { background: #F0FAFF; width: 280px; text-align: center; float: left; padding-bottom: 30px; position: relative; top: 0px; bottom: 0px; }
body div.contents div.leftnav div.cate { width: 269px; margin: auto; } 
body div.contents div.leftnav div.cate div.end { border-bottom:1px solid #dfdfdf; width:269px; margin-bottom:20px; } 

/* =======================================================
	注釈リスト表示
   ======================================================= */
ul.cautionSmall { font-size: 0.8rem; margin-left: -10px !important; margin-top:15px !important; }
ul.cautionSmall li { line-height: 1.8; }
li.cautionSmall_0,li.cautionSmall_a,li.cautionSmall_c,li.cautionSmall_d,li.cautionSmall_e,li.cautionSmall_f,li.cautionSmall_g,li.cautionSmall_h { list-style: outside none none; margin: 5px 0 0; padding-left: 0.2em; position: relative;
}
li.cautionSmall_1, li.cautionSmall_2, li.cautionSmall_3, li.cautionSmall_4, li.cautionSmall_5, li.cautionSmall_6, li.cautionSmall_7, li.cautionSmall_8, li.cautionSmall_9, li.cautionSmall_b {
    list-style: outside none none;
    margin: 5px 0 0;
    padding-left: 1.0em;
    position: relative;
}

li.cautionSmall_2blue {
    list-style: outside none none;
    margin: 5px 0 0;
    padding-left: 1.0em;
    position: relative; color:#00AFEC;
}
li.cautionSmall_0::before { content: "※"; left: -1.2em; position: absolute; }
li.cautionSmall_1::before { content: "※1"; left: -1.2em; position: absolute; }
li.cautionSmall_2::before { content: "※2"; left: -1.2em; position: absolute; }
li.cautionSmall_2blue::before { content: "※2"; left: -1.2em; position: absolute; color:#00AFEC; }
li.cautionSmall_3::before { content: "※3"; left: -1.2em; position: absolute; }
li.cautionSmall_4::before { content: "※4"; left: -1.2em; position: absolute; }
li.cautionSmall_5::before { content: "※5"; left: -1.2em; position: absolute; }
li.cautionSmall_6::before { content: "※6"; left: -1.2em; position: absolute; }
li.cautionSmall_7::before { content: "※7"; left: -1.2em; position: absolute; }
li.cautionSmall_8::before { content: "※8"; left: -1.2em; position: absolute; }
li.cautionSmall_9::before { content: "※9"; left: -1.2em; position: absolute; }
li.cautionSmall_a::before { content: "＊"; left: -1.2em; position: absolute; }
li.cautionSmall_b::before { content: "※ "; left: -1.2em; position: absolute; }
li.cautionSmall_c::before { content: "1. "; left: -1.2em; position: absolute; }
li.cautionSmall_d::before { content: "2. "; left: -1.2em; position: absolute; }
li.cautionSmall_e::before { content: "3. "; left: -1.2em; position: absolute; }
li.cautionSmall_f::before { content: "4. "; left: -1.2em; position: absolute; }
li.cautionSmall_g::before { content: "5. "; left: -1.2em; position: absolute; }
li.cautionSmall_h::before { content: "6. "; left: -1.2em; position: absolute; }




/* -------------------------------------------------------------------------------- */
/* Extra large CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (min-width:641px), print {
	.sp_show { display:none; height: 0px !important;  }

	body div.contents div.article div.pageHeader { position: relative; top: 0px; left: 0px; z-index: 1; width: 870px; margin: auto; background-size: cover; margin-bottom: 30px !important; }
	div.contents div.articleBody{ position: relative; top: 0px; left: 0px; z-index: 1; width: 830px; margin: auto; }
	div.articleBody div .w450 { width: 450px !important;vertical-align:bottom; }
	div.articleBody div .w500 { width: 500px !important;vertical-align:bottom; }
	div.contents div.articleUnder { position: relative; top: 30px; left: 0px; bottom:50px; z-index: 1; width: 845px; margin: auto; border-bottom: 1px dotted #CCDAEE; padding-bottom: 50px; }
	div.contents div.pageNation { position: relative; top: 50px; left: 0px; z-index: 1; width: 565px; margin: 30px auto 0px; }


	div .w200 { width: 200px !important; vertical-align: bottom; }
	div .w250 { width: 250px !important; vertical-align: bottom; }
	div .w260 { width: 260px !important; vertical-align: bottom; }
	div .w300 { width: 300px !important; vertical-align: bottom; }
	div .w350 { width: 350px !important; vertical-align: bottom; }
	div .w375 { width: 375px !important; vertical-align: bottom; }
	div .w400 { width: 400px !important; vertical-align: bottom; }
	div .w420 { width: 420px !important; vertical-align: bottom; }
	div .w450 { width: 450px !important; vertical-align: bottom; }
	div .w460 { width: 460px !important; vertical-align: bottom; }
	div .w475 { width: 475px !important; vertical-align: bottom; }
	div .w480 { width: 480px !important; vertical-align: bottom; }
	div .w500 { width: 500px !important; vertical-align: bottom; }
	div .w550 { width: 550px !important; vertical-align: bottom; }
	div .w580 { width: 580px !important; vertical-align: bottom; }
	div .w760 { width: 760px !important; vertical-align: bottom; }
	div .w800 { width: 800px !important; vertical-align: bottom; }

/* =======================================================
	p(min-width:641px)
   ======================================================= */
	p.textNormal { font-size: 15px !important; line-height: 25.5px !important;}
	p.textMiddle { font-size: 15px !important; line-height: 20px !important;}
	p.text110{ font-size:110% !important;}
	p.textSmall { font-size: 12px !important; line-height: 19.2px !important;}
	span.textNormal { font-size: 15px !important; line-height: 25.5px !important;}
	span.textMiddle { font-size: 15px !important; line-height: 20px !important;}
	span.textSmall { font-size: 12px !important; line-height: 19.2px !important; }
	span.text110 { font-size:110% !important; }
}






/* -------------------------------------------------------------------------------- */
/* Extra small CSS */
/* -------------------------------------------------------------------------------- */
@media screen and (max-width:640px) {
	#main-box { padding: 0 0px !important; }
	.pc_show { display:none !important; height: 0px !important; width:0px !important; }
	.floatRight { float:none; display:inline; margin:20px auto; }
	.floatLeft { float:none; display:inline;  margin:20px auto; }

	.m_ph100 img { width: 100% !important; /* max-width: 640px; min-width: 320px; */ height:auto; vertical-align:bottom; }
	.m_ph95 img { width: 95% !important;/*  max-width: 608px; min-width: 304px; */ height:auto; vertical-align:bottom; }
	.m_ph93 img { width: 93% !important;/*  max-width: 595px; min-width: 298px; */ height:auto; vertical-align:bottom; }
	.m_ph90 img { width: 90% !important;/*  max-width: 576px; min-width: 288px; */ height:auto; vertical-align:bottom; }
	.m_ph80 img { width: 80% !important;/*  max-width: 512px; min-width: 256px; */ height:auto; vertical-align:bottom; }
	.m_ph75 img { width: 75% !important;/*  max-width: 480px; min-width: 240px; */ height:auto; vertical-align:bottom; }
	.m_ph60 img { width: 60% !important;/*  max-width: 384px; min-width: 192px; */ height:auto; vertical-align:bottom; }
	.m_ph50 img { width: 50% !important;/*  max-width: 320px; min-width: 160px; */ height:auto; vertical-align:bottom; }
	.m_ph49 img { width: 49% !important;/*  max-width: 314px; min-width: 157px; */ height:auto; vertical-align:bottom; }
	.m_ph48 img { width: 48% !important;/*  max-width: 307px; min-width: 154px; */ height:auto; vertical-align:bottom; }
	.m_ph45 img { width: 45% !important;/*  max-width: 288px; min-width: 144px; */ height:auto; vertical-align:bottom; }
	.m_ph25 img { width: 25% !important;/*  max-width: 160px; min-width: 80px; */ height:auto; vertical-align:bottom; }

/* =======================================================
	sp_header.css
   ======================================================= */
body div#sp_menu { width:100%; position: relative; top: 0px; left: 0px; bottom: -1px; z-index: 1; background: #000000; }
body div#sp_menu ul#spHeader {  width: 100%; margin: 0px !important; }
body div#sp_menu ul#spHeader:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
body div#sp_menu ul#spHeader li { float: left; width: 50% !important; cursor:pointer; }
body div#sp_menu ul#spHeader li.spImg01 img { width: 100% !important; height:auto; }
body div#sp_menu ul#spHeader li.spImg02 img { width: 100% !important; height:auto; }

div#sp_menu div#spMenu { margin: -4px auto 10px; padding:0px; background:rgb(0,0,0); display: none; z-index:1; width:90% !important; }
div#sp_menu div#spMenu div { text-align:center; margin:auto; }
div#sp_menu div#spMenu div.logo { position: relative; top: 0px; left: 0px; }
li span{ display:block; }
li.bg02 span{ }

/* =======================================================
	article
   ======================================================= */
	body div.contents div.article { float:none; display:inline; width:100% !important; margin: 0px auto 0px !important; }

/* =======================================================
	pageHeader
   ======================================================= */
	body div.contents div.article div.pageHeader { position: relative; top: 0px; left: 0px; z-index: 1; width: 100% !important; margin: -7px auto 0px; background-size: cover; }
	body div.contents div.article div.pageHeader div.pageName{ padding-top: 10px; text-align:left; }
	body div.contents div.article div.pageHeader p.pageTitle { padding-top: 10px; padding-left:10px; font-size: 24px !important; font-weight: bold; line-height: 1.25 !important; text-indent: 0em; color: #ffffff; background: rbga( 255,255,255,1.0); border-bottom:1px dotted #ffffff; }
	body div.contents div.article div.pageHeader p.pageTitle2size{ padding-top: 10px; padding-left:10px; background: rbga( 255,255,255,1.0); border-bottom:1px dotted #ffffff; }
	body div.contents div.article div.pageHeader span.pageTitleBig { font-size: 28px !important; font-weight: bold; line-height: 1.25; text-indent: 0em;  color: #ffffff; }
	body div.contents div.article div.pageHeader span.pageTitleSmall { font-size: 20px !important; font-weight: bold; line-height: 1.25; text-indent: 0em;  color: #ffffff; }

	body div.contents div.article div.pageHeader p.pageRead { font-size: 16px !important; line-height: 1.75 !important; text-indent: 0em ; color: #ffffff; padding: 10px; margin: 10px; }
	body div.contents div.article div.pageHeader div.pageImg01 { padding: 10px 10px 0px; float: none; width: 100%; text-align:center ; }
	body div.contents div.article div.pageHeader div.pageImg01 img { }
	body div.contents div.article div.pageHeader div.pageImg02 { padding: 10px; float: none; width: 100%; text-align:center ; }
	body div.contents div.article div.pageHeader div.pageImg02 img { }

/* =======================================================
	articleBody
   ======================================================= */
	body div.contents div.article div.articleBody { position: relative; top: 30px; left: 0px; z-index: 1; width: 93% !important; margin: auto; }
	body div.contents div.article div#articleBody { position: relative; top: 30px; left: 0px; z-index: 1; width: 93% !important; margin: auto; }
	div.articleBody div .w300 { width: 100% !important; vertical-align: bottom; }
	div.articleBody div .w350 { width: 100% !important; vertical-align: bottom; }
	div.articleBody div .w400 { width: 100% !important; vertical-align: bottom; }
	div.articleBody div .w450 { width: 100% !important; vertical-align: bottom; }
	div.articleBody div .w500 { width: 100% !important; vertical-align: bottom; }

/* =======================================================
	p(max-width:640px)
   ======================================================= */
	p.textNormal { font-size: 14px !important; line-height: 2.0 !important; }
	p.textMiddle { font-size: 14px !important; line-height: 1.75 !important; }
	p.textSmall { font-size: 10px !important; line-height: 1.75 !important; }
	span.textNormal { font-size: 14px !important; line-height: 2.0 !important; }
	span.textMiddle { font-size: 14px !important; line-height: 1.75 !important; }
	span.textSmall { font-size: 10px !important; line-height: 1.75 !important; }

/* =======================================================
	articleUnder
   ======================================================= */
	div.contents div.articleUnder { margin: 30px auto 30px !important; border-bottom: 3px dotted #CCDAEE; padding-bottom: 20px; }

/* =======================================================
	pageNation
   ======================================================= */
	div.contents div.pageNation { position: relative; top: 0px; left: 0px; z-index: 1; width: 100% !important; margin: 30px auto 0px; paddding-top:30px !important; text-align: center !important; }
	div.contents div.pageNation div {  paddding-top:30px !important; display:inline; padding-bottom: 20px !important; margin: 0px auto !important;  }
	div.contents div.pageNation div.mt30 div {  paddding-top:30px !important; padding-bottom: 20px !important; }
	div.contents div.pageNation div.mt30 div.floatLeft { float:none; margin:auto !important; padding-top:10px !important; display:table-row; }
	div.contents div.pageNation div.mt30 div.floatRight { float:none; margin:auto !important; display:table-row; }
	div.contents div.pageNation div.mt30 div img { width:100% !important; padding-top: 10px; }


/* =======================================================
	siteMap
   ======================================================= */
	div#siteMap { background:#F0FAFF; padding: 10px; margin-top:30px; padding-bottom:30px; width:100% !important; }
	div#siteMap div.h50{ height: 50px !important; vertical-align: middle; display: table-cell; padding-left:5px; text-align:left !important; }
	div#siteMap div.txtBox00 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) ; }
	div#siteMap div.txtBox01 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg01.png) center right no-repeat; }
	div#siteMap div.txtBox02 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg02.png) center right no-repeat; }
	div#siteMap div.txtBox03 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg03.png) center right no-repeat; }
	div#siteMap div.txtBox04 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg04.png) center right no-repeat; }
	div#siteMap div.txtBox05 { width: 96%; padding: 5px; margin: auto; border-bottom:1px solid #cccccc; font-size: 12px !important; background:rgba(255,255,255,0.7) url(../images/index_sp_sitemap_bg05.png) center right no-repeat; }
	div#siteMap div.imgBox { width: 96%; padding: 0px 0px 5px; margin: auto; background: rgba(255,255,255,0.7); }
	div#siteMap a { text-decoration: none; }
	div#siteMap a:hover { text-decoration: underline; }
	div#siteMap a.siteMap01 { color:#0046AA; }
	div#siteMap a.siteMap01:hover { color:#0046AA;}
	div#siteMap a.siteMap02 { color:#00AAE8; }
	div#siteMap a.siteMap02:hover { color:#00AAE8;}
	div#siteMap a.siteMap03 { color:#FF6E00; }
	div#siteMap a.siteMap03:hover { color:#FF6E00;}
	div#siteMap a.siteMap04 { color:#FF646E; }
	div#siteMap a.siteMap04:hover { color:#FF646E;}
	div#siteMap a.siteMap05 { color:#1EB188; }
	div#siteMap a.siteMap05:hover { color:#1EB188;}
	div#siteMap a.siteMap06 { color:#E7292C; }
	div#siteMap a.siteMap06:hover { color:#E7292C;}
	div#siteMap a.siteMap07 { color:#E6B000; }
	div#siteMap a.siteMap07:hover { color:#E6B000;}





}