@charset "utf-8";
/*--------------------------------------------------
    	 Header's Color CSS of ASCII.jp
                        Last Modified 2013.03.29
                        http://ascii.jp/
			Author: youko-a
--------------------------------------------------*/
/* Home */
/* Global Menu */
#jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu.gif) repeat-x left top;
}
#jpWrap #header #gMenu ul li a {
	background-image: url(/img/0901/bg_gmenulnk.png);
}
#jpWrap #header #gMenu ul li a:hover {
	margin: 0;
}
/* Category */
#jpWrap #header #gMenu ul li#gTopCur,
#jpWrap #header #gMenu ul li#gTop {
	width: 42px;
}
#jpWrap #header #gMenu ul li#gTop a {
	background-position: -12px 0px;
}
#jpWrap #header #gMenu ul li#gTopCur a,
#jpWrap #header #gMenu ul li#gTop a:hover {
	margin: 0;
	background-position: -12px -25px;
}
#jpWrap #header #gMenu ul li#gBusiness,
#jpWrap #header #gMenu ul li#gBusinessCur {
	margin-left: 10px;
	width: 54px;
}
#jpWrap #header #gMenu ul li#gBusiness a {
	background-position: -64px 0;
}
#jpWrap #header #gMenu ul li#gBusinessCur a,
#jpWrap #header #gMenu ul li#gBusiness a:hover {
	background-position: -64px -25px;
}
#jpWrap #header #gMenu ul li#gIt,
#jpWrap #header #gMenu ul li#gItCur {
	margin-left: 10px;
	width: 49px;
}
#jpWrap #header #gMenu ul li#gIt a {
	background-position: -128px 0;
}
#jpWrap #header #gMenu ul li#gItCur a,
#jpWrap #header #gMenu ul li#gIt a:hover {
	background-position: -128px -25px;
}
#jpWrap #header #gMenu ul li#gWebTT,
#jpWrap #header #gMenu ul li#gWebTTCur {
	margin-left: 10px;
	width: 116px;
}
#jpWrap #header #gMenu ul li#gWebTT a {
	background-position: -187px 0;
}
#jpWrap #header #gMenu ul li#gWebTTCur a,
#jpWrap #header #gMenu ul li#gWebTT a:hover {
	background-position: -187px -25px;
}
#jpWrap #header #gMenu ul li#gDigital,
#jpWrap #header #gMenu ul li#gDigitalCur {
	margin-left: 10px;
	width: 55px;
}
#jpWrap #header #gMenu ul li#gDigital a {
	background-position: -313px 0;
}
#jpWrap #header #gMenu ul li#gDigitalCur a,
#jpWrap #header #gMenu ul li#gDigital a:hover {
	background-position: -313px -25px;
}
#jpWrap #header #gMenu ul li#gMac,
#jpWrap #header #gMenu ul li#gMacCur {
	margin-left: 10px;
	width: 77px;
}
#jpWrap #header #gMenu ul li#gMac a {
	background-position: -378px 0;
}
#jpWrap #header #gMenu ul li#gMacCur a,
#jpWrap #header #gMenu ul li#gMac a:hover {
	background-position: -378px -25px;
}
#jpWrap #header #gMenu ul li#gHobby,
#jpWrap #header #gMenu ul li#gHobbyCur {
	margin-left: 10px;
	width: 82px;
}
#jpWrap #header #gMenu ul li#gHobby a {
	background-position: -465px 0;
}
#jpWrap #header #gMenu ul li#gHobbyCur a,
#jpWrap #header #gMenu ul li#gHobby a:hover {
	background-position: -465px -25px;
}
#jpWrap #header #gMenu ul li#gPc,
#jpWrap #header #gMenu ul li#gPcCur {
	margin-left: 10px;
	width: 52px;
}
#jpWrap #header #gMenu ul li#gPc a {
	background-position: -557px 0;
}
#jpWrap #header #gMenu ul li#gPcCur a,
#jpWrap #header #gMenu ul li#gPc a:hover {
	background-position: -557px -25px;
}

#jpWrap #header #gMenu ul li#gWin8,
#jpWrap #header #gMenu ul li#gWin8Cur {
	margin-left: 10px;
	width: 75px;
}
#jpWrap #header #gMenu ul li#gWin8 a {
	background-position: -619px 0;
}
#jpWrap #header #gMenu ul li#gWin8Cur a,
#jpWrap #header #gMenu ul li#gWin8 a:hover {
	background-position: -619px -25px;
}
#jpWrap #header #gMenu ul li#gCloud,
#jpWrap #header #gMenu ul li#gCloudCur {
	margin-left: 160px;
	width: 100px;
}
#jpWrap #header #gMenu ul li#gCloud a {
	background-position: -772px 0;
}
#jpWrap #header #gMenu ul li#gCloudCur a,
#jpWrap #header #gMenu ul li#gCloud a:hover {
	background-position: -772px -25px;
}

#jpWrap #header #gMenu ul li#gDascii,
#jpWrap #header #gMenu ul li#gDasciiCur {
	margin-left: 10px;
	width: 86px;
}
#jpWrap #header #gMenu ul li#gDascii a {
	background-position: -884px 0;
}
#jpWrap #header #gMenu ul li#gDascii a:hover {
	background-position: -884px -25px;
}

#jpWrap #header #gMenu ul li#gWam,
#jpWrap #header #gMenu ul li#gWamCur {
	margin-left: 10px;
	width: 72px;
}
#jpWrap #header #gMenu ul li#gWam a {
	background-position: -982px 0;
}
#jpWrap #header #gMenu ul li#gWamCur a,
#jpWrap #header #gMenu ul li#gWam a:hover {
	background-position: -982px -25px;
}
/* Sub Menu */
#jpWrap #header #subMenu ul {
	background-color: transparent;
}
#jpWrap #header #subMenu ul li#sbKakaku,
#jpWrap #header #subMenu ul li#sbKakakuCur,
#jpWrap #header #subMenu ul li#sbMs,
#jpWrap #header #subMenu ul li#sbMsCur,
#jpWrap #header #subMenu ul li#sbCareer,
#jpWrap #header #subMenu ul li#sbCareerCur, 
#jpWrap #header #subMenu ul li#sbCloud,
#jpWrap #header #subMenu ul li#sbCloudCur,
#jpWrap #header #subMenu ul li#sbVpn,
#jpWrap #header #subMenu ul li#sbVpnCur,
#jpWrap #header #subMenu ul li#sbITCommit,
#jpWrap #header #subMenu ul li#sbITCommitCur,
#jpWrap #header #subMenu ul li#sbMoney,
#jpWrap #header #subMenu ul li#sbMoneyCur,
#jpWrap #header #subMenu ul li#sbAkiba,
#jpWrap #header #subMenu ul li#sbAkibaCur,
#jpWrap #header #subMenu ul li#sbSPhone,
#jpWrap #header #subMenu ul li#sbSPhoneCur,
#jpWrap #header #subMenu ul li#sbAV,
#jpWrap #header #subMenu ul li#sbAVCur,
#jpWrap #header #subMenu ul li#sbNenga,
#jpWrap #header #subMenu ul li#sbNengaCur {
 	margin-right: 5px;
}
#jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu.gif);
}
#jpWrap #header #subMenu ul li#sbKakaku,
#jpWrap #header #subMenu ul li#sbKakakuCur {
	width: 41px;
}
#jpWrap #header #subMenu ul li#sbKakaku a {
	background-position: -5px 1px;
}
#jpWrap #header #subMenu ul li#sbKakaku a:hover,
#jpWrap #header #subMenu ul li#sbKakakuCur a {
	background-position: -5px -20px;
}
#jpWrap #header #subMenu ul li#sbMs,
#jpWrap #header #subMenu ul li#sbMsCur {
	width: 52px;
}
#jpWrap #header #subMenu ul li#sbMs a {
	background-position: -47px  1px;
}
#jpWrap #header #subMenu ul li#sbMs a:hover,
#jpWrap #header #subMenu ul li#sbMsCur a {
	background-position: -47px -20px;
}
#jpWrap #header #subMenu ul li#sbCareer,
#jpWrap #header #subMenu ul li#sbCareerCur {
	width: 36px;
}
#jpWrap #header #subMenu ul li#sbCareer a {
	background-position: -102px  1px;
}
#jpWrap #header #subMenu ul li#sbCareer a:hover,
#jpWrap #header #subMenu ul li#sbCareerCur a {
	background-position: -102px -20px;
}
/* SaaS→Cloud変更 */
#jpWrap #header #subMenu ul li#sbCloud,
#jpWrap #header #subMenu ul li#sbCloudCur {
	width: 36px;
}
#jpWrap #header #subMenu ul li#sbCloud a {
	background-position: -144px  1px;
}
#jpWrap #header #subMenu ul li#sbCloud a:hover,
#jpWrap #header #subMenu ul li#sbCloudCur a {
	background-position: -144px -20px;
}
/*
#jpWrap #header #subMenu ul li#sbVpn,
#jpWrap #header #subMenu ul li#sbVpnCur {
	width: 27px;
}
#jpWrap #header #subMenu ul li#sbVpn a {
	background-position: -180px  1px;
}
#jpWrap #header #subMenu ul li#sbVpn a:hover,
#jpWrap #header #subMenu ul li#sbVpnCur a {
	background-position: -180px -20px;
}
#jpWrap #header #subMenu ul li#sbITCommit,
#jpWrap #header #subMenu ul li#sbITCommitCur {
	width: 57px;
}
#jpWrap #header #subMenu ul li#sbITCommit a {
	background-position: -210px  1px;
}
#jpWrap #header #subMenu ul li#sbITCommit a:hover,
#jpWrap #header #subMenu ul li#sbITCommitCur a {
	background-position: -210px -20px;
}
#jpWrap #header #subMenu ul li#sbMoney,
#jpWrap #header #subMenu ul li#sbMoneyCur {
	width: 46px;
}
#jpWrap #header #subMenu ul li#sbMoney a {
	background-position: -293px  1px;
}
#jpWrap #header #subMenu ul li#sbMoney a:hover,
#jpWrap #header #subMenu ul li#sbMoneyCur a {
	background-position: -293px -20px;
}
*/
#jpWrap #header #subMenu ul li#sbAkiba,
#jpWrap #header #subMenu ul li#sbAkibaCur {
	width: 33px;
}
#jpWrap #header #subMenu ul li#sbAkiba a {
	background-position: -182px  1px;
}
#jpWrap #header #subMenu ul li#sbAkiba a:hover,
#jpWrap #header #subMenu ul li#sbAkibaCur a {
	background-position: -182px -20px;
}
/* スマートフォン追加 */
#jpWrap #header #subMenu ul li#sbSPhone,
#jpWrap #header #subMenu ul li#sbSPhoneCur {
	width: 63px;
}
#jpWrap #header #subMenu ul li#sbSPhone a {
	background-position: -218px  1px;
}
#jpWrap #header #subMenu ul li#sbSPhone a:hover,
#jpWrap #header #subMenu ul li#sbSPhoneCur a {
	background-position: -218px -20px;
}
/* オーディオ＆ビジュアル追加 */
#jpWrap #header #subMenu ul li#sbAV,
#jpWrap #header #subMenu ul li#sbAVCur {
	width: 95px;
}
#jpWrap #header #subMenu ul li#sbAV a {
	background-position: -285px  1px;
}
#jpWrap #header #subMenu ul li#sbAV a:hover,
#jpWrap #header #subMenu ul li#sbAVCur a {
	background-position: -285px -20px;
}
/* 年賀状追加 */
#jpWrap #header #subMenu ul li#sbNenga,
#jpWrap #header #subMenu ul li#sbNengaCur {
	width: 33px;
}
#jpWrap #header #subMenu ul li#sbNenga a {
	background-position: -380px  1px;
}
#jpWrap #header #subMenu ul li#sbNenga a:hover,
#jpWrap #header #subMenu ul li#sbNengaCur a {
	background-position: -380px -20px;
}

/* Special Menu */
#jpWrap #header #subMenu ul li#spDell,
#jpWrap #header #subMenu ul li#spDellCur {
	width: 38px;
}
#jpWrap #header #subMenu ul li#spDell a {
	background-position: -475px 1px;
}
#jpWrap #header #subMenu ul li#spDell a:hover,
#jpWrap #header #subMenu ul li#spDellCur a {
	background-position: -475px -19px;
}
/* 081001-SHARP終了 
#jpWrap #header #subMenu ul li#spSharp,
#jpWrap #header #subMenu ul li#spSharpCur {
	width: 49px;
}
#jpWrap #header #subMenu ul li#spSharp a {
	background-position: -516px 1px;
}
#jpWrap #header #subMenu ul li#spSharp a:hover,
#jpWrap #header #subMenu ul li#spSharpCur a {
	background-position: -516px -19px;
}
*/
#jpWrap #header #subMenu ul li#spPana,
#jpWrap #header #subMenu ul li#spPanaCur {
	margin-left: 125px;
	_margin-left: 122px;
	width: 62px;
}
#jpWrap #header #subMenu ul li#spPana a {
	background-position: -568px 1px;
}
#jpWrap #header #subMenu ul li#spPanaCur a,
#jpWrap #header #subMenu ul li#spPana a:hover {
	background-position: -568px -19px;
}
#jpWrap #header #subMenu ul li#spFujitsu,
#jpWrap #header #subMenu ul li#spFujitsuCur {
	width: 40px;
}
#jpWrap #header #subMenu ul li#spFujitsu a {
	background-position: -633px 1px;
}
#jpWrap #header #subMenu ul li#spFujitsuCur a,
#jpWrap #header #subMenu ul li#spFujitsu a:hover {
	background-position: -633px -19px;
}
#jpWrap #header #subMenu ul li#spSumai,
#jpWrap #header #subMenu ul li#spSumaiCur {
	width: 70px;
}
#jpWrap #header #subMenu ul li#spSumai a {
	background-position: -676px 1px;
}
#jpWrap #header #subMenu ul li#spSumaiCur a,
#jpWrap #header #subMenu ul li#spSumai a:hover {
	background-position: -676px -19px;
}


/* Akiba Editorial Dept.*/
/* Global Menu */
/* General */
body#pc #jpWrap #header #gMenu,
body#hobby #jpWrap #header #gMenu,
body#ura #jpWrap #header #gMenu,
body#akiba #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_ye.gif) repeat-x left top;
}
body#pc #jpWrap #header #gMenu ul li a,
body#hobby #jpWrap #header #gMenu ul li a,
body#akiba #jpWrap #header #gMenu ul li a,
body#ura #jpWrap #header #gMenu ul li a {
	background-image: url(/img/0901/bg_gmenulnk_ye.png);
}
/* Special Menu */
body#pc #jpWrap #header #subMenu ul,
body#hobby #jpWrap #header #subMenu ul,
body#ura #jpWrap #header #subMenu ul,
body#akiba #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#pc #jpWrap #header #subMenu ul li a,
body#hobby #jpWrap #header #subMenu ul li a,
body#ura #jpWrap #header #subMenu ul li a,
body#akiba #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_ye.gif);
}

/* Trend Editorial Dept.*/
/* Global Menu */
/* General */
body#digital #jpWrap #header #gMenu,
body#topics #jpWrap #header #gMenu,
body#science #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_bk.gif) repeat-x left top;
}
body#digital #jpWrap #header #gMenu ul li a,
body#topics #jpWrap #header #gMenu ul li a,
body#science #jpWrap #header #gMenu ul li a {
	background-image: url(/img/0901/bg_gmenulnk_bk.png);
}
/* Special Menu */
body#digital #jpWrap #header #subMenu ul,
body#topics #jpWrap #header #subMenu ul,
body#science #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#digital #jpWrap #header #subMenu ul li a,
body#topics #jpWrap #header #subMenu ul li a,
body#science #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_bk.gif);
}

/* Neta-cho Editorial Dept.*/
/* Global Menu */
/* General */
body#it #jpWrap #header #gMenu,
body#biz #jpWrap #header #gMenu,
body#webTT #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_gr.gif) repeat-x left top;
}
body#it #jpWrap #header #gMenu ul li a,
body#biz #jpWrap #header #gMenu ul li a,
body#webTT #jpWrap #header #gMenu ul li a {
	background-image: url(/img/0901/bg_gmenulnk_gr.png);
}
/* Special Menu */
body#it #jpWrap #header #subMenu ul,
body#biz #jpWrap #header #subMenu ul,
body#webTT #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#it #jpWrap #header #subMenu ul li a,
body#biz #jpWrap #header #subMenu ul li a,
body#webTT #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_gr.gif);
}
/* Web Professional Cat.*/
/* Global Menu */
/* General */
body#webTT #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_sv.gif) repeat-x left top;
}
body#webTT #jpWrap #header #gMenu ul li a {
	background-image: url(/img/0910/bg_gmenulnk_sv.png);
}
/* Special Menu */
body#webTT #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#webTT #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_sv.gif);
}

/* Magazines Editorial Dept. */
/* General */
body#mac #jpWrap #header #gMenu,
body#mAscii #jpWrap #header #gMenu,
body#nmag #jpWrap #header #gMenu,
body#techno #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_rd.gif) repeat-x left top;
}
body#mac #jpWrap #header #gMenu ul li a,
body#mAscii #jpWrap #header #gMenu li a,
body#nmag #jpWrap #header #gMenu li a,
body#techno #jpWrap #header #gMenu li a {
	background-image: url(/img/0901/bg_gmenulnk_rd.png);
}
/* Special Menu */
body#mac #jpWrap #header #subMenu ul,
body#mAscii #jpWrap #header #subMenu ul,
body#nmag #jpWrap #header #subMenu ul,
body#techno #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#mac #jpWrap #header #subMenu ul li a,
body#mAscii #jpWrap #header #subMenu ul li a,
body#nmag #jpWrap #header #subMenu ul li a,
body#techno #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_rd.gif);
}
/* Money Category*/
/* General */
body#money #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_money.gif) repeat-x left top;
}
body#money #jpWrap #header #gMenu ul li a {
	background-image: url(/img/0901/bg_gmenulnk_money.png);
}
/* Special Menu */
body#money #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#money #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_money.gif);
}
/* AD */
/* General */
body#ad #jpWrap #header #gMenu {
	background: #efefef url(/img/bg_gmenu_bl.gif) repeat-x left top;
}
body#ad #jpWrap #header #gMenu ul li a{
	background-image: url(/img/0910/bg_gmenulnk_bl.png);
}

/* Special Menu */
body#ad #jpWrap #header #subMenu ul {
	background-color: transparent;
}
body#ad #jpWrap #header #subMenu ul li a {
	background-image: url(/img/bg_spmenu_bl.gif);
}