@charset "utf-8";
/*--------------------------------------------------
 * Copyright (C) KADOKAWA CORPORATION 2015
--------------------------------------------------*/

@import "jpGeneral.css";

/*Font-size --------------------------------------------------------------------------------------
77% = 10px	85% = 11px	92% = 12px	100% = 13px	107% = 14px	114% = 15px	122% = 16px	129% = 17px
136% = 18px	144% = 19px	152% = 20px	159% = 21px	167% = 22px 174% = 23px	182% = 24px	189% = 25px
-------------------------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img	{	margin: 0;	padding: 0;	}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body#huawei #mainC					{	color: #444;}
body#huawei a:link			{	color: #be000a; text-decoration: none; outline:none;	}
body#huawei a:visited		{	color: #be000a; text-decoration: none;	}
body#huawei a:hover			{	color: #df000f; text-decoration: underline;	}
a img {vertical-align: bottom;}


body#huawei .thumb{
	float: left;
	margin: 0 10px 0 0;

}
body#huawei .thumb a {
	border: none;
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
body#huawei .thumb a:hover {	border: 3px solid #df000f;}
body#huawei .thumb a:hover img {	margin: -3px;}



body#huawei .lead {	overflow: hidden;	_zoom: 1; font-weight: normal;}
body#huawei .lead p{font-size: 100%;}

body#huawei p.subtitle{color: #333;font-size: 12px;font-weight: bold;margin: 0 !important;}
body#huawei p.date{color: #9b9b9b;font-size: 10px;}



h3, h5	{	margin: 0; font-weight: bold;	font-size: 100%;line-height: 1.3em;}


/* float --*/
body#huawei #mainC #comicHuawei .inner:after,
body#huawei #mainC #comicHuawei h3:after,
body#huawei #headerLogo #headerLogo_logo:after,
body#huawei #headerLogo:after,
body#huawei #sideR .relatedNews ul li:after,
body#huawei #sideR:after,
body#huawei #mainC .box ul.panel-1 li:after,
body#huawei #mainC .box ul.list-3 li:after,
body#huawei #mainC .box ul:after,
body#huawei #mainC .box:after,
body#huawei #mainC:after,
body#huawei #container:after,
body#huawei #jpWrap:after,
.clearfix:after	{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}

* html body#huawei #mainC #comicHuawei .inner,
* html body#huawei #mainC #comicHuawei h3,
* html body#huawei #headerLogo#headerLogo_logo,
* html body#huawei #headerLogo,
* html body#huawei #sideR .relatedNews ul li,
* html body#huawei #sideR,
* html body#huawei #mainC .box ul.panel-1 li,
* html body#huawei #mainC .box ul.list-3 li,
* html body#huawei #mainC .box ul,
* html body#huawei #mainC .box,
* html body#huawei #mainC,
* html body#huawei #container,
* html body#huawei#jpWrap,
* html .clearfix	{	zoom: 1; } /* IE6 */

*:first-child+html body#huawei #mainC #comicHuawei .inner,
*:first-child+html body#huawei #mainC #comicHuawei h3,
*:first-child+html body#huawei #headerLogo_logo,
*:first-child+html body#huawei #headerLogo,
*:first-child+html body#huawei #sideR .relatedNews ul li,
*:first-child+html body#huawei #sideR,
*:first-child+html body#huawei #mainC .box ul.panel-1 li,
*:first-child+html body#huawei #mainC .box ul.list-3 li,
*:first-child+html body#huawei #mainC .box ul,
*:first-child+html body#huawei #mainC .box,
*:first-child+html body#huawei #mainC,
*:first-child+html body#huawei #container,
*:first-child+html body#huawei #jpWrap,
*:first-child+html .clearfix	{	zoom: 1; } /* IE7 */

/* layout --*/
body#huawei #jpWrap				{	width: 1058px; padding: 0;border: 0;background: none; background: #f0f2f3;min-width: 0; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
body#huawei #jpWrap #container	{	width: 740px; padding: 0 0 10px 0; background-color:transparent;min-height: 0;}
body#huawei #jpWrap #mainC		{	width: 730px; padding: 0 0 0 10px; float: left;margin: 0;}
body#huawei #sideR				{	width: 300px; padding: 0 10px 0 0; float: right;margin: 0;}

/* header --*/
body#huawei #header {
	background: #df0010 url("/img/ad/huawei/header_bg.png") repeat-x left bottom;
	box-shadow:  0 3px 3px #ccc;
}

body#huawei #header #headerLine{
	color: #ddd;
	background: #222;
	font-size: 90%;
}
body#huawei #header #headerLine p{padding: 5px 10px;color:#ddd;}

body#huawei #headerLogo {	margin: 0;background: transparent;}
body#huawei #headerLogo a {	color: #fff;}

body#huawei #headerLogo div#logo_huawei,
body#huawei #headerLogo div#logo_huawei a,
body#huawei #headerLogo h2,
body#huawei #headerLogo h2 a{	display: block;}

body#huawei #headerLogo div#logo_huawei a,
body#huawei #headerLogo h2 a{	font-size:0; text-indent:-4000px; line-height:0;float: left;}

body#huawei #headerLogo div#logo_huawei {	padding: 0;}
body#huawei #headerLogo div#logo_huawei a {	width: 300px; height: 50px; background: transparent url("/img/ad/huawei/logo.png?201907171700") no-repeat left top;}
body#huawei #headerLogo h2 {	padding: 0 0 0 200px;}
body#huawei #headerLogo h2 a {	width: 100px; height: 18px; background: transparent url("/img/ad/huawei/logo.png?201907171700") no-repeat right bottom;}

body#huawei #headerLogo #headerLogo_logo	{	padding: 20px 0 0 8px; float: left;width: 300px;}
body#huawei #headerLogo .adsize728			{	float: right;margin: 10px 10px 10px 0;}

/* main --*/

body#huawei h3 {
	height: 20px;
	margin: 0 ;
	padding: 7px 0 0 20px;
	border:none;
	border-bottom:1px solid #aaa;
	background: transparent url("/img/ad/huawei/h_bg.png") no-repeat 0 0;
	color: #222;
	text-shadow: 0px 1px 0px #fff;
	font-size: 114%;
	font-weight: bold;
	line-height: 100%;
}

body#huawei h3 span{
	padding: 0 1em;
	color: #687682;
	font-size: 12px;
	font-weight: normal;
}

body#huawei #mainC .ban728			{	margin: 10px 0;}
body#huawei #mainC .ban728 a img	{	border: 0 !important;}

/* --*/
body#huawei #mainC .box{
	width: 728px;
	overflow: hidden; _zoom: 1;
	margin: 10px 0 15px;
	background: #fff;
	box-shadow: 0 10px 6px -6px #777;
	border:1px solid #ccc;
}

body#huawei #mainC .box h4{
	font-size: 136%;
	font-weight: bold;
	line-height: 130%;
	margin: 10px 0;
}

body#huawei #mainC .box p{
	margin: 10px 0;
}

body#huawei #mainC .box ul,
body#huawei #mainC .box ul li{ overflow: hidden; _zoom: 1; }

body#huawei #mainC .box ul.panel-1{}
body#huawei #mainC .box ul.panel-1 li{
	margin: -1px 0 0;
	padding: 10px;
	border-top: 1px dotted #ddd;
}

body#huawei #mainC .box ul.panel-1 .date{
	text-align: right;
}


body#huawei #mainC .box ul.panel-3{
	overflow: hidden; _zoom: 1;
	height: auto;
	margin:0 0 0 -4px;
}

body#huawei #mainC .box ul.panel-3 li{
	background: #fff;
	width: 220px;
	padding: 10px;
	float: left;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	border:0;
	border-left:4px solid #f0f2f3;
}

body#huawei #mainC .box ul.list-4{
	background: #fff;
	font-size:0;
}

body#huawei #mainC .box ul.list-4 li{
	display:inline-block;
	vertical-align:top;
	width:160px;
	margin:0;
	padding: 10px 11px 20px;
	border-top: 1px solid #f0f2f3;
	font-size:13px;
}

* html body#huawei #mainC .box ul.list-4 li{display:inline; width:160px; zoom:1;}
*:first-child+html body#huawei #mainC .box ul.list-4 li{display:inline; zoom:1;}

body#huawei #mainC .box ul.list-4 li h4{
	font-size: 100%;
	margin:10px 0;
}


body#huawei #mainC .box ul.list-3{
	background: #fff;
	font-size:0;
	overflow: hidden; _zoom: 1;
	border-top: 1px solid #f0f2f3;
}

body#huawei #mainC .box ul.list-3 li{
	display:inline-block;
	vertical-align:top;
	width:220px;
	margin:-1px 0 0;
	padding: 20px 11px 20px 11px;
	border-top: 1px solid #f0f2f3;
	font-size:13px;
	overflow: hidden; _zoom: 1;
}

* html body#huawei #mainC .box ul.list-3 li{display:inline; width:220px; zoom:1;}
*:first-child+html body#huawei #mainC .box ul.list-3 li{display:inline; zoom:1;}

body#huawei #mainC .box ul.list-3 li h4{
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	overflow: hidden; _zoom: 1;
}

body#huawei #mainC .box ul.list-3 li .thumb{
	float: left;
	margin-right: 10px;
}


/* --*/
body#huawei #mainC .arcMonthIndex {
	clear: both;
	width: 728px;
	overflow: hidden; _zoom: 1;
	margin: 10px 0 20px;
	background: #fff;
	box-shadow: 0 10px 6px -6px #777;
	border:1px solid #ccc;
}
body#huawei #mainC .arcMonthIndex h5			{
	height: 20px;
	margin: 0;
	padding: 7px 0 0 20px;
	border:none;
	border-bottom:1px solid #aaa;
	background: transparent url("/img/ad/huawei/h_bg.png") no-repeat 0 0;
	color: #222;
	text-shadow: 0px 1px 0px #fff;
	font-size: 114%;
	font-weight: bold;
	line-height: 100%;
}
body#huawei #mainC .arcMonthIndex .yearBox {
	margin:0 ;
	padding:10px;
	background: #fff;
	border: 0 none;
	border-top: 1px solid #ddd;
}

body#huawei #mainC .arcMonthIndex h6{
	background: none;
	font-weight: bold;
}

body#huawei #mainC .arcMonthIndex li {
	margin: 0 10px 0 7px;
}

/* side --*/
body#huawei #sideR .banSide_bgRed,
body#huawei #sideR .banSide,
body#huawei #sideR .adrect		{	margin: 10px 0;text-align: center;}

body#huawei #sideR .banSide_bgRed{
	background: #cc0000;
	padding: 0 0 1px;
}
/* 20150818 --*/
body#huawei #mainC .box .box_footer{
	background: #f0f2f3;
	border-top: 1px solid #cccece;
	text-align: center;
	padding:10px;
}

body#huawei #mainC .btn{
	display: inline-block;
	height: 30px;
	text-align: center;
	padding: 0 25px 0 10px;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	background: #af1f1b url(../../img/ad/huawei/btn_arrow.png) no-repeat right center;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0 3px 3px #ccc, inset 0 1px 1px #df000f;
}

body#huawei #mainC .btn:hover{
	text-decoration: underline;
	background-color: #df000f;
}

#huaweiTwitter{margin:0 auto 0 10px; width:500px; height: 300px; float: left;}
.ban_huaweiTwitter{
	float: right;
	padding: 5px 5px 0 0;
}

body#huawei #mainC #comicHuawei{}
body#huawei #mainC #comicHuawei h3{
	height: 55px;
	margin: 0;
	padding: 7px 5px 5px 5px;
	border:none;
	background: #2d2421 url(../../img/ad/huawei/h_comic_bg.png) repeat-x 0 0;
	color: #f3f3f3;
	text-shadow: none;
	box-shadow: 0 1px 3px #999;
}
body#huawei #mainC #comicHuawei h3 span{
	color: #ccc;
	display: block;
	float: right;
	margin: 37px 5px 0 0;
	padding: 0;
}

body#huawei #mainC #comicHuawei .inner{
	overflow: hidden; _zoom: 1;
	padding: 10px;
}

body#huawei #mainC #comicHuawei .thumb{
	border:1px solid #af1f1b;
	box-shadow: 0 1px 3px #999;
}

body#huawei #mainC #comicHuawei .thumb a{
	position: relative;
	overflow:hidden;}

body#huawei #mainC #comicHuawei .thumb a span{
	position: absolute;
	left: 0; bottom: 0;
	display: block;
}

body#huawei #mainC #comicHuawei .thumb a:hover span{
	left: -3px; bottom: -3px;
}

body#huawei #mainC #comicHuawei .new .thumb{
	margin: 0 20px 0 10px;
}

body#huawei #mainC #comicHuawei .new .thumb a span{
	width: 280px; height:20px;
	padding:80px 0 0 ;
	background: transparent url(../../img/ad/huawei/comic_new.png) no-repeat center bottom;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

body#huawei #mainC #comicHuawei .log{
	background: #f0f2f3;
	padding:0 10px;
	height: 282px;
	overflow: hidden; _zoom: 1;
	text-align: center;

}

body#huawei #mainC #comicHuawei .log .title{
	font-size: 20px;
	color: #949494;
	text-shadow: 0px 1px 0px #fff;
}

body#huawei #mainC #comicHuawei .log .thumb{
	margin: 0 0 0 10px;
}

body#huawei #mainC #comicHuawei .log .thumb a span{
	width: 170px; height:0px;
	padding:99px 0 0 ;
	background: transparent url(../../img/ad/huawei/comic_log.png) no-repeat center bottom;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}

body#huawei #mainC #comicHuawei .log .backnum{
	clear: both;
	margin: 0;
	padding: 20px 0 0;
}

#huawei #jpWrap #footer {
	padding: 15px 0 10px;
}