@charset "utf-8";

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

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

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

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

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

/* burgerMotion */
.burgerMotion{display:none;}

/* ===========================================================
 skin
=========================================================== */
#skin.skinIndex{background-color:transparent;background-image:url(/Portals/0/images/common/bg_body_top.png),url(/Portals/0/images/common/bg_body_bottom.png);background-position:right top,left bottom 1120px;background-repeat:no-repeat,no-repeat;}
#blockskip{display:none;}
.inner{width:1000px;position:  relative;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 headBody
=========================================================== */
header{margin:0;padding:0;}
.headTop > .inner{display:flex;flex-wrap:wrap;justify-content: flex-end;align-items:stretch;min-height:100px;}
.headTop .right{width:540px;}

header > .left > .inner{position:relative;}

.headInnerTopWrap{padding:20px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.headInnerTopWrap .innerLeftArea{width:330px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.headInnerTopWrap .innerRightArea{width:165px;}

.headInnerBottomWrap{padding:10px 0 0;}

/* headBottom */
.headBottom{min-height:50px;background:#0da4cf;background:-moz-linear-gradient(top, #0da4cf 0%, #00549f 100%);background:-webkit-linear-gradient(top, #0da4cf 0%,#00549f 100%);background:linear-gradient(to bottom, #0da4cf 0%,#00549f 100%);}

/* logo */
.logo{margin:0;padding:30px 0 28px;position: absolute;left: 0;top: 0;z-index: 10;}
.logo a{display:block;transition-property:opacity;transition-duration:0.3s;}
.logo a img{display:block;width:100%;}
.logo a:hover{opacity:0.7;}

/* fontSizer */
#fontSizer{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;letter-spacing:-0.4em;width:150px;}
#fontSizer::before{display:inline-block;line-height:13px;position:absolute;left:0;top:0;bottom:0;content:"文字サイズ";letter-spacing:normal;font-size:0.929rem;margin:auto;height:13px;}
#fontSizer li{display:flex;align-items:center;justify-content:center;list-style-type:none;width:25px;height:25px;margin:0 0 0 1px;padding:0;border:1px solid #ccc;border-radius:2px;font-size:0.929rem;background:#fff;line-height:2.0;text-align:center;letter-spacing:normal;transition-property:all;transition-duration:0.3s;}
#fontSizer li:hover{cursor:pointer;}
#fontSizer li:hover,
#fontSizer li.active{background:#6bbfe6;border:1px solid #6bbfe6;color:#fff;}

/* HeadTopPane */
.HeadTopPane{width:150px;}
.bgColorBtn{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;letter-spacing:-0.4em;width:150px;}
.bgColorBtn::before{display:inline-block;line-height:13px;position:absolute;left:0;top:0;bottom:0;content:"背景色";letter-spacing:normal;font-size:0.929rem;margin:auto;height:13px;}
.bgColorBtn li{display:flex;align-items:center;justify-content:center;list-style-type:none;width:25px;height:25px;margin:0 0 0 1px;padding:0;border:1px solid #ccc;border-radius:2px;font-size:0.929rem;background:#fff;line-height:2.0;text-align:center;letter-spacing:normal;transition-property:opacity;transition-duration:0.3s;}
.bgColorBtn li:hover{cursor:pointer;opacity:0.7;}
.bgColorBtn li.blue{background:#0000ff;border:none;}
.bgColorBtn li.yellow{background:#ffff00;border:none;}
.bgColorBtn li.black{background:#000000;border:none;}
.bgColorBtn li a{display:block;text-decoration:none;}
.bgColorBtn li a:hover{text-decoration:none;}
.bgColorBtn li.white a,
.bgColorBtn li.yellow a{color:#000;}
.bgColorBtn li.blue a,
.bgColorBtn li.black a{color:#fff;}

/* searchWrap */
.searchWrap{position:relative;width:auto;margin:0;}
.searchWrap input{appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;}
.searchWrap input[type="text"]{position:absolute;top:0;left:0;margin:0;padding:2px 30px 2px 3px;height:25px;width:165px;border:1px solid #eee;outline:none;line-height:1;z-index:0;background-color:#f9f9f9;border-radius:2px;font-size:1rem;}
.searchWrap input[type="button"]{display:block;position:absolute;right:0;top:0;width:25px;height:25px;border:none;border-radius:2px;background:transparent;line-height:0;text-align:center;z-index:1;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;background:url(/Portals/0/images/common/ico_search.png) left 4px top 5px no-repeat transparent;-webkit-background-size:14px;background-size:14px;}

/* ===========================================================
 content
=========================================================== */
#main{padding-bottom:50px;}
.TopPane{background-color:#fff;}

.breadcrumbs{margin:0 auto;padding:15px 0 27px;font-size:0.929rem;}
.breadcrumbs a{color:#000;text-decoration:none;}
.breadcrumbs > *{margin-right:12px;}

.pagetop{position:fixed;bottom:0;right:20px;padding:0;margin:0;width:50px;height:30px;}
.pagetop a{display:block;width:50px;height:30px; background:url(/Portals/0/images/common/ico_pagetop.jpg) 0 0 no-repeat;-webkit-background-size:50px 30px;background-size:50px 30px; text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
/* footTop */
.footTop{position: relative;background:url(/Portals/0/images/common/bg_foottop.png) 0 0 repeat #fff;-webkit-background-size:2px 2px;background-size:2px 2px;}
.footTop > .inner{position:static;}
.copyright{padding:10px 0;text-align:center;font-size:0.786%;color:#666;}

/* footMiddle */
.footMiddle{background-color:#005ba5;position:relative;}

/* footBottom */
.footBottom{background-color:#222;}

/* ===========================================================
 css for each skin
=========================================================== */
.skin2Columns .contentInner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.skin2Columns .sideArea{width:220px;}
.skin2Columns .mainArea{width:750px;}
.skinMember .headBottom{display:none;}
.skinMember .headTop{box-shadow:0 0 4px 0 rgba(0,0,0,0.15);}
.skin1Column.office .headTop .logo{position:relative;}
.skin1Column.office .headTop > .inner{justify-content:flex-start;}
.ContentPane::after{content:"";display:block;clear:both;}

/* ===========================================================
 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_MenuContainer > tbody > tr > td:last-child{line-height:1;}
.ModuleTitle_MenuItem{font-size:12px !important;}

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

/* adminMode */
.ControlPanel, .PagingTable{font-size:13px!important;}
div[id$="Pane"]{border-left:none!important;border-right:none!important;}
.zeroTitle{display:none;padding:2px 8px;border-radius:0 0 3px 3px;background-color:#4b6284;color:#fff;font-size:11px;line-height:1;}
div[id$="Pane"] > center:first-of-type{display:inline-block;padding:2px 8px;border-radius:0 0 4px 0;background-color:#eee;font-size:11px;line-height:1;}

div.moduleButton + div[style$="border-left:2px #FF0000 solid;"]{border-left:none!important;border-right:none!important;}

/* ログイン中にメガメニューのボタンが押せない問題の解決 */
.MegamenuPane center{position:absolute;left:55px;}
.MegamenuPane .infoCMSactions{position:absolute;}

/* 承認管理 */
#tdApproval,
#tdReject{width:auto!important;}
#tdApproval > a,
#tdReject > a{display:inline-block;min-width:80px;padding:0.5em 1em;border-radius:4px;background-color:#eee;text-align:center;}
#tdApproval > a:hover,
#tdReject > a:hover{opacity:0.7;text-decoration:none;}
#tdApproval > a > span.SubHead{color:#fff;}
#tdReject > a > span.SubHead{color:#333;}
#tdApproval > a{background-color:#00549f;color:#fff;}