@charset "utf-8";

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


/* ===========================================================
 admin
=========================================================== */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table {width: auto;}


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

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

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

body.fontSize1 {font-size:92%;}
body.fontSize2 {font-size:100%;}
body.fontSize3 {font-size:123%;}

a,
a:link,
a:visited{color:#59b234;text-decoration:none;}
a:hover,
a:active{text-decoration:underline;}
*{box-sizing:border-box;}

a:hover img{opacity:0.8;}
.pagetop a:hover img,
.slideBannerArea a:hover img{opacity:1.0;}

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


/* ===========================================================
 skin
=========================================================== */
#skinBody{color:#333;overflow: hidden;position:relative;}
/* header固定時の余白つぶし */
#skinBody.skinIndex .TopPane{padding-top:0 !important;}

/* ===========================================================
header
=========================================================== */
header{margin:0 auto;padding:0 20px;width:1040px;font-size:13px;text-align:left;}
header:before,
header:after {content:"";display:table;}
header:after {clear:both;}
.headWrap{margin:0 0 20px;float:right;max-width: 750px;}

/* Logo */
header .logo	{margin:0;padding:0;width:220px;border:none;float:left;}
header .logo a 	{margin:20px 0 0;padding:0;display:block;}

/* HeadLeftPane */
.HeadLeftPane{margin: 30px 0 0;padding: 0;float: left;}
.HeadLeftPane p{padding-bottom:0;}

/* fontSizer */
#fontSizer{margin: 27px 0 0 10px;padding:0;width:72px;height:22px;display:block;float: left;}
#fontSizer:before,
#fontSizer:after {content:"";display:table;}
#fontSizer:after {clear:both;}

#fontSizer li{margin: 0 0 0 3px;padding:0;width:22px;height:22px;text-indent:200%;white-space:nowrap;background: url(/Portals/0/images/common/bg_fontSize.png) 0 0 no-repeat;overflow:hidden;float:left;list-style-type:none;}
#fontSizer li:hover {cursor:pointer;}
#fontSizer li:first-child {margin:0;}
#fontSizer li.fontsizeS{background-position:0px 0;}
#fontSizer li.fontsizeS:hover,
#fontSizer li.fontsizeS.active{background-position:0px -22px;}
#fontSizer li.fontsizeM{background-position:-25px 0;}
#fontSizer li.fontsizeM:hover,
#fontSizer li.fontsizeM.active{background-position:-25px -22px;}
#fontSizer li.fontsizeL{background-position:-50px 0;}
#fontSizer li.fontsizeL:hover,
#fontSizer li.fontsizeL.active{background-position:-50px -22px;}

/* searchWrap */
.searchWrap{margin: 27px 0 0 10px;width:160px;height:22px;background:rgba(238,238,238,0.7);border-radius: 2px;float:left;position:relative;}
.searchWrap span{position:absolute;z-index:1;top: 0;left:7px;width: 133px;height:22px;line-height:22px;font-size:12px;color:#999;display:block;}
.searchWrap input{margin:0;padding: 2px 5px;width:138px;height:22px;font-size: 12px;line-height:22px;position:absolute;top:0;left:0;border:none;background: none;}
.searchWrap a{width:22px;height:22px;text-indent:200%;white-space:nowrap;position:absolute;top:0;right:0;display:block;background: url(/Portals/0/images/common/btn_search.png) no-repeat 0 center;overflow:hidden;}
.searchWrap a:hover	{opacity: 0.7;}

/* HeadPane */
.HeadPane{margin:23px 0 0;padding:0;float:left;}

/* HeadRightPane */
.HeadRightPane{margin:23px 0 0;padding:0;float:left;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin: 0 auto;padding:0;width:1000px;height:33px;text-align:left;clear:both;position:relative;z-index:20;}
#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;}

#navWrap{margin:0 auto;width:1000px;}


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

main{margin:0 auto 50px;padding:0 20px;width:1040px;text-align:left;clear:both;display:block;}
main:before,
main:after {content:"";display:table;}
main:after {clear:both;}

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

.breadcrumb{margin:0 auto;padding:5px 0;width:1000px;font-size:85%;color:#666;text-align:left;}
.breadcrumb a 		{padding: 0 5px;}
.breadcrumb span span{padding:0 0 0 5px;}
.breadcrumbItem:first-child {padding: 0 5px 0 15px;background: url(/Portals/0/images/common/ico_breadcrumb.png) no-repeat left 2px;}

.pagetop{margin: 0 auto;padding: 0;width: 1000px;}
.pagetop a{margin: 0 0 0 1020px;padding: 0;width: 60px;height: 78px;display: block;position: fixed;bottom: 100px;z-index:30;}
.pagetop a:hover{background-position:-85px 0;}
.pagetop a img{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.pagetop a img:hover {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
	 transform:rotateY(180deg);
}


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

.FootTopPane {margin:0 auto;padding:0 20px;width:1040px;text-align:left;clear:both;}

.footWrap {background:#eee;display:none;}
.controlPanel ~ #skinBody #footBody .footWrap{display:block;}
.footWrap .FootPane{margin:0 auto;padding:0 20px;width:1040px;text-align:left;}

.footBottomWrap{background:#444;}
.FootBottomBtnPane {overflow: hidden;}
.FootBottomBtnPane,
.FootBottomPane{margin:0 auto;padding:0 20px;width:1040px;}
.copyright{margin:0 auto;padding:5px 20px 20px;width:1040px;font-size:85%;color:#9d9d9d;text-align:center;clear:both;}


/* ===========================================================
 css for each skin
=========================================================== */
.skinIndex header{position: absolute;top: 0;right: 0;left: 0;z-index:20;}
.skinIndex .TopPane{min-height:570px;}
.skinIndex main{margin-top:-80px;padding:0;width:100%;position:relative;z-index:20;}
.skinIndex #contentWrap {padding:0 20px;width:1040px;}
.skinIndex .ContentLeftPane	{width:570px;float:left;}
.skinIndex .ContentRightPane{width:400px;float:right;}
.skinIndex .ContentPane		{width:100%;}


.skin2Columns #contentWrap{width:730px;float:left;}
.skin2Columns #sideWrap	{width:220px;float:right;}


.skin2ColumnsIR #contentWrap{width:730px;float:left;}
.skin2ColumnsIR #sideWrap	{width:220px;float:right;}
.skin2ColumnsIR .ContentPane{clear:both;}
.skin2ColumnsIR .ContentLeftPane{width:190px;float:left;}
.skin2ColumnsIR .ContentRightPane{width:510px;float:right;}


/* ===========================================================
 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:1000px;z-index:90;}

.tokenMenu ul{margin:0;padding:0;float:right;}
.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.Tab101,
.tokenMenu ul li.Tab119,
.tokenMenu ul li.Tab121,
.tokenMenu ul li.Tab505,
.tokenMenu ul li.Tab173{display:block;}

.tokenMenu ul li a,
.tokenMenu ul li a:hover{margin:0;padding:0;height: 27px;line-height:60px;text-indent:200%;white-space:nowrap;display:block;overflow:hidden;background:url(/Portals/0/images/common/bg_gnav.png) left top no-repeat;}

.tokenMenu ul li.Tab101 a{width:95px;background-position:0 0;}
.tokenMenu ul li.Tab101 a:hover	{background-position:0 -27px;}
.tokenMenu ul li.Tab101 a.currentLink,
.tokenMenu ul li.Tab101 a.currentLink:hover,
.tokenMenu ul li.Tab101 a.parentLink,
.tokenMenu ul li.Tab101 a.parentLink:hover{background-position:0 -27px;}

.tokenMenu ul li.Tab119 a{width:127px;background-position: -95px 0;}
.tokenMenu ul li.Tab119 a:hover	{background-position:-95px -27px;}
.tokenMenu ul li.Tab119 a.currentLink,
.tokenMenu ul li.Tab119 a.currentLink:hover,
.tokenMenu ul li.Tab119 a.parentLink,
.tokenMenu ul li.Tab119 a.parentLink:hover{background-position:-95px -27px;}

.tokenMenu ul li.Tab121 a{width:109px;background-position: -222px 0;}
.tokenMenu ul li.Tab121 a:hover	{background-position:-222px -27px;}
.tokenMenu ul li.Tab121 a.currentLink,
.tokenMenu ul li.Tab121 a.currentLink:hover,
.tokenMenu ul li.Tab121 a.parentLink,
.tokenMenu ul li.Tab121 a.parentLink:hover{background-position:-222px -27px;}

.tokenMenu ul li.Tab505 a{width:215px;background-position: -331px 0;}
.tokenMenu ul li.Tab505 a:hover	{background-position:-331px -27px;}
.tokenMenu ul li.Tab505 a.currentLink,
.tokenMenu ul li.Tab505 a.currentLink:hover,
.tokenMenu ul li.Tab505 a.parentLink,
.tokenMenu ul li.Tab505 a.parentLink:hover{background-position:-331px -27px;}

.tokenMenu ul li.Tab173 a{width:96px;background-position: -546px 0;}
.tokenMenu ul li.Tab173 a:hover	{background-position:-546px -27px;}
.tokenMenu ul li.Tab173 a.currentLink,
.tokenMenu ul li.Tab173 a.currentLink:hover,
.tokenMenu ul li.Tab173 a.parentLink,
.tokenMenu ul li.Tab173 a.parentLink:hover{background-position:-546px -27px;}


.tokenMenu ul li ul{display:none;}


/* gNav */
header.fixed .tokenMenu ul{position:relative;float:none;}
header.fixed .tokenMenu ul li.Tab101,
header.fixed .tokenMenu ul li.Tab119,
header.fixed .tokenMenu ul li.Tab121,
header.fixed .tokenMenu ul li.Tab505,
header.fixed .tokenMenu ul li.Tab173{position:absolute;}
header.fixed .tokenMenu ul li.Tab101{left:47px;}
header.fixed .tokenMenu ul li.Tab119{left:221px;}
header.fixed .tokenMenu ul li.Tab121{left:420px;}
header.fixed .tokenMenu ul li.Tab505{left:582px;}
header.fixed .tokenMenu ul li.Tab173{right:60px;}



/*========================================================
 moduleMenu
 ========================================================*/
.moduleMenu{margin-bottom:40px;}
.moduleMenu ul{margin:0;padding:0;line-height:0;list-style:none;}
.moduleMenu ul li a{color: #333;font-weight: normal;text-decoration: none;display:block;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s}

.moduleMenu>ul>li,
.moduleMenu>ul>li>ul>li>ul>li{display:none;}
.moduleMenu>ul>li.Tab505>ul>li>ul>li {display: block;}/*CSR*/
.moduleMenu>ul>li.currentItem,
.moduleMenu>ul>li.parentItem,
.moduleMenu>ul>li>ul>li.currentItem ul li,
.moduleMenu>ul>li>ul>li.parentItem ul li{display:block;}
.moduleMenu>ul>li>a	{padding: 15px 15px 10px;font-size: 123%;font-weight:bold;line-height: 1.2;border-top:2px solid #59b234;background: #e2e2e2;}
.moduleMenu>ul>li>a:hover{text-decoration:underline;}

.moduleMenu ul li ul li{margin:0;padding:0;border-bottom:2px solid #eee;}
.moduleMenu ul li ul li a{padding:13px 10px 10px 27px;background:url(/Portals/0/images/common/arw_right_gray_s.png) no-repeat 17px 1.3em;}
.moduleMenu ul li ul li a:hover{color:#59b234;background-image:url(/Portals/0/images/common/arw_right_green_s.png) no-repeat 17px 1.3em;}
.moduleMenu ul li ul li a.currentLink,
.moduleMenu ul li ul li a.currentLink:hover,
.moduleMenu ul li ul li a.parentLink,
.moduleMenu ul li ul li a.parentLink:hover{color: #fff;background:#4dac26 url(/Portals/0/images/common/arw_right_white_s.png) no-repeat 17px 1.3em;}

.moduleMenu ul li ul li.currentItem	ul,
.moduleMenu ul li ul li.parentItem	ul{margin-bottom:10px;}
.moduleMenu ul li ul li	ul li{border-bottom:none;}
.moduleMenu ul li ul li	ul li a{padding:4px 10px 4px 38px;background:none;position:relative;}
.moduleMenu ul li ul li	ul li a:before{content:"";width:3px;height:2px;background: #999;position:absolute;top:12px;left:28px;display:block;}
.moduleMenu ul li ul li	ul li a:hover{background:none;}
.moduleMenu ul li ul li	ul li a:hover:before{background:#4dac26;}

.moduleMenu ul li ul li	ul li a.currentLink,
.moduleMenu ul li ul li	ul li a.currentLink:hover{color: #fff;background:#4dac26;}
.moduleMenu ul li ul li	ul li a.currentLink:before{background:#fff;}

.moduleMenu ul li ul li a:hover,
.moduleMenu ul li ul li	ul li a:hover{background-color:#edf6e9;}


/* IR */
.moduleMenu li.Tab152,
.moduleMenu li.Tab153,
.moduleMenu li.Tab154 {display: none;}



/* ===========================================================
 css for print
=========================================================== */
@media print {
	body {font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
	#skinBody header.fixed{position: static;}
	header.fixed .tokenMenu ul{position:relative;float: right;}
	header.fixed .tokenMenu ul li.Tab101,
	header.fixed .tokenMenu ul li.Tab119,
	header.fixed .tokenMenu ul li.Tab121,
	header.fixed .tokenMenu ul li.Tab505,
	header.fixed .tokenMenu ul li.Tab173{position: static;}
	#skinBody header.fixed .logo{margin-top:0;width:auto;}
	#skinBody header.fixed .headWrap{margin-top:0;margin-bottom:20px;}
	#skinBody header.fixed .logo img{width:204px;height:auto;}
	#skinBody main{padding-top:0 !important;}
}