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

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

.DNNEmptyPane{display:none;}
#headBody{display:flex;width:1000px;margin:0 auto;justify-content:space-between;align-items:center;}

/* 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 li.icoeEmail a:before{width:16px;height:12px;background:url(/Portals/0/images/common/ico_email.png) 0 0 no-repeat;}
.hLink li.icoSitemap a:before{width:14px;height:14px;background:url(/Portals/0/images/common/ico_sitemap.png) 0 0 no-repeat;}
.hLink li.icoMember a:before{bottom:3px;left:20px;width:15px;height:15px;background:url(/Portals/0/images/common/ico_people.png) 0 0 no-repeat;}
.hLink li.icoMember a{display:inline-block;padding:2px 20px 2px 40px;border-radius:12.5px;background:#7ac943;color:#fff;}
.hLink li.icoMember:hover a,
.hLink li.icoGuide:hover a{opacity:0.7;}
.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;}

#skinIndexEnglish .hLink ul li{display:inline;list-style-type:none;position:relative;margin:0 0 0 20px;padding:0 0 0 20px;}
#skinIndexEnglish .hLink ul li.icoGuide{padding-left:0;}


/* ===========================================================
 headBody
=========================================================== */
/* Logo -----------------------------------------------------------*/
#headBody .headLogo{float:left;width:440px;margin:0;padding:0;}
#headBody h1.Logo{margin:0;padding:20px 0 30px 0;}
#headBody h1.Logo a{display:block;}
/* headUtility -----------------------------------------------------*/
.headUtility{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;}

/* HeadEnPane -----------------------------------------------------------*/
.HeadEnPane{width:100%;padding:5px 0 10px 0;}
/* fontSizer */
#fontSizer{display:flex;position:relative;margin:0 20px 0 0;padding:0;align-items:center;}
#fontSizer:before{content:"Font Size";left:0;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;position:relative;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:before{content:"";position:absolute;}
#fontSizer li.fontsize1:before{}
#fontSizer li.fontsize2:before{}
#fontSizer li.fontsize3:before{}
#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;}


/* ===========================================================
 skin
=========================================================== */
#skinIndexEnglish,
#skin2columnsEnglish{color:#333;}


/* Search -----------------------------------------------------------*/
.Search{position:relative;float:left;width:180px;height:30px;padding:0;}
.Search input{position:absolute;top:0;left:0;width:120px;height:28px;margin:0;padding:0;border:1px solid #ccc;font-size:14px;line-height:25px;}
.Search a,
.Search a:link,
.Search a:visited,
.Search a:active,
.Search a:hover{display:block;overflow:hidden;position:absolute;top:0;right:0;width:55px;height:30px;background:url(/Portals/0/Skins/hpt-english/images/searchBtn.gif) no-repeat 0 0;text-indent:-9999px;}
.Search a:hover{background-position:0 -30px;}


/* ===========================================================
 gNavi
=========================================================== */
#gNavi{clear:both;width:980px;height:55px;margin:0 auto;padding:0;text-align:left;}

.globalMenu ul{margin:0;padding:0;}
.globalMenu li{list-style-type:none;margin:0;padding:0;}


/* ===========================================================
 content
=========================================================== */
#containerBody{clear:both;margin:0;padding:0;}
#skinIndexEnglish #containerBody{border-top:3px solid #26499d;background-image:url(/Portals/0/images/index/bg_bluesky.jpg);background-repeat:repeat-x;background-position:top center;}

#containerBody:after{content:".";display:block;visibility:hidden;clear:both;height:0;}
#containerBody{display:inline-block;}
* html #containerBody{height:1%;}
#containerBody{display:block;}
#containerBody .contentTop .inner{display:flex;margin-bottom:20px;padding-top:20px;justify-content:space-between;}

/* Breadcrumb */
#skinIndexEnglish .Breadcrumb{display:none;}
#skinIndex .Breadcrumb{display:none;}
.Breadcrumb{width:980px;margin:20px auto 0 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;}
#skinIndexEnglish .Breadcrumb span{display:none;}
.Breadcrumb{width:980px;margin:20px auto 0 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;}

#skinIndexEnglish #contentBody{float:left;width:740px;}
#skinIndexEnglish .ContentPane{width:100%;}

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

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

.Pagetop{content:"";display:block;position:fixed;right:25px;bottom:20px;z-index:10;width:auto;margin:auto;padding:0;}
.Pagetop a{display:block;overflow:hidden;position:relative;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;}
.Pagetop a,
.Pagetop a:link,
.Pagetop a:visited,
.Pagetop a:active{text-decoration:none;}

.BottomPane{clear:both;}


.contentBottom{clear:both;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%;padding:4px 0;}
.FootPane{display:block;}
/* clearfixEND */
.footBottomWrapper{border-bottom:1px solid #ccc;background:#eee;}
.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;}
.FootBottomPane{width:980px;margin:0 auto;}
.Copyright{clear:both;width:980px;margin:0 auto;padding:5px 0 10px 0;color:#9d9d9d;font-size:11px;text-align:right;}

/* ===========================================================
 css for admin
=========================================================== */
#dnn_ctr362_ModuleContent table{width:100%;}
#dnn_ctr362_ModuleContent table table{width:auto;}




/* ===========================================================
 gNavi
=========================================================== */
/* 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;text-align:left;}
.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;}


/* ===========================================================
 content
=========================================================== */
#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;}
.contentBody{border-top:3px solid #26499d;}
form[action$="ctl=login"] #skinIndex .contentBody{background-image:none;}

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

.ContentPane{float:right;width:740px;text-align:left;}
#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;}

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

.contentBottom{clear:both;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;}



/**/
#containerBody .contentTop .inner .left{width:210px;}
#containerBody .contentTop .inner .right{width:740px;}

.fLinkIndex ul{display:flex;margin:0;padding:0;justify-content:center;}
.fLinkIndex ul li{list-style:none;margin:30px 25px 15px 0;padding-bottom:0;}
.fLinkIndex ul li a{color:#fff;text-decoration:none;}
.fLinkIndex ul li a:hover{text-decoration:underline;}