@charset "utf-8";
/*--------------------------------------------------


--------------------------------------------------*/
/* import files ------------------------*/
@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;	}

#amd a:link			{	color: #0c4ca3; text-decoration: none; outline:none;	}
#amd a:visited		{	color: #0c4ca3; text-decoration: none;	}
#amd a:hover		{	color: #0099ff; text-decoration: underline;	}


h3, h5	{	margin: 0; font-weight: bold;	font-size: 100%;line-height: 1.3em;	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande";	}
 

/* float --*/

#amd #titleWrap .artdata:after,
#amd #mainC #backNum:after,
#amd #mainC .L2pane ul:after,
#amd #mainC .L2pane ul li:after,
#amd #sideR:after,
#amd #mainC:after,
#amd #container:after,
#amd #jpWrap:after,
.clearfix:after	{	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;	}

* html #amd #titleWrap .artdata,
* html #amd #mainC #backNum,
* html #amd #mainC .L2pane ul,
* html #amd #mainC .L2pane ul li,
* html #amd #sideR,
* html #amd #mainC,
* html #amd #container,
* html #amd #jpWrap,
* html .clearfix	{	zoom: 1; } /* IE6 */

*:first-child+html #amd #titleWrap .artdata,
*:first-child+html #amd #mainC #backNum,
*:first-child+html #amd #mainC .L2pane ul,
*:first-child+html #amd #mainC .L2pane ul li,
*:first-child+html #amd #sideR,
*:first-child+html #amd #mainC,
*:first-child+html #amd #container,
*:first-child+html #amd #jpWrap,
*:first-child+html .clearfix	{	zoom: 1; } /* IE7 */

/* layout --*/
#amd {
/*	background: #fff url(/img/ad/amd/bg.png) repeat-y center top; */
}
#amd #jpWrap 			{		background: #fff url(../../img/ad/amd/bg.png) repeat-y center top;
border-top: 3px solid #66227c; }

#amd #jpWrap #container			{	background: none;width: 728px; padding: 8px 0 50px 8px; float: left; min-height: 0;}
#amd #jpWrap #mainC				{	width: 728px; padding: 0 0 0 0;margin: 0;}

/* header --*/
#amd #jpWrap #header {
	background: #fff url(../../img/ad/amd/bg_header.png) no-repeat left bottom;
	height: 115px;
}
#amd #jpWrap #header #jplogo {
	width: 320px;
}
#amd #jpWrap #header #jplogo h1 {
	margin: 10px auto 0;
	width: 300px;
	height: 40px;
	background: url(../../img/ad/amd/logo_amd.png) no-repeat center top;
	background-size: 300px 90px;
}
#amd #jpWrap #header #jplogo h1 a {
	padding:40px 0 0;
}
#amd #jpWrap #header h2 {
	margin: 0 auto;
	width: 300px;
	background: url(../../img/ad/amd/logo_amd.png) no-repeat center bottom;
	background-size: 300px 90px;
}
#amd #jpWrap #header #jplogo h2 a {
    padding: 50px 0 0;
    display: block;
    width: 300px;
    height: 0;
    overflow: hidden;
}
#amd #headerAd			{	float: right; padding: 7px 7px 0 0; text-align: right;}


/* main --*/

#amd h3		{margin: 0;background: #7c4387;padding: 7px 10px; color: #fff; font-size: 114%; z-index: 1; position: relative;}
#amd h3::before {
	content: " ";
	border-left: 4px #fff solid;
	padding: 0 0 0 10px;
}

#amd #mainC .ban728						{	margin: 5px 0;}

#amd #mainC .L1pane						{	margin: 0;padding-bottom: 15px; width:728px; overflow: hidden; _zoom: 1;}
#amd #mainC .L1pane li					{	overflow: hidden;	_zoom: 1; padding: 10px;border-top: 1px solid #eee;margin-top:-1px; z-index:-1;}

#amd #mainC .L2pane						{	margin: 0 0 10px; padding-bottom: 5px; width:728px; overflow: hidden; _zoom: 1; border-collapse: collapse; margin-top:-1px; z-index:-1;}
#amd #mainC .L2pane td					{	width: 50%; overflow: hidden; _zoom: 1; padding: 10px; vertical-align: top;border-top: 1px solid #e4e4e4;}

#amd #mainC .L1pane .thumb,
#amd #mainC .L2pane .thumb				{	float: left; margin-right: 10px;}
#amd #mainC .L1pane .thumb a img,
#amd #mainC .L2pane .thumb a img		{	border: 1px solid #cdcdcd;}
#amd #mainC .L1pane .thumb a:hover img,
#amd #mainC .L2pane .thumb a:hover img	{	border: 1px solid #0099ff;}
#amd #mainC .L1pane .lead,
#amd #mainC .L2pane .lead				{	overflow: hidden;	_zoom: 1;text-align: justify;text-justify: inter-ideograph;}
#amd #mainC .L1pane .lead h4			{	font-size: 114%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#amd #mainC .L2pane .lead h4			{	font-size: 107%; font-weight: bold;padding-bottom: 10px;line-height: 1.2em;}
#amd #mainC .L1pane .lead p,
#amd #mainC .L2pane .lead p				{	font-size: 100%;}
#amd #mainC .L1pane .lead p.date,
#amd #mainC .L2pane .lead p.date		{	font-size: 92%; color: #999;text-align: right; padding-top: 5px;}

/*2カラム*/
#amd .L2col								{	margin: 0 -5px;}
#amd .L2col .inner_wrap 				{	float: left; width: 360px; margin: 0 4px 10px; background: #fff;}
/*リスト*/
#amd .L1list ul							{	margin: 10px 10px 20px;}
#amd .L2col .inner_wrap ul				{	margin: 10px;}
#amd .L1list ul li,
#amd .L2col .inner_wrap ul li			{	background: url(../../img/ad/amd/ico_list.gif) no-repeat left 5px; padding: 0 0 0 15px; margin:0 0 5px;}
#amd .L1list ul li .update,
#amd .L2col .inner_wrap ul li .update	{	display: block; color: #888;}

#amd #mainC .arcMonthIndex .yearBox		{	background-color: transparent; padding: 5px;}

#amd #mainC #copy						{	margin-top: 10px;padding: 10px;text-align: center;border: 1px solid #767f88;background: #eaeaea;}
#amd #mainC #copy p						{	color: #52565a;font-size: 92%;}


/* side --*/
#sideR ul.rightBanner li						{	vertical-align:bottom;padding: 0 0 10px;line-height: 0;}
#sideR ul.rightBanner li a						{	display: block;	zoom: 1;overflow: hidden;}

#netgear #sideR .relatedNews					{	margin: 0 7px 10px 0;}
#netgear #sideR .relatedNews h5					{	background: url(https://ascii.jp/img/ad/amd/bg_h5.png) no-repeat left top; color: #fff; font-weight: bold; padding: 7px 5px 0 12px; height: 21px;}
#netgear #sideR .relatedNews ul					{	padding: 0;}
#netgear #sideR .relatedNews li .date			{	color: #666;}
#netgear #sideR .relatedNews li					{	padding: 10px 5px 8px 5px; border-bottom: 1px #ccc solid; overflow: hidden;}
#netgear #sideR .relatedNews li h4				{	font-size: 92%; margin:5px 0 0; font-weight: bold; overflow: hidden;}
#netgear #sideR .relatedNews li .thumb			{	float: left; margin: 0 10px 0 0;}


/* article --*/
#amd #titleWrap							{	background: #f5f5f5;border-top: 2px solid #999;border-bottom: 1px solid #999;margin-bottom: 10px;padding: 5px 20px;}
#amd #titleWrap p.author				{	font-size: 13px;margin: 0;}
#amd #titleWrap p.date					{	font-size: 12px; color: #666;margin: 0;}
#amd #titleWrap p.sertitle				{	font-size: 12px;margin: 0; color: #666;}
#amd #titleWrap h1						{	font-size: 153.9%; line-height: 1.3em;padding: 10px 0;}
#amd #titleWrap .artdata p.author		{	float: right;text-align: right;}
#amd #titleWrap .artdata p.date			{	float: left;width: 15em;}

#amd table.imgphoto a img				{	border: 2px solid #ccc;}
#amd table.imgphoto a:hover img			{	border: 2px solid #0059c7;}
#amd table.imgphoto td					{	background: #f3f4f5;}


#amd #container #mainC h2				{	border: solid 1px #9ca7b4;	background: #fff url(../../img/ad/hp2/h2.png) no-repeat 0 bottom;padding: 5px 5px 5px 20px;color: #000;font-size: 15px;}

/*右カラム*/
#amd #jpWrap #sideR {
	background: none;
}
#amd #jpWrap #sideR .banSide {
	margin: 10px 5px 10px 7px;
}
#amd #jpWrap #sideR .sideList ,
#amd #jpWrap #sideR .relatedNews {
	margin: 10px 5px 10px 7px;
}
#amd #jpWrap #sideR .banSide h5,
#amd #jpWrap #sideR .sideList h5,
#amd #jpWrap #sideR .relatedNews h5 {
	background: url(../../img/ad/amd/h_side.png) no-repeat left top;
	color: #777;
	font-weight: bold;
	padding: 8px 5px;
	font-size: 114%;
}
#amd #jpWrap #sideR .banSide a img {
	margin: 0 0 10px;
}
#amd #jpWrap #sideR .relatedNews ul {
	margin: 0;
}
#amd #jpWrap #sideR .relatedNews li {
	margin:0 0 5px;
	padding: 9px 5px 10px 5px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
	position: relative;
}
#amd #jpWrap #sideR .relatedNews.ranking ul li h4 {
	margin: 5px 0;
	font-size: 12px;
}
#amd #jpWrap #sideR .relatedNews.ranking ul li .rankicon {
	padding: 0;
	position: absolute;
	left: 0;
	top: 3px;
	color: #fff;
	background-color: #A47CAB;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	width: 18px;
	height: 18px;
	text-align: center;
}
#amd #jpWrap #sideR .relatedNews.ranking ul li .rankicon span {
	position: relative;
	top: 15%;
	font-size: 85%;
	font-weight: bold;
}
#amd #jpWrap #sideR .relatedNews li .date {
	color: #666;
}
#amd #jpWrap #sideR .relatedNews li h4 {
	font-size: 92%;
	margin:5px 0 0;
	font-weight: bold;
	overflow: hidden;
}
#amd #jpWrap #sideR .relatedNews li .thumb {
	float: left;
	margin: 0 10px 0 0;
}
#amd .arcMonthIndex {
    margin-bottom: 10px;
    padding: 0;
    background-color: transparent;
    border: none;
}
#amd .arcMonthIndex h5 {
	background: #7C4387;
	overflow: hidden; _zoom: 1;
	padding: 3px 0 0 10px;
	margin: 0 0 5px 0;
	height: 17px;
	font-weight: bold;
	color: #fff;
}
#amd .arcMonthIndex .yearBox {
    margin: 1px 0;
    padding: 4px 5px;
    border: 1px solid #c3c3c3;
    background-color: transparent;
}
#amd .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%;
}
#amd #jpWrap #mainC .arcMonthIndex li a:link {
	color: #003377;
}
#amd #jpWrap #mainC .arcMonthIndex li a:visited {
	color: #2561b0;
}
#amd #jpWrap #mainC .arcMonthIndex li a:hover {
	color: #CC9B1C;
}
#amd #jpWrap #mainC .archives h3 {
	padding: 2px 10px 3px;
	background: none;
	color: #000;
	border-bottom-color: #7C4387;
}
#amd #jpWrap #mainC .archives h4 {
	border-top-color: #7C4387;
}