@charset "utf-8";

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

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

*{box-sizing:border-box;}
body,img{margin:0;padding:0;border:none;}

.clearfix:after {content:""; display:block; clear:both;}

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

a{color:#0079c8;}
a:hover{color:#00568F;}

.pcArea{display:block;}
.spArea{display:none!important;}



/* ===========================================================
skin
=========================================================== */
.skinBody{color:#333; overflow: hidden; position:relative; padding-top:100px;}


/* ===========================================================
headBody
=========================================================== */
#headBody{margin:0 auto;padding:0;width:100%;top: 0;position: fixed;text-align:left;z-index:9995; background:url(/Portals/0/images/common/bg_header.png) center 0 no-repeat #000;min-height:100px;}
#headBody:after {content:""; display:block; clear:both;}


#headBody .headInnerWrap{width:1000px; margin:0 auto; padding:0; position:relative;}

/* Logo */
#headBody .headLogo	{margin:0; padding:25px 0 0; width:324px; float:left;}
#headBody .headLogo > h1,
#headBody .headLogo > p{border:none; background:none; font-size:1rem!important; line-height:1!important; margin:0; padding:0; width:auto;}
#headBody .logo a		{margin:0; padding:0; font-size:100%; line-height:1; display:block; border:none; text-align:right;}

/* headRightWrap */
#headBody .headRightWrap{float:right; width:674px;}
#headBody .headRightWrap:after {content:""; display:block; clear:both;}

/* headTopBox */
#headBody .headTopBox{width:674px;margin:0 0 14px;padding: 0 0 0 52px;/*height:36px;*/}
#headBody .headTopBox:after {content:""; display:block; clear:both;}

#headBody .headTopBox .HeadLeftPane{width: 460px;margin:0;padding:0;float:left;}
#headBody .headTopBox .HeadRightPane{width:150px; margin:0; padding:0; float:right;}

/* headBottomBox */
#headBody .headBottomBox{width: auto;margin:0;padding:0;/*height:50px;*/}
#headBody .headBottomBox:after {content:"";display:block;clear:both;}

#headBody .headBottomBox .searchWrap{width:242px;margin:0;padding:0;float: right;}
#gNav{width: auto;padding:0;float: none;margin-left: auto;display:block;/*第2フェーズまで非表示*/}
#gNav:after {/* content:""; *//* display:block; *//* clear:both; */}


.SearchAcordionWrap {width:1000px; position:absolute; z-index:2050; left:0; right:0; margin:auto; padding:10px; background-color:#000;}
.SearchAcordionWrap:after {content:""; display:block; clear:both;}

/* GpsSearchPane */
.GpsSearchPane{display:none;}
.adminMode .GpsSearchPane{display:block;}

/* PcNaviPane */
.PcNaviPane{display: block;}

/* smtMenuBtn */
.smtMenuBtn{display:none;}
.adminMode .smtMenuBtn{display:block;}

/* ===========================================================
gNav
=========================================================== */



/* ===========================================================
content
=========================================================== */
#mainBody{margin:0 auto; padding:0 0 75px; width:1000px; text-align:left; clear:both; display:block;}
#mainBody:after {content:""; display:block; clear:both;}

.TopPane{margin:0 auto 35px; width:auto; text-align:left; clear:both; overflow:hidden; max-height:420px;}

.contentWrap{width:700px; float:left; margin:0; padding:0;}
.sideWrap{width:270px; float:right; margin:0; padding:0;}

.contentWrap .ContentPane{width:auto; margin:0 auto; padding:0;}

.sideWrap .SideTopPane,
.sideWrap .SidePane,
.sideWrap .SideBottomPane{margin:0 auto 10px; padding:0;}

.pagetop{margin:0;padding:0;width:90px;height:90px;right: 15px;bottom: 60px;display:block;position:fixed;}
.pagetop a{margin:0; padding:0; width:90px; height:90px; text-indent:100%; white-space:nowrap; overflow:hidden; display:block; background:url(/Portals/0/images/common/bg_pagetop.png) left top no-repeat transparent; transition-property:all; transition-duration:0.3s;}
.pagetop a:hover{opacity:0.7;}


/* ===========================================================
footBody
=========================================================== */
#footBody{margin:0; padding:12px 0 16px; background-color:#000; border-top:5px solid #d2d2d2; clear:both; width:auto;}

#footBody .copyright{margin:0 auto; padding:0; font-size:0.64rem; color:#fff; text-align:center; clear:both;}
#footBody .copyright > span{display:block; padding:0;}


/* ===========================================================
css for each skin
=========================================================== */
/*----- skinIndex -----*/


/*----- skin1Column -----*/
#skin1Column .contentWrap{width:auto; float:none; margin:0 auto; padding-top:30px;}
#skin1Column .TopPane{margin:0 auto;}



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


/*========================================================
tokenMenu
========================================================*/ 
.tokenMenu{margin:0 auto; width:484px; z-index:90;}

.tokenMenu > ul{margin:0;padding:0; width:484px;}
.tokenMenu > u:after {content:""; display:block; clear:both;}

.tokenMenu > ul > li{margin:0; padding:0; display:none; float:left; list-style-type:none; position:relative; width:121px;}
.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab114,
.tokenMenu > ul > li.Tab176,
.tokenMenu > ul > li.Tab178{display:block;}

.tokenMenu > ul > li > a{margin:0; padding:0; height:50px; line-height:1; display:block; text-indent:200%; white-space:nowrap; overflow:hidden;background-repeat:none; background-color:transparent;}

.tokenMenu > ul > li > ul{display:none;}

.pcNaviList{background:url(/Portals/0/images/common/navi/bg_pc_navi.png) 0 0 no-repeat;}
.pcNaviList:after {/* content:""; *//* display:block; *//* clear:both; */}
.pcNaviList a{display:block;float: right;width:108px;height:50px;border-right:1px solid #fff;}
.pcNaviList a:hover{opacity:0.7;}

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


/*===================
編集ナビ
==================== */
.ModuleTitle_MenuContainer {position: relative;z-index: 999;}
.ModuleTitle_MenuContainer,
.ModuleTitle_MenuContainer *[width="100%"] {width: auto !important;  line-height: 0;}
/* 編集ナビのプルダウンメニュー */
.ModuleTitle_SubMenu{z-index:99999 !important;}
.ModuleTitle_MenuItem {font-size:12px;}