@charset "utf-8";

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

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

html *{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:980px;height:100%;font-size:100%;font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';color:#333;line-height:1.6;}

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


/* ===========================================================
 skin
=========================================================== */
.skinBody{color:#333;overflow: hidden;}


/* ===========================================================
 headBody
=========================================================== */
#headBody{margin:0 auto;padding:0;width:100%;text-align:center; border-bottom:2px solid #3781b0; background:url(/Portals/0/images/fund/common/bg_header_back.png) top center repeat-x transparent;}
#headBody:after {content:""; display:block; clear:both;}

/* headTopBody */
.headTopBody{margin:0 auto;padding:0;width:980px;text-align:left; background:url(/Portals/0/images/fund/common/bg_header_front.png) top center no-repeat transparent; }
.headTopBody:after {content:""; display:block; clear:both;}

/* Logo */
.headLogo {margin:0;padding:0;width:220px;float:left;}
.headLogo h1{margin:0;padding:0;width:auto;height:auto;border:none;background:none 0 0 no-repeat transparent;font-size:1;line-height:1;}
.headLogo h1:before{display:none;}
.headLogo p{margin:0;padding:0;width:auto;height:auto;border:none;background:none 0 0 no-repeat transparent;font-size:1;line-height:1;}
.headLogo .logo a{display:block;margin:0;padding:0;font-size:1;line-height:1;}
.headLogo h1.logo,
.headLogo h1.a,
.headLogo p.logo,
.headLogo p.a{padding: 33px 0 0 22px;margin-bottom: -24px;text-align:left;}

/* headWrap */
.headWrap{margin:0 0 0 230px;padding:0;width:auto;}
.headWrap:after {content:""; display:block; clear:both;}

.headWrap .headTopWrap{float:right;width:255px;margin-bottom: 10px;}
.headWrap .headTopWrap:after {content:""; display:block; clear:both;}

.headWrap .headTopWrap .searchWrap{float:left;margin: 15px 0 0;padding: 0;width:140px;height: auto;}
.headWrap .headTopWrap .kasenLogo{margin: 6px 0 0 140px;width:auto;}
.headWrap .headTopWrap .kasenLogo a{display:block;text-align: right;}
.headWrap .headTopWrap .kasenLogo a img{width:102px;height:auto;}

.breadcrumbs{margin:0 auto; padding:10px 0; width:980px; text-align:right;}

/* search */
.searchWrap{position:relative; font-size:0; background-color:#e9e9e9; border-radius:9px;}
.searchWrap .txtKeyword{display:block; appearance:none; -webkit-appearance:none; margin:0; padding:2px 0 2px 4px; width:114px; font-size:1rem; line-height:14px; border-radius:9px; border:none; background-color:transparent; outline:none; overflow:hidden;}
.searchWrap .searchBtn{display:block;appearance:none;-webkit-appearance:none;margin:0;padding:0;height:18px;width:24px;border:none;background:none transparent;position:absolute;top:0;right:0;text-indent:200%;white-space:nowrap;overflow:hidden;cursor: pointer;}
.searchWrap:before{content:"";display:block;position:absolute;top: 2px;right:10px;margin:auto;width:8px;height:8px;border-radius: 8px;border:2px solid #5ea3cf;}
.searchWrap:after{content:"";display:block;position:absolute;top: 12px;right: 8px;margin:auto;width:6px;height: 3px;border-radius: 4px;background-color:#5ea3cf;transform:rotate(45deg);}
.searchWrap {}


/* ===========================================================
 content
=========================================================== */
.bgWrap{margin:0; padding:0; width:auto; background:url(/Portals/0/images/fund/common/bg_main.gif) 0 0 repeat #f3f3f3;}
.topWrap{width:1200px; margin:0 auto;}

#mainBody{margin: -90px auto 0;padding:0;width:980px;text-align:left;position: relative;z-index: 1;}


#mainBody:after {content:""; display:block; clear:both;}

/* TopPane */
.TopPane{position:relative; margin:0 auto;text-align:left;clear:both;}

/* TopicsPane */
.topicsWrap{margin:0 auto; padding:0; width:auto;}
.topicsWrap:after {content:""; display:block; clear:both;}

.topicsWrap .TopicsLeftPane{width:470px; float:left;}
.topicsWrap .TopicsRightPane{width:470px; float:right;}

/* ContentPane */
.ContentPane{margin:0 auto;padding:0;width:980px;}

#pagetopWrap {margin: 0 -480px 0 0; padding: 0;width: auto;position: fixed;bottom:80px;right: 50%; z-index:2;}
.pagetop{margin:0;padding:0; color:#000000;  display:none;}
.pagetop a{width:40px;height:40px;background:url(images/btn_pagetop.png) no-repeat 0 0; text-indent:-9999px;display: block;}
.pagetop a:hover{opacity:0.9;}


/* ===========================================================
 footBody
=========================================================== */
#footBody{margin:0 auto;padding:0;}
#footBody:after {content:""; display:block; clear:both;}

.footTopWrap{margin:0 auto; padding:0; width:auto; background-color:#f1eee7; border-top:1px solid #ebe7de;}
.footTopWrap .FootFundPane{margin:0 auto; width:980px;}

.footBottomWrap{margin:0 auto; padding:0; width:auto; background-color:#5ea3cf;}
.footBottomWrap .footWrap{margin:0 auto;width:980px;padding: 10px 0;}
.footBottomWrap .footWrap:after{content:""; display:block; clear:both;}

.copyright{float:left;padding:0; margin:0;width:480px;font-size:11px;color:#FFF;text-align:left;}
.copyright span{margin: 0;padding:0;display:inline-block;font-weight:normal;}

.FootBottomKikinPane {text-align:right;width: 480px;margin: 0;float: right;}
.FootBottomKikinPane ul{margin: 0;padding:0;display: inline-block;}
.FootBottomKikinPane ul li{margin:0 0 0 20px; padding:0;float:left;list-style-type:none;}
.FootBottomKikinPane ul li a{color:#FFF;}

/* ===========================================================
 css for each skin
=========================================================== */
#skin1Column #headBody,
#skin2Columns #headBody{border-bottom:1px solid #e3e8eb;}

#skin1Column #mainBody,
#skin2Columns #mainBody{margin:0 auto; padding:40px 30px 50px; background-color:#fff;}

#skin2Columns .contentWrap{float:left; width:670px;}
#skin2Columns .contentWrap:after {content:""; display:block; clear:both;}
#skin2Columns .ContentPane,
#skin1Column .ContentPane{width:auto;}
#skin2Columns .sideFundWrap{width: 220px;float: right;}
#skin2Columns .SideFundPane{margin-bottom:10px;}

/* =========================================================== 
 gNav
=========================================================== */
#gNav{position:relative;margin:0;padding:0;width:auto;height:78px;text-align:left;background-color:transparent;clear:right;}
.tokenMenu{margin:0;padding:0;width: auto;height: 78px;}
.tokenMenu ul{margin:0 auto;padding:0;height: 78px;}
.tokenMenu ul li{margin:0; padding:0; list-style:none;}
.tokenMenu > ul{margin:0 auto;padding:0;width:750px;height: 78px;}
.tokenMenu > ul > li{display:none;margin:0; padding:0;}
.tokenMenu > ul > li.Tab288{display:block;}
.tokenMenu > ul > li > a#Tab288{display:none;}
.tokenMenu > ul > li > ul:after {/* content:""; */display:block;clear:both;}
.tokenMenu > ul > li > ul > li{display:none;float:left;}
.tokenMenu > ul > li > ul > li.Tab289,
.tokenMenu > ul > li > ul > li.Tab290,
.tokenMenu > ul > li > ul > li.Tab291,
.tokenMenu > ul > li > ul > li.Tab292{display:block;}
.tokenMenu > ul > li > ul > li.Tab289{width:145px;}
.tokenMenu > ul > li > ul > li.Tab290{width:195px;}
.tokenMenu > ul > li > ul > li.Tab291{width:235px;}
.tokenMenu > ul > li > ul > li.Tab292{width:175px;}
.tokenMenu > ul > li > ul > li > a{display:block; position:relative; margin:0; padding:0; line-height:78px; vertical-align:middle; text-align:center; font-size:1.16rem; color:#fff; text-decoration:none; font-weight:normal;}
.tokenMenu > ul > li > ul > li > a:after{content:"";position:absolute;display:block;top: 12px;right:0;margin:auto;height:56px;width:1px;background:url(/Portals/0/images/fund/common/bg_navi_dotline.png) 0 0 repeat-y transparent;}
.tokenMenu > ul > li > ul > li > a:hover{background-color:rgba(255,255,255,0.5);}
.tokenMenu > ul > li > ul > li > a.CurrentLinkClass,
.tokenMenu > ul > li > ul > li > a.ParentLinkClass{background-color:rgba(255,255,255,0.3);}
.tokenMenu > ul > li > ul > li > a.CurrentLinkClass:hover,
.tokenMenu > ul > li > ul > li > a.ParentLinkClass:hover{background-color:rgba(255,255,255,0.5);}


/* =========================================================== 
 FundMenu
=========================================================== */
/* リストデザイン - lineList */
.fundMenu ul{margin:1rem 0 1.5rem; padding:0;}
.fundMenu ul li{margin:0; padding:0; list-style:none;}
.fundMenu ul li a{display:block; position:relative; margin:0 0 1rem 0; padding:2px 2px 2px 1.8rem; border-radius:2px;}
.fundMenu ul li a:hover{background-color:#c5e0ef; text-decoration:none;}
.fundMenu ul li a.CurrentLinkClass{background-color:#c5e0ef;}
.fundMenu ul li a.ParentLinkClass{background-color:#f3f3f3;}
.fundMenu ul li a.CurrentLinkClass:hover,
.fundMenu ul li a.ParentLinkClass:hover{background-color:#B5D5E7;}
.fundMenu ul li a:before{content:""; display:block; position:absolute; top:0.8rem; left:0.2rem; margin:auto; width:12px; height:2px; background-color:#edd566;}
.fundMenu ul li ul{margin:1rem 0 1rem 1.5rem;padding:0;}
.fundMenu ul li ul li a:before{background-color:#ccc;}


/* ===========================================================
 infoCMSactions
=========================================================== */
.infoCMSactions{/*clear:both;position:relative;*/}
.FootBottomKikinPane .infoCMSactions:first-child{position:absolute;top:5px;left:60px;}

.infoCMSactions ul,
.infoCMSactions li{margin:0 !important;padding:0 !important;font-size:100% !important;}
.FootBottomKikinPane .infoCMSactions > ul > li:hover > ul{top:auto;bottom:17px;}
.FootBottomKikinPane .infoCMSactions > ul > li:hover > ul > li:hover > ul{top:auto;bottom:0;}


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





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


/*  あとで移す  */
.skin1Column .AnnouncementCategoryLink ul li:nth-child(n+7){margin-top:5px !important;}
.bnrKvKasenNews{width:100%; height:250px; margin:0 auto 40px; background:url(/Portals/0/images/kasen/kasen/bg_top_kasen.jpg) no-repeat center 0; position:relative;}
.bnrKvKasenNews h2{width:273px; height:66px; left:50%; display:block; position:absolute; margin:20px 0 0 -490px; padding:40px 0 0 30px; border:none; font-size:20px; font-weight:bold; color:#333; background: rgba(255, 255, 255, 0.8); box-shadow:0 0 2px 0 #b5b5b5; }