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



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

html{height:100%;font-size:13px;}
body{min-width:1000px;height:100%;margin:0;padding:0;font-size:100%;color:#333;line-height:1.8;}
body{-webkit-text-size-adjust:100%;}
body,input,textarea,select,button{font-family:'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','Verdana','sans-serif';}

body.fontSize1{font-size:92%;}
body.fontSize2{font-size:100%;}
body.fontSize3{font-size:115%;}

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

a,
a:link,
a:visited{color:#063;text-decoration:none;}
a:hover,
a:active{color:#063;text-decoration:underline;}
a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}

*,
*:before,
*:after{box-sizing:border-box;}

.cf:before,
.cf:after{content:"";display:table;}
.cf:after{clear:both;}


/* ===========================================================
 skin
=========================================================== */
.skinBody{position:relative;color:#333;text-align:left;}
/* ===========================================================
 headBody
=========================================================== */
#headBody{max-width:1000px;margin:0 auto;padding:15px 0 0;}
/* Logo */
.logo,
h1.logo{float:left;width:250px;height:auto;margin:0;padding:0;background:none;border:none;}
/* headWrap */
.headWrap{float:right;margin:0 0 10px;padding:0;}
.headWrap:before,
.headWrap:after{content:"";display:table;}
.headWrap:after{clear:both;}
.headWrap .headInner{float:left;margin:0;}
/* HeadPane */
.headWrap .HeadPane{padding:0;float:right;}
/* fontSizer*/
#fontSizer{width:137px;margin:0 0 5px 53px;padding:0 0 0 60px;background:url(images/fontsize_title.png) no-repeat 0 0;}
#fontSizer:before,
#fontSizer:after{content:"";display:table;}
#fontSizer:after{clear:both;}
#fontSizer li{float:left;display:block;width:25px;height:25px;margin:0 0 0 1px;padding:0;text-indent:-9999px;overflow:hidden;list-style-type:none;background:url(images/fontsize_btn.png) no-repeat 0 0;}
#fontSizer li:hover{cursor:pointer;}
#fontSizer li:first-child{margin:0;}
#fontSizer li.fontsize1{background-position:0 0;}
#fontSizer li.fontsize1:hover{background-position:0 -25px;}
#fontSizer li.fontsize1.active{background-position:0 -50px;}
#fontSizer li.fontsize2{background-position:-25px 0;}
#fontSizer li.fontsize2:hover{background-position:-25px -25px;}
#fontSizer li.fontsize2.active{background-position:-25px -50px;}
#fontSizer li.fontsize3{background-position:-50px 0;}
#fontSizer li.fontsize3:hover{background-position:-50px -25px;}
#fontSizer li.fontsize3.active{background-position:-50px -50px;}
/* searchWrap */
.searchWrap{position:relative;float:left;width:190px;height:25px;}
.searchWrap input{position:absolute;top:0;left:0;width:150px;height:25px;margin:0;padding:0 5px;font-size:14px;line-height:22px;border:1px solid #ccc;border-right:none;}
.searchWrap a{position:absolute;top:0;right:0;display:block;width:40px;height:25px;text-indent:-9999px;overflow:hidden;background:url(images/search_btn.png) no-repeat 0 0;}
.searchWrap a:hover{background-position:0 -25px;}

/* ===========================================================
 gNav
=========================================================== */
.SEOMenuV2{text-align:left}
.SEOMenuV2 ul{margin:0;padding:0;}
.SEOMenuV2 ul li{margin:0;padding:5px 0;border-bottom:1px dotted #ccc;list-style:none;}
.SEOMenuV2 ul li ul li{padding:0 0 0 15px;}
.tokenMenu ul{display:table;}
.tokenMenu ul li{display:table-cell;background:url(images/ico_circlegreen.png) 0 3px no-repeat;padding:0 20px 0 18px;min-height:13px;}
/**/
#gNav{margin:0 auto 5px;padding:0;text-align:left;clear:both;}
#gNav .SEOMenuV2 ul li{border-bottom:none;}
#gNav .tokenMenu ul li{display:none;}
#gNav .tokenMenu ul li.Tab102/*協会について*/,
#gNav .tokenMenu ul li.Tab155/*書籍刊行案内*/,
#gNav .tokenMenu ul li.Tab168/*ADRセンター*/,
#gNav .tokenMenu ul li.Tab189/*産カウ研究所*/,
#gNav .tokenMenu ul li.Tab200/*メルマガ*/,
#gNav .tokenMenu ul li.Tab201/*個人情報*/{display:block;float:left;padding:0;background:none;}
#gNav .tokenMenu ul li a{display:block;width:150px;height:30px;text-indent:-9999px;overflow:hidden;background:url(/Portals/0/Skins/JSC/images/gnav.png) no-repeat 0 0;}
#gNav .tokenMenu ul li.Tab102 a{width:125px;background-position:0 0;}
#gNav .tokenMenu ul li.Tab102 a:hover{width:125px;background-position:0 -30px;}
#gNav .tokenMenu ul li.Tab102 a.currentLink,
#gNav .tokenMenu ul li.Tab102 a.parentLink{width:125px;background-position:0 -60px;}
#gNav .tokenMenu ul li.Tab155 a{width:135px;background-position:-125px 0;}
#gNav .tokenMenu ul li.Tab155 a:hover{width:135px;background-position:-125px -30px;}
#gNav .tokenMenu ul li.Tab155 a.currentLink,
#gNav .tokenMenu ul li.Tab155 a.parentLink{width:135px;background-position:-125px -60px;}
#gNav .tokenMenu ul li.Tab168 a{width:135px;background-position:-260px 0;}
#gNav .tokenMenu ul li.Tab168 a:hover{width:135px;background-position:-260px -30px;}
#gNav .tokenMenu ul li.Tab168 a.currentLink,
#gNav .tokenMenu ul li.Tab168 a.parentLink{width:135px;background-position:-260px -60px;}
#gNav .tokenMenu ul li.Tab189 a{width:215px;background-position:-395px 0;}
#gNav .tokenMenu ul li.Tab189 a:hover{width:215px;background-position:-395px -30px;}
#gNav .tokenMenu ul li.Tab189 a.currentLink,
#gNav .tokenMenu ul li.Tab189 a.parentLink{width:215px;background-position:-395px -60px;}
#gNav .tokenMenu ul li.Tab200 a{width:140px;background-position:-610px 0;}
#gNav .tokenMenu ul li.Tab200 a:hover{width:140px;background-position:-610px -30px;}
#gNav .tokenMenu ul li.Tab200 a.currentLink,
#gNav .tokenMenu ul li.Tab200 a.parentLink{width:140px;background-position:-610px -60px;}
#gNav .tokenMenu ul li.Tab201 a{width:170px;background-position:-750px 0;}
#gNav .tokenMenu ul li.Tab201 a:hover{width:170px;background-position:-750px -30px;}
#gNav .tokenMenu ul li.Tab201 a.currentLink,
#gNav .tokenMenu ul li.Tab201 a.parentLink{width:170px;background-position:-750px -60px;}

/* ===========================================================
 content
  =========================================================== */
#mainBody{padding:20px 0 0;}
#mainBody:before,
#mainBody:after{content:"";display:table;}
#mainBody:after{clear:both;}
#mainBody .breadcrumb{width:1000px;margin:0 auto 15px auto;}
#mainBody #contentBody{width:1000px;margin:0 auto;}
#mainBody #sideWrap{width:230px;float:left;}
#mainBody #contentWrap{width:750px;float:right;}
.PageTitlePane{min-height:20px;background:url(/Portals/0/images/common/bg_h1.png) center top no-repeat;}
.PageTitlePane{position:relative;}
.PageTitlePane > span.SubHead{position:absolute;top:-15px;left:0;}
.PageTitlePane > span.SubHead center{border-radius:3px 3px 0 0;}

/* ===========================================================
 footBody
=========================================================== */
#footBody{margin:0;padding:0;min-height:160px;clear:both;background:#326732;}
#footBody .footTopWrap{background:#e6e6e6;padding:40px 0 80px;}
#footBody .footTopWrap .FootTopPane{width:1000px;margin:0 auto;}
#footBody .footWrap{background:#ccc;}
#footBody .footWrap .FootPane{width:1000px;margin:0 auto;padding:10px 0;color:#333;font-size:84%;}
#footBody .footWrap .FootPane p{margin:0;padding:0;}
#footBody .footBottomWrap{position:relative;width:1000px;margin:0 auto;color:#fff;}
.footBottomWrap:after{content:"";display:table;clear:both;height:0;visibility:hidden;}
#footBody .footBottomWrap .FootBottomPane{float:left;width:450px;height:auto;padding:30px 0 30px 5px;}
#footBody .footBottomWrap .footBottomUtilityWrap{float:right;width:530px;height:160px;}
#footBody .footBottomWrap .footBottomUtilityWrap .FootBottomMapPane{float:left;width:270px;height:100%;min-height:160px;background:#d5d5d5;}
#footBody .footBottomWrap .footBottomUtilityWrap .FootBottomButton01Pane,
#footBody .footBottomWrap .footBottomUtilityWrap .FootBottomButton02Pane{float:left;width:130px;height:100%;min-height:160px;color:#99a89e;font-size:10px;background:#00260e url(/Portals/0/Skins/JSC/images/foot_btnbg.png) no-repeat 0 0;}
#footBody .copyright{position:absolute;bottom:15px;left:5px;/*width:1000px;*/margin:0 auto;padding:0;font-size:9px;}
.footLogo{height:20px;margin:0 0 10px 0;padding:20px 0 0 210px;color:#FFF;font-size:84%;background:url(images/logo_footer.gif) no-repeat left bottom;}


/* ===========================================================
 css for each skin
=========================================================== */

#skinIndex #topBody{position:relative;}
#skinIndex #topBody .RequestPane{position:absolute;top:0;left:50%;width:1000px;margin:0 0 0 -500px;z-index:9;}
#skinIndex #topBody .TopNavPane {position:absolute;bottom:0;left:0; right:0;width:1000px;margin:0 auto;z-index: 40;}
#skinIndex #mainBody{max-width:1000px;margin:0 auto;}
#skinIndex #mainBody #contentBody{width:730px;float:left;}
#skinIndex #mainBody #contentBody #sideWrap{width:230px;float:left;}
#skinIndex #mainBody #contentWrap{width:460px;float:right;}
#skinIndex #mainBody #subWrap{width:230px;float:right;}

#skin1Column #mainBody #contentWrap{width:100%;float:none;}

#skinZero .ContentPane{float:none;width:100%;}

#skinAdmin #mainBody #contentWrap{width:100%;float:none;}
#skinAdmin .searchWrap{margin:13px 0 0;}

/* ===========================================================
 css for admin
=========================================================== */
/* css-for-adminModules */
.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;}

#IconBar\.ascx_divControlPanel{font-size:12px;}
.ModuleTitle_MenuItem{font-size:12px;}


/* ===========================================================
 css for print
=========================================================== */
@media print{
body{font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}