@charset "utf-8";


@media screen and (-webkit-min-device-pixel-ratio:0) {
*{font-size:100%;line-height:1.3;}
}

img{
max-width:100% !important;
height:auto !important;
width /***/:auto !important;　
}



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

   toparea

=========================================================== */
#toparea{
display:none;
}



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

   header

=========================================================== */
#header{
width:100%;
margin:0;
padding:0;
background-color:#ffffff;
box-shadow:none;
}
#header img{
}
#header img.logo{
display:block;
width:50% !important;
margin-top:0;
float:left;
}
#header img.imgtext{
display:block;
width:30% !important;
margin:8% 0 0 0;
float:left;
}
#header p.imgtext_sub{
display:none;
}
/* Cart button */
#header div.cart{
margin:0;
padding:35px 0 0 0;
}
#header div.cart span#quantity{
display:none;
}
#header div.cart a{
display:block;
width:35px;
height:35px;
margin:0;
background:url(../img/header/bg_header_sp_panel_cart.png) no-repeat 0 0;
float:right;
}
#header div.cart a:hover{
background-position:0 0;
}
#header div.cart a span{
display:none;
}
/* SP_menu header */
#header div.header_sp_left{
width:70%;
margin:0;
padding:0;
float:left;
}
#header div.header_sp_right{
width:30%;
float:right;
}
/* SP_menu button */
#header div#sp_menu_btn{
display:block;
padding:0;
}
#header div#sp_menu_btn a{
display:block;
width:35px;
height:20px;
margin:20px 0 0 0;
background:#333333 url(../img/header/bg_header_sp_panel_menuon.png) no-repeat 0 0;
float:right;
border-radius:2px 2px 0 0;
}
#header div#sp_menu_btn a.close{
height:35px;
margin:0;
background:url(../img/header/bg_header_sp_panel_menu.png) no-repeat 0 0;
border-radius:0;
}
#header div#sp_menu_btn a:hover{
}
#header div#sp_menu_btn a span{
display:none;
}


/* subnavi
------------------------------------------------------------*/
#header div.subnavi{
display:none;
padding:0;
}
#header div.subnavi div.title{
margin-right:15px;
float:left;
}
#header div.subnavi div.link{
padding:3px 0 0 0;
float:left;
}
#header div.subnavi div.link a{
}

/* global navigation
------------------------------------------------------------*/
#header ul#gn{
display:none;
}

/* search
------------------------------------------------------------*/
#header div#search{
display:none;
}



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

   SP_search_menu

=========================================================== */
#sp_menu{
display:none;
width:100%;
margin:0;
padding:0;
background-color:#333333;
box-shadow:none;
}

/* top
------------------------------------------------------------*/
#sp_menu div.top{
width:auto;
height:auto;
padding:0;
border-right:none;
float:none;
}
#sp_menu div.top h2{
margin:0 0 15px 0;
padding:0;
font-size:120%;
}
/* ul */
#sp_menu div.top ul{
width:100%;
margin:0 0 22px 0;
padding:0;
list-style:none;
float:none;
}
#sp_menu div.top ul:last-child{
border-bottom:none;
}
#sp_menu div.top ul li{
width:49.8%;
margin:0;
padding:0;
float:left;
}
#sp_menu div.top ul li a{
display:block;
padding:15px 25px 15px 10px;
color:#ffffff;
border-width:1px 1px 1px 5px;
border-color:#555555 #222222 #222222 #005cca;
border-style:solid;
background:url(../img/contents/icon/bg_arrow_link_white.png) right center no-repeat;
}
#sp_menu div.top ul li a:hover{
border-left:5px #ff3366 solid;
background-color:#444444;
}

/* sp_menu_search */
#sp_menu div.top div.sp_menu_search{
margin:0 0 20px 0;
padding:0;
}
#sp_menu div.top div.sp_menu_search div{
margin:0 0 10px 0;
padding:0;
}
#sp_menu div.top div.sp_menu_search input{
outline:none;
border:none;
appearance:none;
-webkit-appearance:none;
border-radius:0;
-webkit-border-radius:0;
}
#sp_menu div.top div.sp_menu_search input.footer_search_input{
width:60%;
height:24px;
margin:0 0 10px 10px;
padding:4px 10px 2px 10px;
background:none;
background-color:#ffffff;
float:none;
border-radius:5px;
box-shadow:0 2px 2px #999999 inset;
float:left;
}
#sp_menu div.top div.sp_menu_search input.footer_search_button{
width:80px;
height:30px;
margin:0 0 0 10px;
padding:0;
background:url(../img/footer/btn_search.png) 0 0 no-repeat;
float:none;
}
#sp_menu div.top div.sp_menu_search input.footer_search_button:hover {
background:url(../img/footer/btn_search.png) 0 -30px no-repeat;
}

/* bottom
------------------------------------------------------------*/
#sp_menu div.bottom{
width:100%;
height:auto;
padding:0;
border-left:none;
float:none;
}
#sp_menu div.bottom div{
padding:0;
}
#sp_menu div.bottom div ul{
width:100%;
margin:0 0 10px 0;
padding:0;
list-style:none;
float:none;
}
#sp_menu div.bottom div ul:last-child{
margin:0;
border-bottom:none;
}
#sp_menu div.bottom div ul li{
width:100%;
margin:0;
padding:0;
}
#sp_menu div.bottom div ul li a{
display:block;
padding:12px 15px 8px 15px;
color:#ffffff;
border-top:1px #555555 solid;
border-right:1px #222222 solid;
border-bottom:1px #222222 solid;
border-left:1px #555555 solid;
background:url(../img/contents/icon/bg_arrow_link_white.png) right center no-repeat;
}
#sp_menu div.bottom div ul li a:hover{
background-color:#444444;
}



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

   contents

=========================================================== */
#contents{
width:100%;
margin:0;
padding:0;
}
#breadcrumbs{
display:none;
}

/* page_title_area */
#page_title_area{
margin:20px 0;
padding:0;
background:#ffffff;
}
#page_title_area h2{
margin:0;
padding:6px 0 2px 7px;
border-left:15px #005cca solid;
background:#ffffff;
}

/* page_title__photo_area
------------------------------------------------------------*/
div.page_title_photo_area{
width:100%;
margin:0 auto 30px auto;
padding:0;
background:#ffffff;
position:relative;
}
div.page_title_photo_area div{
margin:0;
}
div.page_title_photo_area div p{
display:block;
margin:0;
padding:10px;
}
div.page_title_photo_area div p.imagetext{
display:none;
}
div.page_title_photo_area div p.imagetext img{
display:none;
}

/* link_area
------------------------------------------------------------*/
div.link_area{
margin:0 0 20px 0;
}
div.link_area ul{
margin:0;
padding:0 5px;
list-style:none;
border-bottom:none;
}
div.link_area ul li{
width:49.4%;
margin:0 2px 2px 0;
float:left;
}
div.link_area ul li a{
display:block;
padding:10px 4px 7px 4px;
color:#ffffff;
font-size:14px;
background:#333333;
}
div.link_area ul li a:hover{
text-decoration:none;
}
div.link_area ul li.now a{
padding:10px 4px 7px 4px;
font-weight:bold;
text-decoration:none;
background:#005cca;
}
div.link_area ul.bottom{
border:none;
}

/* category_select_area
------------------------------------------------------------*/
div#category_select_area{
display:none;
}


/* left
------------------------------------------------------------*/
#contents div#left{
width:100%;
margin:0;
padding:0;
background:#ffffff;
}
/* KeyVisual */
#contents div#left div#keyvisual{
width:100%;
margin:0 auto 30px auto;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#left div#keyvisual div#keyvisual_left{
width:100%;
margin:0;
padding:0;
float:none;
}
#contents div#left div#keyvisual div#keyvisual_right{
display:none;
}

#contents div#left div#keyvisual div#keyvisual_left div#slider1{
width:auto;
}

#contents div#left div#keyvisual div#keyvisual_right div#slider2{
display:none;
}
.bx-viewport{
height:auto;
}
.bx-wrapper img{
min-width:100%;
}



/* tab_area */
#contents div#left div#tab_area{
margin:0 0 30px 0;
padding:0;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
zoom:1;
}
#tab{
display:none;
background-color:red;
}
.disnon{
display:none;
}
#main {
	height:auto!important;	
}
.content_wrap{
display:block;
padding:0;
border-top:none;
background-color:#ffffff;
clear:both;
box-shadow:none;
}
.content_wrap h2{
display:block;
height:auto;
margin:0;
padding:11px 10px 7px 10px;
color:#ffffff;
font-size:16px;
border-top:1px #71a8e8 solid;
border-bottom:1px #0b3360 solid;
background:#005cca url(../img/contents/icon/bg_arrow_accordion_white.png) no-repeat 100% center;
float:none;
box-shadow:none;
}
.content_wrap div.left{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.content_wrap div.center{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.content_wrap div.right{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.content_wrap dl{
width:100%;
margin:0;
padding:0;
border-bottom:0;
box-shadow:none;
position:relative!important;
top:auto!important;
left:auto!important;
}
.content_wrap dl dt{
display:block;
margin:0;
padding:10px;
color:#333333;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 100% center;
}
.content_wrap dl dd{
display:none;
margin:0;
padding:0;
}
.content_wrap dl dd a{
display:block;
width:98%;
margin:-1px 0 0 0;
padding:2.5% 1% 2% 1%;
white-space:normal;
border:1px #cccccc solid;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) 100% center no-repeat;
float:left;
}
.content_wrap div.tiles dl{
background:none;
}
/* 01 */
.content_wrap dl.area_cloudvirtual dt{
border:15px #89bcf8 solid;
}
.content_wrap dl.area_cloudvirtual dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}
/* 02 */
.content_wrap dl.area_db dt{
border:15px #f6a26a solid;
}
.content_wrap dl.area_db dd a{
border:1px #f6a26a solid;
background-color:#f6e6d4;
}
/* 03 */
.content_wrap dl.area_hardware dt{
border:15px #89bcf8 solid;
}
.content_wrap dl.area_hardware dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}
/* 04 */
.content_wrap dl.area_groupware dt{
border:15px #d552ff solid;
}
.content_wrap dl.area_groupware dd a{
border:1px #d552ff solid;
background-color:#f9eaff;
}
/* 05 */
.content_wrap dl.area_appsys dt{
border:15px #f5a2a3 solid;
}
.content_wrap dl.area_appsys dd a{
border:1px #f5a2a3 solid;
background-color:#f5e1e1;
}
/* 06 */
.content_wrap dl.area_os dt{
border:15px #b8befb solid;
}
.content_wrap dl.area_os dd a{
border:1px #b8befb solid;
background-color:#dcdcfb;
}
/* 07 */
.content_wrap dl.area_pmpmp dt{
border:15px #ceafe5 solid;
}
.content_wrap dl.area_pmpmp dd a{
border:1px #ceafe5 solid;
background-color:#f4e8fc;
}
/* 08 */
.content_wrap dl.area_security dt{
border:15px #f5d76d solid;
}
.content_wrap dl.area_security dd a{
border:1px #f5d76d solid;
background-color:#f5f1c8;
}
/* 09 */
.content_wrap dl.area_program dt{
border:15px #c1e88a solid;
}
.content_wrap dl.area_program dd a{
border:1px #c1e88a solid;
background-color:#e2e8d3;
}
/* 10 */
.content_wrap dl.area_web dt{
border:15px #f5a2a3 solid;
}
.content_wrap dl.area_web dd a{
border:1px #f5a2a3 solid;
background-color:#f5e1e1;
}
/* 11 */
.content_wrap dl.area_network dt{
border:15px #91e5ca solid;
}
.content_wrap dl.area_network dd a{
border:1px #91e5ca solid;
background-color:#cef7e5;
}
/* 12 */
.content_wrap dl.area_bshs dt{
border:15px #f7d7b9 solid;
}
.content_wrap dl.area_bshs dd a{
border:1px #f7d7b9 solid;
background-color:#f7edea;
}
/* 13 */
.content_wrap dl.area_human dt{
border:15px #f7d7b9 solid;
}
.content_wrap dl.area_human dd a{
border:1px #f7d7b9 solid;
background-color:#f7edea;
}
/* 14 */
.content_wrap dl.area_conceptual dt{
border:15px #f7d7b9 solid;
}
.content_wrap dl.area_conceptual dd a{
border:1px #f7d7b9 solid;
background-color:#f7edea;
}
/* 15 */
.content_wrap dl.area_middleware dt{
border:15px #ef8b8b solid;
}
.content_wrap dl.area_middleware dd a{
border:1px #ef8b8b solid;
background-color:#f7cfcf;
}
/* 16 */
.content_wrap dl.area_operation dt{
border:15px #82d3aa solid;
}
.content_wrap dl.area_operation dd a{
border:1px #82d3aa solid;
background-color:#dff2ef;
}
/* 17 */
.content_wrap dl.area_it dt{
border:15px #f5d1fa solid;
}
.content_wrap dl.area_it dd a{
border:1px #f5d1fa solid;
background-color:#f6e7fa;
}
/* 18 */
.content_wrap dl.area_bigdata dt{
border:15px #a3c6e1 solid;
}
.content_wrap dl.area_bigdata dd a{
border:1px #a3c6e1 solid;
background-color:#d3d9e1;
}
/* 19 */
.content_wrap dl.area_dx dt{
border:15px #a3c6e1 solid;
}
.content_wrap dl.area_dx dd a{
border:1px #a3c6e1 solid;
background-color:#d3d9e1;
}
/* 20 */
.content_wrap dl.area_devops dt{
border:15px #89bcf8 solid;
}
.content_wrap dl.area_devops dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}
/* base04 */
.content_wrap dl.area_enterpriseapp dt{
border:15px #dca3c8 solid;
}
.content_wrap dl.area_enterpriseapp dd a{
border:1px #dca3c8 solid;
background-color:#f9eaff;
}
.content_wrap dl.area15 dd a{
border:1px #a0ef8b solid;
background-color:#f1f7cf;
}

.content_wrap div.tiles dl dd a{
float:none;
}

#tab_area .content_wrap dl dt{
border-width:0 0 1px 15px;
}
.content_wrap dl dd a:hover{
color:#333333;
background:#fafafa url(../img/contents/icon/bg_arrow_link_black.png) no-repeat right center;
text-decoration:none;
}

/* qualification_area */
#tab_area .content_wrap div.qualification_area h3{
display:block;
margin:0;
padding:10px;
color:#333333;
font-size:120%;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
div.qualification_area div.block h4{
margin:0 10px 10px 10px;
padding:5px 15px 3px 10px;
border-bottom:2px #005cca solid;
background:#eeeeff;
}
div.qualification_area div.block h5{
margin:5px 10px 15px 10px;
padding:7px 15px 3px 10px;
font-size:100%;
border-bottom:2px #ffa500 dotted;
}
div.qualification_area div.block h6{
margin:5px 10px;
padding:2px 10px 0 7px;
font-size:93%;
border-bottom:1px #dddddd solid;
}
div.qualification_area div.block p{
margin:10px;
}
#tab_area .content_wrap div.qualification_area dl{
display:none;
margin:0;
padding-bottom:10px;
}
#tab_area .content_wrap div.qualification_area dl dt{
margin:0 0 0 3%;
padding:0;
color:#333333;
font-weight:bold;
border:none;
background:#eeeeee url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
#tab_area .content_wrap div.qualification_area dl dt a{
display:block;
width:94%;
margin:0;
padding:2.5% 4% 2% 2%;
white-space:normal;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) right center no-repeat;
float:none;
}
#tab_area .content_wrap div.qualification_area dl dt.accordion{
display:block;
margin:0 0 20px 3%;
padding:2.5% 4% 2% 1%;
white-space:normal;
border-left:15px #aaaaaa solid;
background:#dddddd url(../img/contents/icon/bg_arrow_accordion_black.png) right center no-repeat;
float:none;
}

#tab_area .content_wrap div.qualification_area dl dd{
display:none;
margin:0 3% 0 6%;
font-weight:bold;
float:none;
}
#tab_area .content_wrap div.qualification_area dl dd ul{
margin:0 0 20px 0;
padding:0;
font-weight:normal;
list-style:none;
}
#tab_area .content_wrap div.qualification_area dl dd > ul{
border-bottom:3px #ffa500 dotted;
}
#tab_area .content_wrap div.qualification_area dl dd ul ul{
margin:0 0 0 0;
padding:0;
}
#tab_area .content_wrap div.qualification_area dl dd ul a{
display:block;
width:98%;
margin:-1px 0 0 0;
padding:2.5% 1% 2% 1%;
white-space:normal;
border:none;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) 100% center no-repeat;
float:none;
}
#tab_area .content_wrap div.qualification_area dl dd li{
margin:0 0 20px 0;
}

/* skill_area */
div.content_wrap div.skill_area dl{
width:100%;
margin:0;
padding:0;
float:none;
box-shadow:none;
}
div.content_wrap div.skill_area dl dt{
display:block;
margin:0;
padding:5px;
color:#333333;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
div.content_wrap div.skill_area dl dt span{
padding:5px;
color:#333333;
font-size:12px;
}
div.content_wrap div.skill_area dl dt p{
margin:0;
padding:0 30px 0 5px;
}
div.content_wrap div.skill_area dl dd{
display:none;
padding:10px 20px 20px 20px;
}
div.content_wrap div.skill_area dl dd p{
margin:0 0 10px 0;
line-height:1.5em;
}
div.content_wrap div.skill_area dl dd a{
display:block;
width:auto;
margin:0;
padding:10px 0 10px 30px;
background:#eeeeee url(../img/contents/icon/bg_download01.gif) no-repeat 1% 50%;
border-width:0;
float:none;
}
div.content_wrap div.skill_area dl dd a:hover{
color:#005cca;
background:#ffffff url(../img/contents/icon/bg_download01.gif) no-repeat 1% 50%;
}


/* banner_area */
#contents div#left div#banner_area{
margin:0 0 30px 0;
padding:0;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#left div#banner_area a{
display:block;
height:auto;
margin:0;
padding:11px 1% 9px 2%;
color:#ffffff;
border-top:1px #666666 solid;
border-bottom:1px #000000 solid;
float:none;
box-shadow:none;
}
#contents div#left div#banner_area a span{
display:inline;
}
#contents div#left div#banner_area a.map,
#contents div#left div#banner_area a.flow,
#contents div#left div#banner_area a.faq,
#contents div#left div#banner_area a.contactus,
#contents div#left div#banner_area a.map:hover,
#contents div#left div#banner_area a.flow:hover,
#contents div#left div#banner_area a.faq:hover,
#contents div#left div#banner_area a.contactus:hover{
background-image:none;
background:#333333 url(../img/contents/icon/bg_arrow_link_white.png) 97% center no-repeat;
}

/* strong_point_area */
#contents div#left div#strong_point_area{
margin:0 0 30px 0;
padding:10px 0;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#left div#strong_point_area h2{
margin:0;
padding:0;
}
#contents div#left div#strong_point_area h2 img{
width:auto;
height:auto;
}
#contents div#left div#strong_point_area p{
margin:10px 0 20px 10px;
}
#contents div#left div#strong_point_area div{
background:url(../img/contents/icon/bg_arrow_link_black.png) 100% center no-repeat;
}
#contents div#left div#strong_point_area div.strong_point_area01{
width:100%;
margin:0 15px 0 0;
float:none;
}
#contents div#left div#strong_point_area div.strong_point_area02{
width:100%;
margin:0 15px 0 0;
float:none;
}
#contents div#left div#strong_point_area div.strong_point_area03{
width:100%;
margin:0;
float:none;
}
#contents div#left div#strong_point_area div h3{
width:40%;
margin:0 0 10px 0;
padding:0;
font-size:120%;
float:left;
}
#contents div#left div#strong_point_area div > img{
display:none;
}
#contents div#left div#strong_point_area div p{
display:none;
}
#contents div#left div#strong_point_area div p.res{
display:block;
width:50%;
padding:15px 15px 0 0;
float:left;
}
#contents div#left div#strong_point_area div a{
display:none;
}


/* ccna_verup */
table.ccna_verup {
border-collapse: separate;
border-spacing: 1px;
text-align: center;
line-height: 1.5;
margin-left:20px;
}
table.ccna_verup tbody{
-webkit-overflow-scrolling: touch;
}
table.ccna_verup th {
padding: 6px;
font-weight: bold;
vertical-align: top;
color: #ffffff;
background: #5EBABA ;
}
table.ccna_verup td {
text-align: left;
padding: 5px;
vertical-align: top;
border-bottom: 1px solid #ccc;
background: #F8F8F8;
font-size:13px;
}




/* right
------------------------------------------------------------*/
#contents div#right{
margin:0 0 30px 0;
line-height:1.4em;
float:none;
}
#contents div#right h2{
margin:0;
padding:0;
}

#contents div#right h2.h2_ranking{
display:none;
}
#contents div#right div.block{
margin:0 0 30px 0;
padding:0;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#right div.shadow_none{
box-shadow:none;
}
/* ranking */
#contents div#right div.block dl.ranking_area{
display:none;
}
#contents div#right div.block dl.ranking_area dt{
margin:0;
padding:0 10px;
}
#contents div#right div.block dl.ranking_area dt img{
margin:-3px 2px 0 -5px;
float:left;
}
#contents div#right div.block dl.ranking_area dd{
margin:0 0 10px 0;
padding:5px 10px 10px 10px;
border-bottom:2px #efefef solid;
clear:both;
}
/* news */
#contents div#right div.block dl.news_area{
margin:0;
padding:0 0 0 10px;
background-color:#efefef;
}
#contents div#right div.block dl.news_area .close{
display:none;
}
#contents div#right div.block dl.news_area dt{
margin:0;
padding:3px 10px 3px 10px;
font-weight:bold;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#right div.block dl.news_area dd{
margin:0;
padding:2px 10px 10px 10px;
border-bottom:2px #efefef solid;
background-color:#ffffff;
clear:both;
box-shadow: #ccc 0px 2px 3px;
}
#contents div#right div.block dl.news_area dd#dlopener{
display:block;
width: 200px;
margin:0 auto 30px auto;
padding:10px 0;
text-align:center;
border-top-width:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0 0 8px 8px;
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
box-shadow: #ccc 0px 2px 3px;
background: #ffffff;
cursor:pointer !important;
}

/* relevant_courses */
#contents div#right div.relevant_courses{
display:none;
}

/* banner_area */
#contents div#right div.block div.banner_area{
margin:0 0 30px 0;
padding:0;
text-align:right;
}
#contents div#right div.block div.banner_area h3{
display:block;
margin:0;
padding:7px 10px 4px 10px;
color:#ffffff;
font-size:120%;
text-align:left;
background:#333333;
}
#contents div#right div.block div.banner_area div{
width:100%;
margin:0 20px 30px 0;
float:none;
}
#contents div#right div.block div.banner_area div img{
width:100%;
height:100%;
min-width:100%;
margin:0;
}
#contents div#right div.block div.banner_area div p{
width:100%;
margin:0;
text-align:left;
}
#contents div#right div.block div.banner_area div p a{
display:block;
width:96%;
padding:10px 2%;
margin:0;
color:#ffffff;
background:#333333 url(../img/contents/icon/bg_arrow_link_white.png) no-repeat 100% 50%;
}
#contents div#right div.block div.banner_area div img.campaign_s{
display:block;
}
#contents div#right div.block div.banner_area div img.campaign_l{
display:none;
}
#contents div#right div.block div.c100b3 div.campaign{
width:auto;
margin:0 auto 30px auto;
}

/* security_area */
#contents div#right div.block div.security_area{
padding:10px 0;
background-color:#ffffff;
}


/*  */
#contents div#right h2{
position:relative;
}
#contents div#right h2 p{
margin:0;
font-weight:normal;
position:absolute;
top:7px;
right:0;
}
#contents div#right h2 p a{
display:block;
padding:9px 45px 7px 15px;
font-size:72%;
text-decoration:none;
background:#ffffff url(../img/contents/icon/bg_arrow_link_black.png) no-repeat 100% 50%;
}
#contents div#right h2 p a:hover{
color:#ffffff;
text-decoration:none;
background:#005cca url(../img/contents/icon/bg_arrow_link_white.png) no-repeat 100% 50%;
}
dd.list{
display:none;
}

/* category_area
------------------------------------------------------------*/
div.category_area{
margin:30px 0;
}
div.category_area div.block{
margin:0;
}
div.category_area div.mb_30{
margin-bottom:30px;
}
div.category_area div.block h3{
margin:0;
padding:12px 10px 10px 10px;
font-size:120%;
border:1px #555555 solid;
border-width:1px 1px 1px 15px;
border-color:#dddddd #999999 #999999 #005cca;
background:#ffffff url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 100% 50%;
}
div.category_area div.block h3 span{
display:none;
}
div.category_area div.block h4{
width:100%;
margin:0;
padding:7px 24px 7px 7px;
border:1px #cccccc solid;
border-top:none;
border-left:10px #c0c0ff solid;
background:#f0f0ff url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 89.2% 50%;
}
div.category_area div.block h4 span{
display:none;
}
/*  */
div.category_area div.block dl{
width:100%;
display:none;
margin:0;
padding:0;
}
div.category_area div.block dl dd{
width:100%;
margin:0;
border-bottom:none;
float:none;
}
div.category_area div.block dl dd a{
display:block;
margin:0;
padding:12px 5px 10px 5px;
background:#ffffff url(../img/contents/icon/bg_arrow_link_black.png) no-repeat 100% 50%;
}
div.category_area div.block dl dd.sp_subtitle{
width:98%;
margin:0 1%;
padding:10px 0;
border-bottom:1px #666666 dotted;
float:none;
}
/*  */
div.category_area div.block div.course_area{
display:none;
margin:0;
padding:0;
}
div.category_area div.block div.course_area div.sp_subtitle{
margin-bottom:15px;
padding:10px;
}
div.category_area div.block div.course_area div.course_area_link{
margin:0 5px 15px 5px;
line-height:1.2em;
float:none;
}
div.course_area_link_wrap{
display:none;
padding:10px 0;
}
div.category_area div.block div.course_area div.course_area_link div.label_area{
margin:0;
padding:0;
line-height:1em;
}
div.category_area div.block div.course_area div.course_area_link div.label_area img{
margin:0 5px 0 0;
height:20px !important;
}
div.category_area div.block div.course_area div.course_area_link div.subtitle{
margin:0;
padding:10px 10px 0 10px;
border:1px #999999 solid;
border-width:1px 1px 0 1px;
}
div.category_area div.block div.course_area div.course_area_link div.title{
margin:0;
padding:5px 10px 15px 10px;
font-weight:bold;
line-height:1.2em;
border:1px #999999 solid;
border-width:0 1px;
}
div.category_area div.block div.course_area div.course_area_link div.course_cord{
margin:0 0 15px 0;
padding:5px 10px;
border:1px #999999 solid;
background:#dedede;
}

/* flow_area
------------------------------------------------------------*/
div.flow_area{
margin:0 0 30px 0;
padding:0;
background:#ffffff;
box-shadow:0 5px 10px #cccccc;
}
h2.flow_title{
margin:0;
padding:10px;
color:#ffffff;
font-size:120%;
background:#333333;
}

/* qualification_area
------------------------------------------------------------*/
div.qualification_area{
margin:0 0 30px 0;
padding:0;
} 
div.qualification_area h3{
margin:0;
padding:10px;
color:#ffffff;
font-size:120%;
background:#333333;
}
div.qualification_area dl{
margin:0 0 10px 0;
padding:0;
background:#ffffff;
}
div.qualification_area dt{
margin:0;
padding:10px 25px 10px 10px;
color:#ffffff;
border:1px #006699 solid;
border-color:#61a6c6 #003366 #003366 #61a6c6;
background:#006699 url(../img/contents/icon/bg_arrow_accordion_white.png) no-repeat 100% 50%;
}
div.qualification_area dd{
margin:0 0 20px 0;
padding:0;
}
div.qualification_area dl dd h4{
margin:10px 10px 10px 10px;
padding:5px 15px 5px 10px;
border:1px #006699 solid;
border-width:0 0 1px 10px;
}
div.qualification_area dl dd p{
margin:0 0 10px 0;
padding:5px 15px;
line-height:1.3em;
}
div.qualification_area dl dd dl{
margin:0;
padding:0 10px;
}
div.qualification_area dl dd dl dt{
margin:-1px 0 0 0;
padding:5px;
border:1px #333333 solid;
background:#666666;
}
div.qualification_area dl dd dl dd{
margin:0;
padding:5px 15px;
border:1px #333333 solid;
border-width:0 1px 1px 1px;
line-height:1.5em;
}

/* teacher/voice_area
------------------------------------------------------------*/
div.voice_area{
margin:0 0 30px 0;
padding:10px 0;
background:#ffffff;
}
div.voice_area h2{
margin:0 0 15px 0;
padding:20px;
color:#ffffff;
background:#006699;
}
div.voice_area h3{
margin:0 10px 20px 10px;
padding:12px 10px 10px 10px;
border:1px #555555 solid;
border-width:1px 1px 1px 15px;
border-color:#dddddd #999999 #999999 #005cca;
background-color:#eeeeee;
-moz-border-image:url(../img/contents/course/border-image.png) 1 1 1 15  / 1px 1px 1px 15px stretch;
-webkit-border-image:url(../img/contents/course/border-image.png) 1 1 1 15  / 1px 1px 1px 15px stretch;
}

/* left */
div.voice_area div.voice_area_left{
width:23%;
padding:10px;
float:left;
}
div.voice_area div.voice_area_left img{
width:100%;
}
div.voice_area div.voice_area_left p{
display:none;
}

/* teacher_info */
div.voice_area div.teacher_info{
width:70%;
padding:0 1% 0 0;
float:right;
}
div.voice_area div.teacher_info h3.name{
margin:0 0 20px 0;
padding:10px 10px 7px 15px;
font-size:120%;
font-weight:bold;
line-height:1.3em;
border:5px #005cca solid;
border-width:0 0 5px 0;
}
div.voice_area div.teacher_info dl{
margin:0 0 30px 0;
}
div.voice_area div.teacher_info dl dt{
margin:15px 0 5px 0;
font-weight:bold;
}
div.voice_area div.teacher_info dl dd{
margin:0 0 0 10px;
}
div.voice_area div.teacher_info dl dd a{
padding-left:15px;
background:url(../img/contents/icon/bg_arrow01.gif) no-repeat 0 50%;
}

/* right */
div.voice_area div.voice_area_right{
padding:10px;
}
div.voice_area div.voice_area_right p.student_name{
margin:5px;
font-weight:bold;
}
div.voice_area div h3{
margin:0 0 10px 0;
padding:5px 10px 2px 10px;
font-weight:bold;
line-height:1.3em;
border-left:10px #005cca solid;
}
div.voice_area div.voice_area_right p{
line-height:1.3em;
}
div.voice_area div.voice_area_right p.point{
color:#dd0000;
font-weight:bold;
letter-spacing:0.1em;
}
div.voice_area div.voice_area_right div{
margin:0 0 30px 0;
clear:both;
}
div.voice_area div.voice_area_right div.faq_area h3{
margin-bottom:10px;
}
div.voice_area div.voice_area_right div.faq_area dl{
}
div.voice_area div.voice_area_right div.faq_area dl dt{
margin:0;
padding:5px 0 7px 10px;
font-weight:bold;
border-left:5px #005cca solid;
}
div.voice_area div.voice_area_right div.faq_area dl dd{
margin:0 0 20px 0;
padding:5px 10px 0 10px;
border-left:5px #ffcc00 solid;
}
div.voice_area div.voice_area_right div.faq_area dl dd p{
margin:0;
padding:0 0 10px 0;
}
div.voice_area div.voice_area_right dl{
margin:0;
padding:10px 0;
}
div.voice_area div.voice_area_right dl dt{
margin:0;
padding:0;
font-weight:bold;
}
div.voice_area div.voice_area_right dl dd{
margin:0;
padding:0 10px;
}
div.voice_area div.voice_area_right dl dd a{
padding-left:15px;
background:url(../img/contents/icon/bg_arrow01.gif) no-repeat 0 50%;
}

/* environment_area
------------------------------------------------------------*/
div.environment_area{
margin:10px 0 30px 0;
padding:10px 0;
background:#ffffff;
}
div.environment_area h3{
margin:0 0 10px 0;
padding:12px 10px 10px 10px;
border:1px #555555 solid;
border-width:1px 1px 1px 15px;
border-color:#dddddd #999999 #999999 #005cca;
background:#eeeeee;
}
div.environment_area h4{
margin:0 0 10px 0;
padding:5px 15px 3px 10px;
border-bottom:2px #82b2e5 solid;
background:#eeeeff;
}
div.environment_area div.photo_area{
width:100%;
margin:0 0 30px 0;
padding:0;
background:none;
}
div.environment_area div.photo_area p.reedtext{
margin:0;
padding:10px 0 0 10px;
font-weight:bold;
}
div.environment_area div.photo_area p{
margin:0;
padding:20px 0 0 10px;
}
div.environment_area div.image_area{
margin:0 0 30px 0;
}
div.environment_area div.image_area img{
display:block;
margin:0 auto;
}
div.environment_area div.threebox_area{
margin:0 0 30px 0;
padding:0;
}
div.environment_area div.threebox_area div{
min-width:100%;
margin:0 10px 0 0;
}
div.environment_area div.threebox_area h4{
margin:0 0 10px 0;
padding:5px 15px 3px 10px;
border-bottom:2px #82b2e5 solid;
background:#eeeeff;
}
div.environment_area div.threebox_area img{
min-width:100%;
}
div.environment_area div.threebox_area p{
margin:10px 0 30px 0;
padding:0 10px;
}

/* vmap_area
------------------------------------------------------------*/
div.vmap_area{
margin:0 0 30px 0;
padding:10px;
font-size:14px;
background:#ffffff;
}
#contents div#left h2.flow_title{
display:block;
margin:0;
padding:10px;
color:#ffffff;
font-size:120%;
background:#333333;
}
div.vmap_area h2{
margin:0;
padding:10px;
font-size:180%;
}
div.vmap_area p.toptext{
margin:0 0 30px 0;
padding:0 10px;
}
div.vmap_area img{
width:100%;
margin:0 0 30px 0;
}
div.vmap_area dl{
padding:0;
border-bottom:none;
}
div.vmap_area dl dt{
padding:10px;
color:#ffffff;
font-size:120%;
font-weight:bold;
border-bottom:1px #0b3360 solid;
background:#005cca url(../img/contents/icon/bg_arrow_accordion_white.png) no-repeat 100% 50%;
}
div.vmap_area dl dd{
display:none;
margin:0;
padding:10px 10px 10px 30px;
border-bottom:1px #0b3360 solid;
}
div.vmap_area dl dd a{
display:block;
margin:0 0 10px 0;
padding:10px 15px 10px 10px;
background:#dddddd url(../img/contents/icon/bg_arrow_link_black.png) no-repeat 100% 50%;
}
div.vmap_area dl dd div{
width:50px;
margin:0 auto 10px auto;
color:#ffffff;
font-weight:bold;
text-align:center;
background:#ff0000;
}
/* elearning_area
------------------------------------------------------------*/
div.top_area{
margin:0 0 30px 0;
padding:20px;
font-size:14px;
background:#ffffff;
}
div.top_area img{
width:35% !important;
margin:0 0 10px 10px;
float:right;
}
div.top_area h3{
margin:0 0 20px 0;
padding:0;
font-size:170%;
}
div.top_area p{
margin:0 0 20px 0;
padding:0;
}
div.top_area ul{
margin:0 20px;
padding:0;
}
div.elearning_area{
margin:0;
padding:10px;
font-size:14px;
background:#ffffff;
}
div.elearning_area h3{
margin:0 0 20px 0;
padding:12px 10px 10px 10px;
border:1px #555555 solid;
border-width:1px 1px 1px 15px;
border-color:#dddddd #999999 #999999 #005cca;
background:#eeeeee;
border-image:url(../img/contents/course/border-image.png) 1 1 1 15  / 1px 1px 1px 15px stretch;
}
div.elearning_area h4{
margin:0 0 10px 0;
padding:5px 15px 3px 10px;
border-bottom:2px #005cca solid;
background:#eeeeff;
}
div.top_area h3.copytext,
div.elearning_area h3.copytext{
margin:0 0 20px 0;
padding:0;
border:none;
background:inherit;
border-image:none;
font-size:170%;
}
div.elearning_area table{
width:100%;
margin:20px 0;
border:1px #cccccc solid;
background:#ffffff;
}
div.elearning_area table th{
padding:10px;
text-align:left;
vertical-align:top;
border:1px #cccccc solid;
background:#eeeeee;
}
div.elearning_area table td{
padding:10px;
border:1px #cccccc solid;
}

div.elearning_area table.flow{
margin:0 0 30px 0;
border:none;
}
div.elearning_area table.flow th{
padding:10px 10px 25px 10px;
color:#ffffff;
vertical-align:top;
white-space:nowrap;
border:none;
background:#666666 url(../../elearning/img/bg_floe_th.png) no-repeat center bottom;
}
div.elearning_area table.flow td{
padding:10px 10px 25px 10px;
border:none;
}
div.elearning_area table.flow tr.last th{
padding:10px;
background-image:none;
}
div.elearning_area table.flow tr.last td{
padding:10px;
}
div.elearning_area table.flow td ul{
margin:0;
padding:0 0 0 20px;
}
div.elearning_area p{
margin:0 0 10px 0;
}
div.attention{
margin:0 auto 30px auto ;
padding:10px;
border:1px solid #aaaaaa;
border-radius:5px;
background:linear-gradient(#fafafa, #dddddd) repeat scroll 0 0 transparent;
box-shadow:0 0 0 2px #ffffff inset;
}
div.elearning_area dl{
}
div.elearning_area dl dt{
margin:0;
padding:3px 10px;
font-weight:bold;
border-bottom:1px #006699 solid;
border-left:5px #006699 solid;
}
div.elearning_area dl dd{
margin:0 0 15px 0;
padding:5px 10px 10px 10px;
}
div.attention p.tel{
margin:0 0 5px 0;
padding-left:60px;
background:url(../img/contents/icon/bg_icon_tel_bar.png) no-repeat 0 50%;
}
div.attention p.fax{
margin:0 0 5px 0;
padding-left:60px;
background:url(../img/contents/icon/bg_icon_fax_bar.png) no-repeat 0 50%;
}
div.attention p.mail{
margin:0;
padding-left:60px;
background:url(../img/contents/icon/bg_icon_mail_bar.png) no-repeat 0 50%;
}
div.attention p.tel span,
div.attention p.fax span,
div.attention p.mail span{
display:none;
}
div.attention h5{
margin:0 0 10px 0;
padding:5px 10px;
color:#ffffff;
font-size:100%;
background:#005cca;
}
div.attention h6{
width:65px;
margin:0 0 10px 0;
padding:5px 0;
color:#ffffff;
font-size:100%;
text-align:center;
background:#ff1111;
}
div.attention span{
display:block;
padding-right:20px;
}
div.elearning_area div.attention ul{
margin:0 20px;
padding:10px;
}
div.elearning_area div.btn_area{
margin:30px;
}
div.elearning_area div.btn_area a{
display:block;
width:216px;
height:30px;
margin:0 auto 20px auto;
background:url(../../elearning/img/btn_elearning_next.png) no-repeat left top;
}
div.elearning_area div.btn_area a:hover{
background-position:left bottom;
}
div.elearning_area div.btn_area a span{
display:none;
}

/* faqpage_area
------------------------------------------------------------*/
div.faqpage_area{
margin:0 0 30px 0;
padding:10px;
font-size:14px;
background:#ffffff;
}
div.faqpage_area ul{
margin:10px 0 50px 0;
padding:0 10px 0 20px;
}
div.faqpage_area ul li{
margin-bottom:10px;
}
div.faqpage_area dl{
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px #999999 dotted;
}
div.faqpage_area dl dt{
min-height:50px;
margin:0;
padding:0 0 0 60px;
font-size:120%;
font-weight:bold;
background:url(../../faq/img/icon_q.gif) no-repeat 0 0;
}
div.faqpage_area dl dt p{
margin:0;
padding:0 25px 0 0;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 100% 50%;
}
div.faqpage_area dl dd{
display:none;
margin:20px 0 0 0;
padding:0 0 30px 60px;
background:url(../../faq/img/icon_a.gif) no-repeat 0 0;
}
span.freedial{
padding:0 10px 0 19px;
font-weight:bold;
white-space:nowrap;
background:url(../img/icon/icon_freedial.gif) no-repeat 2px 4px;
}


/* campaign_area 20150529add
------------------------------------------------------------*/
div.course_list1501 {
  margin: 0 auto 18px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  border-spacing: 0;
 }
div.course_list1501 thead {
  background-color: #5cc;
  color: #fff; }
div.course_list1501 th {
  margin-bottom: 9px;
  padding: 9px 15px;
  border-left: 1px #4bb solid;
  font-weight: normal; }
div.course_list1501 th:first-child {
  border-left-width: 0; }
div.course_list1501 tbody {
  vertical-align: top; }
div.course_list1501 tbody td {
  border-left: 1px #ddd solid; }
div.course_list1501 tbody td:first-child {
  border-left-width: 0; }

div.course_list1501 {
  width: 100%; }
    
div.course_list1501 thead th {
  display: none;
  border: 0; }
div.course_list1501 thead tr {
  padding: 0 15px; }
div.course_list1501 tbody tr {
  display: block;
  padding-bottom: 12px; }
div.course_list1501 tbody td {
  border: 0;
  display: block;
  padding: 3px 0;
  width: 100%;
  border-left-width: 0; }
div.course_list1501 tbody td:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
  color: #888;
  font-weight: normal; }
div.course_list1501 tbody td:nth-of-type(2):before {
  content: "コースコード:"; }
div.course_list1501 tbody td:nth-of-type(3):before {
  content: "情報:"; }
div.course_list1501 tbody td:nth-of-type(4):before {
  content: "コース詳細・お申込み:"; }
div.course_list1501 tbody .title {
  margin: 0;
  margin-bottom: 9px;
  background-color: #4b7cdf;
  color: #fff;
  text-align: center; }

/* news_area 201806add
------------------------------------------------------------*/
div.course_list1806 {
  margin: 0 auto 18px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  border-spacing: 0;
 }
div.course_list1806 thead {
  background-color: #5cc;
  color: #fff; }
div.course_list1806 th {
  margin-bottom: 9px;
  padding: 9px 15px;
  border-left: 1px #4bb solid;
  font-weight: normal; }
div.course_list1806 th:first-child {
  border-left-width: 0; }
div.course_list1806 tbody {
  vertical-align: top; }
div.course_list1806 tbody td {
  border-left: 1px #ddd solid; }
  /*
div.course_list1806 tbody td:first-child {
  border-left-width: 0; }
*/
div.course_list1806 {
  width: 100%; }
    
div.course_list1806 thead th {
  display: none;
  border: 0; }
div.course_list1806 thead tr {
  padding: 0 15px; }
div.course_list1806 tbody tr {
  display: block;
  padding-bottom: 12px; }
div.course_list1806 tbody td {
  border: 0;
  display: block;
  padding: 3px 0;
  width: 100%;
  border-left-width: 0; }
div.course_list1806 tbody td:before {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px;
  color: #888;
  font-weight: normal; }
div.course_list1806 tbody td:nth-of-type(2):before {
  content: "開催予定日：\A"; white-space: pre; }
div.course_list1806 tbody td:nth-of-type(3):before {
  content: "コース詳細・お申込み:"; }
div.course_list1806 tbody .title {
  margin: 0;
  margin-bottom: 9px;
  background-color: #4b7cdf;
  color: #fff;
  text-align: center; }


/* etc
------------------------------------------------------------*/
.red{
margin:10px 0;
padding:0;
color:#ff1111;
font-weight:bold;
}
.download{
padding:0 10px 0 16px;
background:url(../img/contents/icon/bg_download01.gif) no-repeat 0 50%;
}

/* columns */
div.columnscontent_area div.block dl.dl_columntop dt{
display:block !important;
width:auto !important;
margin:0 !important;
padding:10px 0 0 5px !important;
font-size:72% !important;
font-weight:bold !important;
color:#666 !important;
float:none !important;
}

div.columnscontent_area div.block dl.dl_columntop dd{
width:80% !important;
width:auto !important;
padding:10px 0 15px 0 !important;
font-size:82% !important;
float:none !important;
}

div.columnscontent_area h3.h3_column_namba{background-image:none !important;}
div.columnscontent_area h3.h3_column_microsoft{background-image:none !important;}
div.columnscontent_area h3.h3_column_hishinuma{background-image:none !important;}
div.columnscontent_area h3.h3_column_ozawa5{background-image:none !important;}
div.columnscontent_area h3.h3_column_ozawa4{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst3{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst2{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst{background-image:none !important;}
div.columnscontent_area h3.h3_column_masuidrive{background-image:none !important;}
div.columnscontent_area h3.h3_column_super{background-image:none !important;}
div.columnscontent_area h3.h3_column_nakai{background-image:none !important;}
div.columnscontent_area h3.h3_column_citrix{background-image:none !important;}
div.columnscontent_area h3.h3_column_yoshi{background-image:none !important;}
div.columnscontent_area h3.h3_column_shimo{background-image:none !important;}
div.columnscontent_area h3.h3_column_okita{background-image:none !important;}
div.columnscontent_area h3.h3_column_sugipooh{background-image:none !important;}
div.columnscontent_area h3.h3_column_strawbag{background-image:none !important;}
div.columnscontent_area h3.h3_column_cloudpack{background-image:none !important;}
div.columnscontent_area h3.h3_column_izumi{background-image:none !important;}
div.columnscontent_area h3.h3_column_takeda{background-image:none !important;}
div.columnscontent_area h3.h3_column_trans{background-image:none !important;}
div.columnscontent_area h3.h3_column_noda{background-image:none !important;}
div.columnscontent_area h3.h3_column_noda3{background-image:none !important;}
div.columnscontent_area h3.h3_column_noda4{background-image:none !important;}
div.columnscontent_area h3.h3_column_ozawa{background-image:none !important;}
div.columnscontent_area h3.h3_column_doi{background-image:none !important;}
div.columnscontent_area h3.h3_column_tsumura{background-image:none !important;}
div.columnscontent_area h3.h3_column_ozawa2{background-image:none !important;}
div.columnscontent_area h3.h3_column_kaga{background-image:none !important;}
div.columnscontent_area h3.h3_column_tsuji{background-image:none !important;}
div.columnscontent_area h3.h3_column_miyazaki{background-image:none !important;}
div.columnscontent_area h3.h3_column_miyazaki2{background-image:none !important;}
div.columnscontent_area h3.h3_column_nakai2{background-image:none !important;}
div.columnscontent_area h3.h3_column_noda2{background-image:none !important;}
div.columnscontent_area h3.h3_column_ozawa3{background-image:none !important;}
div.columnscontent_area h3.h3_column_hamada{background-image:none !important;}
div.columnscontent_area h3.h3_column_hamada2{background-image:none !important;}
div.columnscontent_area h3.h3_column_hamada3{background-image:none !important;}
div.columnscontent_area h3.h3_column_nakagoshi{background-image:none !important;}
div.columnscontent_area h3.h3_column_mikumo{background-image:none !important;}
div.columnscontent_area h3.h3_column_tech{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst4{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst5{background-image:none !important;}
div.columnscontent_area h3.h3_column_hokari{background-image:none !important;}
div.columnscontent_area h3.h3_column_inst6{background-image:none !important;}
div.columnscontent_area h3{
width:auto !important;
height:auto !important;
margin:0 !important;
padding:12px 10px 10px 10px !important;
font-size:100% !important;
text-indent:0 !important;
border:1px #555555 solid !important;
border-width:1px 1px 1px 15px !important;
border-color:#dddddd #999999 #999999 #005cca !important;
clear:both;
}



/*
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 100% 50%;
*/

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

   footer

=========================================================== */
#footer{
width:100%;
margin:0 0 30px 0;
padding:0;
background-color:#333333;
box-shadow:none;
}
#footer ul{
margin:0 0 20px 20px;
padding:0;
color:#ffffff;
list-style:none;
}
#footer ul li{
margin-bottom:10px;
}
#footer ul a{
color:#ffffff;
vertical-align:-1px;
}
	/* Chrome */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		#footer ul a{
		vertical-align:-2px;
		}
	}


/* SP pagetop
------------------------------------------------------------*/
div.sp_pagetop {
display:block;
margin:0;
padding:0;
}
div.sp_pagetop a{
display:block;
width:10%;
height:40px;
margin:0 0 -1px 0;
padding:2px 10px 5px 12px;
color:#ffffff;
text-align:center;
background-color:#333333;
float:right;
border-radius:8px 8px 0 0 ;
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
}
div.sp_pagetop a:hover{
text-decoration:none;
}
div.sp_pagetop a span{
}

/* left
------------------------------------------------------------*/
#footer div.left{
width:auto;
height:auto;
padding:0;
border-right:none;
float:none;
}
#footer div.left h2{
margin:0 0 15px 0;
padding:0;
}
/* ul */
#footer div.left ul{
width:100%;
margin:0 0 22px 0;
padding:0;
list-style:none;
float:none;
}
#footer div.left ul:last-child{
border-bottom:none;
}
#footer div.left ul li{
width:49.8%;
margin:0;
padding:0;
float:left;
}
#footer div.left ul li a{
display:block;
padding:12px 25px 8px 5px;
border-top:1px #555555 solid;
border-right:1px #222222 solid;
border-bottom:1px #222222 solid;
border-left:5px #005cca solid;
background:url(../img/contents/icon/bg_arrow_link_white.png) right center no-repeat;
}
#footer div.left ul li a:hover{
border-left:5px #ff3366 solid;
background-color:#444444;
}
/* left search */
#footer div.left div.search{
margin:0 10px 20px 0;
padding:0;
}
#footer div.left div.search div{
margin:0 0 10px 0;
padding:0;
}
#footer div.left div.search input{
outline:none;
border:none;
appearance:none;
-webkit-appearance:none;
border-radius:0;
-webkit-border-radius:0;
}
#footer div.left div.search input.footer_search_input{
width:60%;
height:24px;
margin:0 0 10px 10px;
padding:4px 10px 2px 10px;
line-height:1em;
background:none;
background-color:#ffffff;
float:none;
border-radius:5px;
box-shadow:0 2px 2px #999999 inset;
float:left;
}
#footer div.left div.search input.footer_search_button{
width:80px;
height:30px;
margin:0 0 0 10px;
padding:0;
background:url(../img/footer/btn_search.png) 0 0 no-repeat;
float:none;
}
#footer div.left div.search input.footer_search_button:hover {
background:url(../img/footer/btn_search.png) 0 -30px no-repeat;
}

/* right
------------------------------------------------------------*/
#footer div.right{
width:100%;
height:auto;
padding:0;
border-left:none;
float:none;
}
/* pagetop */
#footer div.right div.pagetop{
display:none;
}
#footer div.right div{
padding:0;
}
#footer div.right div ul{
width:100%;
margin:0 0 10px 0;
padding:0;
list-style:none;
float:none;
}
#footer div.right div ul:last-child{
margin:0;
border-bottom:none;
}
#footer div.right div ul li{
width:49.8%;
margin:0;
padding:0;
float:left;
}
#footer div.right div ul li a{
display:block;
padding:12px 25px 8px 5px;
border-width:1px;
border-color:#555555 #222222 #222222 #555555;
border-style:solid;
background:url(../img/contents/icon/bg_arrow_link_white.png) right center no-repeat;
}
#footer div.right div ul li a:hover{
background-color:#444444;
}
/* bottom
------------------------------------------------------------*/
#footer div.footer_bottom{
padding:15px;
background-color:#ffffff;
clear:both;
}
#footer div.footer_bottom p{
margin:0;
padding:0;
text-align:center;
}
#footer div.footer_bottom p.link{
margin-bottom:30px;
color:#ffffff;
font-size:2px;	
}
#footer div.footer_bottom p.link a{
display:block;
margin-bottom:5px;
font-size:16px;
white-space:normal;
}
#footer div.footer_bottom p.copyright{
color:#666666;
font-size:12px;	
}



.sp_display_none{
display:none;
}
.sp_display_block{
display:block;
}
#footer div.footer_bottom a{
white-space:nowrap;
}
.display_none{
display:none;
}
.display_block{
display:block;
}




/* tab_area */
#contents div#left div#new_tab_area{
margin:0 0 30px 0;
padding:0;
background-color:#ffffff;
box-shadow: #ccc 0px 2px 3px;
zoom:1;
}
#new_tab{
display:none;
background-color:red;
}
.newdisnon{
display:none;
}
#main {
	height:auto!important;	
}
.new_content_wrap{
display:block;
padding:0;
border-top:none;
background-color:#ffffff;
clear:both;
box-shadow:none;
}
.new_content_wrap h2{
display:block;
height:auto;
margin:0;
padding:11px 10px 7px 10px;
color:#ffffff;
font-size:16px;
border-top:1px #71a8e8 solid;
border-bottom:1px #0b3360 solid;
background:#005cca url(../img/contents/icon/bg_arrow_accordion_white.png) no-repeat 100% center;
float:none;
box-shadow:none;
}
.new_content_wrap div.left{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.new_content_wrap div.center{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.new_content_wrap div.right{
width:100%;
margin:0 0 0 0;
padding:0;
float:none;
}
.new_content_wrap dl{
width:100%;
margin:0;
padding:0;
border-bottom:0;
box-shadow:none;
position:relative!important;
top:auto!important;
left:auto!important;
}
.new_content_wrap dl dt{
display:block;
margin:0;
padding:10px;
color:#333333;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat 100% center;
}
.new_content_wrap dl dd{
display:none;
margin:0;
padding:0;
}
.new_content_wrap dl dd a{
display:block;
width:98%;
margin:-1px 0 0 0;
padding:2.5% 1% 2% 1%;
white-space:normal;
border:1px #cccccc solid;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) 100% center no-repeat;
float:left;
}
.new_content_wrap div.tiles dl{
background:none;
}
/* 01 */
.new_content_wrap dl.area_cloudvirtual dt{
border:15px #89bcf8 solid;
}
.new_content_wrap dl.area_cloudvirtual dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}
/* 02 */
.new_content_wrap dl.area_db dt{
border:15px #f6a26a solid;
}
.new_content_wrap dl.area_db dd a{
border:1px #f6a26a solid;
background-color:#f6e6d4;
}
/* 03 */
.new_content_wrap dl.area_hardware dt{
border:15px #89bcf8 solid;
}
.new_content_wrap dl.area_hardware dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}
/* 04 */
.new_content_wrap dl.area_groupware dt{
border:15px #d552ff solid;
}
.new_content_wrap dl.area_groupware dd a{
border:1px #d552ff solid;
background-color:#f9eaff;
}
/* 05 */
.new_content_wrap dl.area_appsys dt{
border:15px #f5a2a3 solid;
}
.new_content_wrap dl.area_appsys dd a{
border:1px #f5a2a3 solid;
background-color:#f5e1e1;
}
/* 06 */
.new_content_wrap dl.area_os dt{
border:15px #b8befb solid;
}
.new_content_wrap dl.area_os dd a{
border:1px #b8befb solid;
background-color:#dcdcfb;
}
/* 07 */
.new_content_wrap dl.area_pmpmp dt{
border:15px #ceafe5 solid;
}
.new_content_wrap dl.area_pmpmp dd a{
border:1px #ceafe5 solid;
background-color:#f4e8fc;
}
/* 08 */
.new_content_wrap dl.area_security dt{
border:15px #f5d76d solid;
}
.new_content_wrap dl.area_security dd a{
border:1px #f5d76d solid;
background-color:#f5f1c8;
}
/* 09 */
.new_content_wrap dl.area_program dt{
border:15px #c1e88a solid;
}
.new_content_wrap dl.area_program dd a{
border:1px #c1e88a solid;
background-color:#e2e8d3;
}
/* 10 */
.new_content_wrap dl.area_web dt{
border:15px #f5a2a3 solid;
}
.new_content_wrap dl.area_web dd a{
border:1px #f5a2a3 solid;
background-color:#f5e1e1;
}
/* 11 */
.new_content_wrap dl.area_network dt{
border:15px #91e5ca solid;
}
.new_content_wrap dl.area_network dd a{
border:1px #91e5ca solid;
background-color:#cef7e5;
}
/* 12 */
.new_content_wrap dl.area_bshs dt{
border:15px #f7d7b9 solid;
}
.new_content_wrap dl.area_bshs dd a{
border:1px #f7d7b9 solid;
background-color:#f7edea;
}
/* 14 */
.new_content_wrap dl.area_middleware dt{
border:15px #ef8b8b solid;
}
.new_content_wrap dl.area_middleware dd a{
border:1px #ef8b8b solid;
background-color:#f7cfcf;
}
/* 15 */
.new_content_wrap dl.area_operation dt{
border:15px #82d3aa solid;
}
.new_content_wrap dl.area_operation dd a{
border:1px #82d3aa solid;
background-color:#dff2ef;
}
/* 17 */
.new_content_wrap dl.area_it dt{
border:15px #f5d1fa solid;
}
.new_content_wrap dl.area_it dd a{
border:1px #f5d1fa solid;
background-color:#f6e7fa;
}
/* 18 */
.new_content_wrap dl.area_bigdata dt{
border:15px #a3c6e1 solid;
}
.new_content_wrap dl.area_bigdata dd a{
border:1px #a3c6e1 solid;
background-color:#d3d9e1;
}
/* 19 */
.new_content_wrap dl.area_dx dt{
border:15px #a3c6e1 solid;
}
.new_content_wrap dl.area_dx dd a{
border:1px #a3c6e1 solid;
background-color:#d3d9e1;
}
/* 20 */
.new_content_wrap dl.area_devops dt{
border:15px #89bcf8 solid;
}
.new_content_wrap dl.area_devops dd a{
border:1px #89bcf8 solid;
background-color:#cddff8;
}


.new_content_wrap dl.area15 dd a{
border:1px #a0ef8b solid;
background-color:#f1f7cf;
}

.new_content_wrap div.tiles dl dd a{
float:none;
}

#new_tab_area .new_content_wrap dl dt{
border-width:0 0 1px 15px;
}
.new_content_wrap dl dd a:hover{
color:#333333;
background:#fafafa url(../img/contents/icon/bg_arrow_link_black.png) no-repeat right center;
text-decoration:none;
}

/* qualification_area */
#new_tab_area .new_content_wrap div.qualification_area h3{
display:block;
margin:0;
padding:10px;
color:#333333;
font-size:120%;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
div.qualification_area div.block h4{
margin:0 10px 10px 10px;
padding:5px 15px 3px 10px;
border-bottom:2px #005cca solid;
background:#eeeeff;
}
div.qualification_area div.block h5{
margin:5px 10px 15px 10px;
padding:7px 15px 3px 10px;
font-size:100%;
border-bottom:2px #ffa500 dotted;
}
div.qualification_area div.block h6{
margin:5px 10px;
padding:2px 10px 0 7px;
font-size:93%;
border-bottom:1px #dddddd solid;
}
div.qualification_area div.block p{
margin:10px;
}
#new_tab_area .new_content_wrap div.qualification_area dl{
display:none;
margin:0;
padding-bottom:10px;
}
#new_tab_area .new_content_wrap div.qualification_area dl dt{
margin:0 0 0 3%;
padding:0;
color:#333333;
font-weight:bold;
border:none;
background:#eeeeee url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
#new_tab_area .new_content_wrap div.qualification_area dl dt a{
display:block;
width:94%;
margin:0;
padding:2.5% 4% 2% 2%;
white-space:normal;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) right center no-repeat;
float:none;
}
#new_tab_area .new_content_wrap div.qualification_area dl dt.accordion{
display:block;
margin:0 0 20px 3%;
padding:2.5% 4% 2% 1%;
white-space:normal;
border-left:15px #aaaaaa solid;
background:#dddddd url(../img/contents/icon/bg_arrow_accordion_black.png) right center no-repeat;
float:none;
}

#new_tab_area .new_content_wrap div.qualification_area dl dd{
display:none;
margin:0 3% 0 6%;
font-weight:bold;
float:none;
}
#new_tab_area .new_content_wrap div.qualification_area dl dd ul{
margin:0 0 20px 0;
padding:0;
font-weight:normal;
list-style:none;
}
#new_tab_area .new_content_wrap div.qualification_area dl dd > ul{
border-bottom:3px #ffa500 dotted;
}
#new_tab_area .new_content_wrap div.qualification_area dl dd ul ul{
margin:0 0 0 0;
padding:0;
}
#new_tab_area .new_content_wrap div.qualification_area dl dd ul a{
display:block;
width:98%;
margin:-1px 0 0 0;
padding:2.5% 1% 2% 1%;
white-space:normal;
border:none;
background:#eeeeee url(../img/contents/icon/bg_arrow_link_black.png) 100% center no-repeat;
float:none;
}
#new_tab_area .new_content_wrap div.qualification_area dl dd li{
margin:0 0 20px 0;
}

/* skill_area */
div.new_content_wrap div.skill_area dl{
width:100%;
margin:0;
padding:0;
float:none;
box-shadow:none;
}
div.new_content_wrap div.skill_area dl dt{
display:block;
margin:0;
padding:5px;
color:#333333;
font-weight:bold;
border-bottom:1px #005cca solid;
border-left:15px #005cca solid;
background:url(../img/contents/icon/bg_arrow_accordion_black.png) no-repeat right center;
}
div.new_content_wrap div.skill_area dl dt span{
padding:5px;
color:#333333;
font-size:12px;
}
div.new_content_wrap div.skill_area dl dt p{
margin:0;
padding:0 30px 0 5px;
}
div.new_content_wrap div.skill_area dl dd{
display:none;
padding:10px 20px 20px 20px;
}
div.new_content_wrap div.skill_area dl dd p{
margin:0 0 10px 0;
line-height:1.5em;
}
div.new_content_wrap div.skill_area dl dd a{
display:block;
width:auto;
margin:0;
padding:10px 0 10px 30px;
background:#eeeeee url(../img/contents/icon/bg_download01.gif) no-repeat 1% 50%;
border-width:0;
float:none;
}
div.new_content_wrap div.skill_area dl dd a:hover{
color:#005cca;
background:#ffffff url(../img/contents/icon/bg_download01.gif) no-repeat 1% 50%;
}

/*  201809 add  */
.display_switch_mobile { display: block !important; }
.display_switch_pc { display: none !important; }

/* ==========   case_study   2018/11 add    ============ */
.case_study h2{
	margin: 5px;
    background-color: grey;
	position: relative;
    color: white;
    padding:0.5em 0.5em 0.5em 1.4em;
    background-color: #446689;
}

.case_study h2::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

.case_study h3 {
     position: relative;
     padding:0.5em 0.5em 0.5em 1.8em;
     border: 1px solid #CCC;
     border-radius: 5px;
	 margin: 10px 5px;
}
 
.case_study h3::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:8px;
     border: solid 3px #446689;
     border-radius:100%;
}

.case_study h4 {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
	 margin: 20px 10px 5px 10px;
	 font-size: 120%;
}
 
.case_study h4::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #446689;
     bottom: -4px;
     width:10%;
     display: block;
}

.case_study {
	margin: 0px 10px;
    padding:10px;
}

.case_study img{
	margin: 10px;
}

.case_study #question{
	font-weight: bold;
	margin: 0px 10px;
}

.case_study #answer{
	margin: 5px 10px;
}

.case_study-block-content-table-text2-course {
	background-color: #f5f7f8;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding: 3px 0 10px 5px;
}

/* STSページボタン */
.IndicatorButton {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  background-color: #005cca;
  border: none;
  width: 90%;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
  font-weight: 700;
}

  .IndicatorButton:hover {
    background-color: #516ddc;
  }
  .IndicatorButton:active {
    background-color: #63a1ed;
  }

.IndicatorButtonCaption {
  flex: 1;
  text-align: left;
}
.IndicatorButtonIndicator {
  flex: 1;
  max-width: 1rem;
}

/* */

.svg {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.svg-wrap {
    position: relative;
    width: 100%;
    height: 0;
}

/* Ondemand */

  .tbl-Ondemand .thead {
    display: none;
  }
  .tbl-Ondemand tr {
    width: 100%;
  }
  .tbl-Ondemand td {
    display: block;
    text-align: right;
    width: 100%;
	border: solid 1px #ccc;
  }
  .tbl-Ondemand td:first-child {
    background: #005cca;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-Ondemand td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }