#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_hpe_201808 { padding-top: 0;}
#adspecial_hpe_201808.adspecial_type1 .frame_col_left_container {
	background: #ffffff;
}
#adspecial_hpe_201808.adspecial_type1 .frame_col_right_container {
	background: #ffffff;
}


#adspecial_hpe_201808.adspecial_type1{
width:980px !important;
}

#contents{
padding:0;
}

/* Headline設定-------------------------------------------------------------------------------- */

#adspecial_hpe_201808.adspecial_type1 h1.adspecial {
	background:#FFFFFF no-repeat scroll 50% 0;
	height:200px;
	margin:0;
	text-indent:-99999px;
}
#adspecial_hpe_201808.adspecial_type1 h2.lead {
	background-color:#fff;
	padding:35px;
color:#614767;
line-height:1.8;
font-size:14px;
font-weight:normal;

}

#adspecial_hpe_201808.adspecial_type1 h2.adspecial .auther{
	font-size:12px;
	font-weight:normal;
}

#adspecial_hpe_201808.adspecial_type1 h3.adspecial {

}

#adspecial_hpe_201808.adspecial_type1 h3.adspecial:before{

}

#adspecial_hpe_201808.adspecial_type1 h3.adspecial:after{


}






#adspecial_hpe_201808.adspecial_type1 h4.adspecial {
	color:#000;
	margin: 20px 0 10px;
	padding:10px 10px 10px 20px;
	height:auto;
	zoom:1;
	border-bottom: 1px solid #666666;
        font-size: 140%;
	line-height:1.5;
        clear: both;
}


#adspecial_hpe_201808.adspecial_type1 h5.adspecial{
background-color:#01a982;
margin:15px 0 20px 0;
padding:5px 0;
text-align:center;
color:#fff;
}

#adspecial_hpe_201808.adspecial_type1 h5.adspecial:before{

}



#adspecial_hpe_201808.adspecial_type1 h6.adspecial {
	font-size:12px;
        font-weight: bold;
        background: none;
        margin-bottom: 10px;
}


/* 左本文Additional CSS設定-------------------------------------------------------------------------------- */

#adspecial_hpe_201808.adspecial_type1 .frame_col_left #block_story p {
	line-height:1.8em;
}

#adspecial_hpe_201808.adspecial_type1 .frame_col_left #block_story p{
	margin:1em 10px;
	font-size:16px;
}

#adspecial_hpe_201808.adspecial_type1 .article_leaf_paging_word {
	font-size:12px;
	margin:20px 0px 30px 0;
	text-align:right;
}

#adspecial_hpe_201808.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
}




/* 左側WP誘導CSS設定--------------------------------------------------------------------------------*/

#adspecial_hpe_201808.adspecial_type1 .block_wp {
	margin-bottom:20px;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp {
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:10px;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp.last {
	border:medium none;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp a:hover{
	text-decoration:none;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp a:hover h4{
	text-decoration:underline;
}
#adspecial_hpe_201808.adspecial_type1 .bottomwp h4{
	border:none;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}



/* 左側バックナンバーCSS設定--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_backnumber {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber a img {
	margin:0 10px 10px 10px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber a h5.title {
	border-bottom:none;
	font-size:14px;
	display:inline;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber p {
	margin-top:3px;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber a:hover h5.title {
	text-decoration:underline;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_backnumber .backnumber .property a{
	margin-left:5px;
}




/* 左側バナー枠CSS設定*/
#adspecial_hpe_201808.adspecial_type1 .block_banner {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_banner .banner img{
	margin:0 auto 10px;
	display:block;
}
#adspecial_hpe_201808.adspecial_type1 .block_banner .banner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* フッタースポンサー枠CSS設定--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_sponsored{
	clear: both;
	border:1px solid #ccc;
	padding:5px 10px;
}






/* 右側PageLink CSS設定-------------------------------------------------------------------------------- */

#adspecial_hpe_201808.adspecial_type1 .block_right_plink{
	margin-bottom:20px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li {
	width: 300px;
	padding-bottom:0px;
	height:70px;
	margin-bottom: 5px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li a {
	display:block;
	height:70px;
	margin-bottom:5px;
	overflow:hidden;
	text-indent:-9999px;
	width:300px;
	background-repeat: no-repeat;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink1 a{
	background-position: 0 0;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink1 a:hover,
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul#on1 li.plink1 a {
	background-position: -300px 0;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink2 a{
	background-position: 0 -70px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink2 a:hover,
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul#on2 li.plink2 a {
	background-position: -300px -70px;
}


#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink3 a{
	background-position: 0 -140px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink3 a:hover,
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul#on3 li.plink3 a {
	background-position: -300px -140px;
}


#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink4 a{
	background-position: 0 -210px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink4 a:hover,
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul#on4 li.plink4 a {
	background-position: -300px -210px;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink5 a{
	background-position: 0 -280px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul li.plink5 a:hover,
#adspecial_hpe_201808.adspecial_type1 .block_right_plink ul#on5 li.plink5 a {
	background-position: -300px -280px;
}




/* 右側バックナンバーCSS設定--------------------------------------------------------------------------------*/

/*リストマーク付きバージョン*/

#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber {
	margin-bottom:20px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber ul{
	margin-top:10px;
	margin-bottom:20px;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber ul  li{
	background:url(/extra/hpe_201808/media/right_list_backnumber.gif) no-repeat 2px 4px;
	padding-left:16px;
	margin-bottom:7px;
	line-height:1.2em;
	font-size: 12px;
}


/*画像付きバージョン*/

#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber {
	margin-bottom:20px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber a img {
	margin:0 10px 10px 5px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber a h6.title {
	border-bottom:none;
	font-size:12px;
	display:inline;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber p {
	margin-top:3px;
	font-size:12px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber a:hover h6.title {
	text-decoration:underline;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_backnumber .backnumber .property a{
	margin-left:5px;
}





/* 右側インフォメーションCSS設定--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_right_info{
	margin-bottom:20px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_info .info{
	margin-bottom:30px;
padding-bottom:10px;
border-bottom:1px dotted #999;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_info .info:last-child{
border-bottom:none;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_info .info a{
display:inline-block;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_info .info a img{
	margin:0 auto 5px auto;
	display:block;
transition:all 0.3s ease !important;
}



#adspecial_hpe_201808.adspecial_type1 .block_right_info .info a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;

}
#adspecial_hpe_201808.adspecial_type1 .block_right_info .info a .txt{
	font-size:12px;
	margin-bottom:5px;
	display:block;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_info .info a:hover .txt{
	text-decoration:underline;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_info .info p{
	font-size:12px;
}


/* 右側ホワイトペーパーCSS設定--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_right_wp {
	margin:20px 0;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp {
	margin-bottom:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp a img {
	margin:0 0 5px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
* html #adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp a h6.title {
margin-left: 115px;
	border-bottom:none;
	font-size:12px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp p {
	margin-top:3px;
	font-size: 12px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp a:hover h6.title {
	text-decoration:underline;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp .property {
	color:#666666;
	font-size:10px;
}
#adspecial_hpe_201808.adspecial_type1 .block_right_wp .wp .property a{
	margin-left:5px;
}



/* 右側関連記事CSS設定--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_right_related ul {
	margin-top:10px;
	margin-bottom:20px;
}

#adspecial_hpe_201808.adspecial_type1 .block_right_related ul li{
	background:url(/extra/hpe_201808/media/right_list_related.gif) no-repeat 2px 4px;
	padding-left:16px;
	margin-bottom:7px;
	line-height:1.2em;
	font-size: 12px;
}

/* フッター責任表示--------------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .block_sponsored address{
	font-weight: normal;
	font-style: normal;
}

/* フォトグリッド --------------------------------------------------------------------------*/
#adspecial_hpe_201808.adspecial_type1 .article_body div.photo_grid {margin-bottom: 1em;}
#adspecial_hpe_201808.adspecial_type1 .article_body .right {
	margin-left: 1em;
	float: right;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .left {
	margin-left: 1em;
	float: left;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .center table{
	margin: 0 auto;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo_grid table {border-collapse: collapse;}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo_grid td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#adspecial_hpe_201808.adspecial_type1 .article_body .photo {
	padding: 10px;
	background: #FFF none repeat scroll 0%;
	border: 1px solid #CCC;
	margin-right: 15px;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo .caption {
	width: 150px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 120%;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo .border {border: 1px solid #CCC;}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo .image {position: relative;}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo img.main {margin: 10px;}
#adspecial_hpe_201808.adspecial_type1 .article_body ul {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
}
#adspecial_hpe_201808.adspecial_type1 .article_body .photo .glass {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
}



.table_wp {
margin-bottom: 20px;
table-layout: fixed;
width: 100%;
}

.table_wp td {
border: 1px solid #CCCCCC;
background-color: #f5f5f5 !important;
font-size: 12px;
line-height: 1.3;
margin: 0;
padding: 5px;
text-align: center;
vertical-align: top;
}



/* article page */
#adspecial_hpe_201808 .lead {
background-color: #e9e9e9;
padding: 10px;
margin-bottom: 20px;
}

#adspecial_hpe_201808 .box_case {
background-color: #f7f7f7;
margin-bottom: 20px;
padding: 15px;
}
#adspecial_hpe_201808 .box_case h4.adspecial {
margin-top: 0;
padding: 0 10px;
font-size: 16px;
}
#adspecial_hpe_201808 .box_case hr {
visibility: visible;
border-bottom: 1px dotted #cccccc;
}


/*add 201808*/



/*#contents{
background:#e9e9e9;
}*/

.nextpage_link p a{
display:inline-block;
border:3px solid #01a982 !important;
background-color:#fff !important;
color:#01a982 !important;
padding:15px !important;
}


.nextpage_link p a:hover{
background-color:#01a982 !important;
color:#fff !important;
}


/*.adspecial_type1 .frame_col_right_container, 
.adspecial_type1 .frame_col_left_container{
background:#e9e9e9 !important;
}*/

.block_sponsored{
background:#f0f0f0;
border:none !important;
}

.sp_lead{
position:relative;
margin:15px;
padding:25px;
color:#66879b;
line-height:1.8;
font-weight:normal;
border:1px solid #66879b;
z-index:1;
font-size:14px;
}


.sp_lead:before,
.sp_lead:after {
position: absolute;
content: '';
display: inline-block;
width:500px;/*カッコの横部分の長さ*/
height:100px;/*カッコの縦部分の長さ*/
z-index:100;
}

.sp_lead:before {/*左カッコ設定*/
top: -3px;
left: -3px;
border-top: 4px solid #66879b;
border-left: 4px solid #66879b;
}

.sp_lead:after {/*右カッコ設定*/
bottom: -3px;
right: -3px;
border-bottom: 4px solid #66879b;
border-right: 4px solid #66879b;
}



.sp_contents,
.wp_contents{
margin:20px 15px;
padding:0;
background-color:#fff;

}

.sp_title,
.wp_title{
margin:0 0 20px 0;
padding:0 10px 0 65px;
position:relative;
color:#01a982;
font-size:20px;
border-top:1px solid #66879b;
border-bottom:1px solid #66879b;
line-height:50px;
}

.sp_title:before,
.wp_title:before{
content:"";
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
}

.sp_title:before{
background:#01a982 url(/extra/hpe_201808/media/icon_hpe_special.png) 0 0 no-repeat;
}

.wp_title:before{
background:#01a982 url(/extra/hpe_201808/media/icon_hpe_wp.png) 0 0 no-repeat;
}


.sp_contents li{
margin:0 0 30px 0;
/*background-color:#f0f0f0;*/
}

.sp_contents li a,
.sp_contents li.coming
{
border:7px solid #bbc7cf;
padding:25px;
/*width:100%;*/
display:block;
overflow:hidden;
}

.sp_contents li a:hover{
background-color:#e1e7ea;
transition:all 0.3s ease;
}


.sp_contents li:after{
content:"";
clear: both;
display:block;
}

.sp_contents li img{
float:left;
width:200px;
margin-right:15px;
display:block;
}

.sp_contents .text,
.sp_contents .text_coming
{
font-size:18px;
color:#3a4f5b;
}

.sp_contents .text:hover{
color:#999;
transition:all 0.3s ease;
}

.sp_contents span{
display:block;
font-size:18px;
color:#3a4f5b;
padding-left:170px;
}


.wp_contents ul{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.wp_contents li a{
width: 280px;
height: 270px;
/*float: left;*/
display:inline-block;
border:1px solid #ccc;
margin:0 10px 10px;
/*width:29.5%;*/
padding:10px 0;
text-align: center;
vertical-align: top;
}


.wp_contents li a:hover{
background-color:#f0f0f0;
}

.wp_contents li a img{
text-align:center;
width:120px;
border:1px solid #d5d5d5;
}

.wp_contents li a{
font-size:14px;
color:#3a4f5b;
}

.wp_contents li a span{
padding:10px 15px;
display:block;
text-align:left;
}





.sp_contents a,
.wp_contents a
{
transition:all 0.3s ease;
}

.sp_contents a:hover,
.wp_contents a:hover
{
text-decoration:none;
color:#b0b0b0;
}