@charset 'utf-8';
@import "/Portals/0/css/base.css";
@import "/Portals/0/js/customScrollbar/jquery.mCustomScrollbar.css";
@import "/Portals/0/css/contents.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{min-width:1040px;}

/* font settings */
html,
body{color:#333;font-size:14px;line-height:1.8;}
body{font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';}


/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.inner:after {content:"";display:block;clear:both;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 headBody
=========================================================== */
header{margin:0;padding:0;}
header:after{content:'';display:block;clear:both;}
.headTop:after{content:'';display:block;clear:both;}
.headTop .left{float:left;margin:18px 0 15px;}
.headTop .right{float:right;margin:16px 0 0;width:340px;}
.headTop .right:after{content:'';display:block;clear:both;}

.headBottom{background:url(/Portals/0/skins/NOM/images/bg_gnavi_grad.png) left bottom repeat-x;border-bottom:1px solid #fff;}

/* logo */
.logo {display:block;margin:0;padding:0;width:342px;}
.logo a{display:block;}

/* searchWrap */
.searchWrap{position:relative;float:right;margin:0 0 15px;width:295px;height:23px;}
.searchWrap input[type='text']{position:absolute;top:0;left:0;width:225px;height:23px;margin:0;padding:3px 6px;border:1px solid #d9d9d9;border-radius:4px 0 0 4px;outline:none;font-size:0.857rem;line-height:1rem;}
.searchWrap a{display:block;float:right;width:70px;height:23px;border:none;background:url(/Portals/0/skins/NOM/images/btn_search.png) 0 0 no-repeat transparent;line-height:1;text-align:left;text-indent:200%;white-space:nowrap;overflow:hidden;}
.searchWrap span {position:absolute;z-index:1;top:2px;left:6px;width:150px;height:20px;color:#999;display:block;font-size:12px;}

/* headerLink */
ul.headerLink{margin:0 0 15px;padding:0;}
ul.headerLink:after {content:"";display:block;clear:both;}
ul.headerLink li{list-style:none;margin:0 0 0 16px;padding:0;float:left;}
ul.headerLink li:first-child{margin:0;}
ul.headerLink li a{display:block;margin:0;padding:0 0 0 13px;line-height:1.2;text-decoration:none;color:#000;background:url(/Portals/0/images/common/ico_gray_arrow_small.png) 2px center no-repeat transparent;}
ul.headerLink li.mailIcon a{background-image:url(/Portals/0/images/common/ico_mail.png);padding-left:23px;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{height:40px;margin:0 auto;padding:0;}
#gNav:after{content:'';display:block;clear:both;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:after{content:'';display:block;clear:both;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu ul li.Tab100,
.tokenMenu ul li.Tab102,
.tokenMenu ul li.Tab115,
.tokenMenu ul li.Tab134{display:block;}
.tokenMenu ul ul{display:none;}
.tokenMenu > ul > li{width:250px;float:left;}
.tokenMenu > ul > li > a{display:block;height:40px;background-position:center 0;background-color:transparent;background-repeat:no-repeat;font-size:1.071rem;line-height:40px;text-align:left;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;position:relative;}
.tokenMenu > ul > li > a:hover{opacity:1;}

.tokenMenu > ul > li.Tab100 > a{ background-image:url(/Portals/0/skins/NOM/images/bg_gnavi_01.png);}
.tokenMenu > ul > li.Tab102 > a{ background-image:url(/Portals/0/skins/NOM/images/bg_gnavi_03.png);}
.tokenMenu > ul > li.Tab115 > a{ background-image:url(/Portals/0/skins/NOM/images/bg_gnavi_04.png);}
.tokenMenu > ul > li.Tab134 > a{ background-image:url(/Portals/0/skins/NOM/images/bg_gnavi_02.png);}

.tokenMenu > ul > li > a:hover,
.tokenMenu > ul > li.active > a,
.tokenMenu > ul > li.active > a.currentLink,
.tokenMenu > ul > li.active > a.parentLink{background-position:center -40px;background-color:#314397;}
.tokenMenu > ul > li > a.currentLink,
.tokenMenu > ul > li > a.parentLink{background-position:center -80px;}
.tokenMenu > ul > li > a.currentLink:hover,
.tokenMenu > ul > li > a.parentLink:hover{background-position:center -40px;}

.tokenMenu > ul > li > a:before,
.tokenMenu > ul > li.Tab115 > a:after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:0;
background:-moz-linear-gradient(top,  #e5e5e5 0%, #f2f3f4 100%);
background:-webkit-linear-gradient(top,  #e5e5e5 0%,#f2f3f4 100%);
background:linear-gradient(to bottom,  #e5e5e5 0%,#f2f3f4 100%);}
.tokenMenu > ul > li.Tab115 > a:after{left:auto;right:0;}
.tokenMenu > ul > li > a:hover:before{ background:#FFF;}


/* ===========================================================
 Megamenu
=========================================================== */
div#navWrap {position:relative;}
.Nav01Pane,
.Nav02Pane,
.Nav03Pane,
.Nav04Pane{position:absolute;z-index:10;top:0;display:none;}
.adminMode .skinIndex .Nav01Pane,
.adminMode .skinIndex .Nav02Pane,
.adminMode .skinIndex .Nav03Pane,
.adminMode .skinIndex .Nav04Pane{position:static;display:block !important;}


/* ===========================================================
 content
=========================================================== */
main{margin:0;padding:0;min-height:480px;background:url(/Portals/0/skins/NOM/images/bg_body.jpg) center 0 repeat-x transparent;}
main:after{content:'';display:block;clear:both;}

.TopPane{padding:15px 0 7px;}

.breadcrumb{margin:0 auto;padding:0;font-size:0.786rem;}
.breadcrumb .inner > span{display:block;padding-top:12px;}
.breadcrumb .inner > span > a{color:#333;text-decoration:none;display:inline-block;margin-left:12px;}
.breadcrumb .inner > span > span{color:#333;display:inline-block;margin-left:12px;}
.breadcrumb .inner > span > a:first-child{padding-left:15px;margin-left:0;background:url(/Portals/0/skins/NOM/images/ico_breadcrumb.gif) 0 center no-repeat transparent;}
.breadcrumb a:hover{text-decoration:underline;}

.contentMiddle{width:1060px;min-height:480px;margin:0 auto;padding-top:30px;background:url(/Portals/0/skins/NOM/images/bg_main.png) center 0 no-repeat transparent;}


/* ===========================================================
 footBody
=========================================================== */
footer{margin:40px 0 0 0;padding:0;}

.footTop{background:url(/Portals/0/skins/NOM/images/bg_footer.gif) 0 0 repeat-x #f4f4f4;padding-top:16px;}
.footTop .pagetop{padding:0;margin:0;height:0;width:0;}
.footTop .pagetop a{position:fixed;bottom:20px;right:20px;margin:0;padding:0;width:80px;height:80px;text-align:left;font-size:1;color:transparent;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(/Portals/0/skins/NOM/images/btn_pagetop.png);transition-property:all;transition-duration:0.3s;}
.footTop .pagetop a:hover{opacity:0.7;}

.footBottom{background-color:#314397;padding:15px 0 18px;color:#fff;}
.FootBottomPane{float:left;width:50%;}
.footerLink a{font-size:0.929rem;text-decoration:none;color:#fff;}
.footerLink a:hover{text-decoration:underline;}
.copyright{float:right;width:50%;text-align:right;font-size:11px;}

/* ===========================================================
 css for each skin
=========================================================== */
.skin2Columns .sideArea{float:left;width:250px;}
.skin2Columns .mainArea{float:right;width:720px;}

/* ===========================================================
 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;}

/* 編集ナビ */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}
.ModuleTitle_MenuItem{font-size:12px;}

/* スマホプレビュー */
.selectBox + .fancybox-wrap,
.selectBox + .fancybox-wrap *{box-sizing:content-box !important;}

/* コンパネのh2 */
.controlPanelBody h2:before{display:none;}


/*========================================================
 moduleMenu
 ========================================================*/
.SEOMenuV2 ul,
.moduleMenu ul{margin:0;padding:0;}
.SEOMenuV2 li,
.moduleMenu ul li{list-style:none;margin:0;padding:0;line-height:0;}
.SEOMenuV2 ul li a,
.moduleMenu ul li a{text-decoration:none; line-height:1.5;}