@charset "utf-8";

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

/* ===========================================================
 common
=========================================================== */
body,
img {margin:0; padding:0; border:none;}

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

html {height:100%; font-size:14px;}
body {min-width:980px; height:100%; font-size:100%; font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif'; color:#333; line-height:1.5; background:url(images/bg_body.png) 0 0 repeat;}


body.fontSize1 {font-size:100%;}
body.fontSize2 {font-size:114%; line-height:1.7;}


a,
a:link,
a:visited {color:#00418e; text-decoration:underline;}
a:hover,
a:active {color:#00418e; text-decoration:none;}


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

#skinIndex #dnn_ctr_Login_pnlLogin {position:absolute; top:150px;}



/* ===========================================================
 skin
=========================================================== */
.skinWrapper {color:#333; overflow:hidden;}
#blockskip {display:none;}



/* ===========================================================
 headBody
=========================================================== */
#headBody {margin:0 auto; padding:5px 0 0 0; width:980px; text-align:left;}
#headBody:before,
#headBody:after {content:"";display:table;}
#headBody:after {clear:both;}

/* headLogo */
#headBody .headLogo	{margin:0; padding:0; width:360px; float:left;}
#headBody .headLogo .Logo {margin:0; padding:0; line-height:1; background:url(images/bg_logo.png) 230px bottom no-repeat; min-height:70px; position:relative; border-bottom:none;}
#headBody .headLogo .Logo a {margin:0; padding:0; display:block; width:230px; height:50px; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(images/logo.png) 0 0 no-repeat; position:absolute; top:10px; left:0;}
#headBody .headLogo .Logo a img {display:none;}

/* HeadSmtBtnPane */
.HeadSmtBtnPane {clear:both;}

/* headWrap */
#headBody .headWrap {margin:10px 0 0 0; padding:0; width:560px; float:right;}

/* headUtility */
#headBody .headUtility {margin:0; padding:0;}
#headBody .headUtility:before,
#headBody .headUtility:after {content:"";display:table;}
#headBody .headUtility:after {clear:both;}

/* fontSizer */
#headBody .headUtility #fontSizer {margin:0; padding:0 0 0 56px; width:90px; list-style:none; float:left; background:url(images/ttl_fontsize.png) left center no-repeat;}
#headBody .headUtility #fontSizer:before,
#headBody .headUtility #fontSizer:after {content:"";display:table;}
#headBody .headUtility #fontSizer:after {clear:both;}
#headBody .headUtility #fontSizer li {margin:0 0 0 3px; padding:0; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer; width:42px; height:22px; float:left;}
#headBody .headUtility #fontSizer li.fontsizeS {background:url(images/btn_fontsize.png) 0 -22px no-repeat;}
#headBody .headUtility #fontSizer li.fontsizeS:hover,
#headBody .headUtility #fontSizer li.fontsizeS.active {background-position:0 0;}
#headBody .headUtility #fontSizer li.fontsizeM {background:url(images/btn_fontsize.png) -45px -22px no-repeat;}
#headBody .headUtility #fontSizer li.fontsizeM:hover,
#headBody .headUtility #fontSizer li.fontsizeM.active {background-position:-45px 0;}

/* colorChange */
.colorChange {margin:0 0 0 12px; padding:0 0 0 68px; width:124px; background:url(images/ttl_bgColor.png) left center no-repeat; float:left; list-style:none;}
.colorChange:before,
.colorChange:after {content:"";display:table;}
.colorChange:after {clear:both;}
.colorChange li {margin:0 0 0 3px; padding:0; float:left;}
.colorChange li a {text-indent:100%; white-space:nowrap; overflow:hidden; width:28px; height:22px; display:block; cursor:pointer;}
.colorChange li.colorW a {background:url(images/btn_bgColor.png) no-repeat 0 0;}
.colorChange li.colorB a {background:url(images/btn_bgColor.png) no-repeat -31px 0;}
.colorChange li.colorY a {background:url(images/btn_bgColor.png) no-repeat -62px 0;}
.colorChange li.colorBK a {background:url(images/btn_bgColor.png) no-repeat -93px 0;}
.colorChange li a:hover {opacity:0.7; filter:alpha(opacity=70);}

/* searchWrap */
.searchWrap {width:200px; height:22px; float:right; position:relative; line-height:1.6;}
.searchWrap span {color:#999999; display:block; font-size:12px; left:5px; top:3px; position:absolute; z-index:1;}
.searchWrap input {margin:0; padding:0 25px 0 5px; width:170px; height:22px; font-size:14px; position:absolute; top:0; left:0; border:1px solid #e6e6e6; border-radius:2px; color:#333333; line-height:1.6;}
.searchWrap a {width:15px; height:15px; text-indent:100%; position:absolute; top:5px; right:5px; display:block; background:url(images/btn_seach.png) 0 0 no-repeat; overflow:hidden; white-space:nowrap;}
.searchWrap a:hover	{opacity:0.7; filter:alpha(opacity=70);}



/* ===========================================================
 gNav
=========================================================== */
#gNav {margin:0 auto; padding:0; text-align:left; clear:both; position:relative;}
#gNav:before,
#gNav:after {content:"";display:table;}
#gNav:after {clear:both;}

.tokenMenu ul {margin:0; padding:0;}
.tokenMenu li {margin:0; padding:0; list-style-type:none;}



/* ===========================================================
 content
=========================================================== */
#mainBody {margin:0 auto; padding:0; text-align:left; clear:both; display:block;}
#mainBody:before,
#mainBody:after {content:"";display:table;}
#mainBody:after {clear:both;}
.skinSub #mainBody {margin-bottom:100px;}

/* topWrap */
#mainBody #topWrap {margin:0; padding:0; position:relative; height:480px;}
#mainBody #topWrap .TopPane {margin:0 auto;}
#mainBody #topWrap .InfoHeadPane {margin:0; padding:0; position:absolute; top:0; width:100%; background:rgba(255, 255, 255, 0.9); box-shadow:0 0 2px 0 #b5b5b5; z-index:1;}
#mainBody #topWrap .InfoBottomPane {margin:0; padding:0; position:absolute; bottom:0; width:100%;}
.skinSub #mainBody #topWrap {height:auto;}
.skinSub #mainBody #topWrap .InfoHeadPane {/*margin:0; padding:0; position:static; top:0;*/}

/* contentWrap */
#mainBody #contentWrap {margin:0 auto; width:980px;}
#mainBody #contentWrap:before,
#mainBody #contentWrap:after {content:"";display:table;}
#mainBody #contentWrap:after {clear:both;}
#mainBody #contentWrap .ContentTopPane {margin:0; padding:0; clear:both;}
#mainBody #contentWrap #contentWrapLeftArea {margin:0; padding:0; width:740px; float:left;}
#mainBody #contentWrap #contentWrapLeftArea .ContentPane {margin:0; padding:0;}
#mainBody #contentWrap #contentWrapLeftArea .ContentBottomPane {margin:0; padding:0;}
#mainBody #contentWrap #contentWrapRightArea {margin:0; padding:0; width:210px; float:right;}
#mainBody #contentWrap #contentWrapRightArea .SubTopPane {margin:0; padding:0;}
#mainBody #contentWrap #contentWrapRightArea .SubPane {margin:0; padding:0;}
#mainBody #contentWrap #contentWrapRightArea .SubBottomPane {margin:0; padding:0;}

#mainBody .BottomPane {margin:0 auto; width:980px; clear:both;}

.breadcrumb {margin:50px auto 0; padding:18px 0 12px 0; width:980px; font-size:92%; text-align:left;}
.breadcrumb a {color:#333333!important;}
.breadcrumb a:hover	{}
.breadcrumb span a:first-child {padding-left:0;}
.breadcrumb span span,
.breadcrumb span a {padding:0 12px;}
.breadcrumb span span:last-child {color:#00418e;}

/* ===========================================================
 footBody
=========================================================== */
#footBody {margin:0; padding:0; clear:both; background:#d3e4f7;}

#footWrap {margin:0 auto; width:980px;}
#footWrap:before,
#footWrap:after {content:"";display:table;}
#footWrap:after {clear:both;}

.FootTopPane {margin:0; padding:0;}
.FootTopPane:before,
.FootTopPane:after {content:"";display:table;}
.FootTopPane:after {clear:both;}

.FootPane {margin:0; padding:0;}
.FootPane:before,
.FootPane:after {content:"";display:table;}
.FootPane:after {clear:both;}

.FootBottomPane {margin:0; padding:0;}
.FootBottomPane:before,
.FootBottomPane:after {content:"";display:table;}
.FootBottomPane:after {clear:both;}

.copyright {margin:0; padding:10px 0; clear:both; background:#00418e;position:relative;z-index:2;}
.copyright .copyrightCss {margin:0 auto; padding:0; width:980px; display:block; font-size:78%; color:#ffffff; text-align:center;}

.pagetopDummy{z-index: 1;}
.pagetopDummy,
#pagetop{margin:0 auto;padding:0;width:980px;position:relative;}
#pagetop {z-index: 3;}
.pagetopDummy span {background:url(images/btn_pagetop_upper.png) 0 0 no-repeat;}
.pagetopDummy span,
#pagetop a {margin: 0 0 0 990px;padding:0;width:157px;height:126px;text-indent:100%; white-space:nowrap; overflow:hidden; display:block;position:fixed;bottom: 22px;}
.fontSize2 .pagetopDummy span,
.fontSize2 #pagetop a {bottom:30px;}
#pagetop a {background:url(images/btn_pagetop.png) 0 0 no-repeat;}


/* ===========================================================
 css for each skin
=========================================================== */
#skin2Columns #contentBody {margin:0 auto; width:980px;}
#skin2Columns #sideWrap {width:230px; float:right;}
#skin2Columns #contentWrap {padding:30px 30px 50px 30px; width:660px; float:left; background:#ffffff; border-radius:3px; border-top:3px solid #00418e;}
#skin1Column #contentWrap {padding:30px 30px 50px 30px; width:920px; float:none; background:#ffffff; border-radius:3px; border-top:3px solid #00418e;}



/* ===========================================================
 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; height:48px; z-index:90; background:#00418e; border-bottom:2px solid #003371;}

.tokenMenu ul {margin:0 auto; padding:0; width:980px;}
.tokenMenu ul:before,
.tokenMenu ul:after {content:"";display:table;}
.tokenMenu ul:after {clear:both;}

.tokenMenu > ul > li {margin:0; padding:0; display:none; float:left; list-style-type:none;}
.tokenMenu > ul > li.Tab102,
.tokenMenu > ul > li.Tab149,
.tokenMenu > ul > li.Tab171,
.tokenMenu > ul > li.Tab199,
.tokenMenu > ul > li.Tab222 {display:block;}

.tokenMenu > ul > li > a,
.tokenMenu > ul > li > a:hover {margin:0; padding:0; height:48px; line-height:48px; text-indent:-9999em; display:block; overflow:hidden; background:url(images/btn_gNav.png) 0 0 no-repeat!important;}

.tokenMenu > ul > li.Tab102 > a {width:192px; background-position:0 0!important;}
.tokenMenu > ul > li.Tab102 > a:hover,
.tokenMenu > ul > li.Tab102 > a.currentLink:hover,
.tokenMenu > ul > li.Tab102 > a.parentLink:hover,
.tokenMenu > ul > li.Tab102:hover > a,
.tokenMenu > ul > li.Tab102.selected > a,
.tokenMenu > ul > li.Tab102.selected > a.currentLink,
.tokenMenu > ul > li.Tab102.selected > a.parentLink {background-position:0 -48px!important;}
.tokenMenu > ul > li.Tab102 > a.currentLink,
.tokenMenu > ul > li.Tab102 > a.parentLink {background-position:0 -96px!important;}

.tokenMenu > ul > li.Tab149 > a {width:192px; background-position:-192px 0!important;}
.tokenMenu > ul > li.Tab149 > a:hover,
.tokenMenu > ul > li.Tab149 > a.currentLink:hover,
.tokenMenu > ul > li.Tab149 > a.parentLink:hover,
.tokenMenu > ul > li.Tab149:hover > a,
.tokenMenu > ul > li.Tab149.selected > a,
.tokenMenu > ul > li.Tab149.selected > a.currentLink,
.tokenMenu > ul > li.Tab149.selected > a.parentLink {background-position:-192px -48px!important;}
.tokenMenu > ul > li.Tab149 > a.currentLink,
.tokenMenu > ul > li.Tab149 > a.parentLink {background-position:-192px -96px!important;}

.tokenMenu > ul > li.Tab171 > a {width:210px; background-position:-384px 0!important;}
.tokenMenu > ul > li.Tab171 > a:hover,
.tokenMenu > ul > li.Tab171 > a.currentLink:hover,
.tokenMenu > ul > li.Tab171 > a.parentLink:hover,
.tokenMenu > ul > li.Tab171:hover > a,
.tokenMenu > ul > li.Tab171.selected > a,
.tokenMenu > ul > li.Tab171.selected > a.currentLink,
.tokenMenu > ul > li.Tab171.selected > a.parentLink {background-position:-384px -48px!important;}
.tokenMenu > ul > li.Tab171 > a.currentLink,
.tokenMenu > ul > li.Tab171 > a.parentLink {background-position:-384px -96px!important;}

.tokenMenu > ul > li.Tab199 > a {width:192px; background-position:-594px 0!important;}
.tokenMenu > ul > li.Tab199 > a:hover,
.tokenMenu > ul > li.Tab199 > a.currentLink:hover,
.tokenMenu > ul > li.Tab199 > a.parentLink:hover,
.tokenMenu > ul > li.Tab199:hover > a,
.tokenMenu > ul > li.Tab199.selected > a,
.tokenMenu > ul > li.Tab199.selected > a.currentLink,
.tokenMenu > ul > li.Tab199.selected > a.parentLink {background-position:-594px -48px!important;}
.tokenMenu > ul > li.Tab199 > a.currentLink,
.tokenMenu > ul > li.Tab199 > a.parentLink {background-position:-594px -96px!important;}

.tokenMenu > ul > li.Tab222 > a {width:194px; background-position:-786px 0!important;}
.tokenMenu > ul > li.Tab222 > a:hover,
.tokenMenu > ul > li.Tab222 > a.currentLink:hover,
.tokenMenu > ul > li.Tab222 > a.parentLink:hover,
.tokenMenu > ul > li.Tab222:hover > a,
.tokenMenu > ul > li.Tab222.selected > a,
.tokenMenu > ul > li.Tab222.selected > a.currentLink,
.tokenMenu > ul > li.Tab222.selected > a.parentLink {background-position:-786px -48px!important;}
.tokenMenu > ul > li.Tab222 > a.currentLink,
.tokenMenu > ul > li.Tab222 > a.parentLink {background-position:-786px -96px!important;}

/* tokenMenu：iPadのリンク */
.tabMode .tokenMenu > ul > li.Tab102 > a,
.tabMode .tokenMenu > ul > li.Tab149 > a,
.tabMode .tokenMenu > ul > li.Tab171 > a,
.tabMode .tokenMenu > ul > li.Tab199 > a,
.tabMode .tokenMenu > ul > li.Tab222 > a{pointer-events: none;}

/* ===========================================================
 navWrap
=========================================================== */
#navWrap {margin:0 auto; width:1020px; z-index:90; position:absolute; top:50px; left:0; right:0;}
#contentWrap #navWrap {position:static;}



/*========================================================
 moduleMenu
 ========================================================*/
.moduleMenu  ul,
.moduleMenu  li {margin:0; padding:0; list-style:none;}

.moduleMenu {margin:0 0 20px 0; padding:0;}
.moduleMenu > ul {margin:0; padding:0;}
.moduleMenu > ul > li {margin:0; padding:0; display:none;}
.moduleMenu > ul > li.currentItem,
.moduleMenu > ul > li.parentItem {display:block;}
.moduleMenu > ul > li > a {display:none;}
.moduleMenu > ul > li > ul {margin:0; padding:0;}
.moduleMenu > ul > li > ul > li {margin:0 0 3px; padding:0; background:#ffffff; border-radius:3px; border-bottom:2px solid #00418e;}
.moduleMenu > ul > li > ul > li.currentItem,
.moduleMenu > ul > li > ul > li.parentItem {/*border-bottom:2px solid #003371;*/}
.moduleMenu > ul > li > ul > li > a {margin:0; padding:20px 15px 20px 30px; color:#ffffff; font-size:114%; background:url(/Portals/0/images/common/arrow_whiteCircle.png) 10px 1.45em #00418e no-repeat!important; display:block; border-radius:3px; text-decoration:none; line-height:130%;}
.moduleMenu > ul > li > ul > li > a:hover,
.moduleMenu > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li.parentItem > a {background:url(/Portals/0/images/common/arrow_whiteCircle_down.png) 10px 1.45em #003371 no-repeat!important;}
.moduleMenu > ul > li > ul > li > ul {margin:0 10px; padding:0; display:none;}
.moduleMenu > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li.parentItem > ul {display:block;}
.moduleMenu > ul > li > ul > li > ul > li {margin:0; padding:15px 0; border-bottom:2px dotted #4d7ab0; background:url(/Portals/0/images/common/arrow_blueCircle.png) 0 1.3em no-repeat;}
.moduleMenu > ul > li > ul > li > ul > li:last-child {border:none;}
.moduleMenu > ul > li > ul > li > ul > li > a {margin:0 0 0 15px; padding:0; display:inline-block; text-decoration:none; color:#333333;}
.moduleMenu > ul > li > ul > li > ul > li > a:hover,
.moduleMenu > ul > li > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li > ul > li.parentItem > a {background:#fff500; text-decoration:none;}

.moduleMenu > ul > li > ul > li > ul > li > ul {margin:5px 0 0; padding:0 0 0 20px;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li.currentItem > ul,
.moduleMenu > ul > li > ul > li > ul > li > ul > li.parentItem > ul {}
.moduleMenu > ul > li > ul > li > ul > li > ul > li {margin:3px 0; padding:0; background:url(/Portals/0/images/common/arrow_navy.png) 0 0.55em no-repeat;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a {margin:0 0 0 10px; padding:0; display:inline-block; color:#333333; font-size:92%; text-decoration:none;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a:hover,
.moduleMenu > ul > li > ul > li > ul > li > ul > li.currentItem > a,
.moduleMenu > ul > li > ul > li > ul > li > ul > li.parentItem > a {background:#fff500; text-decoration:none;}



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