@charset "utf-8";
/*--------------------------------------------------
　CSS for ASCIIjp elecom
　　Last Modified 2013.04.18
　　http://ascii.jp/
　　File Name:jpElecom.css

--------------------------------------------------*/
@import "jpGeneral.css?2025031801";

/*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
-------------------------------------------------------------------------------------------------*/
#jpWrap #mainC a:link		{	color: #003377;	text-decoration: none; outline:none;	}
#jpWrap #mainC a:visited	{	color: #354e6f;	text-decoration: none;	}
#jpWrap #mainC a:hover		{	color: #0059c7;	text-decoration: underline;	}
/* float --*/

#jpWrap #mainC #topContents:after,
#jpWrap #mainC ul.reviewList li:after,
#jpWrap #sideR:after,
#jpWrap #mainC:after,
#jpWrap #jptopwrap:after,
.clearfix:after					{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}


* html #jpWrap #mainC #topContents,
* html #jpWrap #mainC ul.reviewList li,
* html #jpWrap #sideR,
* html #jpWrap #mainC,
* html #jpWrap #jptopwrap,
* html .clearfix				{	zoom: 1; } /* IE6 */


*:first-child+html #jpWrap #mainC #topContents,
*:first-child+html #jpWrap #mainC ul.reviewList li,
*:first-child+html #jpWrap #sideR,
*:first-child+html #jpWrap #mainC,
*:first-child+html #jpWrap #jptopwrap,
*:first-child+html .clearfix	{	zoom: 1; } /* IE7 */

/* layout --*/
#jpWrap #jptopwrap			{	width: 1058px; padding: 0 0 10px 0;}
#jpWrap #mainC				{	width: 728px; padding: 0 0 0 10px;float: left;font-family: 'HiraKakuProN-W3',Meiryo,"メイリオ",'MS PGothic',sans-serif;}

/*
#jpWrap #sideR				{ width: 300px; padding: 10px 8px 0 0;}
*/
#jpWrap #container			{	padding-top: 10px;}

#jpWrap ul,#jpWrap li			{	margin: 0;}
#jpWrap ul,#jpWrap li a			{	zoom: 1;}
#jpWrap #mainC a img,#jpWrap #mainC a:hover img		{	border:0;}
#jpWrap #mainC td									{	background-color: transparent; }


#jpWrap #header .adsize728 {
    padding-bottom: 10px;
}
#jpWrap #header #jplogo div#logo_elecom {
margin: 12px auto 3px;
padding: 0;
background: transparent url(/img/0910/logo_top_asciijp.gif) no-repeat left top;
float: none;
width: 187px;
height: 14px;
}
#jpWrap #header #jplogo div#logo_elecom a {
padding: 14px 0 0;
display: block;
width: 187px;
height: 0;
overflow: hidden;
}
#jpWrap #header #jplogo h2 {
margin: 0 auto 5px;
padding: 0;
float: none;
background: transparent url(/img/ad/elecom/logo_elecom.png) no-repeat left top;
width: 178px;
height: 25px;
}
#jpWrap #header #jplogo h2 a {
padding: 25px 0 0;
display: block;
width: 178px;
height: 0;
overflow: hidden;
}

#elecom #jpWrap						{ border-top-color: #333333;}
#jpWrap #header #generalMenu 			{ background-image: url(/img/0910/bg_generalmenu_bk.gif);}
#jpWrap #header #generalMenu li a 		{ background-image: url(/img/0910/menu_general_bk.gif);}
#jpWrap #header #secondMenu,
#jpWrap #header #secondMenu02 			{ background-image: url(/img/0910/bg_secondmenu_bk.gif);}
#jpWrap #header #secondMenu li a 		{ background-image: url(/img/0910/menu_second_bk.gif);}
#jpWrap #header #secondMenu02 li a 		{ background-image: url(/img/0910/menu_second02_bk.gif);}


/* main --*/

#jpWrap #mainC #topContents							{	overflow: hidden;	_zoom: 1; background:#ebefef;padding: 10px;margin-bottom: 10px;}
#jpWrap #mainC #topContents .thumb					{	float: right; margin-left: 10px;}
#jpWrap #mainC #topContents .thumb a img			{	border: 1px solid #000;}
#jpWrap #mainC #topContents .thumb a:hover img		{	border: 1px solid #0059c7;}
#jpWrap #mainC #topContents .lead					{	overflow: hidden;	_zoom: 1;text-align: justify;text-justify: inter-ideograph;}
#jpWrap #mainC #topContents .lead h4				{	font-size: 167%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#jpWrap #mainC #topContents .lead p					{	font-size: 114%;}
#jpWrap #mainC #topContents .lead p.subtitle		{	font-size: 100%;color: #333;font-weight: bold;}

#jpWrap #mainC #banCP					{	padding-bottom: 10px;}
#jpWrap #mainC h2						{	background: transparent url(/img/ad/elecom/h_bg.png) no-repeat 0 0; height: 25px;width: 718px;	margin: 0 !important;
											color: #fff;font-size: 107%;padding: 5px 0 0 10px;overflow: hidden;
											text-shadow: -1px -1px 1px #222;	}
#jpWrap #mainC ul.reviewList							{	margin: 0 0 5px 0;}
#jpWrap #mainC ul.reviewList li							{	overflow: hidden;	_zoom: 1; background: #fff url(/img/ad/elecom/li_bg.png) no-repeat 0 bottom;padding: 10px;border-bottom: 1px solid #ccc;}
#jpWrap #mainC ul.reviewList li .thumb					{	float: left; margin-right: 10px;}
#jpWrap #mainC ul.reviewList li .thumb a img			{	border: 1px solid #000;}
#jpWrap #mainC ul.reviewList li .thumb a:hover img		{	border: 1px solid #0059c7;}
#jpWrap #mainC ul.reviewList li .lead					{	overflow: hidden;	_zoom: 1;text-align: justify;text-justify: inter-ideograph;}
#jpWrap #mainC ul.reviewList li .lead h4				{	font-size: 129%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#jpWrap #mainC ul.reviewList li .lead p					{	font-size: 100%;}
#jpWrap #mainC ul.reviewList li .lead p.subtitle		{	font-size: 92%; color: #666;font-weight: bold;}
#jpWrap #mainC ul.reviewList li .lead p.date			{	font-size: 92%; color: #999;text-align: right;margin: 5px 0;}


#jpWrap #mainC table.table2col	{	border: 1px solid #fff; border-bottom: 1px solid #bbb;
									border-collapse: collapse; margin: 0 0 5px 0; padding: 0; width: 728px;	}
#jpWrap #mainC table.table2col tr,table.table2col td	{	margin: 0; padding: 0;}
#jpWrap #mainC table.table2col td						{	border: 1px dotted #ddd;border-bottom: 1px solid #ccc;vertical-align: top; background: #fff url(/img/ad/elecom/li_bg.png) no-repeat 0 bottom; width:50%;}
#jpWrap #mainC table.table2col td .art					{	padding: 8px;overflow: hidden; _zoom: 1}
#jpWrap #mainC table.table2col td .art .thumb			{	float: left; margin: 0 10px 5px 0; }
#jpWrap #mainC table.table2col td .art .thumb a			{	border: 1px solid #000; display: block;}
#jpWrap #mainC table.table2col td .art .thumb a:hover	{	border: 1px solid #0059c7;}
#jpWrap #mainC table.table2col td .art h3				{	font-size: 100%; font-weight: bold; line-height: 1.3; margin: 0 0 5px;}
#jpWrap #mainC table.table2col td .art h3 .update		{	color: #999; font-weight: normal;font-size: 85%;}
#jpWrap #mainC table.table2col td .art p				{	font-size: 92%; line-height: 1.3;margin-bottom: 5px;overflow: hidden; _zoom: 1}

#elecom #jpWrap #mainC .artsCont li.toContents	{	background: url(/img/ico_rightrellist.gif) no-repeat scroll 580px top transparent !important;}

#jpWrap #mainC .thumb a img{
	object-fit: contain;
}

/* #sideR */
/* #sideR Related Articles */
#sideR ul.hotlst li,
#sideR ul.rellst li{
	margin: 0;
	padding: 2px 0 4px 0;
}
#sideR ul.hotlst li h6,
#sideR ul.rellst li h6 {
	padding-left: 14px;
	background: transparent url(/img/0910/icon_articlelist.gif) no-repeat left 4px;
	font-size: 100%;
}
#sideR ul.hotlst li p.fr,
#sideR ul.rellst li p.fr {
	margin: 0 3px 3px;
	background-color: #fff;
}
#sideR ul.rellst li p.fr a:link,
#sideR ul.rellst li p.fr a:visited {
	border: 1px solid #ccc;
	display: block;
	width: 42px;height: 42px;
}
#sideR ul.rellst li p.fr a:hover {
	border: 1px solid #09f;
}
#sideR ul.hotlst li a img,
#sideR ul.rellst li a img {
	margin: 1px;
}

#sideR .containerNEW div {
	margin-bottom: 10px;
}

#sideR .containerNEW .elecom_tw {
	margin-top: -15px;
}

#sideR ul.rellst li p.fr a img{
	object-fit: contain;
}

.arcMonthIndex h5 {
	background: transparent url(/img/ad/elecom/h_bg.png) no-repeat 0 0; height: 25px;width: 718px;	margin: 0 !important;
	color: #fff;font-size: 107%;padding: 5px 0 0 10px;overflow: hidden;
	text-shadow: -1px -1px 1px #222;	}
.arcMonthIndex .yearBox {
    margin: 1px 0;
    padding: 4px 5px;
    border: 1px solid #c3c3c3;
    background-color: transparent; }
.arcMonthIndex .yearBox h6 {
    margin: 1px 5px 0;
    padding: 0 7px 0 0;
    color: #555;
    background-image: none;
    border-right: 1px solid #c3c3c3;
    font-size: 93%; }
#jpWrap .arcMonthIndex .yearBox ul li {
    margin: 0 7px 0 7px;
    float: left;
    font-size: 100%;
}

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

#elecom #jpWrap #sideR {
	padding-top: 0px;
}