@charset "UTF-8";
/*================================================================
 LAYOUT CSS 
 ================================================================*/
/*---------------------------------
 body
-----------------------------------*/
body {
 color: #333333;
 font-size: 14px;
 height: 100%;
 background: #fff;
 font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ ProN W3',Osaka,sans-serif;
	overflow-y:scroll;
}
a {
 color: #2a579a;
 text-decoration: underline;
}
a:link,
a:visited {
 color: #2a579a;
}
a:hover,
a:active {
 color: #2a579a;
 text-decoration: none;
}
body img {
 vertical-align: bottom
}

/*----- footerbottom -----*/
html,body{
    height: 100%;
}
div#wrap{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
div#contents{
    padding-bottom: 168px;
}

div#topMain{
    padding-bottom: 118px;
}
div#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 118px;
}

/*---------------------------------
 header
-----------------------------------*/
#header{ margin:0 0 0 0; padding:0 0 10px; min-width:1010px;}
#header .inner{ width:1000px; margin:0 auto; overflow:hidden;}
#header .inner .logo{ margin:30px 0 0 0; float:left; width:380px; display: flex; align-items: center;}
#header .inner .logo > img{ margin:0 40px 0 0;}
#header .inner .logo > a img{ width: 270px; height: auto;}
#header .inner .tel{ margin:12px 0 0 0; float:left;}
#header .inner .headBnrBox { margin:7px 0 5px 10px; padding:0; float:left; }
#header .inner .headBnrBox li { margin:0 0 0 10px; padding:0; float:left; }
#header .inner #fontSize{ float:right; margin:12px 0 0 0;}
#header .inner #fontSize dt{ font-size:85%; color:#333; line-height:26px; text-align: center;}
#header .inner #fontSize dd{ width:110px; overflow:hidden;}
#header .inner #fontSize dd p{ float:left; cursor:pointer;}
#header .inner #fontSize dd p span{ text-indent:-9999px; display:block; width:55px; height:26px;}
#header .inner #fontSize dd p.fN span{ background:url(/common/img/fsize01_off.gif) no-repeat 0 0;}
#header .inner #fontSize dd p.fB span{ background:url(/common/img/fsize02_off.gif) no-repeat 0 0;}
#header .inner #fontSize dd p.fN span.textresizer-active{ background:url(/common/img/fsize01_cur.gif) no-repeat 0 0;}
#header .inner #fontSize dd p.fB span.textresizer-active{ background:url(/common/img/fsize02_cur.gif) no-repeat 0 0;}
#header .inner #telBox{ float:right; clear:right; margin:12px 0 0; font-size:120%; font-weight:bold;}

/*---------------------------------
 globalNav
-----------------------------------*/
#globalNav{ margin:0 0 15px 0; border-bottom:3px solid #2a579a; border-top:1px solid #eeeeee; background: url(/common/img/bg_gnav.gif) repeat-x left bottom; min-width:1010px;}
#globalNav ul{ width:1000px; margin:0 auto;} 
#globalNav ul li{ float:left; width:248px; border-left:1px solid #eeeeee; border-right:1px solid #dadada; margin:3px 0; position:relative;} 
#globalNav ul li a,
#globalNav ul li span{ color:#333333; text-decoration:none; font-size:114%; display:block; line-height:44px; text-align:center; margin:-3px 0;} 
#globalNav ul li a:hover{ background:url(/common/img/bg_gnav_a_hover.gif) repeat-x 0 0; color:#fff;}
#globalNav ul li a.cur{ background:url(/common/img/bg_gnav_a_hover.gif) repeat-x 0 0; color:#fff;}
#globalNav ul li a.cur2{ background:url(/common/img/bg_gnav_a_hover.gif) repeat-x 0 0; color:#fff;}
#globalNav ul li span.cur{ background:url(/common/img/bg_gnav_a_hover.gif) repeat-x 0 0; color:#fff;}

#globalNav ul.child{ width:248px; margin:0; border:1px solid #eeeeee; position:absolute; top:41px; left:-1px; z-index:4; display:none; }
#globalNav ul.child li:first-child{ border:none;}
#globalNav ul.child li{ float:none; width:248px; border:none;margin:0; border-top:1px solid #eeeeee;} 
#globalNav ul.child li a{ color:#333333; text-decoration:none; font-size:107%; display:block; background: url(/common/img/arrow_gnav_01.gif) no-repeat 95% center #fff; line-height:35px; text-align:left; margin:0; padding:0 10px;} 
#globalNav ul.child li a:hover{ background: url(/common/img/arrow_gnav_01.gif) no-repeat 95% center #eff4fd;color:#333333;}
/*#globalNav ul.child li a.cur{ background: url(/common/img/arrow_gnav_01.gif) no-repeat 95% center #eff4fd;color:#333333;}*/

/*---------------------------------
 topMainVisual
-----------------------------------*/
#topMainVisual{ margin:5px auto; width:1000px;}



/*---------------------------------
 contents
-----------------------------------*/
#contents{ margin:15px auto 0; width:1000px; overflow:hidden;}

.topicPath{ width:1000px; overflow:hidden; margin:0 0 15px 0;}
.topicPath li{ float:left; background:url(/common/img/arrow_topicpath.gif) no-repeat left 45%; padding: 0 4px 0 15px; font-size:85%; line-height:1.2;}
.topicPath li:first-child{ background:none; padding:0 4px 0 0;}


/*---------------------------------
 main
-----------------------------------*/
#main{ float:left; width:780px;}
.section{ margin:0 0 30px 0;}

#main1col{ width:100%; min-width:1000px;}

/*---------------------------------
 side
-----------------------------------*/
#side{ float:right;width:200px;}
#localNav{ border:1px solid #d9d9d9;}
#localNav dt{ background:url(/common/img/localnav_dt.gif) repeat-x 0 0 #3c7dc1; color:#fff; font-weight:bold; border-bottom:1px solid #d9d9d9;}
#localNav dt a{ text-decoration:none; color:#fff; display:block; padding:12px 10px;}
#localNav dt span{ text-decoration:none; color:#fff; display:block; padding:12px 10px;}
#localNav dd{}
#localNav dd ul{}
#localNav dd ul li:first-child{ border:none;}
#localNav dd ul li{ border-top:1px solid #d9d9d9;}
#localNav dd ul li a{ background:url(/common/img/arrow_link_03.gif) no-repeat 12px 45%; padding:10px 5px 12px 23px; display:block; color:#333; font-size:92%; text-decoration:none;}
#localNav dd ul li a:hover{ background:url(/common/img/arrow_link_03.gif) no-repeat 12px 45% #eff4fd;} 
#localNav dd ul li a.cur{ background:url(/common/img/arrow_link_03.gif) no-repeat 12px 45% #eff4fd; font-weight:bold;}
	
/*---------------------------------
 topMain
-----------------------------------*/
#topMain{ margin:20px auto 0; width:1000px;}
#topMain .pickUpBnr{ width:1018px; overflow:hidden; margin:20px -9px 50px;}
#topMain .pickUpBnr li{ float:left; padding:0 9px;}

#topMain .topInfoBox{ width:1000px; margin-bottom:20px;}
#topMain .topInfoBox .titleArea{ background:url(/img/bg_top_info.gif) no-repeat 0 0; width:1000px; overflow:hidden;}
#topMain .topInfoBox .titleArea h2{ font-size:114%; font-weight:bold; padding:15px 20px; float:left;}
#topMain .topInfoBox .titleArea p.moreLink{ float:right; padding:15px 20px;}
#topMain .topInfoBox .titleArea p.moreLink a{ padding:0 0 0 12px; text-decoration:none; background:url(/common/img/arrow_link_02.gif) no-repeat left 38%; color:#333;}
#topMain .topInfoBox .titleArea p.moreLink a:hover{ text-decoration:underline;}
#topMain .topInfoBox .textAreaWrap{ background:url(/img/bg_text_info.gif) no-repeat 0 0; padding:3px 0 0 0 ;}
#topMain .topInfoBox .textArea{ border:1px solid #d9d9d9; border-top:none; padding:10px 20px 15px 20px; overflow-y:scroll; height:60px;}
#topMain .topInfoBox .textArea dl{ width:943px; overflow:hidden;border-bottom:1px dotted #d4ddeb;}
#topMain .topInfoBox .textArea dl dt{ margin:6px 0 0 0 ;padding:0 0 5px 0; width:9em; float:left;line-height:1.5;}
#topMain .topInfoBox .textArea dl dd{ margin:6px 0 0 ;padding:0 0 5px 0; float:left; width:56em; line-height:1.5;}
#topMain .topInfoBox .textArea dl dd a{ color:#333; text-decoration:none;}
#topMain .topInfoBox .textArea dl dd a:hover{ text-decoration:underline;}

#topMain .topBnrBox{ width:1000px; margin-bottom:20px;}
#topMain .topBnrBox .titleArea{ background:url(/img/bg_top_info.gif) no-repeat 0 0; width:1000px; overflow:hidden;}
#topMain .topBnrBox .titleArea h2{ font-size:114%; font-weight:bold; padding:15px 20px; float:left;}
#topMain .topBnrBox .textAreaWrap{ background:url(/img/bg_text_info.gif) no-repeat 0 0; padding:3px 0 0 0 ;}
#topMain .topBnrBox .textArea{
	padding:19px 0 0;
	height:372px;
}
#topMain .topBnrBox .textArea .wrapOne{ width:482px; height:372px; float:left; position:relative; }
#topMain .topBnrBox .textArea .second{ float:right; }
#topMain .topBnrBox .textArea .wrapOne h3,
#topMain .topBnrBox .textArea .wrapOne p{ width:100%; height:100%; }
#topMain .topBnrBox .textArea .wrapOne p{ text-indent:-1000em; position:absolute; z-index:1; }
#topMain .topBnrBox .textArea .wrapOne h3{ position:absolute; z-index:2; }
#topMain .topBnrBox .textArea .wrapOne h3 a{ display:block; width:100%; height:372px; text-indent:-1000em; }
#topMain .topBnrBox .textArea .first h3 a{ background:url(/common/img/top_bnr_kaigosodanshitsu_482-372.gif) no-repeat center center; }
#topMain .topBnrBox .textArea .second h3 a{ background:url(/common/img/top_bnr_workcare_482-372.gif) no-repeat center center; }

.headBnrBox a:hover,
.topBnrBox a:hover {
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}

/*---------------------------------
 shop
-----------------------------------*/
#shop dt { font-weight: bold;}
#shop dd { margin-bottom: 10px; line-height: 1.7}

/*---------------------------------
 seminar
-----------------------------------*/
#semianr table {border-collapse: collapse;}
#seminar th, #seminar td { padding: 10px; border-bottom: #ccc dotted 1px; line-height: 1.7;}
#seminar th { background: #E3E3E3; font-weight: bold;}

/*---------------------------------
 footer
-----------------------------------*/
#index #pageTop{ display:none;}
#index #footer{ margin-top:40px;}
#pageTop{ margin:-35px auto 25px auto; width:1000px; text-align:right; font-size:92%;}
#pageTop a{ color:#333; padding:0 12px 0 0; background:url(/common/img/arrow_pagetop.gif) no-repeat right 45%;} 
#footer{ border-top:2px solid #2a579a; background:#f8fbff; width:100%; min-width:1010px; margin:0 0 0 0;}
#footer .footerLinks{ width:1000px; margin:15px auto 30px; padding:15px 0 0 0;}
#footer .footerLinks ul.parentLink{ width:1000px; overflow:hidden;}
#footer .footerLinks ul.parentLink li{ float:left; width:137px; padding:0 5px 0 0;}
#footer .footerLinks ul.parentLink li a,
#footer .footerLinks ul.parentLink li span{ background: url(/common/img/arrow_link_01.gif) no-repeat left center; padding:0 0 0 12px; color:#333333; font-size:88%; font-weight:bold;}
#footer .footerLinks ul.parentLink li ul{ margin:5px 0 0 14px;}
#footer .footerLinks ul.parentLink li ul li{ margin:7px 0 0 0; padding:0;}
#footer .footerLinks ul.parentLink li ul li a{ padding:0; background:none; font-weight:normal; font-size:85%;}
#footer .copy{ border-top: 1px solid #bfbfbf; text-align:center; background:#f8fbff; width:100%; font-size:78%; padding:12px 0;}

.full {
	background-color: #FF0004;
	padding: 5px;
	color: #fff;
	font-size: 80%;
}