@charset "utf-8";
@import "/Portals/0/css/contents.css";



/* ===========================================================
common
=========================================================== */

.DNNEmptyPane{display:none;}

/* clearfix */
.clearfix:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.inner{width:980px;margin:0 auto;}

/* hLink */
.hLink ul{display:flex;margin:0;padding:2px 0 0 0;text-align:right;justify-content:flex-end;}
.hLink li{display:inline;list-style-type:none;position:relative;margin:0 0 0 20px;padding:0 0 0 20px;}
.hLink li:first-child{margin-left:0;}
.hLink li.icoMember{padding:0;}
.hLink li.icoGuide{padding-left:0;}
.hLink li.icoGuide a{display:inline-block;padding:2px 20px 3px 20px;border-radius:12.5px;background:#5fb2e2;color:#fff;}
.hLink li a:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;}
.hLink li.icoEnglish a:before{width:14px;height:14px;background:url(/Portals/0/images/common/ico_globe.png) 0 0 no-repeat;}
.hLink a,
.hLink a:link,
.hLink a:visited,
.hLink a:active,
.hLink a:hover{display:inline-block;margin:0;padding:2px 0 0 0;color:#666;font-size:13px;line-height:inherit;}
.hLink a:hover{color:#26499d;text-decoration:none;}
.hLink li.icoGuide:hover a{opacity:0.7;}
.headMember .headMemberBtn a{display:flex;align-items:center;justify-content:center;width:150px;height:60px;padding:0 25px;color:#fff;font-size:20px;font-weight:bold;text-align:center;text-decoration:none;background:url(/Portals/0/images/common/bg_memberBtn.png) no-repeat;border-radius:6px;box-shadow:1px 1px 0 0 rgba(0,0,0,0.3);box-sizing:border-box;line-height:1.2;letter-spacing:0.05em;}
.headMember .headMemberBtn a:hover{opacity:0.7;}

/* ---------------------------------------------------------
admin
--------------------------------------------------------- */


html{}

body{margin:0;padding:0;border:none;background:#fff;font-family:"Verdana","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;font-size:13px;line-height:20px;}
body{min-width:980px;text-align:center;}

a,
a:link,
a:active,
a:visited,
a:hover{color:#39c;text-decoration:underline;}
a:hover{text-decoration:none;}


img{margin:0;padding:0;border:none;}

/* ===========================================================
 skin
=========================================================== */
#skinAdmin,
#skinIndex,
#skin2columns,
#skin1column{color:#333;}

/* ===========================================================
 headBody
=========================================================== */
#headBody{width:980px;margin:0 auto;padding:0;text-align:left;}
#header{position:relative;z-index:90;border-bottom:3px solid #26499d;}
* html #headBody{height:1%;}
#headBody{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:0;}
/* clearfixEND */

/* Logo -----------------------------------------------------------*/
#headBody .headLogo{float:left;width:350px;margin:0;padding:0;}
#headBody h1.Logo{margin:0;padding:20px 0 30px 0;}
#headBody h1.Logo a{display:block;}

/* headRight ------------------------------------------------------*/
.headRight{display:flex;align-items:center;justify-content:flex-end;}

/* headUtility */
.headUtility{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:360px;}
/* clearfix */
* html .headUtility{height:1%;}

/* HeadPane */
.HeadPane{padding:0 0 8px 0;}

/* HeadMemberPane */
.headMember{margin-left:20px;}

/* fontSizer */
#fontSizer{display:flex;position:relative;margin:0 20px 0 0;padding:0;align-items:center;}
#fontSizer:before{content:"文字サイズ";margin:0 10px 0 0;font-size:13px;letter-spacing:normal;}
#fontSizer:after{content:"";display:block;clear:both;}
#fontSizer li{display:inline-block;list-style-type:none;width:15px;height:15px;margin:0 2px 0 0;padding:5px;border-radius:50%;background:#eee;color:#888;font-size:13px;line-height:1;text-align:center;letter-spacing:normal;}
#fontSizer li:hover{cursor:pointer;}
#fontSizer li:hover,
#fontSizer li.active{border:none;background:#26499d;color:#fff;}

/* font-size */
body.fontSize1{font-size:85.7%;}
body.fontSize2{font-size:100%;}
body.fontSize3{font-size:114.3%;}

/* Search -----------------------------------------------------------*/
.searchWrap{display:flex;position:relative;width:180px;height:25px;padding:0;}
.searchWrap a:before,
.searchWrap a:after{content:"";position:absolute;}
.searchWrap a:before{top:4px;left:4px;z-index:8;width:15px;height:15px;background:url("/Portals/0/images/common/ico_magnify.png");}
.searchWrap .placeholder{position:absolute;top:2px;right:inherit;bottom:inherit;left:0.5em;z-index:1;color:#c1c1c1;font-size:96%;}
.searchWrap .searchBtn{overflow:hidden;position:absolute;top:0;right:0;width:27px;height:100%;border-radius:0 12.5px 12.5px 0;background:#26499d;}
.searchWrap .searchBtn img{display:none;}
.searchWrap input.NormalTextBox{display:block;position:relative;width:calc(100% - 42px);height:auto;padding:3px 25px 3px 10px;border:none;border-radius:25px 0 0 25px;background:#eee;color:#888;}

/* ===========================================================
 gNavi
=========================================================== */
#gNavi{clear:both;width:980px;height:auto;margin:0 auto;padding:0;text-align:left;}
/* clearfix */
#gNavi:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
#gNavi{display:inline-block;}
* html #gNavi{height:1%;}
#gNavi{display:block;position:relative;z-index:2;}
/* clearfixEND */

.globalMenu ul{margin:0;padding:0;}
.globalMenu li{list-style-type:none;margin:0;padding:0;}
.globalMenu ul li a,
.globalMenu ul li a:link,
.globalMenu ul li a:visited,
.globalMenu ul li a:active,
.globalMenu ul li a:hover{display:block;overflow:hidden;height:auto;margin:0;padding:0;font-size:87.5%;}
.SEOMenuV2 .globalMenu ul{display:flex;width:100%;margin:0;padding:0;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.SEOMenuV2 li{list-style:none;margin:0;padding:0;line-height:0;}
.SEOMenuV2 li a,
.SEOMenuV2 li a:link,
.SEOMenuV2 li a:visited{color:#000;line-height:20px;text-decoration:none;}

.globalMenu{width:980px;margin:0 auto;}
/* 1階層(2階層から表示) */
.globalMenu > ul > li{display:none;list-style:none;position:relative;margin:0;padding:0;}
.SEOMenuV2 .globalMenu ul li.CurrentItem a{color:#26499d;}
.globalMenu ul li.Tab57,
.globalMenu ul li.Tab58,
.globalMenu ul li.Tab59,
.globalMenu ul li.Tab193,
.globalMenu ul li.Tab60,
.globalMenu ul li.Tab81,
.globalMenu ul li.Tab1771{display:block;}
.SEOMenuV2 .globalMenu > ul > li > ul{display:none;position:absolute;top:52px;right:-30px;left:-30px;z-index:100;width:auto;height:auto;padding:0;box-shadow:0 3px 6px rgba(0,0,0,0.2);background:rgba(255, 255, 255, 0.9);}
.globalMenu > ul > li > ul > li > a{padding:10px;}

#gNavi .globalMenu > ul > li:hover > ul{/* display:block; */}
#gNavi .globalMenu > ul  li.Tab36 > ul{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;width:100%;margin:0;padding:0;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
#gNavi .globalMenu > ul > li > ul > li{display:block;border-bottom:1px dotted #ccc;text-align:center;}
/* 2階層目 */
#gNavi .globalMenu > ul > li > ul > li > ul{display:none;}
.tokenMenu > ul > li > ul > li{position:relative;z-index:1;}
.tokenMenu > ul > li > ul > li > a{display:block;position:relative;height:60px;padding:1em 2.5em;color:#222;font-weight:500;font-size:100%;text-align:center;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
.tokenMenu > ul > li > ul > li > a:hover:before{content:"";display:block;position:absolute;right:0;bottom:12px;left:0;width:20px;height:2px;margin:auto;background-color:#009844;　top:inherit;}
#gNavi .globalMenu > ul > li > ul > li:last-child{border-bottom:none;}
.SEOMenuV2 .globalMenu ul li.Tab74 > a{display:none;}
.SEOMenuV2 .globalMenu ul li.Tab58 > a,
.SEOMenuV2 .globalMenu ul li.Tab59 > a,
.SEOMenuV2 .globalMenu ul li.Tab193 > a,
.SEOMenuV2 .globalMenu ul li.Tab60 > a,
.SEOMenuV2 .globalMenu ul li.Tab81 > a,
.SEOMenuV2 .globalMenu ul li.Tab57 > a,
.SEOMenuV2 .globalMenu ul li.Tab1771 > a{display:block;display:flex;position:relative;height:52px;background:transparent;color:#333;font-weight:700;font-size:14px;text-decoration:none;text-align:center;text-indent:0;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;align-items:center;justify-content:space-around;}
.SEOMenuV2 .globalMenu ul li.Tab58 > a{width:152px;}
.SEOMenuV2 .globalMenu ul li.Tab59 > a{width:152px;}
.SEOMenuV2 .globalMenu ul li.Tab193 > a{width:114px;}
.SEOMenuV2 .globalMenu ul li.Tab60 > a{width:130px;}
.SEOMenuV2 .globalMenu ul li.Tab81 > a{width:130px;}
.SEOMenuV2 .globalMenu ul li.Tab57 > a{width:180px;word-break:keep-all;}
.SEOMenuV2 .globalMenu ul li.Tab1771 > a{width:120px;}

.SEOMenuV2 .globalMenu ul li.Tab74 > a:before,
.SEOMenuV2 .globalMenu ul li.Tab58 > a:before,
.SEOMenuV2 .globalMenu ul li.Tab59 > a:before,
.SEOMenuV2 .globalMenu ul li.Tab193 > a:before,
.SEOMenuV2 .globalMenu ul li.Tab60 > a:before,
.SEOMenuV2 .globalMenu ul li.Tab81 > a:before,
.globalMenu ul li.Tab1771:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;height:25px;margin:auto;background:#ccc;}
.SEOMenuV2 .globalMenu ul li a.ParentLinkClass,
.SEOMenuV2 .globalMenu ul li a:hover,
.SEOMenuV2 .globalMenu ul li a.CurrentLinkClass,
.SEOMenuV2 .globalMenu ul li.active a{color:#26499d;}

#gNavi .globalMenu > ul > li > ul > li > a{padding:10px;}
#gNavi .globalMenu > ul > li > ul > li > a:hover{background:rgba(38,73,157,0.3);color:#000;}
.SEOMenuV2 .globalMenu ul li.CurrentItem ul li a{color:#000;}

/* hover開閉 */
.tokenMenu > ul > li > ul > li:hover > ul{display:block;box-shadow:0 3px 4px 0 rgba(51,51,51,0.1);}
/* 3階層目 */
.tokenMenu > ul > li > ul > li > ul{position:absolute;top:60px;right:inherit;bottom:inherit;left:50%;transform:translate(-50%,0);width:210px;margin:auto;}
.tokenMenu > ul > li > ul > li > ul > li{display:block;list-style-type:none;border-top:1px solid #d0d1d1;}
.tokenMenu > ul > li > ul > li > ul > li:first-child{border-top:none;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:block;padding:0.7em 0.5em;background-color:rgba(255,255,255,0.9);color:#222;font-weight:500;font-size:88%;text-decoration:none;text-align:center;}
.tokenMenu > ul > li > ul > li > ul > li > a:hover{background-color:#009844;color:#fff;text-decoration:none;}
.SEOMenuV2 .globalMenu ul li.Tab57 > a wbr{word-wrap:break-word;word-break:break-all;word-break:keep-all;overflow-wrap:break-word;}

.magaWrap {position: relative;z-index: 90;}



/* sNav */
p.sNavTitle{margin:0;padding:0;line-height:1.3;}
.sNavTitle a,
.sNavTitle a:link,
.sNavTitle a:visited,
.sNavTitle a:active,
.sNavTitle a:hover{display:block;width:180px;height:35px;margin:0;padding:15px;background:url(/Portals/0/images/common/side/sNav_title.gif) no-repeat scroll 0 0 transparent;color:#fff;font-weight:bold;font-size:15px;text-decoration:none;}
.sNavTitle a:hover{color:#ddd;}

.sNav{background:url(/Portals/0/images/common/side/sNav_bg.gif) repeat-y;}
.sNav ul{margin:0;padding:10px 0 15px 0;background:url(/Portals/0/images/common/side/sNav_bgFoot.gif) no-repeat bottom;}
.sNav ul li{margin-bottom:10px;border-bottom:medium none;text-indent:0;}
.sNav ul li ul{width:180px;padding:0 15px;background:none;}
.sNav ul li a{display:block;width:180px;height:35px;margin-bottom:10px;padding:15px;background:url(/Portals/0/images/common/side/sNav_title.gif) no-repeat;color:#fff;font-weight:bold;}
.sNav ul li a,
.sNav ul li a:link,
.sNav ul li a:visited,
.sNav ul li a:active{display:block;width:150px;height:auto;margin:5px auto;padding:0 15px 7px;background:url(/Portals/0/images/common/side/sNav_lev1.gif) no-repeat scroll center bottom transparent;color:#000;font-weight:bold;font-size:auto;line-height:18px;}

.sNav ul li ul li{margin-bottom:10px;text-indent:0;}
.sNav ul li ul li a{display:block;width:150px;height:auto;margin:5px auto;padding:0 15px 7px 15px;background:url(/Portals/0/images/common/side/sNav_lev1.gif) no-repeat bottom;color:#000;font-weight:bold;font-size:auto;line-height:18px;}
.sNav ul li ul li ul{width:180px;padding:0;background:none;}
.sNav ul li ul li ul li{margin-bottom:5px;text-indent:0;}
.sNav ul li ul li ul li a{width:160px;height:auto;margin:0 auto;padding:0 10px;background:url(/Portals/0/images/common/side/sNav_lev2.gif) no-repeat 0 8px;font-weight:normal;line-height:20px;}
.sNav ul li ul li ul li a:hover,
.sNav ul li ul li ul li.CurrentItem a{background:url(/Portals/0/images/common/side/sNav_lev2.gif) no-repeat 0 8px #edeff3;font-weight:normal;}
.sNav ul li ul li ul li.CurrentItem a:hover,
.sNav ul li ul li ul li.CurrentItem a.CurrentLinkClass{color:#000;}
.sNav ul li ul li ul li ul{width:180px;margin:0;padding:5px 0;background:#eef;}
.sNav ul li ul li ul li ul li{margin:0;padding:2px 15px;}
.sNav ul li ul li ul li ul li a{width:140px;padding:0 0 0 10px;}
.sNav ul li ul li ul li ul li a:hover{background-color:#fff;}

.sNav ul li a.CurrentLinkClass,
.sNav ul li a.ParentLinkClass,
.sNav ul li a:hover{color:#26499d;}

.sNav ul li ul{display:none;}
.sNav ul li.CurrentItem ul,
.sNav ul li.ParentItem ul{display:block;width:180px;margin:0 0 0 15px;padding:0;background:none;}
.sNav ul li ul li{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #ddd;text-indent:0;}

.sNav ul li ul li a,
.sNav ul li ul li a:link,
.sNav ul li ul li a:visited,
.sNav ul li ul li a:active{width:160px;height:auto;margin:0 auto;padding:0 10px;background:url(/Portals/0/images/common/side/sNavGray_lev2.gif) no-repeat 0 0.3em ;font-weight:normal;line-height:20px;}

.sNav ul li ul li a:hover,
.sNav ul li ul li.CurrentItem a{background:url(/Portals/0/images/common/side/sNav_lev2.gif) no-repeat scroll 0 0.3em #edeff3;font-weight:normal;}
.sNav ul li ul li.CurrentItem a:hover,
.sNav ul li ul li.CurrentItem a.CurrentLinkClass{color:#000;}

.sNav ul li.CurrentItem ul li ul,
.sNav ul li.ParentItem ul li ul{width:auto;margin:5px 0 0 0;padding:5px 0 0 12px;border-top:1px dotted #ccc;}
.sNav ul li ul li ul li{margin-bottom:3px;padding-bottom:3px;border-bottom:none;text-indent:0;}

.sNav ul li ul li ul li a,
.sNav ul li ul li ul li a:link,
.sNav ul li ul li ul li a:visited,
.sNav ul li ul li ul li a:active{width:auto;height:auto;margin:0 auto;padding:0 10px;background:url(/Portals/0/images/common/side/sNavGray_lev2.gif) no-repeat 0 0.3em ;font-weight:normal;line-height:20px;}
.sNav ul li ul li ul li a:hover,
.sNav ul li ul li ul li.CurrentItem a{background:url(/Portals/0/images/common/side/sNav_lev2.gif) no-repeat scroll 0 0.3em #edeff3;font-weight:normal;}
.sNav ul li ul li ul li.CurrentItem a:hover,
.sNav ul li ul li ul li.CurrentItem a.CurrentLinkClass{color:#26499d;}
/* toggleSwitch */
a.toggleSwitch{position:relative;}
a.toggleSwitch:before,
a.toggleSwitch:after{content:"";position:absolute;right:2px;bottom:18px;width:10px;height:2px;background:#6e747f;}
a.toggleSwitch:before{right:6px;bottom:14px;width:2px;height:10px;}
a.toggleSwitch.open:before{background:transparent;}

/* ===========================================================
 content
=========================================================== */
#containerBody{clear:both;margin:0;padding:0;}
#containerBody{clear:both;padding:0;text-align:left;}
/* clearfix */
#containerBody:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
#containerBody{display:inline-block;width:980px;margin:0 auto;}
* html #containerBody{height:1%;}
#containerBody{display:block;}
/* clearfixEND */


#skinIndex .Breadcrumb{display:none;}
.Breadcrumb{width:980px;margin:20px auto 60px auto;padding:5px 0 3px 0;color:#666;font-size:85%;text-align:left;}
.Breadcrumb a,
.Breadcrumb a:link,
.Breadcrumb a:visited,
.Breadcrumb a:active,
.Breadcrumb a:hover{color:#666;text-decoration:none;}
.Breadcrumb a:hover{color:#333;text-decoration:none;}

#skinIndex #contentBody{width:100%;}
#skinIndex .categories{min-width:1020px;height:auto;}
#skinIndex .contentBody{background-image:url(/Portals/0/images/index/bg_bluesky.jpg);background-repeat:repeat-x;background-position:top center;}

form[action$="ctl=login"] #skinIndex .contentBody{background-image:none;}

#skinIndex .contentBody .contentTop .inner{display:flex;margin-bottom:20px;padding-top:20px;justify-content:space-between;}
#skinIndex .contentBody .contentTop .left{width:210px;}
#skinIndex .contentBody .contentTop .right{width:740px;}

.ContentPane{float:right;width:740px;}
#skinIndex .ContentPane,
#skin1column .ContentPane{float:none;width:100%;}

#sideBody{float:left;width:210px;}
#skinIndex #sideBody{float:right;}

.SideTopPane{padding:0 0 5px 0;}
#skinIndex .SideTopPane{padding:0 0 10px 0;}
#skinIndex .SidePane{padding:0 0 10px 0;}

.Pagetop{content:"";display:block;position:fixed;right:25px;bottom:20px;z-index:10;margin:auto;padding:0;}
.Pagetop a{display:block;overflow:hidden;width:50px;height:47px;border-radius:50%;background:rgba(51,51,51,0.8);white-space:nowrap;text-indent:100%;}
.Pagetop a:before{content:"";position:absolute;top:42%;right:0;left:0;width:0;height:0;margin:auto;border-width:0 4px 7px 4px;border-color:transparent transparent #fff transparent;border-style:solid;}
.Pagetop a:hover{opacity:0.8;transition:0.3s;}

.contentBottomPane{width:980px;}
.BottomPane{clear:both;}

.contentBottom{background:#d9f0c2;}


/* ===========================================================
 footBody
=========================================================== */
#footBody{min-width:1020px;background:#26499d;}
#footBody .inner{width:980px;margin:0 auto;}


.FootPane{width:920px;margin:0 auto;padding:30px;background:url(/Portals/0/Skins/hpt/images/footPaneBg.gif) no-repeat center top;text-align:left;}
/* clearfix */
.FootPane:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
.FootPane{display:inline-block;}
* html .FootPane{height:1%;}
.FootPane{display:block;}
/* clearfixEND */

.footBottomWrapper{border-bottom:1px solid #ccc;background:#eee;}
/* clearfix */
.footBottomWrapper:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
.footBottomWrapper{display:inline-block;}
* html .footBottomWrapper{height:1%;padding:4px 0;}
.footBottomWrapper{display:block;}
/* clearfixEND */
.FootBottomPane{width:980px;margin:0 auto;}

.Copyright{clear:both;width:980px;margin:0 auto;padding:0 0 20px 0;color:rgba(255,255,255,0.5);font-size:75.0%;text-align:center;}

/* FootIndexPane */

.FootIndexPane.Copyright{color:rgba(255,255,255,0.5);font-size:96%;text-align:center;}

/* ===========================================================
 css for admin
=========================================================== */


#skinAdmin p.Logo{float:left;width:450px;padding:10px 0;}
#skinAdmin p.Breadcrumb{float:right;width:450px;padding:30px 0 0 0;text-align:right;}
#skinAdmin .sideWrapper{float:left;/* width:170px; */}
#skinAdmin .contentsWrapper{float:right;width:800px;}

/* css-for-adminModules */
#skinAdmin h2{margin:0 !important;padding:0 0 5px 0 !important;border:0 !important;background:0 !important;}
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}



/**/