#width {
	width:990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
	display:block;
}
.adspecial_type1 {
	margin:20px auto;
	text-align: center;
	width: 970px;
}
.adspecial_type1 .frame_header{
	margin-bottom: 10px;
	text-align: left;
}
.adspecial_type1 .frame_col_left_container {
	width: 970px;
	float: left;
	position:relative;
	background: #fafafa;
	right: 320px;
	text-align: left;
}
.adspecial_type1 .frame_col_right_container {
	overflow:hidden;
	width: 970px;
	float: left;
	position:relative;
	background: #ccc;
}
.adspecial_type1 .frame_col_left {
	float:left;
	width:650px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
	padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
	float:left;
	width:320px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_right_inner {
	padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner{
	width: 300px;
}
* html .adspecial_type1 .frame_col_left {
	overflow: hidden;
}
* html .adspecial_type1 .frame_col_right{
	overflow: hidden;
}


/* 2011/02リニューアル対応-------------------------------------------------------------------------------- */

.adspecial_type1{
margin-top: 0;
padding-top: 20px;
}

#block_story {
margin-left: 10px;
}

.style_block1{
margin-left: 10px;
}

p.more{
margin-top: 0px;
}

.style_indexlist1 li{
font-weight: normal;
list-style-image: none;
line-height: 1.3;
background-position:  4px 7px;
}
.style_indexlist1 li a{
line-height: 1.5;
}

.style_indexlist1 li.stronger a {
font-weight: bold;
}

.style_indexlist1 li.largersize{
font-size: 14px;
}

.style_indexlist1 li a img {
border: 1px solid #666666;
float: left;
margin: 0 5px 5px 0;
}

h4.ttl_backnumber {
background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
color: #961515;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding-bottom: 7px;
}

.backnumber p.summary{
overflow: hidden;
_zoom: 1;
}

/*#ff0000*/

/* フレーム設定-------------------------------------------------------------------------------- */


#adspecial_networld_vm-cp-cb_security {
padding-top: 0;
}


#contents{
padding:0 !important;
background:#e5e5e5 url(/extra/networld_vm-cp-cb_security/media/back_object.png) center bottom no-repeat;
}


#adspecial_networld_vm-cp-cb_security.adspecial_type1{
width:980px;
padding:0 !important;
background:#e5e5e5 url(/extra/networld_vm-cp-cb_security/media/back_object.png) center bottom no-repeat;

}



#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left_container {
	/*background: #ffffff;*/
background:transparent !important;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_right_container {
	/*background: #ffffff;*/
background:transparent !important;
margin-left:0 !important;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left_container{
width:980px !important;
float:none;
right:0 !important;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_right_container{
width:980px !important;
float:none;
left:0;
}


#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left{
width:980px !important;
left:0 !important;
}


#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left_inner{
padding:0;
}





/* Headline設定-------------------------------------------------------------------------------- */








/* 左本文Additional CSS設定-------------------------------------------------------------------------------- */

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left #block_story p {
	line-height:1.8em;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left #block_story p{
	margin:1em 10px;
	font-size:16px;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .article_leaf_paging_word {
	font-size:12px;
	margin:20px 0px 30px 0;
	text-align:right;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
}




/* 左側WP誘導CSS設定--------------------------------------------------------------------------------*/

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .block_wp {
	margin-bottom:20px;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp {
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:10px;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp.last {
	border:medium none;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp a:hover{
	text-decoration:none;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp a:hover h4{
	text-decoration:underline;
}
#adspecial_networld_vm-cp-cb_security.adspecial_type1 .bottomwp h4{
	border:none;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}






/* フッタースポンサー枠CSS設定--------------------------------------------------------------------------------*/


#adspecial_networld_vm-cp-cb_security.adspecial_type1 .block_sponsored{
clear: both;
padding:20px 10px 35px 10px;
color:#fff;
/*background-color:#222;*/
color:#444;
border-top:1px solid #ccc;
border-bottom:15px solid #2c4298;
position:relative;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .block_sponsored:before{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:15px;
background-color:#009a74;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .block_sponsored a{
color:#32a612;
}







/*************************************************************************************

networld special 201810

*************************************************************************************/


/*animation*/



/*.rightfade{
    animation-name: rightanime;
    animation-duration: 2s;
}*/


@keyframes rightanime{
0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}



.fade {
    opacity : 0;
    transform : translate(0, 50px);
    transition : 0.5s ease;
}


.fade.effect{
    opacity : 1;
    transform : translate(0, 0);
}




/* header ****************************************/




#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_header{
margin-bottom:0 !important;
padding:15px 0 100px;
background:url(/extra/networld_vm-cp-cb_security/media/head_title.jpg) 0 0 no-repeat;
border-bottom:10px solid #b0b0b0;
}



#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_header h1.adspecial{
margin:50px 10px 0 40px;
width:55%;
text-align:left;
font-size:28px;
color:#fff;
font-weight:bold;
animation: rightanime 2.0s ease 0.3s forwards;
opacity:0;
}

#adspecial_networld_vm-cp-cb_security.adspecial_type1 .frame_header h1.adspecial span{
font-size:20px;
}





/* main ****************************************/

#adspecial_networld_vm-cp-cb_security p {padding: 0 0 10px;}



.lead_area {
margin:25px 20px 0 35px;
padding:15px 25px;
position:relative;
/*color:#009a74;*/
background:rgba(255, 255, 255, 0.2);
color:#fff;
/*font-weight:bold;*/
width:45%;
text-align:left;
animation: rightanime 2.0s ease 1.0s forwards;
opacity:0;
}



.lead_area p{
line-height:1.5 !important;
font-size:16px !important;
/*color:#2f465b; !important;*/
}


.special_block{
margin:0 auto;
padding:0 2%;
}

.special_block a{
color:#1772c6 !important;
}

.special_block a:hover{
color:#1b9624 !important;
text-decoration:none !important;
}


.contents_inner{
margin:120px 0 30px 0;
border-top:1px solid #aaa;
z-index:1;
padding:0 50px;
}




/* ttl ****************************************/


h2.special{
margin:0 auto;
padding:0;
position: relative;
top:-100px;
line-height: 1.4;
margin:0 auto;
text-align:center;
width:200px;
height:200px;
border-radius:50%;
text-align:center;
z-index:2;
background-color:#fff;
}

h2.special:after{
content:"";
position:absolute;
top:4px;
left:4px;
/*width:186px;
height:186px;*/
width:168px;
height:168px;
border-radius:50%;
border:3px solid #ccc;
}

.blue_circle{
border:12px solid #2c4298;
/*background:rgba(44,66,152,0.25);*/
}

.green_circle{
border:12px solid #009a74;
/*background:rgba(0,154,116,0.25);*/
}


h2.special span{
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align:center;
font-size:20px;
font-weight:normal;
/*color:#fff;*/
padding:5px;
  width:100%;
}

.blue_circle span{
color:#2c4298 !important;
}

.green_circle span{
color:#009a74 !important;
}






/* content ****************************************/





/*logo*/


.logo_area{
margin:0 auto;
text-align:center;
width:100%;
/*border-bottom:1px solid #b0b0b0;*/
}


.logo_area a img{
display:inline-block;
margin:0 15px;
width:200px;
}




/*item*/


.item_box,
.item_box_w,
.item_box_s{
background-color:#fff;
margin:-60px 10px 20px;
display:inline-block;
position:relative;
vertical-align:top;
font-size:16px;
border: none;
color: #444;
font-size: 18px;
cursor: pointer;
width:250px;
height:340px;
transition:0.3s ease;
}


.item_box_w{
width:350px;
height:350px;
margin:-50px 30px 20px;
}

.item_box_s{
width:250px;
height:300px;
}


.item_box img,
.item_box_w img,
.item_box_s img{
max-width:100%;
line-height:0;
}

.item_box img:hover,
.item_box_w img:hover,
.item_box_s img:hover{
opacity:0.5;
}

.item_box img.coming:hover,
.item_box_w img.coming:hover
.item_box_s img.coming:hover{
opacity:1;
cursor:default;
}


.item_inner{
  /*display: block;*/
font-size:16px;
}


.item_inner span{
padding:10px 20px;
display:block;
z-index:50;
}

.item_inner span.special{
padding:40px 15px 15px;
}

.item_box_w .item_inner .caption{
padding:10px 20px;
}


.label_green,
.label_blue,
.label_yellowgreen,
.label_purple{
content:"";
position:absolute;
display:block;
top:165px;
left:65px;
color:#fff;
font-size:12px;
z-index:100;
text-align:center;
width:120px;
height:25px0;
border-radius:25px;
line-height:25px;
}

.label_green{
background-color:#0bb66f;
}

.label_blue{
background-color:#0257e4;
}



/*new*/

.item_box .new{
position:absolute;
top:-13px;
left:8px;
z-index:100;
width:50px;
background-color:#e10606;
color:#fff;
font-size:12px;
padding:6px 0;
text-align:center;
}



/*border effect*/

.border::after,
.border::before,
.border_inner::after,
.border_inner::before {
  background:linear-gradient(0deg, rgba(39,104,164,1) 0%, rgba(29,146,147,1) 45%, rgba(21,171,77,1) 100%);
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  transition: all .3s ease;
}

/* 左上へ配置 */
.border::after {
    height: 4px;
    left: -4px;
    top: -4px;
    width: 0px;
}
/* 右下へ配置 */
.border::before {
  bottom: -4px;
  height: 4px;
  right: -4px;
  width: 0px;
}
/* 左下へ配置 */
.border_inner::after {
  bottom: -4px;
  height: 0px;
  left: -4px;
  width: 4px;
}
/* 右下へ配置 */
.border_inner::before {
  height: 0px;
  right: -4px;
  top: -4px;
  width: 4px;
}

/* hover */
.border:hover::after,
.border:hover::before {
  width: 100%;
  width: calc(100% + 4px);
}
.border:hover .border_inner::after,
.border:hover .border_inner::before {
  height: 100%;
  height: calc(100% + 4px);
}








/*wp*/

.wp_area{
/*width:980px;*/
margin:0 auto;
padding:45px 0 25px 0;
position:relative;
}


/*.wp_area ul{
padding:10px 35px 30px;
}*/

.wp_box{
background-color:#fff;
/*border:1px solid #ccc;*/
margin:10px;
padding:20px;
display:inline-block;
position:relative;
font-size:18px;
width:200px;
}

.wp_box .thumb{
overflow:hidden;
/*max-width:90%;
max-height:150px;*/
display:block;
margin:10px auto;
}

.wp_box img{
display:block;
}

.wp_box .caption{
margin:10px 10px 15px 10px;
display:block;
background-color:#fff;
line-height:1.6;
}









/*list*/


.list_area{
margin-bottom:25px;
overflow:hidden;
}

.list_area li{
display:inline-block;
width:420px;
margin:0 10px 20px;
padding-bottom:10px;
border-bottom:1px dotted #ccc;
}

.list_area li img{
float:left;
margin-right:10px;
width:80px;
}




/*more*/


.btn_more{
margin:0 auto 40px;
padding:20px;
width:400px;
background-color:#e1e7eb;
border-radius:4px;
color:#677e90;
text-align:center;
font-size:18px;
font-weight:bold;
transition:all 0.5s ease;
cursor:pointer;
}

.btn_more:hover{
background-color:#677e90;
color:#fff;
}











.block_right_info .info {margin-bottom: 30px !important; padding-bottom:5px !important; border-bottom: 1px dotted #cccccc;}
.block_right_info img {margin: 0 15px 5px 0; background-color:#f5f5f5;}
.block_right_info .info:last-child{border-bottom:none;}


