@charset "UTF-8";

/*
* Default Layout Theme
*
* Created for jquery.layout 
*
* Copyright (c) 2010 
*   Fabrizio Balliano (http://www.fabrizioballiano.net)
*   Kevin Dalman (http://allpro.net)
*
* Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
* and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
*
* Last Updated: 2010-02-10
* NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
*/

/*
*	DEFAULT FONT
*	Just to make demo-pages look better - not actually relevant to Layout!
*/
/*
*	PANES & CONTENT-DIVs
*/
.ui-layout-pane { /* all 'panes' */
/*
background:	#FFF; 
border:		1px solid #BBB;
*/
/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
otherwise you may get double-scrollbars - on the pane AND on the content-div
*/
/*
padding:	10px; 
*/
overflow:	auto;
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
.ui-layout-content {
/*
padding:	10px;
*/
position:	relative; /* contain floated or positioned elements */
overflow:	auto; /* add scrolling to content-div */
}

/*
*	RESIZER-BARS
*/
.ui-layout-resizer	{ /* all 'resizer-bars' */
/*
border:			1px solid #BBB;
border-width:	0;
*/
}
.ui-layout-resizer-west	{ /* all 'resizer-bars' */
background:#f5f5f5 url(/img/btn_resizer.png) center center no-repeat;
border:solid #f5f5f5;
border-width:0 1px;
}
.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
}
.ui-layout-resizer-hover	{	/* affects both open and closed states */
}
/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
otherwise color shifts while dragging when bar can't keep up with mouse */
.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
/*background: #C4E1A4;
background:trasparent;
*/
background:#e1e1e1 url(/img/btn_resizer_hov.png) center center no-repeat;
border-color:#ccc;
}
.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
border-left:  1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
}
/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
/*background: #E1A4A4;*/ /* red */
background-color:#F1D8D9;
border-color:#F1D8D9;
}

.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
background: #EBD5AA;
}
.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
opacity: .10; /* show only a slight shadow */
filter:  alpha(opacity=10);
}
.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
opacity: 1.00; /* on-hover, show the resizer-bar normally */
filter:  alpha(opacity=100);
}
/* sliding resizer - add 'outside-border' to resizer on-hover 
* this sample illustrates how to target specific panes and states */
/*
.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
*/
.ui-layout-resizer-west-sliding-hover	{border-right:1px solid #ccc; }
/*
.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }
*/

/*
*	TOGGLER-BUTTONS
*/
.ui-layout-toggler {
border: 1px solid #BBB; /* match pane-border */
background-color: #BBB;
}
.ui-layout-resizer-hover .ui-layout-toggler {
opacity: .60;
filter:  alpha(opacity=60);
}
.ui-layout-toggler-hover , /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
background-color: #FC6;
opacity: 1.00;
filter:  alpha(opacity=100);
}
.ui-layout-toggler-north ,
.ui-layout-toggler-south {
border-width: 0 1px; /* left/right borders */
}
.ui-layout-toggler-west ,
.ui-layout-toggler-east {
border-width: 1px 0; /* top/bottom borders */
}
/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding  ui-layout-toggler {
display: none;
}
/*
*	style the text we put INSIDE the togglers
*/
.ui-layout-toggler .content {
color:			#666;
font-size:		12px;
font-weight:	bold;
width:			100%;
padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
}

button	{ min-width: 32ex; text-align: left; padding: 2px 1em; vertical-align: middle; }
.hide	{ display:	none; }

/*===================================================================================================*/
html, body {
width:		100%;
height:		100%;
padding:	0;
margin:		0;
overflow:	auto; /* when page gets too small */
}
body{ color:#333; font-family:sans-serif; font-size:87.5%/*14px*/; line-height:150%/*21px*/;}

#Container {
height:		100%;
margin:		0 auto;
width:		100%;
/*		max-width:	900px;*/
min-width:	800px;
/*		_width:		800px; /* min-width for IE6 */
/*
top:80px;
right:0;
bottom::80px;
left:0;
position:absolute;
*/
}


/*===================================================================================================*/
a, a:visited{color: #333;text-decoration:none;}
a:hover{color:#06f; text-decoration:underline;}
a:active{color:#C00; text-decoration:underline;}

/* 汎用リンクボタン */
a.linkbtn{line-height:1em;}
a.linkbtn span{padding:5px 0 4px 24px; background:url(/img/bg_btn_general_link.png) left center no-repeat;line-height:24px;}
a.linkbtn span.bg_right{padding:5px 14px 4px 0; background-position:right center; text-indent:-9998px;}
a.linkbtn span,
a.linkbtn:visited span{color:#666;}
a.linkbtn:hover span{color:#06f; background-color:#eee;}
a.linkbtn:active span{color:#C00; background-color:#ddd;}

/*===================================================================================================*/
#HeaderArea .innerBody{margin:0 0 1px; position:relative;}

/* 日本法令様用 */
/*HeaderArea .innerBody#horei{background:#fff0ef url(/img/bg_head_horei.png) left bottom no-repeat;}*/
#HeaderArea .innerBody#horei #sitelogo{padding:20px 10px;}

/* ヘッダ部　検索ボックス・機能リンク */
#headFunc{position:absolute;top: 10px;right: 15px;margin:0;display: flex;align-items: center;}

#headFunc #searchArea{width: 275px;height: 26px;}
#headFunc #searchBox{position:relative;height:30px;margin: -4px 10px 0 0;padding-left:5px;}
#headFunc #searchBox input{width: 180px;height: 22px;padding: 0 5px;font-size:12px;}
#headFunc #searchBox .btn a{display:block;width: 60px;height: 26px;position:absolute;right:0;top:0;background:url(../img/search-btn.png) no-repeat;text-indent:-9998px;}
#headFunc #searchBox .btn a:hover{opacity: .7;}

#headFunc #headLink{text-align:right;display: flex;justify-content: center;align-items: center;position:relative;}
#headFunc #headLink .link{display: block;margin:0 5px 0;}
#headFunc #headLink a,
#headFunc #headLink a:link{color:#000;}
#headFunc #headLink a:hover{opacity: .7;}
#headFunc #linkAddProduct{}
#headFunc #linkRegistrate{}
#headFunc #linkLogout{}

/*clearfix*/
#headFunc:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #headFunc             { zoom: 1; } /* IE6 */
*:first-child+html #headFunc { zoom: 1; } /* IE7 */

/*===================================================================================================*/
#ContentsArea{padding:20px 10px 40px;padding: 30px;background-color: #daeced;}

#contentHeadArea{margin:0 0 20px 0;}
#contentHeadArea #contentHeadLink{float:right; width:18em; line-height:30px; text-align:right;}
#contentHeadArea #contentHeadLink .link{display:inline; margin:0 5px 0;}
#contentHeadArea #contentHeadLink a,
#contentHeadArea #contentHeadLink a:visited{color:#333; text-decoration:none;}
#contentHeadArea #contentHeadLink a:hover{color:#06f; text-decoration:underline;}
#contentHeadArea #contentHeadLink a:active{color:#C00; text-decoration:underline;}
#contentHeadArea #linkAddProduct{}
#contentHeadArea #linkRegistrate{}
#contentHeadArea #linkLogout{}

#contentHeadArea #searchArea{float:right;}
#contentHeadArea #searchBox{position:relative; width:225px; height:30px; margin:0 auto; background:url(/img/bg_searchinput.png) left top no-repeat;}
#contentHeadArea #searchBox input{width:147px; height:20px; margin:5px 0 0 25px; background:none; border:none; font-size:114.3%;}
#contentHeadArea #searchBox .btn a{display:block; width:50px; height:30px; position:absolute; right:0; top:0; background:url(/img/btn_sp_search.png) no-repeat; text-indent:-9998px;}
#contentHeadArea #searchBox .btn a,
#contentHeadArea #searchBox .btn a:visited{background-position:right 0px;}
#contentHeadArea #searchBox .btn a:hover{background-position:right -40px;}
#contentHeadArea #searchBox .btn a:active{background-position:right -80px;}

/*clearfix*/
#contentHeadArea:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html #contentHeadArea             { zoom: 1; } /* IE6 */
*:first-child+html #contentHeadArea { zoom: 1; } /* IE7 */
/* /【非使用】コンテンツ部　検索ボックス・機能リンク +++++++++++++++ */

.cornerBox{padding:0 0 20px 0;}
.cornerBox .top{position:relative; height:7px; margin:0 7px 0 0; background:url(/img/bg_box01.png) left top no-repeat;}
.cornerBox .top .corner{position:absolute; height:7px; width:7px; top:0; right:-7px; background:url(/img/bg_box01.png) right top no-repeat;}
.cornerBox .bottom{position:relative; height:7px; margin:0 7px 0 0; background:url(/img/bg_box01.png) left bottom no-repeat;}
.cornerBox .bottom .corner{position:absolute; height:7px; width:7px; bottom:0; right:-7px; background:url(/img/bg_box01.png) right bottom no-repeat;}
.cornerBox .inner{ margin:0; padding:0 6px 0 40px; border:solid #c0c0c0; border-width:0 1px; zoom:1;}
.cornerBox#newsboard .inner{background:url(/img/mk_info.png) 7px top no-repeat;}
#newsboard .inner p{padding:0 0 0 40px;}
#newsboard .inner p.new{background:url(/img/mk_new.png) left top no-repeat;}

.contentSection{margin: 0;background-color: #fff;}
.contentSection .inner{}
.contentSection .hd{margin:0 -16px 10px;padding:0 5px 5px 20px; font-size:114.3%;font-weight:bold;}
.contentSection h2.hd {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;height: 50px;font-size: 1.15em;font-weight:bold;margin: 0 0 20px 0;padding: 0 20px 0 70px;display: flex;align-items: center;justify-content: space-between;border-bottom: solid 1px #48c5d3;}
.contentSection .smallHd{margin-bottom: 10px;padding: 13px 20px 12px;border-bottom:1px solid #b5b5b5;font-size:85.7%;line-height:100%;}
.contentSection .hd a.moreLink{display:block;}

a.moreLink,
a.moreLink:visited{color:#666;}
a.moreLink:hover{color:#06f;}
a.moreLink:active{color:#C00;}

#information .inner p{line-height: 32px;padding: 0 5%;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
#information .inner p.new .date{margin-right: 8px;padding: 2px 50px 2px 0;background: url(/img/mk_new.png) right center no-repeat;}
#information .inner p:nth-child(even){background-color: #f8f8f8;}

.contentSection#explorer{min-height:300px;}
.contentSection#explorer .inner{min-height:300px;}

.contentSection .inner .aticle{width: 92%;margin: 0 auto;}
.contentSection .inner .aticle .title{margin:0 0 0 -30px; padding:0 0 0 30px; background:url(/img/mk_star.png) left top no-repeat; font-weight:bold;}
.contentSection .inner .aticle p{margin-top:1em; margin-bottom:1em; line-height:200%;}
.contentSection .inner .aticle .imgbox{float:left; padding:0 1em 1em 0;}

.wrap#wrap_01 .secLeft{height: 215px;float:left;width:60%;background-color: #fff;}
.wrap#wrap_01 .secRight{height: 215px;float:right;width: 38%;background-color: #fff;}

.contentSection#information ol.info{height: 130px;margin: 0 auto;overflow:auto;}
.contentSection#information ol.info li{padding:0 0 0 50px; background-position:left 0.3em; background-repeat:no-repeat;}

.contentSection#ranking ol.rank{height: 130px;margin: 0 auto;overflow: auto;}
.contentSection#ranking ol.rank li{height: 32px;line-height: 32px;padding: 0 5%;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.contentSection#ranking ol.rank li:nth-child(even){background-color: #f8f8f8;}
.contentSection#ranking ol.rank li::before{content: "1";width: 22px;height: 22px;line-height: 22px;margin-right: 10px;border-radius: 50%;color: #fff;text-align: center;vertical-align: middle;display: inline-block;}
.contentSection#ranking ol.rank li#rank01::before{ content: "1"; background-color: #e5c241 }
.contentSection#ranking ol.rank li#rank02::before{ content: "2"; background-color: #b2b2b3 }
.contentSection#ranking ol.rank li#rank03::before{ content: "3"; background-color: #e3a757 }
.contentSection#ranking ol.rank li#rank04::before{ content: "4"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank05::before{ content: "5"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank06::before{ content: "6"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank07::before{ content: "7"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank08::before{ content: "8"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank09::before{ content: "9"; background-color: #48c5d3 }
.contentSection#ranking ol.rank li#rank10::before{ content: "10"; background-color: #48c5d3 }

.contentSection#ranking ol.rank li a,
.contentSection#ranking ol.rank li a:visited{color:#333; text-decoration:none;}
.contentSection#ranking ol.rank li a:hover{color:#06f; text-decoration:underline;}
.contentSection#ranking ol.rank li a:active{color:#C00; text-decoration:underline;}

/*clearfix*/
.wrap:after,
.secLeft:after,
.secRight:after,
.contentSection:after,
.contentSection .inner:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .wrap,
* html .secLeft,
* html .secRight,
* html .contentSection,
* html .contentSection .inner { zoom: 1; } /* IE6 */
*:first-child+html .wrap,
*:first-child+html .secLeft,
*:first-child+html .secRight,
*:first-child+html .contentSection,
*:first-child+html .contentSection .inner { zoom: 1; } /* IE7 */

.itemBox{ margin-top: 20px; padding: 5px 20px; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.itemBox .item{width: calc(25% - 15px);height: 150px;display:block;margin: 0 15px 15px 0;position: relative;}
.itemBox .item a{display:block;position:relative;width: 100%;height: 100%;}
.itemBox .item .image{ display:block; width:160px; position:absolute; bottom:30px; text-align:center;}
.itemBox .item .image img{max-width:120px; max-height:120px;}
.itemBox .item .name{width: 80%;position:absolute;top: 40px;left: 10%;font-size: 16px;}
.itemBox .folder a{background: #c8edf2 url(/img/icon_folder_01.png) right 8px   bottom 8px no-repeat; color: #000;}
.itemBox .folder a span:last-child{width: calc(86% - 35px); padding-left: 28px; font-size: 12px; background: url(images/icon_folder_s_opened.png) left 0 top 0 no-repeat; position: absolute; left: 10%; bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block;}
.itemBox .folder a:hover{opacity: .8;}

#ContentsArea.narrowLayout{}
#ContentsArea.narrowLayout .innerBody{width:600px; margin:0 auto;}

div.narrowLayout{width:600px; margin:0 auto;}

#topicPath, .topicpath{margin: 0;padding: 5px 20px 5px;background-color: #48c5d3;color: #fff;font-size:85.7%;}
#topicPath a, .topicpath a{color: #fff;}

.general h1{ margin:0 0 1em; font-size:150%; font-weight:bold;}
.general h2{ margin:1em 0; font-size:128.6%; font-weight:bold;}
.general h3{ margin:1em 0; font-size:114.3%; font-weight:bold;}
.general h4{ margin:1em 0 0; font-size:100%; font-weight:bold;}

.paragraph{margin-top:1em; margin-bottom:1em;}
.note{font-size:85.7%;}

ul.listDot{ margin:0 0 15px;}
ul.listDot li{padding:0 0 0 1em; background:url(/img/mk_dot.png) 0.3em 0.5em no-repeat;}

.formBox{margin:20px 0;padding:0 20px 20px;}

.shdBelow{margin:0 -20px;padding:0 20px 8px;}
.shdBelow .formBox{margin-bottom:10px;}

.shdAbove{margin:0 -20px;padding:8px 20px 0;}
.shdAbove .formBox{margin-top:10px;}

.msgBox{ margin:20px 0; padding:10px 20px; border:1px solid #c0c0c0;}

.essence{color:#CC0000;}

.indent1{ padding-left:1em; text-indent:-1em;}

hr.borderdotted{height:1px; margin:15px 0; background:none; border:dotted #c0c0c0; border-width:1px 0 0 0;}

.formBox table{ margin:15px 0;}
.formBox table th{padding:10px 0; font-weight:bold;}
.formBox table td{padding:10px;}

.btnBox{ margin:20px 0; text-align:center;}
.exeBtn{display:inline; line-height:110%; font-size:16px; font-weight:bold; text-align:center;}
.exeBtn a{display:inline-block;width:200px;height:24px;/*total:36px*/margin:0 5px;padding:12px 0 0 0;}
.exeBtn.next a{}
.exeBtn.back a{}

.exeBtn a,
.exeBtn a:visited{color:#333; text-decoration:none;}
.exeBtn a:hover{color:#333; text-decoration:none; background-position:left -50px;}
.exeBtn a:active{color:#c00; text-decoration:none; background-position:left -100px;}

.exeBtn#loginBtn{ display:block; margin-bottom:30px;}
.exeBtn#toRegBtn{ display:block; margin-bottom:0;}

.contentSection .viewSwitcher{margin: 0;display: flex;justify-content: center;border-bottom:1px solid #b5b5b5;}
.switchBtn{display:inline;line-height:110%;font-size:12px;font-weight:normal;text-align:left;}
.switchBtn a{display:inline-block; margin:0 0 0 1px; padding: 20px 20px 20px 55px; background-position: left 20px center;}
.switchBtn.curr a{background-color:#ecf9fb; text-decoration:none;}
.switchBtn a:hover {color: initial; background-color:#ecf9fb; text-decoration: none;}

#viewTileBtn a{background-image:url(../img/show-folder-off.png); background-repeat:no-repeat;}
#viewTreeBtn a{background-image:url(../img/show-explorer-off.png); background-repeat:no-repeat;}
#viewTileBtn.curr a{background-image:url(../img/show-folder-on.png);}
#viewTreeBtn.curr a{background-image:url(../img/show-explorer-on.png);}

.contentSection .pager#pagerAbove{margin: 20px 0 10px 0;padding: 0;text-align:center;}
.contentSection .pager#pagerBelow{padding: 18px 0;text-align:center;}
.pager span a{margin: 0 3px;padding:0px 7px; line-height:1em;}
.pager span.curr{padding: 4px 8px;background-color: #48c5d3;border-radius: 50%;color:#fff;}
.pager span.prev a{ display:inline-block; width:30px; height:18px; margin-right:5px; padding:0; background:url(../img/img/calendar-prev.png) no-repeat; text-indent:-9998px; vertical-align:middle;}
.pager span.next a{display:inline-block;width:30px;height:18px;margin-left:5px;padding:0;background: url(../img/calendar-next.png) no-repeat;text-indent:-9998px;vertical-align:middle;}

.pager span a,
.pager span a:visited{background-color:transparent;color: #48c5d3;}
.pager span a:hover{opacity: .8;}

.pager span.prev a,
.pager span.prev a:visited{background-position:left 0px;}
.pager span.prev a:hover{background-position:left -30px;}
.pager span.prev a:active{background-position:left -60px;}

.pager span.next a,
.pager span.next a:visited{background-position:left 0px;}
.pager span.next a:hover{background-position:left -30px;}
.pager span.next a:active{background-position:left -60px;}

div.resultPanel{
    padding: 5px;
}
table.resultTbl{width:100%;border-collapse:collapse;table-layout: fixed;}
table.resultTbl thead th{min-width: 80px;background-color: #fff;text-align:center;}
table.resultTbl th,
table.resultTbl td{padding: 2px;background-color: #ecf9fb;border-top: 8px solid #fff;border-bottom: 8px solid #fff;border-left: 3px solid #fff;border-right: 3px solid #fff;}
table.resultTbl th.c1{width: 72px;}
table.resultTbl th.c2{width: auto;}
table.resultTbl th.c3{width: 88px;}
table.resultTbl th.c4{width: 88px;}
table.resultTbl th.c5{width: 88px;}
table.resultTbl th.c6{width: 88px;}
table.resultTbl th.c7{width: 88px;}
table.resultTbl th.c8{width: 88px;}

table.resultTbl td.c1{text-align:center;padding: 6px 6px;margin: 18px;}
table.resultTbl td.c2{text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
table.resultTbl td.c3{text-align:center;}
table.resultTbl td.c4{text-align:center;}
table.resultTbl td.c5{text-align:center;}
table.resultTbl td.c6{text-align:center;}
table.resultTbl td.c7{text-align:left;}
table.resultTbl td.c8{text-align: center;}
table.resultTbl td.c2 a:link{color: #333;}
table.resultTbl td.c2 a:visited{color:#800080;}

#detail table.resultTbl td.c1{text-align:center;}
#detail table.resultTbl td.c2{text-align:left;}
#detail table.resultTbl td.c3{text-align:center;}
#detail table.resultTbl td.c4{text-align:center;}
#detail table.resultTbl td.c5{text-align:center;}
#detail table.resultTbl td.c6{text-align:center;}
#detail table.resultTbl td.c7{text-align:center;}

table.resultTbl .del-btn{text-align: center; width: 20px !important; max-width: 20px !important}

/*===================================================================================================*/
#SideArea{padding:20px 0;}
#SideArea .innerBody{}
#SideArea h3{margin:30px 0; padding-top:30px; border-top:solid 1px #ccc;}
#SideArea h3,
#SideArea h3 a{display:flex; align-items:center; color:#000; font-size:20px;}
#SideArea h3 img{margin-right:10px;}
#SideArea h3.hd{margin-top:0; padding-top:0; border-top:none;}
#SideArea table img{max-width:25px; max-height:25px;}
#SideArea .sectionBox{margin: 0 20px 20px 20px;}
#SideArea .sectionBox .top{position:relative;height:7px;margin:0 7px 0 0;}
#SideArea .sectionBox .top .corner{position:absolute; height:7px; width:7px; top:0; right:-7px;}
#SideArea .sectionBox .bottom{position:relative; height:7px; margin:0 7px 0 0; background:url(/img/bg_sidebox.png) left bottom no-repeat;}
#SideArea .sectionBox .bottom .corner{position:absolute; height:7px; width:7px; bottom:0; right:-7px; background:url(/img/bg_sidebox.png) right bottom no-repeat;}
#SideArea .sectionBox .inner{margin:0;padding: 0;border-width:0 1px;zoom:1;}
#SideArea .sectionBox .inner .section{ margin:0 -5px;}

#calender{padding:5px 0 10px;font-size:10px;line-height:1em;width: 155px;float:left;font-size: 12px;}
#calender table.calHolder{margin:0;}
#calender table.calHolder td{padding:3px;}

#calender .calHead{position:relative; height:21px; text-align:center;}
#calender .calHead span.currmonth{display:block;padding: 3px 0;font-size: 13px;}
#calender .calHead a.btn_prev{display:block;position:absolute;left:0;top:0;width: 10px;height: 12px;background: url(../img/calendar-prev.png) no-repeat;text-indent:-9998px;}
#calender .calHead a.btn_next{display:block;position:absolute;right:0;top:0;width: 10px;height: 12px;background: url(../img/calendar-next.png) no-repeat;text-indent:-9998px;}
#calender .calHead a,
#calender .calHead a:visited{background-position:left 0px;}
#calender .calHead a:hover{opacity: .7; }
#calender .calHead a:active{background-position:left -60px;}

#calender table.calTbl{clear:both; border-collapse:separate; border-spacing:2px;}
#calender table.calTbl thead th{padding:5px 3px 2px; background:transparent; text-align:center;}
#calender table.calTbl thead th.sunday{color:#933;}
#calender table.calTbl thead th.saturday{color:#369;}
#calender table.calTbl tbody td{padding:3px 2px;text-align: center;}
#calender table.calTbl tbody td.today{background-color:#fede7b;}

#calender a,
#calender a:visited{color:#03c; text-decoration:underline;}
#calender a:hover{color:#06f; text-decoration:underline;}
#calender a:active{color:#C00; text-decoration:underline;}

#sidenav ul{margin:0;}
#sidenav ul li{margin:10px 0; padding:0 5px 0 20px;}

#sidenav ul a,
#sidenav ul a:visited{color:#333; text-decoration:none;}
#sidenav ul a:hover{color:#06f; text-decoration:underline;}
#sidenav ul a:active{color:#C00; text-decoration:underline;}

#sidenav .current,
#sidenav tr.current,
#sidenav tr.current th,
#sidenav tr.current td{background:#c8edf2}

#SideArea .sectionBox#formalities{}
#SideArea .sectionBox .inner .contentSection{min-height:150px;margin: 4px 10px 0 165px;}
#SideArea .sectionBox .inner .contentSection .inner{height: 180px; background-color: #f5f5f5;}
#SideArea .sectionBox .inner .contentSection .inner .hd{margin:0 0 0 -6px;padding:0 5px 5px 20px; font-size:14px;font-weight:bold;line-height:18px;}
#SideArea .sectionBox .inner .contentSection .inner h2.hd {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;height: 28px;font-size:13px;font-weight:bold;line-height:100%;margin: 0;padding: 0 5px;text-align: center;background-color: #fff;border-bottom: none;}
#SideArea .sectionBox .inner .contentSection .inner .aticle{padding: 5px;max-height: 120px;overflow: auto;font-size: 12px;line-height: 1.28em;}
#SideArea .sectionBox .inner .contentSection .inner .aticle br{line-height: 1.8em;}
#SideArea .sectionBox .inner .contentSection .inner .aticle::-webkit-scrollbar {display: none;}
#SideArea .sectionBox .inner .contentSection .inner .aticle p{margin:0 0 0.5em 5px; font-size:100%; line-height:125%;}

/*===================================================================================================*/
#FooterArea{ border-top:1px solid #999;}
#FooterArea .innerBody{padding: 10px 10px;text-align: center;background-color: #000;}
#FooterArea #copyright{color: #fff;font-size:10px;line-height:100%;}

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

/* positioning ========================================*/

.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}

.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt11 { margin-top: 11px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }

.ml05em { margin-left: 0.5em !important; }
.ml06em { margin-left: 0.6em !important; }
.ml07em { margin-left: 0.7em !important; }
.ml08em { margin-left: 0.8em !important; }
.ml09em { margin-left: 0.9em !important; }
.ml10em { margin-left: 1.0em !important; }
.ml11em { margin-left: 1.1em !important; }
.ml12em { margin-left: 1.2em !important; }
.ml13em { margin-left: 1.3em !important; }
.ml14em { margin-left: 1.4em !important; }
.ml15em { margin-left: 1.5em !important; }
.ml16em { margin-left: 1.6em !important; }
.ml17em { margin-left: 1.7em !important; }
.ml18em { margin-left: 1.8em !important; }
.ml19em { margin-left: 1.9em !important; }
.ml20em { margin-left: 2.0em !important; }


.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt11 { padding-top: 11px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 25px !important; }
.pb35 { padding-bottom: 25px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }

/* new clearfix ========================================*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* EOF */
.infobox {
   width:380px;
   height: 5em;
   overflow: auto;
   background-color:#FFF;
   border: 1px solid #C0C0C0;
}

#UpperHeader {
	padding-top: 18px;
	min-height: 54px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

#LowerHeader {
	height: 140px;
    padding-left: 40px;
    background: #48c5d3 url(../img/header-bg.png) right center no-repeat;
    display: flex;
    align-items: center;
}

#LowerHeader a:hover {
	opacity: .7;
}

#LowerHeader .productHeader {
	margin-left: 30px;
}

#LowerHeader .productHeader img {
	width: 68vw;
}

#wrap_01,
#information {
}

#special {
	margin-top: 30px;
}

.hd.calendar-icon {
	background: url(../img/calendar-icon.png) left center no-repeat;
}

.hd.notice-icon {
	background: url(../img/notice-icon.png) left center no-repeat;
}

.hd.ranking-icon {
	background: url(../img/ranking-icon.png) left center no-repeat;
}

.hd.feature-icon {
	background: url(../img/feature-icon.png) left center no-repeat;
}

/* ページごとスタイル */
/*===================================================================================================*/
/* ページごと共通 */

/* F-00, F-04, #F-07 */
#F-00,
#F-01,
#F-02,
#F-03,
#F-04,
#F-07 {
	background-color: #daeced;
}

#F-00 #HeaderArea,
#F-01 #HeaderArea,
#F-02 #HeaderArea,
#F-03 #HeaderArea,
#F-04 #HeaderArea,
#F-07 #HeaderArea {
	background-color: #fff;
}

#F-00 #ContentsArea,
#F-01 #ContentsArea,
#F-02 #ContentsArea,
#F-03 #ContentsArea,
#F-04 #ContentsArea,
#F-07 #ContentsArea {
	background-color: #fff;
}

#F-00 #ContentsArea table,
#F-01 #ContentsArea table,
#F-02 #ContentsArea table,
#F-03 #ContentsArea table,
#F-04 #ContentsArea table {
	width: 50%;
	margin: 0 auto 15px auto;
}

#F-00 #ContentsArea table input,
#F-01 #ContentsArea table input,
#F-02 #ContentsArea table input,
#F-03 #ContentsArea table input,
#F-04 #ContentsArea table input,
#F-07 #ContentsArea table input {
	width: 100%;
	padding: 2px 5px;
	font-size: inherit;
}

#F-00 h3,
#F-01 h3,
#F-02 h3,
#F-03 h3,
#F-04 h3,
#F-07 h3 {
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

#F-00 #ContentsArea .formBox,
#F-01 #ContentsArea .formBox,
#F-02 #ContentsArea .formBox,
#F-03 #ContentsArea .formBox,
#F-04 #ContentsArea .formBox,
#F-07 #ContentsArea .formBox {
	padding-bottom: 0;
}

#F-00 #ContentsArea.narrowLayout,
#F-01 #ContentsArea.narrowLayout,
#F-02 #ContentsArea.narrowLayout,
#F-03 #ContentsArea.narrowLayout,
#F-04 #ContentsArea.narrowLayout,
#F-07 #ContentsArea.narrowLayout {
	margin: 25px auto;
}

#F-00 .exeBtn.next a,
#F-01 .exeBtn.next a,
#F-02 .exeBtn.next a,
#F-03 .exeBtn.next a,
#F-04 .exeBtn.next a,
#F-06 .exeBtn.next a,
#F-07 .exeBtn.next a,
#F-08-9 .exeBtn.next a {
    padding: 20px 0 10px 0;
    background-color: #f09400;
    color: #fff !important;
}

#F-01 #ContentsArea .exeBtn.back a,
#F-02 #ContentsArea .exeBtn.back a,
#F-06 #ContentsArea .exeBtn.back a,
#F-08-9 #ContentsArea .exeBtn.back a  {
	padding: 20px 0 10px 0;
	background-color: #ddd;
}

/* #F-00 */
#F-00 #ContentsArea .exeBtn.next a {
	margin-top: 10px;
}

/* #F-01 */
#F-01 hr.borderdotted {
	margin: 25px 0;
}

/* #F-02 */
#F-02 #ContentsArea table {
	width: 68%;
	margin: 0 auto 15px auto;
}

/* #F-03 */
#F-03 #ContentsArea table {
	width: 75%;
}

/* #F-04 */
#F-04 .cornerBox .top {
	margin-top: 20px;
}

/* #F-07 */
#F-07 #ContentsArea table {
	width: 60%;
	margin: 0 auto 15px auto;
}

#F-07 #ContentsArea table tr th {
	width: 120px;
}

#F-07 #ContentsArea .indent1 {
	text-align: center;
}

/* #F-08-4-1 */
#F-08-4-1 #information .inner,
#F-08-4-2 #information .inner {
	padding-bottom: 10px;
}

#F-08-4-2 #information .inner p {
	width: 90%;
	margin: 0 auto;
}

#F-08-4-1 #information .inner p:last-child,
#F-08-4-2 #information .inner p:last-child {
	margin-bottom: 0;
}

#F-08-3 #information,
#F-08-4-1 #information,
#F-08-4-2 #information {
	margin-bottom: 30px;
}

#F-06 input[type="text"],
#F-08-9 input[type="text"],
#F-08-9 input[type="password"] {
	padding: 5px;
}

#F-08-9 input[type="checkbox"] {
	margin-right: 5px;
}

#F-08-9 div.narrowLayout {
	width: 800px;
}

#F-08-9 div.narrowLayout .scrollBox {
	width: 500px;
	height: 350px;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #fff;
	overflow: scroll;
}

/* お知らせ */
.page-oshirase_detail #information {
	padding-bottom: 20px;
}

.page-oshirase_detail #information .inner > *:not(h2) {
	width: 90%;
	height: auto;
	line-height: initial;
	padding: 0 2% 20px 2%;
	margin: 0 auto 20px auto;
	border-bottom: solid 1px #ccc;
	display: block;
}

.page-oshirase_detail #information .inner p:nth-child(even) {
	background-color: #fff;
}

/* バックナンバー */
.page-tokushu_detail #special {
	margin-top: 0;
	padding-bottom: 20px;
}

.page-tokushu_detail #special .special-inner {
	width: 94%;
    padding-bottom: 25px;
    margin: 0 auto 25px auto;
    border-bottom: solid 1px #ccc;
}

.page-tokushu_detail #special .special-inner .article {
	margin-bottom: 25px;
	padding: 0 2%;
	border-bottom: solid 1px #ccc;
}

.page-tokushu_detail #special .special-inner .article:last-child {
	border-bottom: none;
}

/* #explorer */
#explorer #shoko {
	padding: 20px 0;
	font-size: 14px;
}

#explorer #shoko > li {
	padding: 0 25px;
}

/* override */
.filetree > li:nth-child(even),
.filetree > li:nth-child(even) li {
	background-color: #f8f8f8;
}

input[name="del"] {
	margin-top: 10px;
	cursor: pointer;
}

#allDocument table {
	width: 100%;
	text-align: center;
}

#allDocument table th {
    padding: 10px 20px;
}

#allDocument .headline {
	font-size: 20px;
}

#allDocument .headline > * {
	vertical-align: middle;
}

#allDocument .headline img {
	margin-right: 10px;
}

#allDocument .formBox {
	margin-bottom: 0;
	padding: 20px 0;
}

#allDocument select,
#allDocument input {
	width: 150px;
	height: 35px;
	margin: 0 5px;
    padding: 0 5px;
    background-color: #fff;
}

#allDocument input[type="button"] {
	color: #fff;
	background-color: #000;
}

.close-btn {
	text-align: center;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}