@charset "utf-8";

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

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

/*  PSN ----- skin */

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

/* ===========================================================
 Non-display area of the smartphone
=========================================================== */
.pcArea{display:block !important;}
.spArea{display:none !important;}


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

a      {color:#333;text-decoration:underline;}
a:hover{color:#b60005;text-decoration:underline;}

/* forHTML5 */
img{vertical-align:bottom;}
main{display:block;}/* forIE */


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


/* ===========================================================
 headBody
=========================================================== */
#headBody{margin:0;padding:0;width:100%;text-align:left;}

#headBodyWrap{margin:0 auto;padding:0;width:960px;min-height:80px;}
#headBodyWrap:before,
#headBodyWrap:after {content:"";display:table;}
#headBodyWrap:after {clear:both;}

#headBodyWrap .headLogo{margin:25px 0 0;padding:0;width:240px;float:left;}
#headBodyWrap .logo{margin:0;padding:0;font-size:0;line-height:1;background:none;border:none;}
#headBodyWrap .logo a{display:block;margin:0;padding:0;}
#headBodyWrap .logo a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#headBodyWrap .smtMenuBtn,
#headBodyWrap .smtMenuWrap{margin:0;padding:0;display:none;}

#headBodyWrap .headWrap{margin:0;padding:0;float:right;width:700px;}
#headBodyWrap .headWrap:before,
#headBodyWrap .headWrap:after {content:"";display:table;}
#headBodyWrap .headWrap:after {clear:both;}

#headBodyWrap #gNav{margin:20px 0 0;padding:0;width:490px;float:left;}

#headBodyWrap .seachWrap{margin:15px 0 0 0;padding:0;width:210px;height:24px;float:right;}
#headBodyWrap .seachWrap iframe{width:100%;}

#headBodyWrap .HeadPane{margin:0;padding:0;width:210px;float:right;}


/*===========================================================
 breadcrumbBody
=========================================================== */
#breadcrumbBody{margin:0 0 40px;padding:10px 0;width:100%;background:#eee;text-align:left;}
#breadcrumbBody .breadcrumb{margin:0 auto;padding:0;width:960px;font-size:11px;line-height:1.4;}
#breadcrumbBody .breadcrumb span{color:#666;}


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

#contentWrap{margin:0;padding:0;width:700px;float:left;}
#contentWrap .PageTitlePane{margin:0;padding:0;}
#contentWrap .ContentPane{margin:0;padding:0;}

#sideWrap{margin:0;padding:0;width:210px;float:right;}
#sideWrap .SideTopPane{margin:0;padding:0;}
#sideWrap .SidePane{margin:0;padding:0;}
#sideWrap .SideBottomPane{margin:0;padding:0;}

#skin1Column #contentWrap{width:960px;}

#skinIndex #mainBody{margin:0;padding:0;width:100%;}
#skinIndex #mainBody .TopPane{margin:0;padding:0;width:100%;}
#skinIndex #contentWrap{margin:0 auto;padding:0;width:960px;float:none;}
#skinIndex #bottomWrap{margin:0 0 20px;padding:40px 0 50px;width:100%;background:url(images/bg_dotted.png) repeat 0 0;border-top:1px solid #ddd;}
#skinIndex #bottomWrap .BottomPane{margin:0 auto;padding:0;width:960px;}


/* ===========================================================
 footBody
=========================================================== */
#footBody{margin:0;padding:0;width:100%;text-align:left;}

#footBody .pagetop	{margin:0 auto;padding:0;width:1100px;position:relative;z-index:100;}
#footBody .pagetop a{margin-left:1100px;padding:0;display:block;width:40px;height:40px;white-space:nowrap;text-indent:100%;overflow:hidden;background:url(images/btn_pagetop.png) no-repeat 0 0;position:fixed;bottom:50px;}
#footBody .pagetop a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

#footWrap{margin:0 auto;padding:0;width:960px;}
#footWrap .FootPane{margin:0;padding:0;}

#footBottomWrap{margin:0 auto;padding:0;width:960px;}
#footBottomWrap:before,
#footBottomWrap:after {content:"";display:table;}
#footBottomWrap:after {clear:both;}
#footBottomWrap .FootLeftPane{margin:0;padding:0;width:740px;float:left;} /* change width 2017/05/09 */
#footBottomWrap .FootLeftPane ul.fLink li a{font-size:11px;} /* add 2017/05/09 */
#footBottomWrap .copyright{margin:0;padding:0;width:210px;height:50px;line-height:50px;font-size:11px;color:#666;float:right;text-align:right;} /* change width 2017/05/09 */


/*========================================================
 SEOMenuV2
========================================================*/
.SEOMenuV2 ul{margin:0;padding:0;}
.SEOMenuV2 ul li{margin:0;padding:0;list-style:none;}
.SEOMenuV2 ul li a{text-decoration:none;color:#000;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0;padding:0;width:100%;text-align:left;clear:both;}


/*========================================================
 tokenMenu
========================================================*/
.tokenMenu{margin:0;padding:0;width:100%;height:40px;z-index:90;}
.tokenMenu > ul{margin:0;padding:0;width:100%;height:40px;}
.tokenMenu > ul:before,
.tokenMenu > ul:after {content:"";display:table;}
.tokenMenu > ul:after {clear:both;}

.tokenMenu > ul > li{margin:0;padding:0;width:140px;list-style:none;float:left;display:none;}
.tokenMenu > ul > li.Tab117{width:110px;}
.tokenMenu > ul > li.Tab146{width:95px;}
.tokenMenu > ul > li.Tab117,
.tokenMenu > ul > li.Tab137,
.tokenMenu > ul > li.Tab146,
.tokenMenu > ul > li.Tab193{display:block;}

.tokenMenu > ul > li > a{display:block;margin:0;padding:0;height:40px;line-height:40px;text-indent:100%;white-space:nowrap;overflow:hidden;}
.tokenMenu > ul > li.Tab117 > a{width:72px;background:url(images/btn_gnav-group.png) 0 0 no-repeat;}
.tokenMenu > ul > li.Tab137 > a{width:100px;background:url(images/btn_gnav-csr.png) 0 0 no-repeat;}
.tokenMenu > ul > li.Tab146 > a{width:60px;background:url(images/btn_gnav-ir.png) 0 0 no-repeat;}
.tokenMenu > ul > li.Tab193 > a{width:100px;background:url(images/btn_gnav-recruit.png) 0 0 no-repeat;}
.tokenMenu > ul > li > a:hover,
.tokenMenu > ul > li a.currentLink:hover,
.tokenMenu > ul > li a.parentLink:hover{background-position:0 -40px;}
.tokenMenu > ul > li a.currentLink,
.tokenMenu > ul > li a.parentLink{background-position:0 -80px;}

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


/*========================================================
 moduleMenu
========================================================*/
.moduleMenu{margin:0 0 40px;padding:0;}
.moduleMenu ul{margin:0;padding:0;}
.moduleMenu ul li{margin:0;padding:0;list-style-type:none;}
.moduleMenu ul li a{margin:0;padding:0;display:block;text-decoration:none;line-height:1.2;}

.moduleMenu > ul > li{display:none;}
.moduleMenu > ul > li.currentItem,
.moduleMenu > ul > li.parentItem{display:block;}
.moduleMenu > ul > li > a{margin:10px 0;padding:10px 0;font-size:18px;font-weight:bold;border-bottom:2px dotted #999;/*background:url(/Portals/0/images/common/arrow_under-red.png) right center no-repeat;*/}

/* ２階層目 */
.moduleMenu > ul > li > ul{display:none;}
.moduleMenu > ul > li.currentItem > ul,
.moduleMenu > ul > li.parentItem > ul{display:block;}
.moduleMenu > ul > li > ul > li > a{margin:10px 0;padding:8px 5px 5px 5px;border-bottom:1px dotted #999;}
.moduleMenu > ul > li > ul > li > a:hover      {color:#b60005;}
.moduleMenu > ul > li > ul > li.currentItem > a{background:#b60005;color:#fff;}
.moduleMenu > ul > li > ul > li.parentItem > a {padding-right:15px;background:url(/Portals/0/images/common/arrow_under-gray.png) right center no-repeat;border-bottom:2px solid #b60005;}

/* ３階層目 */
.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{margin-left:20px;}
.moduleMenu > ul > li > ul > li > ul > li > a{margin:10px 0;padding:8px 5px 5px 5px;border-bottom:1px dotted #999;}
.moduleMenu > ul > li > ul > li > ul > li > a:hover      {color:#b60005;}
.moduleMenu > ul > li > ul > li > ul > li.currentItem > a{background:#b60005;color:#fff;}
.moduleMenu > ul > li > ul > li > ul > li.parentItem > a {padding-right:15px;background:url(/Portals/0/images/common/arrow_under-gray.png) right center no-repeat;border-bottom:2px solid #b60005;}

/* ４階層目 */
.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{margin-left:20px;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a{margin:10px 0;padding:8px 5px 5px 5px;border-bottom:1px dotted #999;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li > a:hover      {color:#b60005;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li.currentItem > a{background:#b60005;color:#fff;}
.moduleMenu > ul > li > ul > li > ul > li > ul > li.parentItem > a {background:url(/Portals/0/images/common/arrow_under-gray.png) right center no-repeat;border-bottom:2px solid #b60005;}


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


/* ===========================================================
 skin - Contact
=========================================================== */
#skinContact{background-color:rgb(229, 229, 229);position:relative;height:auto;min-height:100%;}
#skinContact h1{font-size:25px;}
#contactHeadBody{margin:0 auto;padding:0;width:700px;text-align:left;}
#contactHeadBody #ttlBar {width:700px;height:35px;}
#contactHeadBody #ttlBar img{padding:12px 0px 0px 15px;}
#contactMainBody{min-height:550px;}
#contactMainBody,
#contactFootBody{margin:0 auto;padding:10px 15px 15px;width:670px;background-color:#fff;text-align:left;}
#contactFootBody:before,
#contactFootBody:after {content:"";display:table;}
#contactFootBody:after {clear:both;}
#contactFootBody #flogo{float:left;}
#contactFootBody #fclose{float:right;}
#contactFootBody #flogo a,
#contactFootBody #fclose a{display:block;}
#contactFootBody #flogo a:hover img,
#contactFootBody #fclose a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#skinContact #copyright{margin:0 auto;padding:0;width:700px;height:30px;line-height:30px;font-size:11px;color:#666;text-align:right;}