body {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
margin:0;
padding:0;
color:#333;
}
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#C00;
}
a img {
border:none;
}
/* ------------------------------*/
/* PATHDEBUG */
/* ------------------------------*/
#PATHDEBUG {
font-size:12px;
line-height:16px;
text-align:center;
background:#C00;
background:-webkit-gradient(linear, left top, left bottom, from(#F33), to(#C00));
background:-moz-linear-gradient(top, #F33, #C00);
border-bottom:1px solid #CCC;
color:#FFF;
display:none;
}
/* ------------------------------*/
/* COIDP */
/* ------------------------------*/
#COIDP {
height:20px;
background:url(http://img.itmedia.jp/so/p/image/itmidNav_bg.gif) repeat-x 0 0;
font-size:12px;
line-height:16px;
min-width:990px;
}
.COIDP-Message {
float:left;
margin-left:10px;
padding:1px 5px 0 0;
}
.COIDP-Member {
float:right;
margin-right:10px;
}
.COIDP-NewEntry {
float:left;
padding:1px 15px 0 20px;
background:url(http://img.itmedia.jp/so/p/image/itmidNav_NewEntry.gif) no-repeat 0 0;
}
.COIDP-MyPage {
float:left;
padding:1px 0px 0px 15px;
background:url(http://img.itmedia.jp/so/p/image/itmidNav_MyPage.gif) no-repeat 0 0;
}
#COIDP a {
color:#323778;
text-decoration:none;
}
#COIDP a:hover {
text-decoration:underline;
}
.COIDP-in {
width:990px;
margin:0 auto;
}
/* ------------------------------*/
/* adsense */
/* ------------------------------*/
.colBoxGtAdsense {
padding-top:15px;
font-size:12px;
line-height:150%;
}
.colBoxGtAdsense span {
text-decoration:none!important;
}
.colBoxGtAdsense b {
font-size:16px;
}
#masterMain .colBoxGtAdsense {
float:left;
width:336px;
}
/* ------------------------------*/
/* BEACON */
/* ------------------------------*/
#BEACON {
display:none;
}
/* ------------------------------*/
/* global navigation */
/* ------------------------------*/
#globalNavigationGroup0 {
width:990px;
margin:0 auto;
}
.gnavOut {
font-size:11px;
font-weight:bold;
line-height:100%;
background:#333;
overflow:hidden;
}
.gnavOut .gnavIn {
position:relative;
width:990px;
margin:0 auto;
overflow:hidden;
}
.gnavBtn a {
color:#AAA;
float:left;
margin:0 0 3px 3px;
padding:7px 11px 5px;
border-radius:2px;
letter-spacing:1px;
}
.gnavBtn a:hover {
color:#EEE;
text-decoration:none;
}
.gnavBtn0 a {
color:#FFF;
background:#E30;
background:-moz-linear-gradient(#F52, #E30);
background:-webkit-gradient(linear, left top, left bottom, from(#F52), to(#E30)); 
box-shadow:0 1px 1px rgba(0,0,0,0.4);
}
.gnavBtn0 a:hover {
background:#F41;
}
.gnavBtn13 a {
color:#000;
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
}
.gnavBtn13 a:hover {
color:#000;
}
/* ------------------------------*/
/* global footer */
/* ------------------------------*/
#globalFooter {
width:auto;
border-top:3px solid #EEE;
margin:auto;
margin-top:20px;
padding:10px;
border:0;
}
#globalFooterLink {
font-size:10px;
line-height:14px;
text-align:right;
margin:0 0 20px;
padding:0 0 10px;
height:1%;
border-bottom:3px solid #666;
}
#globalFooterMediaList .mediaListGroup {
clear:both;
}
#globalFooterMediaList .mediaList {
float:left;
width:170px;
margin:0 10px 10px 0;
}
#globalFooterMediaList .mediaList .mediaHead {
margin:0 0 3px;
padding:0 0 0 6px;
border-left:3px solid #C00;
font-size:12px;
line-height:16px;
}
#globalFooterMediaList .mediaList ul {
margin:0;
padding:3px 0 0;
border-top:1px solid #666;
list-style:none;
}
#globalFooterMediaList .mediaList ul li {
font-size:12px;
line-height:16px;
margin:0 0 3px 0;
padding:0;
}
#globalFooterCorp {
clear:both;
border-top:1px solid #666;
padding:10px 0 0;
}
#globalFooterCorpLogo {
position:relative;
display:block;
height:1%;
margin:0 0 5px;
padding:12px 0 0 180px;
font-size:12px;
line-height:16px;
}
#globalFooterCorpLogo a {
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(//image.itmedia.co.jp/images/logo/170_itmedia_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
/* ------------------------------*/
/* master */
/* ------------------------------*/
#masterBody {
width:100%;
}
#masterBodyOuter {
width:990px;
margin:0 auto;
}
#masterBodyInner {
width:990px;
margin:0 auto;
}
#masterContents {
width:980px;
margin:0 auto;
}
#masterMain {
width:640px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:450px;
float:right;
}
#masterNavigation {
background:#333;
}
#masterSub {
width:300px;
float:right;
}
/* ------------------------------*/
/* global */
/* ------------------------------*/
#globalHeader {
position:relative;
z-index:9999;
}
#globalLogo {
position:absolute;
top:10px;
left:10px;
width:240px;
height:110px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:240px;
height:110px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:240px;
height:110px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
#globalHeaderMiddle {
padding:20px 0 20px 247px;
min-height:90px;
height:auto !important;
height:90px;
}
/* ------------------------------*/
/* local navigation */
/* ------------------------------*/
#localNavigation {
clear:both;
margin:0 auto;
padding:0;
width: 990px;
background:none;
}
#lnavMain {
height:1%;
margin-bottom:2px;
padding:0;
z-index:1;
}
#lnavMain .lnavBtn a {
display:block;
font-size:12px;
margin:0 5px 3px 0;
padding:2px 5px;
float:left;
background:#C76C97;
border:1px solid #EDBBCB;
border-radius: 3px;
color:#FFF;
white-space:nowrap;
}
#lnavMain .lnavBtn a:hover {
text-decoration:none!important;
background:#AF6387;
}
.lnavOut {
width: 990px;
border-bottom: 4px solid #ECDDE0;
}
.lnavIn {
border-bottom: 1px solid #EDBBCB;
}
#lnavMain .lnavBtn{
opacity: 0.8;
}
#localNavigation {
position:relative;
}
#localNavigation.lnavFixed {
width:100%!important;
left:0;
top:0;
z-index:999;
padding:6px 0 0 0!important;
background: #FFF!important;
position:fixed;
}
.lnavFixed {
background: #FFF!important;
}
.lnavFixed .lnavOut {
margin:auto;
background: #FFF!important;
}
.lnavFixed #lnavMain .lnavBtn a {
background:#c5769c;
}
.lnavFixed #lnavMain .lnavBtn a:hover {
background:#AF6387;
}
.lnavIn {
position:relative;
}
#lnavHome {
position:absolute;
top:-50px;
left:0;
margin:7px 0 0 0;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
z-index:-1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavHome a {
display:block;
width: 100px;
}
#lnavHome.active {
top:0;
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
z-index:1;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavMain::before {
content:'カテゴリ \00BB';
}
#lnavSub::before {
content:'まとめ \00BB';
}
#lnavSub::before,
#lnavMain::before {
display:block;
float:left;
width:77px;
padding:3px 0;
font-size:13px;
color:#8c8c8c;
}
#lnavMain:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#lnavSub {
clear:both;
height:1%;
font-size:12px;
line-height:16px;
padding-bottom:7px;
background-color: #FFF;
}
#lnavSub .lnavBtn {
float:left;
}
#lnavSub .lnavBtn a {
font-size:12px;
margin:3px 0;
display:block;
margin:0 5px 3px 0;
padding:2px 5px;
background:#EFEFEF;
border: 1px solid #CCC;
border-radius:3px;
color: #333;
white-space:nowrap;
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#333;
}
#lnavSub .lnavBtn a:hover {
text-decoration: none!important;
background:#DDD;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a:hover .raquo {
color:#A13169;
font-weight:bold;
font-size:12px;
line-height:16px;
}
#lnavMain,
#lnavSub {
margin-left:0;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavMain.active {
margin-left:110px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
#lnavSub.active {
margin-left:110px;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.lnavInfoOuter {
padding-left:77px;
float:left;
margin-bottom:5px;
}
.lnavInfo {
position:relative;
font-size:12px;
background:#FFF;
border:1px solid #C76C97;
border-radius:3px;
float:left;
}
.lnavInfo span {
display:block;
padding:3px 10px;
float:left;
max-width:650px;
}
.lnavInfo a {
line-height:19px;
}
#lnavSub:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
@media screen and (max-width: 920px) {
	#localNavigation.lnavFixed {
		display:none;
	}
}
.lnavInfo span {
max-width:470px;
}
.colBoxFeedBtn {
float:right;
margin:0 10px 5px 0;
}
.colBoxSocialButtons span {
display:block;
float:left;
margin-right:5px;
background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) no-repeat 0 0;
}
.colBoxSocialButtons a {
width:24px;
height:24px;
display:block;
text-indent:-9999px;
}
.colBoxFeedBtn .colBoxSocialButtonsFacebook {
background-position:0 0;
}
.colBoxFeedBtn .colBoxSocialButtonsTwitter {
background-position:-30px 0;
}
.colBoxFeedBtn .colBoxSocialButtonsRSS {
background-position:-60px 0;
}
.colBoxFeedBtn .colBoxSocialButtonsHatena {
background-position:-90px 0;
}
.colBoxFeedBtn .colBoxSocialButtonsGoogleplus {
background-position:-120px 0;
}
.colBoxFeedBtn .colBoxSocialButtonsNeco {
margin-right:0;
background-position:-60px -60px;
}
.neco .colBoxFeedBtn .colBoxSocialButtonsFacebook {
background-position:0 -30px;
}
.neco .colBoxFeedBtn .colBoxSocialButtonsTwitter {
background-position:-30px -30px;
}
.neco .colBoxFeedBtn .colBoxSocialButtonsRSS {
background-position:-60px -30px;
}
.neco .colBoxFeedBtn .colBoxSocialButtonsHatena {
background-position:-90px -30px;
}
.neco .colBoxFeedBtn .colBoxSocialButtonsGoogleplus {
background-position:-120px -30px;
}
/* ------------------------------*/
/* search popIn */
/* ------------------------------*/
#globalSearchPopIn {
float:right;
margin: 0 10px 5px 0;
}
#globalSearchPopIn * {
float:left;
}
#popInSearchField {
width:175px!important;
border:1px solid #CCC;
height:20px;
}
#popInSearchField:focus {
background:#FFF!important;
}
.submit {
margin:0;
width:41px;
background:red;
border:0;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) no-repeat 0 -69px;
height:24px;
}
/* ------------------------------*/
/* colBox */
/* ------------------------------*/
.colBox {
margin-bottom:10px;
width:auto;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#C00;
}
.colBoxL33 {
float:left;
width:33%;
}
.colBoxR33 {
float:right;
width:33%;
}
.colBoxL50 {
float:left;
width:50%;
}
.colBoxR50 {
float:right;
width:50%;
}
.colBoxL66 {
float:left;
width:66%;
}
.colBoxR66 {
float:right;
width:66%;
}
.colBoxLeft {
float:left;
}
.colBoxIconMargin120 .colBoxRight {
margin-left:132px;
}
.colBoxIconMargin80 .colBoxRight {
margin-left:92px;
}
.colBoxHead {
position:relative;
float:left;
width:100%;
margin:15px 0;
padding:0;
border:0;
background:#EEE;
}
.colBoxHead h2 {
float:left;
font-size:12px;
line-height:100%;
margin:0;
padding:2px 5px 0 0;
color:gray;
background:#FFF;
}
.colBoxHead h2 span {
background:white;
padding:0 8px 1px 0;
}
.colBoxHeadSubtxt {
position:absolute;
top:3px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxSubhead {
clear:both;
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxIndexL33 {
width:33%;
float:left;
}
.colBoxIndexR33 {
width:33%;
float:right;
}
.colBoxIndexL50 {
width:49%;
float:left;
}
.colBoxIndexR50 {
width:49%;
float:right;
}
.colBoxIndexL66 {
width:66%;
float:left;
}
.colBoxIndexR66 {
width:66%;
float:right;
}
.colBoxIcon {
float:left;
display:inline;
}
.colBoxIcon a {
float:left;
margin:0 15px 15px 0;
border:1px solid #CCC;
}
.colBoxLeft .colBoxIcon a {
margin:0;
}
.colBoxIcon a img {
padding:2px;
background:#FFF;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5,
.colBoxSubTitle div {
display:block;
font-size:12px;
font-weight:bold;
line-height:16px;
margin:0;
color:#A73;
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:10px;
line-height:14px;
}
.colBoxSubIcon img {
vertical-align:middle;
}
.colBoxTitle {
margin:5px 0 15px 0;
text-align:left;
}
.colBoxTitle h3 {
font-size:16px;
line-height:20px;
margin:0;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxButton {
width:150px;
margin:0 auto;
border:1px solid #CCC;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a {
display:block;
padding:5px;
font-size:14px;
font-weight:bold;
text-align:center;
background:#036;
background:-webkit-gradient(linear, left top, left bottom, from(#369), to(#036));
background:-moz-linear-gradient(top, #369, #036);
border:2px solid #FFF;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a:link,
.colBoxButton a:visited,
.colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}
.colBoxIndex .linkset {
clear:both;
margin:0 0 3px;
padding:0;
list-style-type:none;
}
.colBoxIconMargin120 .colBoxIndex .linkset,
.colBoxIconMargin80 .colBoxIndex .linkset {
clear:none;
}
.colBoxIndex .linkset li {
font-size:12px;
font-weight:bold;
line-height:16px;
margin:0;
padding:3px 6px;
background:none;
}
.colBoxDate {
color:#999;
}
.colBoxInfo {
margin:5px 0 15px 0;
text-align:left;
}
.colBoxInfo .colBoxDate {
font-size:10px;
line-height:14px;
}
.colBoxInfo .colBoxLinktxt {
font-size:12px;
line-height:16px;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
.colBoxClearLeft {
font-size:0;
line-height:0;
height:0;
clear:left;
}
.colBoxClearRight {
font-size:0;
line-height:0;
height:0;
clear:right;
}
.colBoxUlist ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxUlist ul li {
margin:0 0 3px;
padding:3px 6px;
background:none;
border-bottom:1px dotted #CCC;
}
.colBoxUlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBoxPageLink {
font-size:12px;
line-height:16px;
text-align:right;
}
.colBoxTable table {
border-collapse:collapse;
}
.colBoxTable table th,
.colBoxTable table td {
font-size:12px;
line-height:16px;
border:1px solid #CCC;
padding:1px 3px;
text-align:left;
}
.colBoxTable table th {
background:#EEE;
}
.colBoxCalendar .colBoxIndex {
width:140px;
height:100px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-box-shadow:2px 2px 3px #EEE;
-moz-box-shadow:2px 2px 3px #EEE;
box-shadow:2px 2px 3px #EEE;
float:left;
margin:0 10px 10px 0;
padding:3px;
}
.colBoxCalendar .colBoxSubhead {
background:none;
border-bottom:1px dotted #CCB;
margin:0 0 5px;
padding:0 0 3px;
}
.colBoxCalendar .colBoxUlist ul {
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li {
display:inline;
background:none;
border:none;
margin:0;
padding:0;
}
.colBoxCalendar .colBoxUlist ul li a {
display:block;
width:24px;
float:left;
text-align:center;
border:1px solid #DDD;
background:#EED;
background:-webkit-gradient(linear, left top, left bottom, from(#EED), to(#DDC));
background:-moz-linear-gradient(top, #EED, #DDC);
margin:0 5px 5px 0;
padding:2px;
}
.colBoxCalendar .colBoxUlist ul li a:link,
.colBoxCalendar .colBoxUlist ul li a:visited {
color:#332;
text-decoration:none;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
color:#332;
text-decoration:none;
background:#DDC;
background:-webkit-gradient(linear, left top, left bottom, from(#DDC), to(#CCB));
background:-moz-linear-gradient(top, #DDC, #CCB);
}
.colBoxCalendar .colBoxUlist ul .colBoxActive a:link,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:visited,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:hover {
background:#665;
background:-webkit-gradient(linear, left top, left bottom, from(#665), to(#554));
background:-moz-linear-gradient(top, #665, #554);
color:#FFF;
}
#masterSub .colBoxCalendar .colBoxIndex {
width:134px;
padding:3px 11px 13px 3px;
margin:0;
border:0;
border-radius:0;
box-shadow:0 0 0;
}
#masterSub .colBoxCalendar .colBoxUlist ul li a {
margin:0 3px 5px 0;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype {
display:block;
width:60px;
float:left;
font-size:10px;
line-height:14px;
text-align:center;
border:1px solid #CCC;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
margin:0 5px 0 0;
padding:0 2px;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticlewriter {
font-size:10px;
line-height:14px;
}
.colBoxSentence p {
font-size:16px;
line-height:24px;
margin:0 0 20px;
}
.colBoxSentence ul,
.colBoxSentence ol {
font-size:14px;
line-height:22px;
margin:0 0 20px;
}
.colBoxSentence li {
margin:0 0 10px;
}
.colBoxButtons .colBoxUlist ul li {
float:left;
margin:0 5px 5px 0;
padding:3px 3px 3px 16px;
background-position:3px 5px;
background-color:#EED;
border:1px solid #CCB;
cursor:pointer;
}
.colBoxButtons .colBoxUlist ul .hover {
background-color:#DDC;
}
.colBoxButtons .colBoxUlist ul .active {
background-color:#C00;
color:#FFF;
font-weight:bold;
}
.colBoxLargeImage .colBoxSubTitle {
clear:both;
margin:0 0 10px;
}
.colBoxLargeImage .colBoxInfo {
text-align:left;
margin:0 0 10px;
}
.colBoxImage .colBoxIndex {
margin:0 0 30px;
border-bottom:1px solid #CCC;
}
.colBoxImage .colBoxTitle h3 {
font-size:24px;
line-height:30px;
}
.colBoxImage .colBoxDescription p {
font-size:16px;
line-height:22px;
}
/* インデックス ソーシャルボタン */
.colBoxSocialButtonsL {
margin:0 0 10px 10px;
float:right;
}
.colBoxSocialButtonsL iframe {
height:62px!important;
}
.colBoxSocialButtonsS {
margin:0 0 10px 0;
}
.colBoxSocialButtonsS iframe {
margin-top:2px;
}
.colBoxIndexSocialButtons {
display:table;
width:100%;
}
.colBoxIndexSocialButtons .colBoxSocialButton {
display:table-cell;
width:50%;
height:24px;
height:inherit\9;/* IE10以下 */
vertical-align:middle;
text-align:center;
}
.colBoxIndexSocialButtons .colBoxSocialButton-Twitter {
padding:0 7px 0 0;
}
.colBoxIndexSocialButtons .colBoxSocialButton-Facebook {
padding:0 0 0 7px;
}
.colBoxIndexSocialButtons .colBoxSocialButton a {
display:block;/* IE10以下 */
display:-ms-flexbox;/* IE10 */
display:-webkit-flex;/* Safari */
display:flex;
padding:0;
padding:2px 5px 2px 0\9;/* IE10以下 */
color:#FFF;
font-size:13px;
font-family:Arial;
border-radius:3px;
height:100%;
justify-content:center;
align-items:center;
}
.colBoxIndexSocialButtons .colBoxSocialButton a:hover {
text-decoration:none;
opacity:0.9;
}
.colBoxIndexSocialButtons .colBoxSocialButton-Twitter a {
background-color:#28a5e2;
}
.colBoxIndexSocialButtons .colBoxSocialButton-Facebook a {
background-color:#36559C;
}
.colBoxIndexSocialButtons .colBoxSocialButton-TwitterText {
display:inline-block;
width:20px;
height:20px;
margin:0 3px 0 0;
background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) #28a5e2 no-repeat -90px -60px;
text-indent:-9999px;
}
.colBoxIndexSocialButtons .colBoxSocialButton-FacebookText {
display:inline-block;
width:20px;
height:20px;
margin:0 3px 0 0;
background:url(//image.itmedia.co.jp/nl/images/nl_sprite.png) #36559C no-repeat -120px -60px;
text-indent:-9999px;
}
/* ランキング */
.colBoxRanking .colBoxHead h2 a {
color:gray;
}
.colBoxRanking .colBoxUlist ul,
.colBoxRanking .colBoxOlist ol {
clear:both;
margin:0;
padding:0;
font-size:12px;
line-height:16px;
list-style-type:none;
counter-reset:colBoxRankingCounter;
overflow:hidden;
}
.colBoxRanking .colBoxOlist li,
.colBoxRanking .colBoxUlist li {
position:relative;
display:-ms-flexbox;/* IE10 */
display:-webkit-flex;/* Safari */
display:flex;
width:100%;
border-bottom:1px solid #EEE;
height:auto!important;
margin:0 0 4px;
min-height:20px;
padding:0 0 4px 0;
}
.colBoxRanking .colBoxOlist li:after,
.colBoxRanking .colBoxUlist li:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:0;
left:0;
width:17px;
height:17px;
padding:1px;
border-radius:2px;
background:#FF5600;
font-size:12px;
line-height:17px;
color:#FFF;
text-align:center;
}
.colBoxRanking .colBoxOlist li:nth-of-type(n+4):after,
.colBoxRanking .colBoxUlist li:nth-of-type(n+4):after {
background:#648DB5;
}
.colBoxRanking .colBoxOlist li a,
.colBoxRanking .colBoxUlist li a {
display:block;
margin:0 0 0 25px;
}
.colBoxOlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBoxRanking .colBoxDate {
font-size:12px;
}
.colBoxRanking .colBoxUlist ul li span {
display:none;
}
.colBoxRanking .colBoxInfo {
text-align:right;
font-size:10px;
}
.colBoxRanking .colBoxInfo a {
font-size:12px;
}
.colBoxRankingYesterday .colBoxOlist li,
.colBoxRankingYesterdaySpv .colBoxOlist li,
.colBoxRankingLastweek .colBoxOlist li,
.colBoxRankingLastmonth .colBoxOlist li{
float: none;
width: auto;
}
/* ボトムリンク */
.colBoxBtmLinkBtn {
display:none;
}
/* 新着記事 */
#masterMain .colBoxNewArtIndex {
margin-bottom:0;
padding-bottom:10px;
border-bottom:1px dotted #DDD;
}
/* 口コミランキング */
#masterMain .colBoxRankingTopsy {
float:right;
width:290px;
}
#masterMain .colBoxRankingTopsy .colBoxUlist ul {
width:auto;
}
/* ------------------------------*/
/* base style */
/* ------------------------------*/
.floatclear {
clear:both;
font-size:0;
line-height:0;
height:0;
}
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}
.txtR {
text-align:right;
}
.txtC {
text-align:center;
}
.wdt_button wdt_fb,
.wdt_button {
padding:0 2px;
float:left;
}
.w300fl {
width:290px;
float:left;
}
.w300fr {
width:290px;
float:right;
}
.w200fl {
display:table;
padding-right:39px;
width:186px;
float:left;
}
.w200fr {
display:table;
width:186px;
float:right;
}
.w200fl .colBoxIcon a,
.w200fr .colBoxIcon a {
margin:0 0 15px 0;
}
.kwds a {
-moz-border-radius:5px 5px 5px 5px;
margin:0 3px 3px 0;
padding:8px 10px;
background-color:#F6F6F6;
border:1px solid #C8D5E0;
color:#1E598E;
float:left;
font-weight:bold;
text-decoration:none;
word-break:keep-all;
}
.kwds a:hover {
background-color:#C8D5E0;
}
/* 遅延読込 */
.lazyLoad {
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
transition-property:opacity;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
transition-duration:0.3s;
}
.lazyLoad.lazyLoad_ok {
opacity:1;
}
/* LOADER */
@-webkit-keyframes iconloader {
	0% {
	-webkit-transform:rotate(0deg);
	opacity:0.5;
	}
	50% {
	-webkit-transform:rotate(180deg);
	opacity:1.0;
	}
	100% {
	-webkit-transform:rotate(360deg);
	opacity:0.5;
	}
}
@-moz-keyframes iconloader {
	0% {
	-moz-transform:rotate(0deg);
	opacity:0.5;
	}
	50% {
	-moz-transform:rotate(180deg);
	opacity:1.0;
	}
	100% {
	-moz-transform:rotate(360deg);
	opacity:0.5;
	}
}
@keyframes iconloader {
	0% {
	transform:rotate(0deg);
	opacity:0.5;
	}
	50% {
	transform:rotate(180deg);
	opacity:1.0;
	}
	100% {
	transform:rotate(360deg);
	opacity:0.5;
	}
}
.index-ajax-loader {
height:50px;
padding:20px;
opacity:1;
overflow:hidden;
-webkit-transition-property:height,padding,opacity;
-moz-transition-property:height,padding,opacity;
transition-property:height,padding,opacity;
-webkit-transition-duration:0;
-moz-transition-duration:0;
transition-duration:0;
}
.index-ajax-loader.complete {
height:0;
padding:0;
opacity:0;
}
.index-ajax-loader .loading {
font-family:Gill Sans, 'メイリオ', Meiryo;
text-align:center;
}
.index-ajax-loader .loader {
margin:0 auto 10px;
display:block;
width:20px;
height:20px;
border-radius:50%;
border:3px solid #CCC;
border-right-color:transparent;
-webkit-animation:iconloader 1s linear infinite;
-moz-animation:iconloader 1s linear infinite;
animation:iconloader 1s linear infinite;
}
/* ------------------------------*/
/* for Articles */
/* ------------------------------*/
.clrall,
#attention {
display:none;
}
#cmsDate {
padding:10px 0;
}
#cmsAbstract h2 {
color:#666;
}
#cmsBody {
margin-top:15px;
padding-top:15px;
}
#cmsBody p a {
	color:#1a0dab!important;
}
#cmsBody .endkwd .box h3 {
background:#666!important;
}
#cmsBody #endlinkConnection #art li {
min-height:62px;
}
#cmsBody .endlink ul {
border-bottom:0;
}
#cmsBody .endlink ul li {
font-size:0;
}
#cmsBody .endlink ul li a {
font-size:16px;
line-height:22px;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
}
#cmsByline {
margin:0 0 10px;
}
#cmsCopyright p {
font-size:13px;
line-height:20px;
color:#666;
text-align:right;
}
/* 注目のアイコン */
.colBoxPageEndLink p {
margin:0;
padding:0;
}
.colBoxPageEndLink img {
margin:1px!important;
padding:2px;
background:#FFF;
border:1px solid #CCC!important;
float:left;
}
/* Facebook comment */
.colBoxFbcomment .colBoxHead {
margin-top:0;
}
/* QUICK POLL */
#cmsBody .colBoxQuickPoll {
width:450px;
margin:0 auto;
background:#FFF;
text-align:left;
line-height:100%;
border:1px solid #CCC;
}
#cmsBody .colBoxQuickPoll .colBoxHead {
height:25px;
border-bottom:1px solid #CCC;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EDEDED',GradientType=0 );
margin:0;
float:none;
}
#cmsBody .colBoxQuickPoll .colBoxHead h2 {
margin:0;
padding:0 0 0 7px;
overflow:hidden;
color:gray;
font-size:13px;
line-height:25px;
background:none;
float:none;
}
#cmsBody .colBoxQuickPoll .colBoxInner {
padding:10px;
border:3px solid #EEE;
}
#cmsBody .colBoxQuickPoll form {
height:1%\9; /* for IE */
margin:0;
}
#cmsBody .colBoxQuickPoll .colBoxTitle {
margin:0;
}
#cmsBody .colBoxQuickPoll .colBoxTitle h3 {
color:#444;
margin:0 0 15px;
padding:0 0 0 24px;
border-bottom:1px dotted #DDD;
font-size:14px;
line-height:23px;
background:url(//image.itmedia.co.jp/nl/images/heading_qp5.gif) no-repeat 0 3px;
}
#cmsBody .colBoxQuickPoll form input {
clear:both;
float:left;
height:16px;
margin:0;
padding:0;
vertical-align:middle;
}
#cmsBody .colBoxQuickPoll form label {
float:left;
margin:0 0 0 5px;
padding:0;
vertical-align:middle;
font-weight:bold;
font-size:12px;
}
#cmsBody .colBoxQuickPoll form div {
clear:both;
display:block;
margin:0 0 10px 0;
padding:2px 3px;
border:1px solid #ceb70d;
background:url(//image.itmedia.co.jp/ebook/images/qp_bar.gif) repeat-x center center #f7e881;
font-size:10px;
line-height:100%;
text-align:center;
color:#272302;
}
#cmsBody .colBoxQuickPoll form div.colBoxInfoBtn {
background:none;
border:0 none;
text-align:center;
margin:0 auto;
padding:0;
width:71px;
height:20px;
}
#cmsBody .colBoxQuickPoll form div.colBoxInfoBtn input {
width:71px;
height:20px;
}
.colBoxQuickPoll .colBoxGraph {
font-size:12px;
border:1px solid #FFF;
background:#FFF;
background:-webkit-gradient(linear, left top, left bottom, from(#e4df48), to(#c3bd1c));
background:-moz-linear-gradient(top, #e4df48, #c3bd1c);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0px 0px 1px #999;
text-align:center;
margin:0 0 5px;
padding:2px 0;
}
#cmsBody .colBoxQuickPoll .colBoxInfo {
padding:0 0 5px;
margin:0;
text-align:center;
}
#cmsBody .colBoxQuickPoll .colBoxInfo p {
text-align:center;
margin:0;
padding:0;
line-height:18px;
background:none;
font-size:10px;
color:#C00;
}
#cmsBody .colBoxQuickPoll form p input {
float:none;
height:auto;
}
#cmsBody .colBoxQuickPoll .colBoxUlist ul {
margin:5px;
padding:0;
list-style:none;
}
#cmsBody .colBoxQuickPoll .colBoxUlist ul li {
margin:0 0 5px 0;
padding:1px 0 1px 12px;
background:url(//image.itmedia.co.jp/ebook/images/ar_r_333.gif) no-repeat 0 4px;
border-bottom:1px dotted #EEE;
font-size:12px;
}
#cmsBody .colBoxQuickPoll .qpsubmit {
background:url(//image.itmedia.co.jp/images0509/bt_entry2.gif) no-repeat;
border:0 none;
cursor:pointer;
}
/* SOCIALBUTTON */
.masterSocialbuttonDefault .msbIn {
width:auto;
}
.masterSocialbuttonDefault .msbIn .msbBtn,
.masterSocialbuttonDefault .msbIn .msbGroup {
background:transparent;
}
/* ねとらぼ 週間アクセスランキング Top10 */
#cmsBody .colBoxAccessTop10 .colBoxOuter {
background:none;
border-radius:0;
padding:10px;
}
#cmsBody .colBoxAccessTop10 .colBoxHead {
background:url(//image.itmedia.co.jp/nl/images/nlab_accesstop10title.gif) no-repeat;
width:100%;
height:87px;
}
#cmsBody .colBoxAccessTop10 .colBoxDate {
font-size:10px;
line-height:36px;
float:right;
}
#cmsBody .colBoxAccessTop10 .colBoxHead h2 {
text-indent:-9999px;
background:none;
}
#cmsBody .colBoxAccessTop10 .colBoxIndex {
clear:both;
}
#cmsBody .colBoxAccessTop10 #col100l {
margin:0 0 5px 0;
}
#cmsBody .colBoxAccessTop10 #col100l img {
margin:0;
}
#cmsBody .colBoxAccessTop10 #col100l a img {
padding:2px;
border:1px solid #CCC;
}
#cmsBody .colBoxAccessTop10 p {
font-weight:bold;
font-size:16px;
line-height:26px;
margin:0 0 0 122px;
}
#cmsBody .colBoxAccessTop10 hr {
border-width:1px 0 0 0;
border-style:solid;
border-color:#CCC;
height:1px;
clear:both;
}
/* リファレンスページ誘導 */
#cmsReferenceBtn {
margin:0;
}
#cmsReferenceBtn::after {
content:'';
clear:both;
display:block;
}
#cmsReferenceBtn a {
display:block;
width:250px;
float:right;
margin:0 0 20px;
padding:5px 0;
border:2px #333 solid;
text-align:center;
color:#333;
}
#cmsReferenceBtn a:hover {
background:#eee;
text-decoration:none;
}
#cmsReferenceBtn a::after {
content:'';
display:inline-block;
width:6px;
height:6px;
margin:0 0 2px 10px;
border-right:2px solid #333;
border-bottom:2px solid #333;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
/* 連載パーツ */
#cmsSeriesList .colBox {
margin-bottom:30px;
}
#cmsSeriesList .colBoxHead {
padding:0 0 8px;
background:none;
}
#cmsSeriesList.cmsSeriesList1 .colBoxHead h1 {
margin:0 0 3px;
}
/* SNS ファン獲得枠 */
#thirdPartyWidget {
text-align:center;
}
.colBoxSharebox {
display:table;
width:600px;
height:170px;
margin:30px auto 20px;
background:#000;
}
.colBoxSharebox_bgw {
padding:10px 0;
background:#FFF;
border-top:3px #DDD solid;
border-bottom:3px #DDD solid;
}
.colBoxShareboxThumb {
display:table-cell;
width:50%;
height:100%;
background-size:cover;
background-position:center center;
}
.colBoxShareboxBtn {
display:table-cell;
color:#FFF;
vertical-align:middle;
}
.colBoxSharebox_bgw .colBoxShareboxBtn {
color:#000;
font-weight:bold;
}
#cmsBody .colBoxShareboxBtn p {
margin:0 0 15px;
font-size:16px;
}
.colBoxShareboxBtnFb {
margin-bottom:13px;
}
.colBoxShareboxBtnTw {
margin-bottom:5px;
}
/* ------------------------------*/
/* 右カラム マンガ枠 */
/* ------------------------------*/
#mangaSocialButton,
#NecoMangaSocialButton {
float:left;
width:130px;
}
#mangaSocialButton .tw_button,
#NecoMangaSocialButton .tw_button {
margin-bottom:3px;
}
#mangaLink,
#NecoMangaLink {
display:block;
float:right;
text-align:right;
width:160px;
}
.mangaImage {
margin-bottom:5px;
}
.mangaImage .titleImage:hover {
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}
/* ------------------------------*/
/* 右カラム オススメ記事 */
/* ------------------------------*/
.colBoxRecommend .colBoxIcon a {
margin:0 15px 5px 0;
}
.colBoxRecommend .colBoxTitle {
margin:5px 0 8px 0;
}
.colBoxRecommend .colBoxIndex {
padding-top:10px;
border-bottom:1px dotted #CCC;
}
/* ------------------------------*/
/* 右カラム 特別企画 */
/* ------------------------------*/
.colBoxPrArticle .colBoxHead {
margin:0;
background:#333;
}
.colBoxPrArticle .colBoxHead h2 {
padding:4px 5px;
color:#FFF;
background:none;
}
#masterSub .colBoxPrArticle .colBoxHead h2 {
color:#FFF;
}
.colBoxPrArticle .colBoxInner {
background:#F4FAFD;
padding:25px 5px 0;
}
.colBoxPrArticle .colBoxDescription,
.colBoxPrArticle .colBoxInfo {
margin: 0 0 0 140px;
}
/* ------------------------------*/
/* 右カラム アプリダウンロード */
/* ------------------------------*/
.colBoxAppDownLoad .colBoxTitle {
width:300px;
height:85px;
background:url(//image.itmedia.co.jp/nl/images/appDownLoadButtonBg.png) no-repeat;
font-size:0;
line-height:0;
text-indent:-9999px;
margin:0;
padding:0;
float:none;
}
.colBoxAppDownLoadBtn {
opacity:1.00;
}
.colBoxAppDownLoadBtn:hover {
opacity:0.80;
}
.colBoxAppDownLoadBtn a{
width:300px;
height:100px;
background:url(//image.itmedia.co.jp/nl/images/appDownLoadButton.png) no-repeat;
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
margin:0;
padding:0;
}
/* ------------------------------*/
/*  */
/* ------------------------------*/
.headline-r strong {
display:block;
margin:5px 0 15px 0;
text-align:left;
font-size:16px;
}
.headline-r span {
display:block;
font-size:12px;
line-height:16px;
}
.headTitle a {
float:left;
}
.colBoxColScrl {
height:120px;
overflow:scroll;
border:1px solid #CCC;
clear:both;
overflow-x:hidden;
}
#masterType-top .colBoxColScrl {
height:240px;
}
.tmplArticle .colScrl {
height:120px;
}
/* ------------------------------*/
/* for Neco */
/* ------------------------------*/
.colBoxNecoTopStories .colBoxIcon,
.colBoxNewArtIndexNeco .colBoxIcon {
position:relative;
}
.colBoxNecoTopStories .colBoxIcon a,
.colBoxNewArtIndexNeco .colBoxIcon a {
z-index:10;
position:relative;
}
.colBoxNecoTopStories .colBoxIconNeco {
background:url(//image.itmedia.co.jp/nl/images/neco/topStoriesNeco.gif) no-repeat;
width:120px;
height:70px;
position:absolute;
left:0;
top:0;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-property:top;
-webkit-transition-duration:0.25s;
-webkit-transition-timing-function:ease;
-moz-animation:showNecoB 1s 1 linear;
-moz-transition-property:top;
-moz-transition-duration:0.25s;
-moz-transition-timing-function:ease;
-o-animation:showNecoB 1s 1 linear;
-o-transition-property:top;
-o-transition-duration:0.25s;
-o-transition-timing-function:ease;
z-index:1;
}
.colBoxNecoTopStories .colBoxIndex:hover .colBoxIconNeco {
top:-15px;
}
.colBoxNewArtIndexNeco .colBoxIcon a {
background:#FFF;
}
.colBoxNewArtIndexNeco .colBoxIconNeco {
background:url(//image.itmedia.co.jp/nl/images/neco/topNewArtNeco.gif) no-repeat;
width:90px;
height:50px;
position:absolute;
-webkit-animation:showNecoB 1s 1 linear;
-webkit-transition-duration:0.25s;
-webkit-transition-timing-function:ease;
-webkit-transition-property:left;
-moz-animation:showNecoB 1s 1 linear;
-moz-transition-duration:0.25s;
-moz-transition-timing-function:ease;
-moz-transition-property:left;
-o-animation:showNecoB 1s 1 linear;
-o-transition-duration:0.25s;
-o-transition-timing-function:ease;
-o-transition-property:left;
left:0;
top:0;
z-index:1;
}
.colBoxNewArtIndexNeco .colBoxIndex:hover .colBoxIconNeco {
left:-15px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+1) .colBoxIconNeco {
background-position:0 0;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+2) .colBoxIconNeco {
background-position:0 -50px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n+3) .colBoxIconNeco {
background-position:0 -100px;
}
.colBoxNewArtIndexNeco .colBoxIndex:nth-of-type(4n) .colBoxIconNeco {
background-position:0 -150px;
}
.neco .lnavInfo span {
max-width:385px;
}
/* ------------------------------*/
/* for subtop */
/* ------------------------------*/
#subtopTitle {
margin:0 0 10px;
padding:10px 5px;
background:#FFF;
background:-webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
background:-moz-linear-gradient(top, #EEE, #FFF);
border-top:5px solid #CCC;
}
#subtopTitle h1 {
margin:0;
font-size:24px;
line-height:30px;
}
#subtopDescription {
margin:0 0 10px;
}
#subtopDescription h2 {
margin:0;
font-size:12px;
line-height:18px;
}
#subtopDate {
margin:0 0 10px;
font-size:10px;
line-height:14px;
text-align:right;
}
#subtopHeader {
margin:0 0 10px;
}
#subtopHeader h1 {
margin:0;
font-size:12px;
line-height:16px;
text-indent:-9999px;
}
.colBoxMiddleImage .colBoxImage,
.colBoxFeaturesImage .colBoxImage {
text-align:center;
}
#seriesHeader {
padding:5px;
}
#seriesHeader #seriesIcon {
float:right;
margin:0 0 10px 10px;
width:100px;
height:100px;
border:2px solid #EEE;
padding:2px;
overflow:hidden;
}
#seriesHeader #seriesIconInner {
width:100px;
height:100px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#seriesHeader #seriesIconInner.noImg {
background-size:60px 60px;
background-color:#CCC;
background-image:url(//image.itmedia.co.jp/images/series_head_noimg.png);
}
#seriesHeader #subtopTitle {
display:block !important;
float:none !important;
border:none;
background:none;
margin:0;
padding:0;
}
#seriesHeader #subtopTitle h1 {
float:none !important;
font-size:36px;
line-height:44px;
font-weight:normal;
border:none;
padding:0;
}
#seriesHeader #subtopDescription {
display:block;
margin:0;
padding:0;
}
#seriesHeader #subtopDescription h2 {
font-size:14px;
line-height:22px;
font-weight:normal;
}
#seriesBody {
padding:5px;
}
#seriesBody .colBoxIndex-0 {
clear:both;
}
#seriesBody .colBoxIcon a {
margin:0 10px 10px 0 !important;
}
#seriesBody .colBoxIcon img {
border:1px solid #CCC;
width:120px;
height:auto;
}
#seriesBody .colBoxSubTitle {
margin:0 0 5px;
}
#seriesBody .colBoxSubTitle h5 {
font-size:14px;
line-height:20px;
font-weight:normal;
}
#seriesBody .colBoxTitle {
margin:0 0 5px;
}
#seriesBody .colBoxTitle h3 {
font-size:18px;
line-height:24px;
font-weight:normal;
}
#seriesBody .colBoxDescription {
margin:0 0 5px;
}
#seriesBody .colBoxDescription p {
font-size:12px;
line-height:20px;
}
#seriesBody .colBoxInfo {
font-size:12px;
line-height:18px;
text-align:right;
}
#seriesBody .colBoxButton {
border-radius:0;
width:auto;
border:none;
margin:0;
text-align:center;
}
#seriesBody .colBoxButton a {
border-radius:0;
padding:10px;
display:inline-block;
width:auto;
font-weight:normal;
font-size:16px;
background:#333;
}
.dir-hc #seriesBody .colBoxButton,
.dir-review #seriesBody .colBoxButton,
.dir-gg #seriesBody .colBoxButton {
display:none;
}
#subtopTitle {
background:none repeat scroll 0 0 #EEE;
border-top:0 solid #CCC;
float:left;
margin:15px 0;
padding:0;
width:100%;
}
#subtopTitle h1 {
padding:2px 5px 0 0;
background:none repeat scroll 0 0 #FFF;
color:gray;
float:left;
margin:0;
font-size:12px;
line-height:100%;
}
#masterType-404 #subtopTitle h1 {
color:#C00;
}
#subtopTitleWrap #subtopTitle {
display:none;
}
.dir-gadget #masterMain .colBoxCalendar .colBoxUlist ul li a {
width:32px;
}
.dir-gadget #masterMain .colBoxCalendar .colBoxIndex {
width:175px;
}
/* ------------------------------*/
/* for top */
/* ------------------------------*/
.colBoxNewArticlesIndex {
margin-bottom:0;
}
#colBoxNewArticlesIndexTop .colBoxHead,
.colBoxPrArticlesIndex  .colBoxHead{
margin: 10px 0;
}
.colBoxNewArticlesIndex .colBoxIndex,
.colBoxPrArticlesIndex {
margin: 5px 0;
}
.colBoxNewArticlesIndex .colBoxIndex,
.colBoxPrArticlesIndex .colBoxIndex {
opacity:1.0;
}
.colBoxNewArticlesIndex .colBoxIndex:hover,
.colBoxPrArticlesIndex .colBoxIndex:hover {
opacity:0.80;
}
.colBoxNewArticlesIndex .colBoxIcon {
border:1px solid #CCC;
margin:0 15px 0 0;
padding:2px;
}
.colBoxPrArticlesIndex  .colBoxIcon {
border:1px solid #CCC;
margin:0 15px 0px 0;
padding:2px;
}
.colBoxNewArticlesIndex .colBoxIcon a {
height:135px;
width:240px;
border:none;
margin:0;
position:relative;
overflow:hidden;
}
.colBoxPrArticlesIndex .colBoxIcon a {
width:240px;
border:none;
margin:0;
}
.colBoxNewArticlesIndex .colBoxIcon img {
position:absolute;
margin:0;
padding:0;
top:-22px;
}
.colBoxPrArticlesIndex .colBoxIcon img {
margin:0;
padding:0;
}
.colBoxNewArticlesIndex  h3,
.colBoxPrArticlesIndex h3 {
font-size:17px;
line-height:21px;
}
.colBoxNewArticlesIndex .colBoxDescription,
.colBoxNewArticlesIndex .colBoxInfo,
.colBoxPrArticlesIndex .colBoxDescription,
.colBoxPrArticlesIndex .colBoxInfo {
margin:0 0 0 255px;
}
.colBoxNewArticlesIndex .colBoxDescription p,
.colBoxPrArticlesIndex .colBoxDescription p {
font-size:13px;
line-height:17px;
}
.colBoxNewArticlesIndex .colBoxInfo span,
.colBoxPrArticlesIndex .colBoxInfo span {
font-size: 11px;
}
.colBoxPrArticlesIndex .colBoxHead {
margin:0;
background:#333;
}
.colBoxPrArticlesIndex .colBoxHead h2 {
padding:4px 5px;
color:#FFF;
background:none;
}
.colBoxPrArticlesIndex .colBoxInner {
background:#F4FAFD;
padding:10px 5px 5px 5px;
}
.colBoxNewArticlesIndex .colBoxPageLink a,
.colBoxPrArticlesIndex .colBoxPageLink a {
-moz-border-radius:5px 5px 5px 5px;
margin:0 3px 3px 0;
padding:3px 10px;
background-color:#F6F6F6;
border:1px solid #C8D5E0;
font-weight:bold;
text-decoration:none;
word-break:keep-all;
}
.colBoxNewArticlesIndex .colBoxPageLink a:hover,
.colBoxPrArticlesIndex .colBoxPageLink a:hover {
background-color:#C8D5E0;
}
.colBoxNewArticlesIndex .colBoxTitle,
.colBoxPrArticlesIndex .colBoxTitle {
margin:0 0 5px 0;
}
.colBoxPrArticlesIndex .colBoxTitle {
padding:10px 0 0;
}
/* TOP STORIES */
#colBoxTopStories {width:678px;}
#colBoxTopStories .colBoxHead {width:640px;}
#colBoxTopStories .w300fl {width:333px;}
#colBoxTopStories .w300fl .colBoxIndex {width:306px;}
#colBoxTopStories .w300fl .colBoxIndex .colBoxIcon img {width:300px;height:auto!important;}
#colBoxTopStories .w200fl {width:224px!important;padding:0!important;}
#colBoxTopStories .w200fl .colBoxIndex {width:190px;}
#colBoxTopStories .w200fl .colBoxIndex .colBoxIcon img {width:184px;height:auto!important;}
#colBoxTopStories .colBoxSocialButtonsTw {
float:left;
margin-right:4px;
}
#colBoxTopStories .colBoxSocialButtonsFb {
float:left;
}
.colBoxTopStories .colBoxTitle h3 {
word-break:break-all;
}
/* IMAGEBOX IMAGE REVERSE */
#cmsBody div[id^="col"][id*="00"],#cmsBody div[id^="col"][id*="10"]{display:flex;flex-wrap:wrap;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(1),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(1){order:6;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(2),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(2){order:5;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(3),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(3){order:4;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(4),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(4){order:3;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(5),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(5){order:2;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:nth-of-type(6),#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:nth-of-type(6){order:1;}
#cmsBody div[id^="col"][id*="00"] img[src*="_reverse_"],#cmsBody div[id^="col"][id*="10"] img[src*="_reverse_"]{margin:0 0 3px 3px !important;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"]:last-of-type img,#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"]:last-of-type img{margin-left:0 !important;}
#cmsBody div[id^="col"][id*="00"] a[href*="_reverse_"] + small,#cmsBody div[id^="col"][id*="10"] a[href*="_reverse_"] + small{width:100%;order:7;}