@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{
width:100%;
margin:0;
padding:0;
}
#toparea h1{
margin:0 10px 0 0;
padding:6px 10px;
font-size:72%;
font-weight:normal;
float:left;
}
#toparea div{
width:320px;
float:left;
}
#toparea div a{
display:block;
width:80px;
margin:0 5px 0 0;
padding:3px 10px;
font-size:72%;
color:#ffffff;
text-align:center;
background-color:#777777;
float:left;
}
#toparea a:hover{
background-color:#005cca;
}

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

   header

=========================================================== */
#header{
width:100%;
margin:0 0 30px 0;
padding:0;
background-color:#ffffff;
}
#header img.logo{
display:block;
margin:0;
float:left;
}
#header img.imgtext{
display:block;
margin:0;
padding:21px 0 19px 0;
float:left;
}
#header p.imgtext_sub{
display:none;
}

/* Cart button */
#header div.cart{
	position: relative;
	top: 18px;
	height: 30px;
}
#header div.cart a{
display:block;
width:145px;
height:30px;
margin:0;
background:url(../img/header/btn_cart.png) 0 0 no-repeat;
float:right;
}
#header div.cart a:hover{
background-position:0 -30px;
}
#header div.cart a span{
display:none;
}
#header div.no-qty a{
	background:url(../img/header/btn_cart_no-qty.png) 0 0 no-repeat;
}
#header div.no-qty a:hover{
	background-position:0 -30px;
}
#header div.cart #quantity{
	position: absolute;
	width: 20px;
	height: 18px;
	top: 3px;
	right: 105px;
	color: #05116e;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}
#header div.no-qty #quantity{
	visibility: hidden;
}

/* subnavi
------------------------------------------------------------*/
#header div.subnavi{
margin:0;
padding:4px 0 0 0;
}
#header div.subnavi div.title{
margin:0 15px 0 0;
float:left;
}
#header div.subnavi div.link{
margin:0;
padding:7px 0 0 0;
font-size:88%;
float:left;
}
#header div.subnavi div.link a{
display:block;
margin-right:10px;
padding:0 0 0 13px;
font-size:82%;
text-decoration:none;
line-height:11px;
background:url(../../img/arrow_small.png) 0 0 no-repeat;
float:left;
}
#header div.subnavi div.link a:hover{
text-decoration:underline;
background:url(../../img/arrow_small.png) 0 -11px no-repeat;
}

/* SP_search_menu
------------------------------------------------------------*/
#header div#sp_menu_btn{
display:none !important;
}
#sp_menu{
display:none !important;
width:100%;
margin:0;
padding:0;
font-size:78%;
background-color:#333333;
box-shadow:none;
}

/* global navigation
------------------------------------------------------------*/
#header ul#gn{
margin:0;
padding:0;
list-style:none;
background-image:none;
}
#header ul#gn li{
width:20%;
margin:0;
padding:0;
float:left;
}
#header ul#gn li a{
display:block;
height:inherit;
margin:0;
padding:1.7em 0 1.5em 0;
color:#ffffff;
font-size:80%;
font-weight:bold;
text-align:center;
border-width:0 1px;
border-color:#555555 #222222 #222222 #555555;
border-style:solid;
background-image:none;
background-color:#333333;
}
#header ul#gn li a:hover{
background-color:#005cca;
}
#header ul#gn li a:active{
background-color:#ff6600;
}


/* gn text display none */
#header ul#gn li a span{
padding:0;
display:block;
}

/* search
------------------------------------------------------------*/
#header div#search{
padding:0;
text-align: center;
background:#005cca url(../../img/pc_tablet/bg_searcharea.gif) 50% 100% repeat-x;
}
#header div#search div{
float:none;
}
#header div#search div.search_wrap{
width:503px;
margin:0 auto;
padding:0 0 5px 0;
}
#header div#search div.search_wrap div{
float:left;
}
#header div#search div span{
display:none;
}
#header div#search input{
outline:none;
border:none;
appearance:none;
-webkit-appearance:none;
border-radius:0;
-webkit-border-radius:0;
}
#header div#search input.search_input{
width:300px;
height:24px;
margin:8px 10px 0 10px;
padding:4px 10px 2px 10px;
font-size:92%;
line-height:1.8em;
background:url(../img/header/bg_search_input.png) 0 0 no-repeat;
}
#header div#search input.search_button{
width:80px;
height:30px;
margin:9px 0 0 0;
padding:0;
background:url(../img/header/btn_search.png) 0 0 no-repeat;
}
#header div#search input.search_button:hover {
background:url(../img/header/btn_search.png) 0 -30px no-repeat;
}



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

   contents

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

/* breadcrumbs */
#breadcrumbs{
display:none;
}

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

/* 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;
}
div.page_title_photo_area_r300{
margin:0 auto 30px auto;
padding:0 20px;
background:#ffffff;
}
div.page_title_photo_area_r300 img{
width:30% !important;
margin:0 0 10px 20px;
float:right;
}

/* link_area
------------------------------------------------------------*/
div.link_area{
margin:0;
padding:0;
}
div.link_area ul{
margin:0;
padding:0 5px;
list-style:none;
border-bottom:3px #005cca solid;
background:#eeeeee;
}
div.link_area ul li{
margin:2px 2px 0 0;
float:left;
}
div.link_area ul li a{
display:block;
margin-top:2px;
padding:10px 10px 7px 10px;
font-size:82%;
color:#ffffff;
text-decoration:none;
background:#88befe url(../../img/tab/sprite_linkareatab.gif) 50% 0 no-repeat;
}
div.link_area ul li a:hover{
text-decoration:none;
color:#ffffff;
background-position:50% -37px;
}
div.link_area ul li.now a{
padding:10px 4px 7px 4px;
font-weight:bold;
text-decoration:none;
background-position:50% -74px;
}
div.link_area ul.bottom{
border-top:3px #005cca solid;
border-bottom:0;
}

/* left
------------------------------------------------------------*/
#contents div#left{
width:100%;
margin:0;
padding:0;
background:#ffffff;
float:none;
}
#contents div#left h2.flow_title{
display:none;
}

/* KeyVisual */
#contents div#left div#keyvisual{
width:750px;
height:300px;
margin:0 auto 30px auto;
background-color:#ffffff;
overflow:hidden;
}
#contents div#left div#keyvisual div#keyvisual_left{
width:550px;
margin:0;
padding:0;
float:left;
}
#contents div#left div#keyvisual div#keyvisual_right{
width:200px;
margin:0;
padding:0;
float:right;
}
.bx-prev,
.bx-next{
display:none;
}



/* tab_area */
#contents div#left div#tab_area{
margin:0 0 30px 0;
zoom:1;
}
#tab{
margin:0 0 0 10px;
padding:0;
}
#tab li{
width:auto;
height:25px;
margin:15px 1px 0 0;
padding:10px 3px 0 7px;
color:#ffffff;
font-size:72%;
list-style:none;
cursor:pointer;
float:left;
}
#tab li.category,
#tab li.vendor,
#tab li.product,
#tab li.qualification,
#tab li.itskill{
background-image:none;
background-color:#333333;
}
#tab li.category:active,
#tab li.vendor:active,
#tab li.product:active,
#tab li.qualification:active,
#tab li.itskill:active{
text-decoration:none;
background-color:#ff6600;
}

#tab li span{
display:block;
}
#tab li.select{
width:auto;
height:30px;
margin:5px 1px 0 0;
padding:15px 10px 0 10px;
color:#ffffff;
font-weight:bold;
font-size:82%;
background-color:#005cca;
}
.disnon{
display:none;
}
.content_wrap{
padding:1%;
border-top:3px #005cca solid;
background-color:#ffffff;
clear:both;
}
.content_wrap h2{
display: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%!important;
margin:0 0 15px 0;
padding:0;
font-size:140%;
border-bottom:0;
left:0!important;

}
.content_wrap dl dt{
display:block;
margin:0;
padding:10px;
color:#333333;
font-size:78%;
font-weight:bold;
}
.content_wrap dl.area_cloudvirtual dt,
.content_wrap dl.area_db dt,
.content_wrap dl.area_hardware dt,
.content_wrap dl.area_groupware dt,
.content_wrap dl.area_appsys dt,
.content_wrap dl.area_os dt,
.content_wrap dl.area_pmpmp dt,
.content_wrap dl.area_security dt,
.content_wrap dl.area_program dt,
.content_wrap dl.area_web dt,
.content_wrap dl.area_network dt,
.content_wrap dl.area_bshs dt,
.content_wrap dl.area_middleware dt,
.content_wrap dl.area_operation dt,
.content_wrap dl.area_it dt,
.content_wrap dl.area_bigdata dt,
.content_wrap dl.area_dx dt,
.content_wrap dl.area_devops dt,
.content_wrap dl.area_enterpriseapp dt{
cursor:default !important;
}

.content_wrap dl dd{
width:100%;
margin:0;
padding:0;
}
.content_wrap dl.area_cloudvirtual dd,
.content_wrap dl.area_db dd,
.content_wrap dl.area_hardware dd,
.content_wrap dl.area_groupware dd,
.content_wrap dl.area_appsys dd,
.content_wrap dl.area_os dd,
.content_wrap dl.area_pmpmp dd,
.content_wrap dl.area_security dd,
.content_wrap dl.area_program dd,
.content_wrap dl.area_web dd,
.content_wrap dl.area_network dd,
.content_wrap dl.area_bshs dd,
.content_wrap dl.area_human dd,
.content_wrap dl.area_area_conceptual dd,
.content_wrap dl.area_middleware dd,
.content_wrap dl.area_operation dd,
.content_wrap dl.area_it dd,
.content_wrap dl.area_bigdata dd,
.content_wrap dl.area_dx dd,
.content_wrap dl.area_devops dd,
.content_wrap dl.area_enterpriseapp dd{
display:block !important;
height:auto !important;
}
.content_wrap dl dd a{
display:table-cell;
width:30%;
height:auto !important;
margin:-1px -1px 0 0;
padding:2.5% 1% 2% 1%;
font-size:14px;
line-height:1.5em;
white-space:normal;
border:1px #cccccc solid;
background:none;
float:left;
}
.content_wrap dl.area_cloudvirtual,
.content_wrap dl.area_db,
.content_wrap dl.area_hardware,
.content_wrap dl.area_groupware,
.content_wrap dl.area_appsys,
.content_wrap dl.area_os,
.content_wrap dl.area_pmpmp,
.content_wrap dl.area_security,
.content_wrap dl.area_program,
.content_wrap dl.area_web,
.content_wrap dl.area_network,
.content_wrap dl.area_bshs,
.content_wrap dl.area_human,
.content_wrap dl.area_area_conceptual,
.content_wrap dl.area_middleware,
.content_wrap dl.area_operation,
.content_wrap dl.area_it,
.content_wrap dl.area_bigdata,
.content_wrap dl.area_dx,
.content_wrap dl.area_devops,
.content_wrap dl.area_enterpriseapp{
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.area_it dd a{
border:1px #f5d1fa solid;
background-color:#f6e7fa;
}
#tab_area .content_wrap dl dt{
border-width:0 0 1px 15px;
}
.content_wrap dl dd a:hover{
color:#ffffff;
background-color:#005cca;
text-decoration:none;
}

/* vender */
div.content_wrap div.vender_area{
margin:0;
padding:0;
}
div.content_wrap div.vender_area dl{
display:block;
width:100%;
margin:0;
padding:10px 0;
border-bottom:1px #cccccc dotted;
box-shadow:none;
}
div.content_wrap div.vender_area dl dt{
display:block;
width:24%;
margin:0;
padding:8px 0 12px 1%;
font-weight:bold;
float:left;
cursor:default !important;
}
div.content_wrap div.vender_area dl dd{
width:75%;
margin:0;
padding:0;
float:right;
display:block !important;
height:auto !important;
}
div.content_wrap div.vender_area dl dd a{
display:block;
width:20%;
margin:0 0 5px 0;
padding:10px 5px 10px 20px;
line-height:1.5em;
white-space:normal;
border:none;
background-position:5px 15px;
background-image:url(../img/contents/icon/bg_arrow01.gif);
background-repeat:no-repeat;
}

/* product */
div.content_wrap div.product_area{
margin:0;
padding:0;
}
div.content_wrap div.product_area dl{
display:block;
width:100%;
margin:0;
padding:10px 0;
border-bottom:1px #cccccc dotted;
box-shadow:none;
}
div.content_wrap div.product_area dl dt{
display:block;
width:14%;
margin:0;
padding:8px 0 12px 1%;
font-weight:bold;
text-align:center;
float:left;
cursor:default !important;
}
div.content_wrap div.product_area dl dd{
width:85%;
margin:0;
padding:0;
float:right;
display:block !important;
height:auto !important;
}
div.content_wrap div.product_area dl dd a{
display:block;
width:20%;
margin:0 0 5px 0;
padding:10px 5px 10px 20px;
line-height:1.5em;
white-space:normal;
border:none;
background-position:5px 15px;
background-image:url(../img/contents/icon/bg_arrow01.gif);
background-repeat:no-repeat;
}
/* qualification */
div.content_wrap div.qualification_area p{
padding:0 10px;
}
div.content_wrap div.qualification_area div{
margin-bottom:25px;
padding-bottom:25px;
border-bottom:1px #999999 dotted;
}
div.content_wrap div.qualification_area div h3{
display:block;
margin:0 0 15px 0;
padding:0;
float:left;
cursor:default !important;
}
div.content_wrap div.qualification_area div dl{
display:block !important;
width:80%;
height:auto !important;
margin:0;
padding:0;
font-size:100%;
border:none;
float:right;
box-shadow:none;
}
div.content_wrap div.qualification_area div dl dt{
display:block;
height:auto;
margin:0 0 10px 0;
padding:0;
font-size:100%;
}
div.content_wrap div.qualification_area div dl dt a{
display:block;
border-width: 1px 1px 1px 15px;
border-color: #DDDDDD #999999 #999999 #005CCA;
border-style: solid;
margin:0;
padding:12px 10px 10px 25px;
background:#eeeeee url(../img/contents/icon/bg_arrow01.gif) no-repeat 10px 50%;
}
	/* ie */
	*:first-child+html div.content_wrap div.qualification_area div dl dt a{
	background :#eeeeee url(../img/contents/icon/bg_arrow01.gif) no-repeat 25px 20px;
	}
div.content_wrap div.qualification_area div dl dt.accordion{
display:block;
height:auto !important;
margin:10px 0 0 0;
padding:10px;
font-size:92%;
color:#ffffff;
background:#005cca url(../img/contents/icon/bg_arrow_accordion_white.png) no-repeat 100% 50%;
}
div.content_wrap div.qualification_area div dl dd{
display:none;
width:auto;
margin:0 0 15px 0;
padding:10px !important;
font-size:92%;
font-weight:bold;
border-bottom:none;
}
div.content_wrap div.qualification_area div dl dd a{
display:block;
width:auto;
min-height:inherit !important;
margin:0 0 5px 0;
padding:0 10px 0 18px;
font-weight:normal;
border:none;
background:url(../img/contents/icon/bg_arrow01.gif) no-repeat 0 50%;
float:none;
}
div.content_wrap div.qualification_area div dl dd a:hover{
color:#005cca;
}
div.content_wrap div.qualification_area div dl dd ul{
margin-bottom:20px;
margin-left:0;
padding-left:15px;
font-size:82%;
font-weight:normal;
}
div.content_wrap div.qualification_area div dl dd ul li{
margin:0 0 5px 0;
}
div.content_wrap div.qualification_area div dl dd ul ul{
list-style:none;
font-size:120%;
}

/* 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:10px 0 0 0;
padding:5px;
color:#ffffff;
font-size:100%;
background:#005cca;
}
div.content_wrap div.skill_area dl dt:hover{
cursor:default !important;
}
div.content_wrap div.skill_area dl dt span{
padding:0 5px;
font-size:56%;
}
div.content_wrap div.skill_area dl dt p{
margin:0;
padding:0 5px;
font-size:82%;
}
div.content_wrap div.skill_area dl dd{
display:block !important;
height:auto !important;
margin:0 0 25px 0 !important;
padding:10px 0 !important;
}
div.content_wrap div.skill_area dl dd p{
margin:0 0 10px 0;
font-size:62%;
line-height:1.5em;
}
div.content_wrap div.skill_area dl dd a{
display:block;
width:100%;
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 auto 30px auto;
}
#contents div#left div#banner_area a{
display:block;
width:25%;
height:40px;
margin:0;
padding:26px 0 0 0;
color:#ffffff;
font-size:82%;
text-align:center;
float:left;
}
	/* ie */
	html * #contents div#left div#banner_area a{
	width:24%;
	}
#contents div#left div#banner_area a span{
display:block;
}
#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{
background:#333333 url(../img/contents/icon/bg_arrow_link_white.png) 100% 50% no-repeat;
}
#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{
text-decoration:none;
background:#005cca url(../img/contents/icon/bg_arrow_link_white.png) 100% 50% no-repeat;
}
#contents div#left div#banner_area a.map:active,
#contents div#left div#banner_area a.flow:active,
#contents div#left div#banner_area a.faq:active,
#contents div#left div#banner_area a.contactus:active{
text-decoration:none;
background-color:#ff6600;
}

/* strong_point_area */
#contents div#left div#strong_point_area{
margin:0 0 30px 0;
padding:15px;
background-color:#ffffff;
}
#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 div.strong_point_area01{
width:31%;
margin:0 10px 0 0;
float:left;
}
#contents div#left div#strong_point_area div.strong_point_area02{
width:31%;
margin:0 10px 0 0;
float:left;
}
#contents div#left div#strong_point_area div.strong_point_area03{
width:31%;
margin:0;
float:left;
}
#contents div#left div#strong_point_area div p{
padding:0 15px;
font-size:85%;
line-height:1.4em;
}
#contents div#left div#strong_point_area div p.res{
display:none;
}
#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;
}

/* feature_area */

div.feature_area h3{
margin: 0 0 10px 0;
padding: 12px 10px 10px 15px;
color: #333;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
background: url(../img/headline/bg_h3.gif) bottom left no-repeat;
}

/* right
------------------------------------------------------------*/
#contents div#right{
width:100%;
margin:0 0 30px 0;
padding-right:0;
font-size:72%;
line-height:1.4em;
float:none;
}
#contents div#right h2{
margin:0;
padding:0;
}
#contents div#right div.block{
margin:0 0 30px 10px;
padding:10px 0;
background-color:#ffffff;
}
/* ranking */
#contents div#right div.block dl.ranking_area{
margin:0;
padding:0 10px;
}
#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 10px;
}
#contents div#right div.block dl.news_area dt{
margin:0;
padding:0 10px;
font-weight:bold;
}
#contents div#right div.block dl.news_area dd{
margin:0 0 10px 0;
padding:2px 10px 10px 10px;
border-bottom:2px #efefef solid;
clear:both;
}
#contents div#right div.block dl.news_area dd#dlopener{
display:none;
}

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

/* banner_area */
#contents div#right div.block div.banner_area{
padding:0 10px;
text-align:left;
}
#contents div#right div.block div.banner_area h3{
display:none;
}

#contents div#right div.block div.banner_area div{
width:48%;
margin:0 10px 30px 0;
padding:0;
float:left;
}
#contents div#right div.block div.banner_area div p{
margin:0;
padding:10px 0 0 0;
text-align:right;
}
#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{
width:31%;
margin:0 10px 30px 0;
padding:0;
float:left;
}
#contents div#right div.block div.c100b3 div.campaign{
display:block;
width:100%;
margin:0 auto 30px auto;
float:none;
}
#contents div#right div.block div.c100b3 div.campaign img.campaign_l{
display:none;
}
#contents div#right div.block div.c100b3 div.campaign img.campaign_s{
min-width:100%;
}


/*  */
#contents div#right h2{
position:relative;
}
#contents div#right h2 p{
margin:0;
font-size:72%;
font-weight:normal;
position:absolute;
top:7px;
right:0;
}
#contents div#right h2 p a{
display:block;
padding:9px 45px 7px 15px;
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:0 0 30px 0;
background:#ffffff;
}
div.category_area div.block{
margin:0;
padding:0;
background:#ffffff;
}
div.category_area div.block h3{
margin:0;
padding:12px 10px 10px 10px;
font-size:100%;
border:1px #555555 solid;
border-width:1px 1px 1px 15px;
border-color:#dddddd #999999 #999999 #005cca;
background:#fafafa;
}
div.category_area div.block h3:hover{
cursor:default !important;
}
div.category_area div.block h3 span{
display:block;
margin:0;
padding:0 5px;
font-size:82%;
font-weight:normal;
}
div.category_area div.block h4{
margin:0 0 15px 0;
padding:7px;
font-size:92%;
border:1px #cccccc solid;
border-top:2px #cccccc solid;
border-left:10px #c0c0ff solid;
border-color:#cccccc #aaaaaa #aaaaaa #c0c0ff;
background:#f0f0ff;
clear:both;
}
div.category_area div.block h4 span{
display:block;
margin:0;
padding:0 5px;
font-size:82%;
font-weight:normal;
}
/*  */
div.category_area div.block dl{
display:block !important;
height:auto !important;
margin:0;
padding:0 10px 10px 10px !important;
}
div.category_area div.block dl dd{
width:48%;
margin:0 2% 0 0;
border-bottom:1px #999999 dotted;
float:left;
}
div.category_area div.block dl dd.sp_subtitle{
display:none;
}
div.category_area div.block dl dd a{
display:block;
padding:12px 10px 10px 25px;
background:url(../img/contents/icon/bg_arrow01.gif) no-repeat 5px 50%;
}
/*  */
div.category_area div.block div.course_area{
display:block !important;
height:auto !important;
margin:0;
padding:0 0;
}
div.category_area div.block div.course_area div.course_area_link{
width:100%;
margin:0 0 15px 0;
line-height:1.2em;
float:none;
}
div.category_area div.block div.course_area div.course_area_link_wrap{
display:block !important;
height:auto !important;
margin:0 0 50px 0;
}
div.category_area div.block div.course_area div.course_area_link div.sp_subtitle{
display:none;
}
div.category_area div.block div.course_area div.course_area_link div.label_area{
margin:0;
padding:0;
font-size:68%;
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;
font-size:82%;
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-size:110%;
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;
font-size:82%;
border:1px #999999 solid;
background:#dedede;
}
div.course_area_link_wrap{
display:block !important;
height:auto !important;
padding:0 !important;
margin:0!important;
}

/* flow_area
------------------------------------------------------------*/
div.flow_area{
padding:0;
}

/* qualification_area (in .block)
------------------------------------------------------------*/
div.qualification_area{
margin:0 0 30px 0;
padding:10px 0 0 0;
} 
div.qualification_area div.block  h3{
margin:0;
padding:10px;
color:#ffffff;
background:#333333;
}
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:0 10px 10px 10px;
}
div.qualification_area div.block dl{
margin:0 0 10px 0;
padding:0;
background:#ffffff;
}
div.qualification_area div.block 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 div.block dd{
margin:0 0 20px 0;
padding:0;
}
div.qualification_area div.block 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 div.block dl dd p{
margin:0 0 10px 0;
padding:5px 15px;
font-size:92%;
line-height:1.3em;
}
div.qualification_area div.block dl dd dl{
margin:0;
padding:0 10px;
}
div.qualification_area div.block dl dd dl dt{
margin:-1px 0 0 0;
padding:5px;
border:1px #333333 solid;
background:#666666;
}
div.qualification_area div.block dl dd dl dd{
margin:0;
padding:5px 15px;
border:1px #333333 solid;
border-width:0 1px 1px 1px;
line-height:1.5em;
}

/* flow_area
------------------------------------------------------------*/
div.flow_area{
margin:0 0 30px 0;
padding:0;
background:#ffffff;
}

/* 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;
-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{
min-width:100%;
}
div.voice_area div.voice_area_left p{
margin:5px;
}

/* teacher_info */
div.voice_area div.teacher_info{
width:69%;
padding:0 10px 10px 10px;
float:right;
}
div.voice_area div.teacher_info h3.name{
margin:0 0 20px 0;
padding:10px 10px 7px 15px;
font-size:200%;
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:0 10px;
}
div.voice_area div.voice_area_right p.student_name{
display:none;
}
div.voice_area div.voice_area_right h3.name{
margin:0 0 20px 0;
padding:10px 10px 7px 15px;
font-size:200%;
font-weight:bold;
line-height:1.3em;
border:5px #005cca solid;
border-width:0 0 5px 0;
}
div.voice_area div.voice_area_right h3{
margin:0 0 20px 0;
padding:12px 10px 10px 15px;
color:#333;
border-top:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
background:url(../img/headline/bg_h3.gif) bottom left no-repeat;
}
div.voice_area div.voice_area_right p{
font-size:92%;
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:20px;
}
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;
clear:both;
}
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:0 0 30px 0;
padding:10px 0;
background:#ffffff;
}
div.environment_area h3{
margin:0 0 10px 0;
padding:12px 10px 10px 10px;
font-size:100%;
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%;
height:300px;
margin:0 0 30px 0;
padding:0;
background:url(../../vmware/img/bg_environment_photo.jpg) no-repeat left 80%;
}
div.environment_area div.photo_area img{
display:none;
}
div.environment_area div.photo_area p.reedtext{
margin:0;
padding:70px 0 0 30px;
font-size:150%;
font-weight:bold;
line-height:1.3em;
}
div.environment_area div.photo_area p{
margin:0;
padding:20px 0 0 30px;
line-height:1.3em;
}
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 0 0 15px;
}
div.environment_area div.threebox_area div{
width:32%;
margin:0 1% 0 0;
float:left;
}
div.environment_area div.threebox_area h4{
margin:0 0 10px 0;
padding:5px 15px 3px 10px;
font-size:82%;
border-bottom:2px #82b2e5 solid;
background:#eeeeff;
}
div.environment_area div.threebox_area img{
width:100%;
}
div.environment_area div.threebox_area p{
padding:0 5px;
font-size:82%;
line-height:1.3em;
}

/* 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%;
}
div.vmap_area dl{
padding:0;
border:1px #005cca solid;
}
div.vmap_area dl dt{
padding:10px;
color:#ffffff;
font-size:120%;
font-weight:bold;
background:#005cca;
cursor:default !important;
}
div.vmap_area dl dd{
display:block !important;
height:auto !important;
margin:0 0 0 40px;
padding:10px !important;
}
div.vmap_area dl dd a{
display:block;
margin:0 0 10px 0;
padding: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;
}




/* faqpage_area
------------------------------------------------------------*/
div.faqpage_area{
margin:0 0 30px 0;
padding:10px;
font-size:14px;
background:#ffffff;
}
div.faqpage_area ul{
margin-bottom:50px;
}
div.faqpage_area ul li{
margin-bottom:10px;
}
div.faqpage_area dl{
margin:0 0 20px 0;
padding:0 20px 20px 20px;
border-bottom:1px #999999 dotted;
}
div.faqpage_area dl dt{
min-height:50px;
margin:0;
padding:2px 0 20px 60px;
font-size:120%;
font-weight:bold;
background:url(../../faq/img/icon_q.gif) no-repeat 0 0;
cursor:default !important;
}
div.faqpage_area dl dt p{
margin:0;
padding:0;
}
div.faqpage_area dl dd{
display:block !important;
height:auto !important;
margin:0;
padding:0 0 30px 60px !important;
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;
}

/* 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 h2{
margin:0;
padding:10px;
font-size:180%;
}
div.elearning_area p.toptext{
margin:0 0 30px 0;
padding:0 10px;
}
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.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.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 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{
padding-right:20px;
white-space:nowrap;
}
div.elearning_area div.attention ul{
margin:0 20px;
padding:10px;
}
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;
}

/* 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 !important;
}



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

   footer

=========================================================== */
#footer{
width:100%;
margin:0 0 30px 0;
padding:0;
font-size:78%;
background-color:#333333;
}
#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;
padding:2px 10px 5px 12px;
color:#ffffff;
font-size:150%;
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:100%;
height:auto;
margin:0;
padding:15px 0 0 0;
border-right:none;
float:left;
}
#footer div.left h2{
margin:0 0 15px 15px;
padding:0;
}
#footer div.left ul{
margin:0 0 5px 0;
list-style:none;
}
#footer div.left ul li{
width:20%;
float:left;
}
#footer div.left ul li a{
display:block;
padding:1.5em 0;
text-align:center;
box-sizing:border-box;
border-width:1px;
border-color:#555555 #222222 #222222 #555555;
border-style:solid;
background:#333333;
}
#footer div.left ul li a:hover{
border-top:1px #555555 solid;
border-right:1px #222222 solid;
border-bottom:1px #222222 solid;
border-left:1px #555555 solid;
background:#005cca;
}

/* left search */
#footer div.left div.search{
width:500px;
margin:0 auto;
padding:10px 0;
}
#footer div.left div.search div{
margin-bottom:20px;
}
#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:320px;
height:24px;
margin:0 10px 0 25px;
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;
}
	/* ie */
	html*#footer div.left div.search input.footer_search_input{
	line-height:2.1em;
	}
#footer div.left div.search input.footer_search_button{
width:80px;
height:30px;
margin:0 0 0 0;
padding:0;
background:url(../img/footer/btn_search.png) 0 0 no-repeat;
float:left;
}
#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;
margin:0 0 15px 0;
padding:20px 0 0 0;
border-left:none;
float:left;
}
/* pagetop */
#footer div.right div.pagetop{
display:none;
}
#footer div.right div ul{
width:33.3%;
margin:0;
padding:0;
list-style:none;
float:left;
}
#footer div.right div ul li{
margin:0;
}
#footer div.right div ul li a{
display:block;
padding:10px;
border-width:1px;
border-color:#555555 #222222 #222222 #555555;
border-style:solid;
background:#333333;
}

/* bottom
------------------------------------------------------------*/
#footer div.footer_bottom{
padding:15px;
font-size:100%;
background-color:#ffffff;
clear:both;
}
#footer div.footer_bottom p{
width:100%;
padding:0;
text-align:center;
}
#footer div.footer_bottom p.link{
margin:0 0 15px 0;
}
#footer div.footer_bottom p.link a{
white-space:normal;
}
#footer div.footer_bottom p.copyright{
color:#666666;
}
#footer div.footer_bottom a{
white-space:nowrap;
}





.display_none{
display:none;
}
.display_block{
display:block;
}
#main {
	height:auto!important;	
}
#main dl {
	top:auto!important;
	position:relative!important;
}
/**
 * Grid container
 */
.tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;

}

/**
 * Grid items
 */

.tiles li {
	list-style:none;	
}

/**
 * Grid item text
 */

/**
 * Some extra styles to randomize heights of grid items.
 */


/** General page styling **/

/* new_tab_area add CTCT 20131122*/
#contents div#left div#new_tab_area{
margin:0 0 30px 0;
zoom:1;
}
#new_tab{
margin:0 0 0 10px;
padding:0;
}
#new_tab li{
width:auto;
height:25px;
margin:15px 1px 0 0;
padding:10px 3px 0 7px;
color:#ffffff;
font-size:72%;
list-style:none;
cursor:pointer;
float:left;
}
#new_tab li.newinfo,
#new_tab li.newcourse,
#new_tab li.newcampaign,
#new_tab li.newsiteinfo,
#new_tab li.newcolumn{
background-image:none;
background-color:#333333;
}
#new_tab li.newinfo:active,
#new_tab li.newcourse:active,
#new_tab li.newcampaign:active,
#new_tab li.newsiteinfo:active,
#new_tab li.newcolumn:active{
text-decoration:none;
background-color:#ff6600;
}

#new_tab li span{
display:block;
}
#new_tab li.select{
width:auto;
height:30px;
margin:5px 1px 0 0;
padding:15px 10px 0 10px;
color:#ffffff;
font-weight:bold;
font-size:82%;
background-color:#005cca;
}
.newdisnon{
display:none;
}
.new_content_wrap{
padding:1%;
border-top:3px #005cca solid;
background-color:#ffffff;
clear:both;
}
.new_content_wrap h2{
display:none;
}

/* newcourse */
div.content_wrap div.newcourse_area{
margin:0;
padding:0;
}

/*  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: 80%;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
  font-size: 1.2rem;
  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-wrap {
    position: relative;
    width: 100%;
    height: 0;
}

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

/* Ondemand */
.tbl-Ondemand{
 margin: 10px;
}
.tbl-Ondemand th {
  background: #005cca;
	border: solid 1px #ccc;
	color: #fff;
	padding: 3px;
	font-size: 12px;
}
.tbl-Ondemand td {
	border: solid 1px #ccc;
  padding: 5px;
  font-size: 12px;
}
.tbl-Ondemand-center {
	text-align: center;
}
.tbl-Ondemand-small {
	font-size: 9px !Important;
}
.tbl-Ondemand-Entry{
	background-color: #efefef;
    padding: 2px;
    font-size: 9px;
    font-weight: 600;
}