/*
繧ｵ繧､繝�UI CSS
繝倥ャ繝繧�ヵ繝�ち縲√Γ繝九Η繝ｼ縺ｪ縺ｩ繧ｵ繧､繝�UI繧貞ｮ夂ｾｩ縺励※縺�∪縺吶�
CSS繧貞､画峩縺吶ｋ縺薙→縺ｫ繧医ｊ縲√し繧､繝医ョ繧ｶ繧､繝ｳ繧偵き繧ｹ繧ｿ繝槭う繧ｺ縺薙→縺後〒縺阪∪縺吶�
窶ｻ縺薙�CSS縺ｧ螳夂ｾｩ縺励◆繧ｯ繝ｩ繧ｹ縺ｯ縲，MS邂｡逅�判髱｢縺ｧ縺ｮ繝壹�繧ｸ邱ｨ髮�↓縺翫＞縺ｦ縺ｯ蛻ｩ逕ｨ縺ｧ縺阪∪縺帙ｓ縲�
*/
/* ! ---------- 蜈ｨ菴楢ｨｭ螳� ---------- ---------- ---------- ---------- */
body{
background: #fff;
font-family:"繝｡繧､繝ｪ繧ｪ", Meiryo,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",Sans-Serif;
color:#333;
line-height: 1;
/* 譁�ｭ励し繧､繧ｺ縺ｯ縲…ms_block.css縺ｧ螳夂ｾｩ縺励※縺�∪縺� */
}
a {color:#4A66A0;}
/* ! ---------- UI縺ｮ蟇ｸ豕� ---------- ---------- ---------- ---------- */
#HeaderArea .inner,
#GlobalNaviArea .inner,
#BredList .inner,
#BodyArea,
#FooterNaviArea .inner,
#FooterExtraArea .inner { width: 940px; }
#ContentsArea { width: 720px; }
#SideArea{ width:190px; }
/* ! ---------- 蜈ｨ菴� #Wapper ---------- ---------- ---------- ---------- */
/* 蜈ｨ菴� */
#Wapper {}
/* ! ---------- 繝倥ャ繝繧ｨ繝ｪ繧｢ #HeaderArea ---------- ---------- ---------- ---------- */
/* 繝倥ャ繝繧ｨ繝ｪ繧｢蜈ｨ菴� */
#HeaderArea {position: relative; height: 100px;margin: 0 0 30px 0;}
#HeaderArea .inner { margin: 0 auto; position: relative; }
/* 繝倥ャ繝繧ｿ繧､繝医Ν縲√Ο繧ｴ */
#HeaderArea .read {position: absolute;top: 15px;left: 0px; font-size: 12px;margin: 0 0 15px 0;color: #888;}
#HeaderArea .title {position: absolute;top: 45px;left: 0px; font-size: 28px;font-weight: bold;padding: 5px 0 0 10px;display: inline-block;color: #333;text-decoration: none;}
#HeaderArea .logo {padding: 0 0 0 10px;}
/* 繝倥ャ繝縺ｮ繝ｪ繝ｳ繧ｯ繝ｪ繧ｹ繝� */
#HeaderArea .links { position: absolute;top: 10px;right: 0px; margin:0 0 10px 0;}
#HeaderArea .links li { font-size: 12px;display: inline-block; margin:0 0 0 5px; padding: 1px;}
#HeaderArea .links a { color: #333; text-decoration: none; display: block;}
/* 繝倥ャ繝縺ｮ繝�く繧ｹ繝� */
#HeaderArea .extra { position: absolute; top: 40px; right:0;}
#HeaderArea .extra .tel { float: left; font-size: 12px; line-height: 1.4; text-align: center; margin: 0 10px;}
#HeaderArea .extra .tel big { font-size: 22px; font-weight: bold;}
#HeaderArea .extra .contact { float: left; font-size: 12px; line-height: 1.4; text-align: right;}
#HeaderArea .extra .contact a { display: block; color: #333; text-decoration: none; font-weight: bold; background: #f7f7f7; font-size: 14px; border: 1px solid #ddd; width: 180px; padding: 12px; margin: 2px 0; border-radius:5px; text-align: center; box-sizing: border-box;}
#HeaderArea .icon_circle { display: inline-block; padding: 5px 2px 2px 2px;background: #333; border-radius:50%; padding: 20 0; text-align: center; box-sizing: border-box;}
#HeaderArea .icon_circle i {color: #fff;}
/* ! ---------- 繝倥ャ繝繝薙ず繝･繧｢繝ｫ #HeaderVisual ---------- ---------- ---------- ---------- */
#VisualAreaIndex { height: 300px; margin: -30px 0 30px 0;}
#VisualAreaIndex { background: #aaa/*MainVisual*/ url(../../images/visual_main.jpg) center center no-repeat;}
#VisualAreaIndex .inner { margin: 0 auto; }
#VisualArea { height: 150px; margin: -30px 0 30px 0;}
#VisualArea { background: #aaa/*MainVisual*/ url(../../images/visual_main.jpg) center center no-repeat;}
#VisualArea .inner { margin: 0 auto;}
/* ! ---------- 繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン #GlobalNaviArea ---------- ---------- ---------- ---------- */
/* 繧ｰ繝ｭ繝ｼ繝舌Ν繝翫ン蜈ｨ菴� */
#GlobalNaviArea { background:#CC0000; margin: -30px 0 30px 0;}
#GlobalNaviArea .inner { margin: 0 auto; }
#GlobalNaviArea ._level-1 > li { float:left;position: relative;}
/* 繝翫ン縺ｮ蜷��繧ｿ繝ｳ縺ｮ繝�じ繧､繝ｳ */
#GlobalNaviArea li > a { display: block; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.25); padding: 20px 2px 14px 2px; color: #fff; text-align: center; text-decoration: none;}
#GlobalNaviArea li .t1 { display: block; font-size: 14px;}
#GlobalNaviArea li .t2 { display: block; font-size: 9px; color: rgba(255,255,255,0.5); margin: 2px 0 0 0;}
#GlobalNaviArea li:first-child a { border-left: 1px solid rgba(255,255,255,0.25);}
/* 迴ｾ蝨ｨ陦ｨ遉ｺ縺励※繧九リ繝薙�繝�じ繧､繝ｳ */
#GlobalNaviArea li._current > a,
#GlobalNaviArea li._ownCurrent > a{ background:#AA0000; }
/* 蟾･莠倶ｸｭ繝翫ン縺ｮ繝�じ繧､繝ｳ */
#GlobalNaviArea li._underconst > a{ color:#555; }
/* ! ---------- 繝代Φ縺上★ #BredList ---------- ---------- ---------- ---------- */
#BredList { margin: 0 0 20px 0;font-size: 12px;height: 20px;}
#BredList .inner { margin: 0 auto;}
#BredList a { color: #333;}
#BredList a:hover { text-decoration:underline;}
/* ! ---------- 繝｡繧､繝ｳ繧ｫ繝ｩ繝� #BodyArea,#ContentsArea,#SideArea ---------- ---------- ---------- ---------- */
/* 繝倥ャ繝縺ｮ荳九↓菴咲ｽｮ縺吶ｋ繝｡繧､繝ｳ縺ｮ繧ｨ繝ｪ繧｢ */
#BodyArea { margin: 0 auto;min-height: 300px; }
/* 繝医ャ繝励�繝ｼ繧ｸ逕ｨ繧ｳ繝ｳ繝�Φ繝�お繝ｪ繧｢ */
#ContentsAreaIndex { margin-top:-250px; }
/* 繧ｳ繝ｳ繝�Φ繝�お繝ｪ繧｢ */
#ContentsArea { float: right; }
/* 繧ｵ繧､繝峨お繝ｪ繧｢(繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン遲峨ｒ驟咲ｽｮ) */
#SideArea { float: left;}
/* ! ---------- 繧ｵ繧､繝峨Ο繝ｼ繧ｫ繝ｫ繝翫ン #SubNaviArea ---------- ---------- ---------- ---------- */
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン蜈ｨ菴� */
#SubNaviArea {font-size: 12px; }
#SubNaviArea ._type-html { padding: 15px 0 5px 0; }
#SubNaviArea li > a { display: block;color:#333;text-decoration: none;}
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン隨ｬ1髫主ｱ､(繧ｿ繧､繝医Ν) */
#SubNaviArea .title { display: block; font-size: 18px; font-weight: bold; margin: 5px 0 25px 0;}
#SubNaviArea .title .t1{display: block;font-size: 18px;margin: 0 0 5px 0;}
#SubNaviArea .title .t2{ display: block;font-size: 12px;margin: 0 0 5px 0;}
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン隨ｬ2髫主ｱ､ */
#SubNaviArea ._level-2 {margin:10px 0 2px 0;}
#SubNaviArea ._level-2 > li {border-top: 1px solid #ddd;}
#SubNaviArea ._level-2 > li > a { padding: 25px 5px 25px 15px;}
#SubNaviArea ._level-2 > li._current > a { background:#CC0000;color:#fff;font-weight: bold;}
#SubNaviArea ._level-2 > li._ownCurrent {}
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン隨ｬ3髫主ｱ､ */
#SubNaviArea ._level-3 {margin:-10px 0 20px 0;padding: 0 0 0 10px;}
#SubNaviArea ._level-3 > li > a {padding: 10px 5px 10px 10px;}
#SubNaviArea ._level-3 > li._current > a { background:#CC0000;color:#fff;font-weight: bold;}
#SubNaviArea ._level-3 > li._ownCurrent {}
/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン隨ｬ4髫主ｱ､ */
#SubNaviArea ._level-4 {padding: 0 0 0 10px;}
#SubNaviArea ._level-4 > li > a {padding: 10px 5px 10px 10px;}
#SubNaviArea ._level-4 > li._current > a { background:#CC0000;color:#fff;font-weight: bold;}
/* 蟾･莠倶ｸｭ繝翫ン縺ｮ繝�じ繧､繝ｳ */
#SubNaviArea li._underconst { opacity: 0.5; }
/* 繝翫ン莉･螟悶�繧､繝ｬ繧ｮ繝･繝ｩ繝ｼ縺ｪ隕∫ｴ� */
#SubNaviArea .extra{margin: 20px 0 10px 0; line-height: 1.4;}
#SubNaviArea .extra > *{ margin: 0 0 5px 0;}
/*隨ｬ1髫主ｱ､縺ｮ繝医げ繝ｫ縺ｯ髱櫁｡ｨ遉ｺ*/
#SubNaviArea .title ._toggle-icon{display: none;}
/* ! ---------- 繝輔ャ繧ｿ繝翫ン繧ｨ繝ｪ繧｢ #FooterNaviArea ---------- ---------- ---------- ---------- */
/* 蜈ｨ菴� */
#FooterNaviArea { background:#f7f7f7;margin: 50px 0 0 0;line-height: 1.2; }
#FooterNaviArea,
#FooterNaviArea a{color:#333;text-decoration: none;}
#FooterNaviArea .inner { padding: 40px 0 40px 0; margin: 0 auto; position: relative; }
#FooterNaviArea li > a { display: block;}
/* 隨ｬ1髫主ｱ､縺ｮ繝懊ち繝ｳ縺ｮ繝�じ繧､繝ｳ */
#FooterNaviArea ._level-1 > li { float:left;}
#FooterNaviArea ._level-1 > li > a { padding:5px 0; font-size: 14px;}
/* 隨ｬ2髫主ｱ､縺ｮ繝懊ち繝ｳ縺ｮ繝�じ繧､繝ｳ */
#FooterNaviArea ._level-2 {margin:5px 0 2px 5px;}
#FooterNaviArea ._level-2 > li > a { padding:5px 5px 5px 2px; font-size: 12px;}
#FooterNaviArea ._level-2 > li._current > a {font-weight: bold;}
#FooterNaviArea ._underconst a{ color:#999; }
/* ! ---------- 繝輔ャ繧ｿ霑ｽ蜉�諠��ｱ繧ｨ繝ｪ繧｢ #FooterExtraArea ---------- ---------- ---------- ---------- */
#FooterExtraArea { background:#FFF; line-height: 1.6; font-size: 12px;}
#FooterExtraArea,
#FooterExtraArea a{ color:#333;text-decoration: none;}
#FooterExtraArea .inner { padding: 40px 0 40px 0; margin: 0 auto; position: relative;}
#FooterExtraArea .leftArea { float: left; width: 50%; text-align: center;}
#FooterExtraArea .rightArea { float: right; width: 50%; text-align: center;}
#FooterExtraArea .rightArea li { display: inline-block; margin: 5px;}
/* ! ---------- 繝輔ャ繧ｿ縺昴�縺ｻ縺九お繝ｪ繧｢ #Copyright,#PageTop ---------- ---------- ---------- ---------- */
/* 繧ｳ繝斐�繝ｩ繧､繝� */
#Copyright { background:#CC0000; font-size: 12px;color:#fff; text-align: center; font-weight: bold; padding: 40px 0 40px 0;}
/* 繝壹�繧ｸ繝医ャ繝励�繧ｿ繝ｳ */
#PageTop { position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; padding: 12px 0 0 ; background:#fff; color: #000; text-align: center; box-sizing: border-box; cursor: pointer;border-radius:50%;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
/* ! ---------- UI逕ｨ豎守畑繧ｯ繝ｩ繧ｹ ---------- ---------- ---------- ---------- */
/* UI縺ｮ繝�ヵ繧ｩ繝ｫ繝医�繝懊ち繝ｳ繧ｯ繝ｩ繧ｹ */
._btn_default{cursor: pointer;}
._btn_default:hover { opacity: 0.8; filter: alpha(opacity=80); /* IE lt 8 */ -ms-filter: "alpha(opacity=80)"; /* IE 8 */ -moz-opacity: .80; /* FF lt 1.5, Netscape */ }
/* 繝医げ繝ｫ繝懊ち繝ｳ縺ｮ繧｢繧､繧ｳ繝ｳ */
._toggle-icon{float:right;padding:0 10px 0 0;}
/* 蟾･莠倶ｸｭ繝懊ち繝ｳ縺ｮ繧ｯ繝ｩ繧ｹ */
.underconst { cursor: default }
/* 蟷ｳ陦後Γ繝九Η繝ｼ縺ｧ縺ｮ繧ｫ繝ｩ繝�蟷�蟷ｳ陦後Γ繝九Η繝ｼ縺ｮ蛟区焚縺ｫ蠢懊§縺ｦ縲√＞縺壹ｌ縺九�繧ｯ繝ｩ繧ｹ縺碁←蠢懊＆繧後∪縺� */
.parallel-list li{ box-sizing: border-box; }
.parallel-list ._level-1._sum-1 > li{ width: 100%;}
.parallel-list ._level-1._sum-2 > li{ width: 50%;}
.parallel-list ._level-1._sum-3 > li{ width: 33.3%;}
.parallel-list ._level-1._sum-4 > li{ width: 25%;}
.parallel-list ._level-1._sum-5 > li{ width: 20%;}
.parallel-list ._level-1._sum-6 > li{ width: 16.6%;}
.parallel-list ._level-1._sum-7 > li{ width: 14.2%;}
.parallel-list ._level-1._sum-8 > li{ width: 12.5%;}
.parallel-list ._level-1._sum-9 > li{ width: 11%;}
/* ! ---------- 繧ｹ繝槭�髢ｲ隕ｧ譎ゅ�UI繝代�繝� ---------- ---------- ---------- ---------- */
#MobileUI{ display: none;}
#MobileUI .mobileHeader {z-index: 5010;}
#MobileUI .mobileMenu {z-index: 5000;}
/* 繧ｹ繝槭�逕ｨ繝｡繝九Η繝ｼ閭梧勹 */
#MobileUI .mobileBG { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.6);}
/* 繧ｹ繝槭�逕ｨ繝倥ャ繝 */
#MobileUI .mobileHeader { position: fixed; overflow: hidden; top: 0; left: 0; height: 50px; width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background: #fff;}
#MobileUI .mobileHeader .title{display: inline-block; padding: 15px 0 0 10px; font-size: 20px; font-weight: bold;}
#MobileUI .mobileHeader a{color: #000; text-decoration: none;}
#MobileUI .menuBtn { position:absolute; top: 0px; right: 0px; width: 50px; height: 38px; text-align: center; padding: 12px 0 0 0;}
#MobileUI .menuBtn.active {color: #888;}
/* 繧ｹ繝槭�逕ｨ繝｡繝九Η繝ｼ */
#MobileUI .mobileMenu { display: none; position: fixed; top: 48px; left: 40px; right: 0%; bottom:0px; padding: 0 0 50px 0; background:#fff; overflow-y: scroll;}
#MobileUI .mobileMenu a { color: #000; text-decoration: none; display: block; }
#MobileUI .mobileMenu .main ._level-1 > li { border-top: 2px solid #ddd}
#MobileUI .mobileMenu .main ._level-1 > li > a { padding: 15px 0 15px 10px; font-size: 14px;}
#MobileUI .mobileMenu .main ._level-2 > li > a { padding: 10px 0 10px 20px; font-size: 12px;}
#MobileUI .mobileMenu .main ._level-3 > li > a { padding: 8px 0 8px 40px; font-size: 12px;}
#MobileUI .mobileMenu .main ._level-4 > li > a { padding: 8px 0 8px 55px; font-size: 12px;}
#MobileUI .mobileMenu .main ._current { font-weight: bold;background: rgba(200,200,0,0.2);}
#MobileUI .mobileMenu .main ._level-1 > li._ownCurrent { border-top: 2px solid rgba(0,0,0,1)}
#MobileUI .mobileMenu .main ._level-2{ padding: 0 0 20px 0;}
#MobileUI .mobileMenu .extra li { border-top: 2px solid #ddd; padding: 15px 0 15px 10px; font-size: 14px;}
#MobileUI.show .mobileBG { display: block;}
#MobileUI.show .menuBtn { color: #aaa;}
#MobileUI.show .mobileMenu { display: block;}
/* ! ---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� 繧ｿ繝悶Ξ繝�ヨ ---------- ---------- ---------- ---------- */
@media screen and (max-width:960px) {
/*
繧ｿ繝悶Ξ繝�ヨ髢ｲ隕ｧ譎ゅ↓縺ｯ縲�
繝倥ャ繝繝ｻ繧ｰ繝ｭ繝翫ン繧�√ヵ繝�ち繝｡繝九Η繝ｼ遲峨�蟷�ｒ迢ｭ縺上☆繧�
*/
/* 繝倥ャ繝 */
#HeaderArea .inner,
#GlobalNaviArea .inner{ width: 760px; }
/* 繝｡繧､繝ｳ */
#BodyArea { width: 760px; }
#BredList .inner{ width: 720px; }
#SideArea { width: 100%;float: none; margin: 40px auto 20px auto;padding: 0px; }
#BredList .inner { margin: 0 auto; }
#BodyArea { margin: 0 auto; }
#ContentsArea { float: none; margin: 0 auto; }
/* 繝輔ャ繧ｿ */
#FooterNaviArea { display: none; }
#FooterExtraArea .inner {width: 100%;}
#FooterExtraArea .leftArea,
#FooterExtraArea .rightArea { float: none; width: auto; padding: 10px;}
}
/* ! ---------- 繝ｬ繧ｹ繝昴Φ繧ｷ繝� 繧ｹ繝槭� ---------- ---------- ---------- ---------- */
@media screen and (max-width:760px) {
/*
繧ｹ繝槭�髢ｲ隕ｧ譎ゅ↓縺ｯ縲�
繝倥ャ繝繝ｻ繧ｰ繝ｭ繝翫ン繧�√ヵ繝�ち繝｡繝九Η繝ｼ繧帝撼陦ｨ遉ｺ縺ｫ縺励※縲�
縺九ｏ繧翫↓繧ｹ繝槭�逕ｨUI繧定｡ｨ遉ｺ縺吶ｋ
*/
#MobileUI { display: block; }
#Wapper {margin: 70px 0 0 0;}
/* 繝倥ャ繝 */
#HeaderArea { display: none; }
#GlobalNaviArea { display: none; }
#VisualAreaIndex { display: none; }
/* 繝｡繧､繝ｳ */
#BredList { display: none; }
#BodyArea { width: auto; padding:10px 5px; }
#BodyArea > div { padding: 0 }
#ContentsAreaIndex { margin-top:0; }
#ContentsArea { float: none; width: auto; }
/* 繝輔ャ繧ｿ */
#Copyright { border:none; padding: 40px 10px 40px 10px; }
}