@charset "utf-8";
@import "css/SEOAdmin.css";
@import "css/common.css";
@import "/hpsc/Portals/0/css/contents.css";
/* ===========================================================
パフォーマンスセンター JHSC
 ===========================================================*/

/* ===========================================================
 common(スキン名、英語版は異なるので注意）
=========================================================== */

html{overflow-y:scroll;}
body{margin:0;padding:0;min-width:960px;font-size:88%;line-height:1.5;color:#444;font-family:'Verdana','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif;background-color:#fff;}
.Normal{color:#444;}

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

img{border:none;}
table{font-size:100%;}

.HeadPane,
.TopPane,
.ContentPane,
.ContentBottomPane,
.SideTopPane,
.SideTop2Pane,
.SideTop3Pane,
.SidePane,
.SideBottomPane,
.FootPane{position:relative;}

.HeadPane > span.SubHead,
.TopPane > span.SubHead,
.ContentPane > span.SubHead,
.ContentBottomPane > span.SubHead,
.SideTopPane > span.SubHead,
.SideTop2Pane > span.SubHead,
.SideTop3Pane > span.SubHead,
.SidePane > span.SubHead,
.SideBottomPane > span.SubHead,
.FootPane > span.SubHead,
.SnsPane > span.SubHead{font-size:79%;line-height:10px;}

/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin1column,
#skin2columnsRnavi,
#skin2columnsLnavi,
#skin3columns,
#skinRecipe,
#skinSupplement{min-width:960px;border-top:3px solid #e60012;}

/* block skpi */
#blockskip{position:absolute;text-indent:-9999px;}

/* ===========================================================
 header
=========================================================== */
#header{position:relative;margin:0 auto;width:960px;height:67px;}
#header:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#header{display:inline-block;}
* html #header{height:1%;}
#header{display:block;}

#header #jsclogo{position:absolute;top:20px;left:0;margin:0;padding:0;}
#header #switchLang{position:absolute;top:21px;left:159px;margin:0;padding:0;font-size:86%;}
#header #sitelink{position:absolute;top:21px;right:450px;margin:0;padding:0;background:url(images/sitelinkBtn.gif) no-repeat 0 0;font-size:86%;}
#header #sitelink br{display:none;}
#header #sitelink a,
#header #sitelink a:link,
#header #sitelink a:visited,
#header #sitelink a:hover,
#header #sitelink a:active{display:block;width:115px;height:25px;line-height:25px;font-size:86%;font-weight:bold;text-indent:14px;text-align:left;text-decoration:none;color:#333;}
#header #sitelink a:hover{color:#e60012;}

.searchArea{position:absolute;top:21px;right:196px;height:27px;width:242px;overflow:hidden;}
.searchArea .gsc-control-cse{padding:0 !important;border:none;}
.searchArea .gsc-control-cse form.gsc-search-box{margin:0;}
.searchArea .gsc-control-cse form.gsc-search-box table.gsc-search-box{margin:0 !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input{font-size:100%;padding-right:0 !important;}
.gsc-search-box-tools .gsc-search-box .gsc-input .gsc-input-box{width:195px !important;height:23px !important;}
.gsc-results-wrapper-overlay{text-align:left;}
.gsc-search-box-tools .gsc-search-box .gsc-search-button .gsc-search-button,
.gsc-search-box-tools .gsc-search-box .gsc-search-button .gsc-search-button:hover,
.gsc-search-box-tools .gsc-search-box .gsc-search-button .gsc-search-button:focus{padding: 6px 14px;border-color: #CECECE;}
.gsc-search-box-tools .gsc-search-box .gsc-search-button .gsc-search-button:hover{cursor: pointer;}

.searchArea .gscb_a{font-size:93%;}
.searchArea .gsst_a .gscb_a{color:#06c;}
.searchArea .gsst_a:hover .gscb_a,.searchArea .gsst_a:focus .gscb_a{color:#e60012}
.searchArea .gsst_b{font-size:108%;}
.searchArea #gssb_b{font-size:93%;}
.searchArea #gssb_b:hover{font-size:93%;}
.searchArea .gssb_h{font-size:108%;}
.searchArea a.gssb_j{font-size:93%;}
.searchArea input.gsc-input::-webkit-input-placeholder{font-size:100%}
.searchArea input.gsc-input:-moz-placeholder{font-size:100%}
.searchArea input.gsc-input::-moz-placeholder{font-size:100%}
.searchArea input.gsc-input:-ms-input-placeholder{font-size:100%}
/*GoogleCustomSearch InvisibleArea*/
.searchArea .gsc-tabsAreaInvisible,.searchArea .gsc-result-info-invisible,.searchArea .gsc-orderby-label,.searchArea .gsc-selected-option,.searchArea .gsc-option-selector{font-size:100%;}
.searchArea .gsc-option{color:#666;font-size:100%;}
.searchArea .gsc-title,.searchArea .gsc-stats,.searchArea .gsc-result-selector,.searchArea .gsc-configLabelCell,.searchArea .gsc-expansionArea{font-size:100%;}

#fontsizer{position:absolute;top:21px;right:0;margin:0;padding:0;width:198px;height:25px;text-align:left;font-size:86%;}
#fontsizer p{margin:0;padding:0 124px 0 0;font-size:79%;text-align:right;line-height:25px;font-weight:bold;}
#fontsizer li{position:absolute;top:0;width:38px;height:25px;margin:0;padding:0;list-style-type:none;text-align:center;}
#fontsizer li.fontsizeM{left:78px;}
#fontsizer li.fontsizeL{left:119px;}
#fontsizer li.fontsizeXL{left:160px;}
#fontsizer li a,
#fontsizer li a:link,
#fontsizer li a:visited,
#fontsizer li a:hover,
#fontsizer li a:active{display:block;width:38px;height:25px;line-height:25px;font-weight:bold;text-align:center;text-decoration:none;color:#333;background:url(images/fontsizeBtn.gif) no-repeat 0 0;}

/* ===========================================================
 subheader
=========================================================== */
#subheader{background:#887602 url(images/subheaderBg.gif) repeat-x left bottom;border-top:1px solid #867b03;}
#subheader:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#subheader{display:inline-block;}
* html #subheader{height:1%;}
#subheader{display:block;}

#subheaderinner{position:relative;margin:0 auto;padding:0;width:960px;min-height:49px;text-align:left;}

#subheader p{margin:0;padding:10px 0}
#subheader ul{position:absolute;top:10px;right:0;width:32%;margin:0;padding:0;text-align:right;}
#subheader ul li{margin:0 0 0 15px;padding:0 0 0 9px;list-style-type:none;display:inline-block;background:url(images/subheadernaviArrow.gif) no-repeat 0 0.4em;}
#subheader ul li a{color:#fff;}

/* ===========================================================
 gnavi
=========================================================== */
#gnavi{clear:both;height:47px;background:url(images/gnaviBg.gif) repeat-x left bottom;}
#gnavi{display:inline-block;}
#gnavi{display:block;}

.globalMenu{position:relative;width:960px;margin:0 auto;}

.globalMenu{z-index:90;width:960px;margin:0 auto;box-sizing: initial;}
.globalMenu ul{margin:0;padding:0;}
.globalMenu ul li{margin:0;padding:0;list-style-type:none;display:none;position:relative;}
.globalMenu > ul{width:960px;}
.globalMenu > ul{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:start;-webkit-align-items:stretch;align-items: stretch;-webkit-align-content:stretch;align-content:stretch;padding: 0 1px;}
.globalMenu > ul > li{-webkit-flex-grow:1;flex-grow:1;flex:1; position:relative;}

.globalMenu ul li.Tab1100,
.globalMenu ul li.Tab1102,
.globalMenu ul li.Tab1300,
.globalMenu ul li.Tab1377,
.globalMenu ul li.Tab1445,
.globalMenu ul li.Tab1721{display:block;}
.globalMenu ul li.Tab1100,
.globalMenu ul li.Tab1100 > ul{display:flex;}
.globalMenu ul li.Tab1100 a,
.globalMenu ul li.Tab1102 a,
.globalMenu ul li.Tab1300 a,
.globalMenu ul li.Tab1377 a,
.globalMenu ul li.Tab1445 a,
.globalMenu ul li.Tab1721 a{width: 158px;}

.globalMenu ul li a{overflow:hidden;}
.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;margin: 0 1px;padding:0;height: 43px;line-height:47px;color:#444444;text-decoration:none;position:relative;}


.globalMenu > ul:before,
.globalMenu > ul:after{content:"";display:block; position:absolute; width:1px; height:44px;top:0;}
.globalMenu > ul:before{background-color:#FFF;right: 0;}
.globalMenu > ul:after{background-color:#dbdbdb;right: 1px;}
.globalMenu > ul li:before{content:"";display:block;position:absolute;width:1px;height: 45px;top:0;
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(219,219,219,1) 100%);
}
.globalMenu ul li:before{left:0;}
.globalMenu ul li:first-child:after{left:0;}
.globalMenu ul li a:before,
.globalMenu ul li a:after,
.globalMenu ul li:first-child:after{content:"";display:block;position:absolute;width:1px;height: 45px;top:0;
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.globalMenu ul li a:before{ left:0;}
.globalMenu ul li a:after{ right:0;}
.globalMenu ul li:first-child:after{left: -1px;}

.globalMenu ul li a.CurrentLinkClass,
.globalMenu ul li a.CurrentLinkClass:link,
.globalMenu ul li a.CurrentLinkClass:visited,
.globalMenu ul li a.CurrentLinkClass:active,
.globalMenu ul li a.CurrentLinkClass:hover,
.globalMenu ul li a.ParentLinkClass,
.globalMenu ul li a.ParentLinkClass:link,
.globalMenu ul li a.ParentLinkClass:visited,
.globalMenu ul li a.ParentLinkClass:active,
.globalMenu ul li a.ParentLinkClass:hover,
.globalMenu ul li a:hover{border-bottom:#ac9c04 solid 2px;
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(237,234,201,1) 100%,rgba(237,234,201,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(237,234,201,1) 100%,rgba(237,234,201,1) 100%);
}
.globalMenu ul li.Tab1100.ParentItem > a.ParentLinkClass,
.globalMenu ul li.Tab1100.ParentItem > a.ParentLinkClass:link,
.globalMenu ul li.Tab1100.ParentItem > a.ParentLinkClass:visited{border-bottom:none;background:none;}

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

/* ===========================================================
 sNav
=========================================================== */
.sNav > ul > li{display:none;}
.sNav > ul > li.ParentItem{display:block;}
.sNav > ul > li.ParentItem > a{display:none;}
.sNav ul{margin:0;padding:0;}
.sNav ul ul li{display:none;}
.sNav ul ul li.CurrentItem,
.sNav ul ul li.ParentItem,
.sNav ul ul li.CurrentItem li,
.sNav ul ul li.ParentItem li{display:block;}
/*title*/
.sNav ul ul li a{display:block;padding:0 0 10px 17px;color:#444;font-size:108%;font-weight:bold;background:url(images/sideNaviTitleArrow.gif) no-repeat 7px 0.4em;}
/*白枠*/
.sNav ul ul li ul{padding:10px;background:#fff;border:1px solid #ccc;border-radius:5px;}
/*第一階層：赤▲*/
.sNav ul ul li ul li{margin:0;padding:0;list-style:none;border-top: 1px dotted #c2c2c2;}
.sNav ul ul li ul li:first-child{border:none;}
.sNav ul ul li ul li a{padding: 0.6em 0 0.6em 18px;color:#06c;font-size:100%;font-weight:normal;background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em;}
.sNav ul ul li ul li a:hover{color:#444;background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em #f2f0d8;}
.sNav ul ul li ul li a.CurrentLinkClass{color:#444;text-decoration:none; background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em #f2f0d8;}
/*第二階層：赤小▲と└*/
.sNav ul ul li ul li ul{display:none;margin: 0 0 0 9px;padding:0;background:none;border:none;border-radius:0;}
.sNav ul ul li ul li.CurrentItem ul,
.sNav ul ul li ul li.ParentItem ul{display:block;}
.sNav ul ul li ul li ul li{border: none;background: url(images/sideNaviContentsArrowUnderpage.png) no-repeat 0 0;}
.sNav ul ul li ul li ul li a{padding: 0.6em 0 0.6em 1em;margin: 0 0 0 10px;background: none;border-top: 1px dotted #c2c2c2;}
.sNav ul ul li ul li ul li a:hover{background: url(images/sideNaviContentsArrowSmall.gif) no-repeat 2px 1.1em #f2f0d8;}
.sNav ul ul li ul li ul li a.CurrentLinkClass{color:#444;text-decoration:none;background: url(images/sideNaviContentsArrowSmall.gif) no-repeat 2px 1.1em #f2f0d8;}
/*第三階層:インデント*/
.sNav ul ul li ul li.CurrentItem ul li ul,
.sNav ul ul li ul li.ParentItem ul li ul{display:none;margin-left:27px;}
.sNav ul ul li ul li.ParentItem ul li.CurrentItem ul,
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul{display:block;}
.sNav ul ul li ul li ul li ul li{background:none;}
.sNav ul ul li ul li ul li ul li a{background-image:none !important;margin: 0;}
/*第四階層*/
.sNav ul ul li ul li.ParentItem ul li.CurrentItem ul li ul,
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li ul{display:none;margin-left:10px;}
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.CurrentItem ul,
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.ParentItem ul{display:block;}
/*第五階層*/
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.CurrentItem ul li ul,
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.ParentItem ul li ul{display:none;}
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.ParentItem ul li.CurrentItem ul,
.sNav ul ul li ul li.ParentItem ul li.ParentItem ul li.ParentItem ul li.ParentItem ul{display:block;}
/*第六階層*/
.sNav ul ul li ul li ul li ul li ul li ul li ul{display:none !important;}

/* ===========================================================
 sNavCategorized
=========================================================== */
.sNavCategorized  ul{margin:0;padding:0;}
.sNavCategorized  ul li { list-style:none;}
.sNavCategorized  ul li.CurrentItem ul li ul { display:none;}
/*title*/
.sNavCategorized  ul li a{display:block;padding:0 0 10px 17px;color:#444;font-size:108%;font-weight:bold;background:url(images/sideNaviTitleArrow.gif) no-repeat 7px 0.4em;}
/*白枠*/
.sNavCategorized  ul li ul{padding:10px;background:#fff;border:1px solid #ccc;border-radius:5px;}
/*第一階層：赤▲*/
.sNavCategorized  ul li ul li{margin:0;padding:0;list-style:none;border-top: 1px dotted #c2c2c2;}
.sNavCategorized  ul li ul li:first-child{border:none;}
.sNavCategorized  ul li ul li a{padding: 0.6em 0 0.6em 18px;color:#06c;font-size:100%;font-weight:normal;background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em;}
.sNavCategorized  ul li ul li a:hover{color:#444;background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em #f2f0d8;}
.sNavCategorized  ul li ul li a.CurrentLinkClass{color:#444;text-decoration:none; background: url(images/sideNaviContentsArrow.gif) no-repeat 9px 1.1em #f2f0d8;}
/*第二階層*/
.sNavCategorized  ul li ul li ul{display:none;margin: 0 0 0 9px;padding:0;background:none;border:none;border-radius:0;}


/* ===========================================================
 topcontents
=========================================================== */
#topcontents{clear:both;margin:0 0 30px 0;background:#f5f5f5 url(images/topcontentsBgTop.gif) repeat-x left top;}
#topcontentsinner{background:url(images/topcontentsBgBottom.gif) repeat-x left bottom;padding:15px 0;border-bottom:1px solid #d1d1d1;}
#dnn_dnnBREADCRUMB_lblBreadCrumb{display:block;width:960px;margin:0 auto;text-align:left;font-size:80%;}
.TopPane {clear:both;width:960px;margin:0 auto;}
.TopPane p{margin:0;}

/* ===========================================================
 contents
=========================================================== */

#contents{padding:30px 0 0 0;text-align:left;}
#contents{clear:both;width:960px;margin:0 auto;padding:0;text-align:left;}
#contents:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#contents{display:inline-block;}
* html #contents{height:1%;}
#contents{display:block;}

.ContentPane,
#skin3columns #maincontents,
#maincontents{float:left;width:710px;}
.ContentPane:after,
#skin3columns #maincontents:after,
#maincontents:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.ContentPane,
#skin3columns #maincontents,
#maincontents{display:inline-block;}
* html .ContentPane,
* html #skin3columns #maincontents,
* html #maincontents{height:1%;}
.ContentPane,
#skin3columns #maincontents,
#maincontents{display:block;}

#skin1column #maincontents{float:none;width:100%;}
#skin1column #maincontents:after{content:none;}
#skin1column #maincontents{display:block;}

#skin1column .ContentPane{float:none;width:100%;}
#skin2columnsLnavi .ContentPane{float:left;clear:both;}
#skin3columns .ContentPane{float:none;clear:both;}
#skin3columns .ContentLPane{float:left;width:340px;}
#skin3columns .ContentRPane{float:right;width:340px;}
#skinSupplement #maincontents { float:left; width:610px;}

#sidecontents{float:right;width:220px;}
.SideTopPane{}
.SidePane{}
.SideBottomPane{}
#skin2columnsLnavi #sidecontents{float:right;}

#contents{clear:both;text-align:left;}
#contents:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#contents{display:inline-block;}
* html #contents{height:1%;}
#contents{display:block;}

.pagetop{clear:both;width:960px;margin:0 auto;padding:75px 0 15px 0;text-align:right;line-height:1;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{margin:0;padding:0 0 0 12px;background:url(images/pagetopArrow.gif) no-repeat 0 0.55em;}

/*sns用*/
.SnsPane { clear:both;}
.snsTwitter,
.snsFacebook{ float:left;}
.snsTwitter{ margin-right:4px;}
#sidecontents .snsTwitter,
#sidecontents .snsFacebook{ float:none; margin-bottom:5px;}
.snsFacebook { overflow:hidden;}
/* clearfix */
.SnsPane:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.SnsPane {display:inline-block;}
* html .SnsPane {height:1%;}
.SnsPane {display:block;}
/* clearfixEND */

/* ===========================================================
 footer
=========================================================== */
#footer{clear:both;width:100%;background:#f5f5f5;padding:27px 0;border-top:1px solid #fff;line-height:1;}

#footerinner{width:960px;margin:0 auto;padding:0;text-align:left;}
#footerinner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#footerinner{display:inline-block;}
* html #footerinner{height:1%;}
#footerinner{display:block;}

.FootPane{float:left;width:550px;}

#copyright{float:right;width:400px;font-size:79%;color:#666;text-align:right;}

ul.footnavi{margin:0;padding:0;}
ul.footnavi li{margin:0 15px 0 0;padding:0 0 0 9px;list-style-type:none;display:inline;background:url(images/footnaviArrow.gif) no-repeat 0 0.4em;}
ul.footnavi li a{color:#333;}

/* ===========================================================
 css for admin
=========================================================== */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
.DNNTree img{height:13px !important;}
#dnn_ctr362_FileManager_pnlFolders,
#dnn_ctr362_FileManager_pnlTreeInitScripts{height:100% !important;}




/* ===========================================================
 css for print
=========================================================== */
@media print{

body{font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}

#header,
#subheader,
#gnavi,
#skin2columnsRnavi #topcontents,
#skin2columnsLnavi #topcontents,
#skin3columns #topcontents,
#skin2columnsRnavi #contents #sidecontents,
#skin2columnsLnavi #contents #sidecontents,
#skin3columns #contents #sidecontents,
.pagetop,
#footer{display:none !important;}

body,
#skin1column,
#skin2columnsRnavi,
#skin2columnsLnavi,
#skin3columns,
#skin2columnsRnavi #contents,
#skin2columnsLnavi #contents,
#skin3columns #contents,
#skin2columnsRnavi #contents .ContentPane
#skin2columnsLnavi #contents .ContentPane
#skin3columns #contents .ContentPane{min-width:710px !important;width:710px !important;background:none;border:none !important;}

#skinIndex{min-width:960px !important;width:960px !important;border:none !important;}
#skinIndex #topcontents,
#skinIndex #topcontentsinner{background:none;border:none;}

}