@charset 'utf-8';

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";
@import "/Portals/0/css/contents_old.css";

/* ======================================================================= */

/*  NJS ----- skin */

/* ======================================================================= */

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

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

/* footBottom position settings */
body{min-height:100%;}
#skin{min-height:100%;position:relative;overflow:hidden;}

/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

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

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

/* ===========================================================
 headBody
=========================================================== */
#header{margin:0;padding:0 0 72px;position:relative;}
#header:after{content:'';display:block;clear:both;}
.headTop{margin:0;padding:15px 0 10px;}
.headTop:after{content:'';display:block;clear:both;}
.headTop .left{float:left;}
.headTop .right{float:right;width:395px;}
.headTop .right:after{content:'';display:block;clear:both;}
.headBottom{position:absolute;bottom:0;width:100%;}
.headBottom.fixed{position:fixed;bottom:auto;top:0;z-index:90;}
.adminMode #header.fixed{padding:0 0 72px !important;}
.adminMode .headBottom.fixed{position:absolute;bottom:0;top:auto;}

/* logo */
.logo {margin:0;padding:0;border:none;font-size:0;line-height:1;}
.logo a{display:block;}

/* HeadPane */
.HeadPane{margin:0 0 15px;padding:0;}

/* fontSizer */
#fontSizer{float:left;margin:0;padding:0;list-style-type:none;}
#fontSizer:before{float:left;display:block;content:'文字サイズ';font-size:12px;height:22px;line-height:22px;margin-right:12px;}
#fontSizer:after{content:'';display:block;clear:both;}
#fontSizer li{float:left;width:22px;height:22px;margin:0;padding:0;background:url(images/btn_fontsize.png) 0 0 no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;letter-spacing:normal;}
#fontSizer li + li{margin-left:3px;}
#fontSizer li.fontsizeS{background-position-x:0;}
#fontSizer li.fontsizeM{background-position-x:-25px;}
#fontSizer li.fontsizeL{background-position-x:-50px;}
#fontSizer li:hover{cursor:pointer;}
#fontSizer li:hover,
#fontSizer li.active{background-position-y:-22px;}

/* searchWrap */
.searchWrap{position:relative;float:right;width:225px;height:23px;margin:0 0 0 10px;padding:0;}
.searchWrap span.placeholder{position:absolute;top:0;left:0;width:225px;height:23px;line-height:23px;margin:0;padding:0 24px 0 8px;font-size:13px;color:#747474;display:block;z-index:1;}
.searchWrap input[type='text']{position:absolute;top:0;left:0;width:225px;height:23px;line-height:23px;margin:0;padding:0 24px 0 8px;border:1px solid #d9d9d9;border-radius:2px;outline:none;z-index:0;}
.searchWrap a{position:absolute;top:4px;right:5px;display:block;width:15px;height:15px;background:url(images/btn_search.png) 0 0 no-repeat;text-indent:100%;overflow:hidden;white-space:nowrap;z-index:1;}
.searchWrap a:hover{opacity:0.8;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0;padding:0;background:#5aae17;border-bottom:2px solid #fff;}
#gNav:after{content:'';display:block;clear:both;}
.tokenMenu ul{width:1040px;margin:0 auto;padding:0;}
.tokenMenu ul li{margin:0;padding:0;list-style-type:none;line-height:1.3;}
.tokenMenu ul li a{display:block;text-decoration:none;color:#222;}
.tokenMenu ul li a:hover{text-decoration:none;}
.tokenMenu > ul:after{content:'';display:block;clear:both;}
.tokenMenu > ul > li{display:none;float:left;}
.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab177,
.tokenMenu > ul > li.Tab234,
.tokenMenu > ul > li.Tab291,
.tokenMenu > ul > li.Tab296,
.tokenMenu > ul > li.Tab389{display:block;}
.pcView .tokenMenu > ul > li > a,
.pcView .tokenMenu > ul > li > a:hover{height:70px;background:url(images/btn_gnav.png) 0 0 no-repeat;text-indent:100%;display:block;overflow:hidden;white-space:nowrap;}
.pcView .tokenMenu > ul > li.Tab101 > a{width:173px;background-position:0 0;}
.pcView .tokenMenu > ul > li.Tab101:hover > a,
.pcView .tokenMenu > ul > li.Tab101 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab101 > a.parentLink{background-position:0 -70px;}
.pcView .tokenMenu > ul > li.Tab177 > a{width:168px;background-position:-173px 0;}
.pcView .tokenMenu > ul > li.Tab177:hover > a,
.pcView .tokenMenu > ul > li.Tab177 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab177 > a.parentLink{background-position:-173px -70px;}
.pcView .tokenMenu > ul > li.Tab234 > a{width:183px;background-position:-341px 0;}
.pcView .tokenMenu > ul > li.Tab234:hover > a,
.pcView .tokenMenu > ul > li.Tab234 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab234 > a.parentLink{background-position:-341px -70px;}
.pcView .tokenMenu > ul > li.Tab291 > a{width:168px;background-position:-524px 0;}
.pcView .tokenMenu > ul > li.Tab291:hover > a,
.pcView .tokenMenu > ul > li.Tab291 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab291 > a.parentLink{background-position:-524px -70px;}
.pcView .tokenMenu > ul > li.Tab296 > a{width:173px;background-position:-692px 0;}
.pcView .tokenMenu > ul > li.Tab296:hover > a,
.pcView .tokenMenu > ul > li.Tab296 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab296 > a.parentLink{background-position:-692px -70px;}
.pcView .tokenMenu > ul > li.Tab389 > a{width:175px;background-position:-865px 0;}
.pcView .tokenMenu > ul > li.Tab389:hover > a,
.pcView .tokenMenu > ul > li.Tab389 > a.currentLink,
.pcView .tokenMenu > ul > li.Tab389 > a.parentLink{background-position:-865px -70px;}
.pcView .tokenMenu > ul > li > ul{display:none;}

/* ===========================================================
 moduleMenu
=========================================================== */
.moduleMenu{margin:0;padding:0;}
.moduleMenu ul{margin:0;padding:0;}
.moduleMenu li{margin:0;padding:0;line-height:0;list-style:none;}
.moduleMenu li a{display:block;color:#333;text-decoration:none;font-size:115%;line-height:1.2;}
.moduleMenu li a[target="_blank"]:after{display:inline-block;content:'';width:13px;height:11px;margin-left:5px;vertical-align:middle;background:url(/Portals/0/images/common/ico_file_external.png) 0 0 no-repeat;}
.moduleMenu li a:hover{color:#333;text-decoration:underline;}
/* １階層目 */
.moduleMenu > ul > li{display:none;}
.moduleMenu > ul > li.currentItem,
.moduleMenu > ul > li.parentItem{display:block;}
.moduleMenu > ul > li > a{margin:0 0 2px;padding:36px 20px 34px;font-size:143%;font-weight:bold;background-color:#5aae17;border-radius:4px 4px 0 0;color:#fff;}
.moduleMenu > ul > li > a:hover{text-decoration:none;opacity:0.95;color:#fff;}
/* ２階層目 */
.moduleMenu > ul > li > ul > li{margin-bottom:1px;background-color:#edf3c1;}
.moduleMenu > ul > li > ul > li > a{padding:16px 15px 14px 28px;background:url(/Portals/0/images/common/arrow_cycle_green.png) no-repeat 10px 16px;}
.moduleMenu > ul > li > ul > li:hover > a,
.moduleMenu > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li.parentItem > a{text-decoration:none;background-color:#d0ee02;}
/* ３階層目 */
.moduleMenu > ul > li > ul > li > ul{display:none;}
.moduleMenu > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li.parentItem > ul{display:block;}
.moduleMenu > ul > li > ul > li > ul{background-color:#fff;border-left:10px solid #edf3c1;}
.moduleMenu > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li.parentItem > ul{border-left:10px solid #d0ee02;}
.moduleMenu > ul > li > ul > li > ul > li + li{border-top:1px solid #efefef;}
.moduleMenu > ul > li > ul > li > ul > li > a{padding:14px 10px 12px 25px;background:url(/Portals/0/images/common/arrow_green_small.png) no-repeat 15px 18px;}
.moduleMenu > ul > li > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li > ul > li.parentItem > a{background-color:#7f7f7f;background-image:url(/Portals/0/images/common/arrow_white_small.png);color:#fff;}
/* ４階層目 */
.moduleMenu > ul > li > ul > li > ul > li > ul{display:none;}
.moduleMenu > ul > li > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li > ul > li.parentItem > ul{display:block;}
.moduleMenu > ul > li > ul > li > ul > li > ul{padding-left:15px;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li + li{border-top:1px dotted #a1a1a1;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a{padding:12px 10px 10px 25px;background:url(/Portals/0/images/common/arrow_line_green.png) no-repeat 10px 18px;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li > ul > li > ul > li.parentItem > a{background-color:#7bbe45;background-image:url(/Portals/0/images/common/arrow_line_white.png);color:#fff;}
/* ５階層目以降 */
.moduleMenu > ul > li > ul > li > ul > li > ul > li > ul{display:none;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li > ul > li > ul > li.parentItem > ul{display:block;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li ul{padding-left:15px;background-color:#efefef;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li ul li a{padding:8px 10px 4px;font-size:100%;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li ul li.currentItem > a,
.moduleMenu > ul > li > ul > li > ul > li > ul > li ul li.parentItem > a{text-decoration:underline;}

/* ===========================================================
 content
=========================================================== */
#main{margin:0;padding:122px 0;background:url(images/bg_mainimage.jpg) center top repeat-x;min-height:100%;}
#main:after{content:'';display:block;clear:both;}
.breadcrumbBody{margin:0;padding:40px 0 20px;font-size:93%;color:#999;}
.breadcrumb span{padding:0 10px;}
.breadcrumb span#dnn_dnnBREADCRUMB_lblBreadCrumb,
.breadcrumb span.breadcrumbItem{padding:0;}
.breadcrumb a{color:#999;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0 0 45px;}
footer:after{content:'';display:block;clear:both;}
.footBottom{background:#fff;border-bottom:5px solid #519c15;position:absolute;bottom:0;width:100%;}
.footBottom:after{content:'';display:block;clear:both;}
.footBottom .FootPane{float:left;width:580px;}
.footBottom .copyright{margin:0;padding:0;float:right;width:400px;height:40px;text-align:right;font-size:13px;line-height:40px;}
.footBottom .pagetop{width:1040px;margin:0 auto;padding:0;}
.footBottom .pagetop a{margin-left:1040px;width:141px;height:115px;background:url(images/btn_pagetop.png) 0 0 no-repeat;text-indent:100%;display:block;overflow:hidden;white-space:nowrap;position:fixed;bottom:0;z-index:100;}

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

.skinIndex #main{padding:0;background:url(images/bg_mainimage_index.jpg) center top repeat-x;}
.skinIndex #main .contentTop{min-height:450px;}
.skinIndex .contentBottom{background:url(/Portals/0/images/common/bg_diagonal_yellowgreen.jpg) 0 0 repeat;}
.skinIndex .footTop{background:#edf3c1;}

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

/* コントロールパネル */
.controlPanelBody h2:after{display:none;}

/* お知らせ管理 */
.AdminViewAnnouncements table.tableGrid.Settings thead th:nth-of-type(2){width:40% !important;}