@import url('/tt/css/tt/ttfix.css');
/*-----------------------------------------------------------------*/
/* ALL */
/*-----------------------------------------------------------------*/
* {
font-family:"CI", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", Verdana, "lr oSVbN", Osaka;
}
body {
margin:0px;
padding:0px;
width:100%;
text-align:center;
}
img {
border:none;
}
a {
color:#317F7A;
text-decoration:none;
}
a:visited {
color:#666;
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}

/*-----------------------------------------------------------------*/
/* CLEAR */
/*-----------------------------------------------------------------*/
.clear,
.colBoxClear {
clear:both;
height:0px;
font-size:0px;
}

/*-----------------------------------------------------------------*/
/* HEIGHT */
/*-----------------------------------------------------------------*/
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}
.h35px {
height:35px;
}
.h40px {
height:40px;
}

/*-----------------------------------------------------------------*/
/* FLOAT */
/*-----------------------------------------------------------------*/
.l33 {
width:33%;
float:left;
}
.l50 {
width:49%;
float:left;
}
.r50 {
width:49%;
float:right;
}
.r66 {
width:66%;
float:right;
}

/*-----------------------------------------------------------------*/
/* BODY */
/*-----------------------------------------------------------------*/
#tmplBody {
text-align:left;
background:#EEE;
}

/*-----------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------*/
#tmplHeader {
background:#EEE;
border:none;
}
#tmplHeaderIn {
position:relative;
width:990px;
margin:0 auto;
}
.information#tmplBody #tmplHeaderIn {
width:650px;
background:none;
}

/* LOGO
---------------------------------------*/
#tmplLogo {
position:relative;
top:8px;
left:35px;
float:left;
margin:0;
width:130px;
height:82px;
background:url(//image.itmedia.co.jp/images/logo/130_tt_bgw.gif) no-repeat center center;
font-size:12px;
line-height:16px;
}
#tmplLogo a {
display:block;
width:130px;
height:82px;
text-indent:-9999px;
}

/* SEARCH
---------------------------------------*/
.tmplSearch {
width:382px;
height:42px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplSearch.gif) no-repeat 0 0;
}
#tmplSearch0 {
position:absolute;
top:26px;
left:210px;
}
#tmplSearch1 {
float:left;
}
.tmplSearch #cse-search-box {
display:block;
width:382px;
position:relative;
}
.tmplSearch #cse-search-box .txt {
position:absolute;
top:12px;
left:16px;
display:block;
width:265px;
height:17px;
background:none;
border:none !important;
padding:0 !important;
font-size:12px;
line-height:16px;
}
.tmplSearch #cse-search-box .btn {
position:absolute;
top:10px;
left:301px;
display:block;
width:70px;
height:22px;
background:none;
border:none;
font-size:12px;
text-indent:-9999px;
cursor:pointer;
}
.tmplSearch #cse-search-box label {
position:absolute;
top:47px;
left:0;
display:block;
background:none;
border:none;
font-size:10px;
}
.tmplSearch #cse-search-box label #wp0 {
vertical-align:middle;
margin:0;
}

#tmplStatus {
position:absolute;
top:4px;
right:0;
width:388px;
height:66px;
border:1px solid #FFF;
}
#tmplStatusIn {
position:relative;
width:386px;
height:64px;
border:1px solid #DDD;
}

/* NAVIGATION
---------------------------------------*/
.tmplNavi {
background:rgba(13,159,148,1);
}
.tmplNaviIn {
width:990px;
margin:0 auto;
background:rgba(13,159,148,1);
border-left:1px solid rgba(0,0,0,0.1);
}
.tmplNavi .navi {
background:rgba(13,159,148,1);
display:inline-block;
line-height:18px;
font-weight:bold;
z-index:11;
font-size:11px;
}
.tmplNavi .navi a {
display:block;
margin:0 auto;
padding:10px;
color:#FFF;
border-right:1px solid rgba(0,0,0,0.1);
}
.tmplNavi .navi a:hover {
text-decoration:none;
background:#317F7A;
}
.tmplNavi .active {
position:relative;
top:10px;
}
.tmplNavi .active a {
background:#EEE;
border:none;
border-left:1px solid #DDD;
border-top:3px solid #f1da34;
border-right:1px solid #DDD;
font-weight:bold;
}
.tmplNavi .active a:link,
.tmplNavi .active a:visited {
color:#111;
}
.tmplNavi .active a:hover {
background:#EEE;
border:none;
border-left:1px solid #DDD;
border-top:3px solid #f1da34;
border-right:1px solid #DDD;
}

#tmplContent {
width:100%;
min-width:990px;
background:#EEE;
}
#tmplContentIn {
width:990px;
margin:0 auto;
}
.information#tmplBody #tmplContent {
min-width:650px;
}
.information#tmplBody #tmplContentIn {
width:650px;
}
#tmplMain {
}
#tmplL700 {
width:680px;
float:left;
}
#tmplR300 {
width:300px;
float:right;
}

#tmplCol0 {
width:200px;
float:left;
}
#tmplCol1 {
width:470px;
float:right;
}
#tmplCol2 {}
#tmplCol01 {}

/* CONTENTBOX
---------------------------------------*/
.cbox {
position:relative;
height:1%;
background:#FFF;
border:1px solid #CCC;
border-radius:4px;
margin-bottom:10px;
}

.cbox .rss {
width:32px;
height:16px;
display:block;
text-indent:0px;
}
.cbox .heading0 .rss {
position:absolute;
top:9px;
right:5px;
}
/*
.cbox .pr {
text-indent:0px;
color:#FFF;
font-size:10px;
line-height:16px;
}
*/
.cbox .pr {
text-indent:0px;
font-size:10px;
line-height:16px;
}
.cbox .heading1 .pr {
position:absolute;
top:5px;
right:5px;
}

.cbox .heading0 {
position:relative;
margin:0;
border-bottom:1px solid #CCC;
padding:6px;
text-indent:0;
background:#EEE;
font-size:14px;
}
.cbox .heading0 a {
display:block;
}
.cbox .heading0 span {
border-left:3px solid rgba(0,0,0,0.2);
padding-left:5px;
}
.cbox .topstory .heading0 {
font-size:16px;
background:#0D9F94;
color:#FFF;
}
.cbox .topstory .heading0 span {
border-left:3px solid rgba(255,255,255,0.5);
}
.cbox .newwp .heading0 {
background:rgba(69,76,159,1);
color:#FFF;
}
.cbox .newwp .heading0 span {
border-left:3px solid rgba(255,255,255,0.8);
}
.cbox .infocenter .heading0 {
background:#000;
color:#FFF;
border-bottom:1px solid #666;
}
.cbox .infocenter .heading0 span {
border-left:3px solid rgba(124,168,0,1);
}
.cbox .features .heading0 span {
border-left:3px solid rgba(69,76,159,1);
}

/*
.cbox .heading0 {
position:relative;
margin:0;
height:36px;
font-size:12px;
border-bottom:1px solid #EEE;
text-indent:-9999px;
}
.cbox .heading0 a {
display:block;
height:36px;
}
.cbox .menu .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_menu.gif) no-repeat 0 0;
border-right:1px solid #CEB70D;
}
.cbox .menu .heading0 a {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_menu.gif) no-repeat 0 0;
}
.cbox .topstory .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_topstory.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .newarticles .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_newarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .infocenter .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_infocenter.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .newwp .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_newwp.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
*/
.cbox .newwp .heading0 .wplogo {
position:absolute;
top:0;
right:-1px;
display:block;
width:94px;
height:36px;
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_wplogo.gif) no-repeat 0 0;
border-left:1px solid #FFF;
text-indent:-9999px;
}
/*
.cbox .features .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_features.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendar .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_calendar.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendarM .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_calendarM.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .noimg .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_noimg.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FFF;
line-height:36px;
padding-left:14px;
font-size:16px;
}
*/

.cbox .heading1 {
position:relative;
margin:0;
padding:5px 5px 5px 24px;
font-size:12px;
border-bottom:1px solid #CCC;
background:url(//image.itmedia.co.jp/images/ulli_newspaper-arrow.png) no-repeat 3px center #EEE;
}
.cbox .heading1 a {
display:block;
}

/*
.cbox .heading1 {
position:relative;
margin:0;
height:26px;
font-size:12px;
border-bottom:1px solid #EEE;
text-indent:-9999px;
}
.cbox .heading1 a {
display:block;
height:26px;
}
.cbox .newwp .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_newwp.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .wpranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .wpcorpranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpcorpranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .ranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_ranking.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .wpkwranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpkwranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .kwlist .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_kwlist.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .vendorcontents .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_vendorcontents.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .hotcontents .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_hotcontents.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .fromtechtarget .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_fromtechtarget.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .notmembership .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_notmembership.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .vendorpress .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_vendorpress.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .itmediaarticles .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_itmediaarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .ttarticles .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_ttarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendar .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_calendar.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendarM .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_calendarM.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .feature10min .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_feature10min.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .noimg .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FFF;
line-height:25px;
padding-left:21px;
font-size:12px;
}
.cbox .noimg2 .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg2.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FAF1B0;
line-height:25px;
padding-left:21px;
font-size:12px;
}
.cbox .noimg3 .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg3.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
text-indent:0;
color:#FFF;
line-height:25px;
padding-left:21px;
font-size:12px;
}
*/

.cbox .headingMs {
	margin:0;
	background:#F1DB3A;
	background:-webkit-linear-gradient(top, #FFF, #F1DB3A);
	background:-moz-linear-gradient(top, #FFF, #F1DB3A);
	background:-o-linear-gradient(top, #FFF, #F1DB3A);
	background:linear-gradient(to bottom, #FFF, #F1DB3A);
	border:1px solid #CFB913;
}
.cbox .headingMs a {
	display:block;
	color:#5D5308;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
/*
.cbox .headingMs {
position:relative;
margin:0;
height:56px;
font-size:12px;
border-right:1px solid #CEB70D;
border-bottom:1px solid #EEE;
text-indent:-9999px;
}
.cbox .headingMs a {
display:block;
height:56px;
}
*/
.cbox .idxbtn0 {
position:absolute;
bottom:-13px;
right:10px;
width:122px;
height:27px;
}
.cbox .idxbtn0 a {
display:block;
width:122px;
height:27px;
text-indent:-9999px;
}
.cbox .idxbtn0 .backnumber {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_btn0_backnumber.gif) no-repeat 0 0;
}
/*
.cbox .index:nth-last-of-type(1) .h5px,
.cbox .index:nth-last-of-type(1) .h10px {
display:none;
}
*/
.cbox .inner {
padding:5px;
}
#tmplCol1 .cbox .inner,
#tmplCol01 .cbox .inner {
padding:10px;
}
.cbox .black {
background:#000;
color:#FFF;
}
.cbox .black a:link {
color:#FFED70;
}
.cbox .black a:visited {
color:#FFF;
}
.cbox .black a:hover {
color:#FFED70;
}
.cbox .black .index .description {
color:#FFF;
}
.cbox .index {
height:1%;
}
.cbox .index .icon {
margin:0 5px 5px 0;
float:left;
}
.cbox .mini .index .icon img {
width:40px;
height:30px;
border:1px solid #CCC;
}
.cbox .index .subtitle {
margin:0;
color:#666;
font-size:12px;
line-height:20px;
}
#tmplCol0 .cbox .index .subtitle,
#tmplCol2 .cbox .index .subtitle {
font-size:12px;
line-height:18px;
}
.cbox .black .index .subtitle {
color:#F90;
}
.cbox .newwp .index .subtitle {
line-height:22px;
margin-bottom:5px;
}
.cbox .newwp .index .subtitle .doctypesname {
float:left;
font-size:12px;
line-height:20px;
border:1px solid #CCC;
background:url(//image.itmedia.co.jp/tt/images/tt/icon_doctypesname_bg.gif) repeat-x center center #EEE;
color:#333;
font-weight:normal;
display:block;
width:80px;
height:20px;
text-align:center;
margin-right:7px;
}
.cbox .index .title {
margin:0;
font-size:16px;
line-height:24px;
}
#tmplCol0 .cbox .index .title,
#tmplCol2 .cbox .index .title {
font-size:14px;
line-height:20px;
}
.cbox .index .description {
margin:0;
font-size:12px;
line-height:20px;
color:#444;
}
#tmplCol0 .cbox .index .description,
#tmplCol2 .cbox .index .description {
font-size:12px;
line-height:16px;
}
.cbox .index .wpkwdset {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.cbox .index .wpkwdset li {
margin:0;
padding:0 10px 0 16px;
float:left;
font-size:12px;
line-height:16px;
background:url(//image.itmedia.co.jp/images0509/arr_wpkw.gif) no-repeat 0 1px;
}
.cbox .index .linkset {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.cbox .index .linkset li {
margin:0;
padding:0 0 0 16px;
font-size:12px;
line-height:18px;
background:url(//image.itmedia.co.jp/images0509/tot_hl_bg.gif) no-repeat 0 3px;
}
.cbox .index .info {
clear:both;
text-align:right;
font-size:12px;
line-height:16px;
}
.cbox .index .ms { /* Micro Site Name */
}
.cbox .index .date { /* UPDATE */
font-size:12px;
line-height:16px;
}
#tmplR300 .cbox .index .info {
text-align:left;
font-size:10px;
line-height:14px;
display:inline;
}

.cbox .minheading {
margin:0;
padding:3px 0;
font-size:12px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeader_right.gif) repeat-x 0 -60px #FFF;
border:1px solid #DDD;
}
.cbox .minheading span {
padding-left:17px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 4px 3px;
}
.cbox .ranking .minheading span,
.cbox .wpranking .minheading span,
.cbox .wpkwranking .minheading span {
padding-left:19px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_update0.gif) no-repeat 4px 2px;
}

.cbox .list {
margin:0;
padding:0;
list-style:none;
}
.cbox .list li {
margin:0;
padding:0 0 0 14px;
font-size:12px;
line-height:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0px 3px;
position:relative;
}
#tmplCol0 .cbox .list li,
#tmplCol2 .cbox .list li {
font-size:12px;
line-height:18px;
}
.cbox .menu .list li {background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree0.gif) no-repeat -2px 0;}
.cbox .menu .list li.end {background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree1.gif) no-repeat -2px 0;}
.cbox .newwp .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book1.gif) no-repeat 0 2px;
margin-bottom:10px;
}
.cbox .vendorpress .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0 2px;
margin-bottom:5px;
}
.cbox .kwlist .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_key0.gif) no-repeat 0 1px;
margin-bottom:5px;
padding-left:16px;
}
.cbox .list .date {
}
.cbox .note li {
margin-bottom:5px;
padding-bottom:3px;
border-bottom:1px dotted #DDD;
}
.cbox .calendar .list li,
.cbox .calendarM .list li {
display:block;
float:left;
}
#tmplCol0 .cbox .calendar .list li,
#tmplCol0 .cbox .calendarM .list li {
width:42%;
}
#tmplCol1 .cbox .calendar .list li,
#tmplCol1 .cbox .calendarM .list li {
width:4em;
}

.cbox .rank {
margin:0;
padding:0;
list-style:none;
}
.cbox .rank li {
margin:0 0 5px;
padding:0 0 5px 34px;
font-size:12px;
line-height:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/olli_rank0.gif) no-repeat 0 0;
min-height:30px;
height:auto !important;
height:30px;
border-bottom:1px dotted #DDD;
}
#tmplCol0 .cbox .rank li,
#tmplCol2 .cbox .rank li {
font-size:12px;
line-height:16px;
}
.cbox .rank .rank1 {background-position:0 0;}
.cbox .rank .rank2 {background-position:0 -100px;}
.cbox .rank .rank3 {background-position:0 -200px;}
.cbox .rank .rank4 {background-position:0 -300px;}
.cbox .rank .rank5 {background-position:0 -400px;}
.cbox .rank .rank6 {background-position:0 -500px;}
.cbox .rank .rank7 {background-position:0 -600px;}
.cbox .rank .rank8 {background-position:0 -700px;}
.cbox .rank .rank9 {background-position:0 -800px;}
.cbox .rank .rank10 {background-position:0 -900px;}


/* /TT/INFO
---------------------------------------*/
.ttinfo #tmplCol1 h1,
.ttinfo #tmplCol01 h1 {
margin:0px 0px 10px 0px;
background:url(//image.itmedia.co.jp/tt/images/info_title.gif) no-repeat 0px 0px;
height:50px;
text-indent:-9999px;
}
.ttinfo #tmplCol01 .sitemap h1 {background-position:0px 0px;}
.ttinfo #tmplCol01 .index h1 {background-position:0px -50px;}
.ttinfo #tmplCol01 .faq h1 {background-position:0px -100px;}
.ttinfo #tmplCol01 .rule h1 {background-position:0px -200px;}
.ttinfo #tmplCol01 .profile h1 {background-position:0px -250px;}
.ttinfo #tmplCol01 .ok h1 {background-position:0px -300px;}
.ttinfo #tmplCol01 .maintenance-lc h1 {background-position:0px -350px;}
.ttinfo #tmplCol01 .end h1 {background-position:0px -400px;}
.ttinfo #tmplCol01 .ad-info h1 {background-position:0px -450px;}
.ttinfo #tmplCol1 .marketer h1,
.ttinfo #tmplCol01 .marketer h1 {background-position:0px -550px;}
.ttinfo #tmplCol01 .function h1 {background-position:0px -600px;}
.ttinfo #tmplCol01 .wpcorp h1 {background:url(//image.itmedia.co.jp/tt/images/wpcorp_title.gif) no-repeat 0 0;}
.ttinfo #tmplCol01 .wpcorpranking h1 {background:url(//image.itmedia.co.jp/tt/images/wpcorprank_title.gif) no-repeat 0 0;}
.ttinfo #tmplCol01 .integration h1 {background-position:0 -650px;}

.ttinfo .cbox .index h2 {
margin:0px 0px 10px;
padding:0px;
font-size:14px;
line-height:20px;
padding:4px 5px;
border-bottom:2px solid #CCC;
}
.ttinfo .cbox .index h2 span {
border-left:3px solid #AE8D55;
padding-left:5px;
}
.ttinfo .cbox .index h2 a:link,
.ttinfo .cbox .index h2 a:visited {
color:#222;
text-decoration:none;
}
.ttinfo .cbox .index h2 a:hover {
color:#C00;
text-decoration:underline;
}
.ttinfo #tmplCol01 .cbox .index h3 {
margin:0px 0px 10px;
padding:0px;
font-size:12px;
line-height:18px;
padding:4px 5px;
background:#F90;
color:#FFF;
border:1px solid #CCC;
}
.ttinfo #tmplCol01 .cbox .index h4 {
margin:0px 0px 10px;
padding:3px;
font-size:14px;
line-height:20px;
color:#111;
border:1px solid #CCB;
background:#EED;
}
.ttinfo #tmplCol01 .cbox .index h5 {
margin:0px 0px 10px;
padding:0px;
font-size:12px;
line-height:18px;
color:#A73;
}
.ttinfo #tmplCol01 .cbox .index p {
margin:0 0 20px;
font-size:14px;
line-height:20px;
}
.ttinfo #tmplCol01 .cbox .index hr {
visibility:hidden;
}
.ttinfo #tmplCol01 .cbox .index .archive {
clear:both;
list-style:none;
margin:0;
padding:0;
}
.ttinfo #tmplCol01 .cbox .index .archive li {
background:url(//image.itmedia.co.jp/tt/images/endlink_bg.gif) no-repeat 0 1px;
border-bottom:1px solid #EEE;
font-size:12px;
line-height:16px;
margin-bottom:5px;
padding:0 0 5px 20px;
}
.ttinfo #tmplCol01 .cbox .index .archive li ul {
clear:both;
margin:0;
padding:10px 0;
}
.ttinfo #tmplCol01 .cbox .index .archive li ul li {
background:none;
font-size:12px;
line-height:16px;
margin-bottom:5px;
padding:0 0 5px;
}
.ttinfo #tmplCol01 .cbox .index ol {
clear:both;
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:0;
}
.ttinfo #tmplCol01 .cbox .index ol li {
border-bottom:1px solid #EEE;
font-size:12px;
line-height:16px;
margin-bottom:5px;
padding:0 0 5px;
}

.ttinfo #tmplCol01 .cbox .index .infoTbl {
border:1px solid #998;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl .inner {
border:3px solid #DDC;
padding:0 !important;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl table {
border-collapse:collapse;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl table th,
.ttinfo #tmplCol01 .cbox .index .infoTbl table td {
font-size:12px;
line-height:18px;
padding:3px;
border:1px solid #CCB;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl table th {
background:url(//image.itmedia.co.jp/tt/images/renew_ulli_ebook.gif) no-repeat 5px 4px;
padding-left:23px;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl table td {
width:10%;
text-align:center;
}
.ttinfo #tmplCol01 .cbox .index .infoTbl table td span {
font-size:10px;
}
.ttinfo #tmplCol01 .cbox .index .btn {
text-indent:-9999px;
font-size:12px;
}
.ttinfo #tmplCol01 .cbox .index .inquiry {
background:url(//image.itmedia.co.jp/tt/images/btn_inquiry.gif) no-repeat 0px 0px;
display:block;
width:240px;
height:40px;
border:2px solid #FFF;
margin:0px auto;
}
.ttinfo #tmplCol01 .cbox .index .btn a:hover {
border:2px solid #EED;
}

.ttinfo .marketerBox {
width:420px;
margin:0 auto;
}
.ttinfo .marketerBox pre {
font-family:'lr SVbN', 'Osaka|';
font-size:12px;
}
.ttinfo .marketerMenu .infoTbl .inner {
padding:0;
}
.ttinfo .marketerMenu th {
font-size:12px;
line-height:18px;
font-weight:normal;
padding:5px 0 5px 15px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0 8px;
border-bottom:1px dotted #CCC;
}
.ttinfo .marketerMenu hr {
display:none;
}

/* FOOTER
---------------------------------------*/
#tmplFooter {
width:100%;
}
#tmplFootmenu {
width:100%;
min-width:990px;
background:#F8F8F8;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}
#tmplFootmenuIn {
width:990px;
margin:0 auto;
padding:10px 0;
}
#tmplFootmenu .menu {
width:195px;
float:left;
}
#tmplFootmenu .head {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0 4px;
margin:0;
padding:0 0 0 14px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#tmplFootmenu .menu0 {
margin:0;
padding:0;
font-size:12px;
list-style:none;
}
#tmplFootmenu .menu0 li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree0.gif) no-repeat -1px 0px;
margin:0;
padding:0 0 0 19px;
font-weight:normal;
line-height:18px;
}
#tmplFootmenu .menu0 li.end {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree1.gif) no-repeat -1px 0px;
}
#tmplFootmenu .menu0 li a:link,
#tmplFootmenu .menu0 li a:visited {
text-decoration:none;
}

#tmplFootline {
width:100%;
min-width:990px;
height:10px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeader_right.gif) repeat-x 0 0 #FFF;
border-top:1px solid #FFF;
border-bottom:1px solid #DDD;
font-size:0px;
margin-bottom:10px;
}

#tmplFootcommonmenu {
width:100%;
}
#tmplFootcommonmenuIn {
width:990px;
margin:0 auto;
}
.itmFooter {
}
.itmFooter table {
width:100%;
}
.itmFooter p {
font-size:12px;
line-height:18px;
margin:0;
}
.itmFooter a:link,
.itmFooter a:visited {
text-decoration:none;
}
.itmFooter p.itmIncLogo {
margin-bottom:10px;
}
.itmFooter p.itmIncLogo img {
margin-bottom:3px;
}
.itmFooter p.itmIncLinkLst {
margin:0px;
color:#999;
}
.itmFooter td.itmIncMedia {
text-align:right;
vertical-align:bottom;
}


/* HeaderArticles 110418
---------------------------------------*/
#tmplHeaderArtList {
position:absolute;
top:21px;
margin:0;
padding:5px;
}
#tmplHeaderArtList li {
display:block;
list-style:none;
float:left;
padding:0;
margin:0;
padding:0;
}
#tmplHeaderArtList li a {
}
#tmplHeaderArtList li a:hover {
}
#tmplHeaderArtList li img {
width:48px;
height:36px;
margin:0 3px 0 0;
padding:2px;
background:#FFF;
border:1px solid #CCC;
/-ms-interpolation-mode:bicubic;
}
#tmplHeaderArtList li a:hover img {
border:1px solid #C00;
}
#tmplHeaderArtList li#tmplHeaderArtListPr img {
border:0;
padding:0;
width:52px;
height:42px;
}
#tmplHeaderArtListOuter {
border:1px solid #CCC;
border-top:0 solid #CCC;
width:298px;
position:absolute;
top:-26px;
right:0;
}
#tmplHeaderArtListOuterHeader {
font-size:11px;
padding:9px 5px 0 5px;
font-weight:bold;
/*
border-bottom:1px solid #CCC;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeadBg.gif) repeat-x bottom left;
*/
text-shadow:0 1px 0 rgba(255, 255, 255, 1);
height:68px;
}
/*
#tmplHeaderArtListOuterHeader span {
display:block;
float:left;
color:#FFF;
background:#999;
margin:0 5px 0 0;
padding:0 5px 0 5px;
}
*/
#tmplHeaderArtTitle {
width:250px;
font-size:12px;
margin:3px 5px;
padding-left:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButton.gif) no-repeat 0 -82px;
line-height:18px;
float:left;
}
#tmplHeaderArt {
border:0 none;
height:auto;
position: absolute;
top:0;
right:0;
width:398px;
}
#tmplHeaderArtIn {
border:0 none;
height:auto;
position:relative;
}
#tmplHeaderArt h2 {
font-size:10px;
line-height:12px;
border-bottom:1px solid #CCC;
margin:0 0 3px;
padding:0;
}


/* QUICK POLL inarticle
---------------------------------------------------------------------------------------------- */
#cmsBody .colBoxQuickPoll {
width:450px;
margin:0 auto 10px;
background:#FFF;
text-align:left;
line-height:100%;
border:1px solid #CCC;
}
#cmsBody .colBoxQuickPoll .colBoxOuter {
}
#cmsBody .colBoxQuickPoll .colBoxHead {
border-bottom:1px solid #CCC;
margin:0;
}
#cmsBody .colBoxQuickPoll .colBoxHead h2 {
margin:0;
padding:0;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_quickpoll.gif) no-repeat;
font-size:12px;
height:26px;
}
#cmsBody .colBoxQuickPoll .colBoxInner {
padding:10px;
border:3px solid #EEE;
}
#cmsBody .colBoxQuickPoll form {
height:1%\9; /* for IE */
margin:0;
padding:0 0 15px;
_padding:0;
}
#cmsBody .colBoxQuickPoll .colBoxTitle {
margin:0 0 20px;
padding:0 0 5px;
border-bottom:1px dotted #DDD;
_height:1%;
}
#cmsBody .colBoxQuickPoll .colBoxTitle h3 {
padding:0 0 0 24px;
margin:0;
font-size:14px;
line-height:18px;
background:url(//image.itmedia.co.jp/images0509/qp_titleicon.gif) no-repeat 0 1px;
_height:1%;
border:0 none;
color:#333;
}
#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;
font-size:11px;
}
#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/images0509/qp_barbg.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;
}
#cmsBody .colBoxQuickPoll .colBoxInfo {
padding:0 0 2px;
margin:0;
}
#cmsBody .colBoxQuickPoll .colBoxInfo p {
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 {
padding:15px 0 0;
}
#cmsBody .colBoxQuickPoll .colBoxUlist ul {
margin:0;
padding:0;
list-style:none;
}
#cmsBody .colBoxQuickPoll .colBoxUlist ul li {
margin:0 0 4px 0;
padding:0 10px 0 16px;
background:url(//image.itmedia.co.jp/images0509/tot_hl_bg.gif) no-repeat 0 2px!important;
border-bottom:1px dotted #EEE;
font-size:12px;
line-height:18px;
_height:1%;
}



/* QUICK POLL subcol
---------------------------------------------------------------------------------------------- */
#tmplR300 .colBoxQuickPoll {
text-align:left;
}
#tmplR300 .colBoxQuickPoll .colBoxOuter {
}
#tmplR300 .colBoxQuickPoll .colBoxHead {
height:25px;
border-bottom:1px solid #CCC;
margin:0;
}
#tmplR300 .colBoxQuickPoll .colBoxHead h2 {
margin:0;
padding:0;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_quickpoll.gif) no-repeat;
border-bottom:1px solid #EEEEEE;
font-size:12px;
height:26px;
}
#tmplR300 .colBoxQuickPoll .colBoxInner {
padding:5px;
}
#tmplR300 .colBoxQuickPoll form {
height:1%\9; /* for IE */
margin:0;
padding:0 0 10px;
_padding:0;
}
#tmplR300 .colBoxQuickPoll .colBoxTitle {
margin:0 0 15px;
padding:0 0 5px;
border-bottom:1px dotted #DDD;
_height:1%;
}
#tmplR300 .colBoxQuickPoll .colBoxTitle h3 {
padding:0 0 0 24px;
margin:0;
font-size:12px;
line-height:16px;
background:url(//image.itmedia.co.jp/images0509/qp_titleicon.gif) no-repeat 0 1px;
_height:1%;
}
#tmplR300 .colBoxQuickPoll form input {
clear:both;
float:left;
height:16px;
margin:0;
padding:0;
vertical-align:middle;
}
#tmplR300 .colBoxQuickPoll form label {
float:left;
margin:0 0 0 5px;
padding:0;
font-size:11px;
}
#tmplR300 .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/images0509/qp_barbg.gif) repeat-x center center #f7e881;
font-size:10px;
line-height:100%;
text-align:center;
color:#272302;
}
#tmplR300 .colBoxQuickPoll form div.colBoxInfoBtn {
background:none;
border:0 none;
text-align:center;
margin:0 auto;
padding:0;
width:71px;
height:20px;
}
#tmplR300 .colBoxQuickPoll form div.colBoxInfoBtn input {
width:71px;
height:20px;
}
#tmplR300 .colBoxQuickPoll .colBoxInfo {
padding:0 0 2px;
margin:0;
}
#tmplR300 .colBoxQuickPoll .colBoxInfo p {
margin:0;
padding:0;
line-height:18px;
background:none;
font-size:10px;
color:#C00;
}
#tmplR300 .colBoxQuickPoll form p input {
float:none;
height:auto;
}
#tmplR300 .colBoxQuickPoll .colBoxUlist {padding:10px 0 0;}
#tmplR300 .colBoxQuickPoll .colBoxUlist ul {
margin:0;
padding:0;
list-style:none;
}
#tmplR300 .colBoxQuickPoll .colBoxUlist ul li {
margin:0 0 2px 0;
padding:0 10px 0 16px;
background:url(//image.itmedia.co.jp/images0509/tot_hl_bg.gif) no-repeat 0 2px!important;
border-bottom:1px dotted #EEE;
font-size:12px;
line-height:16px;
_height:1%;
}


/* 20111109 ITMID INFORMATION
---------------------------------------------------------------------------------------------- */
#tmplHeaderBtm {
clear:both;
width:990px;
margin:0 auto;
}
.cbox.itmidInfo {
background:url(//image.itmedia.co.jp/tt/images/tt/itmid_alert.gif) no-repeat 5px center;
box-shadow:1px 1px 3px 0 #DDD;
margin:0 auto;
width:80%;
border:2px solid #444;
}
.cbox.itmidInfo .index {
padding-left:60px;
}
.cbox.itmidInfo .title {
color:#C00;
}
.cbox.itmidInfo .description {
color:#C00;
}
.cbox.itmidInfo .description span {
font-size:10px;
}
.cbox.itmidInfo .itmidBtn {
float:right;
padding:0 10px;
}
.cbox.itmidInfo .itmidBtn a {
background:url(//image.itmedia.co.jp/tt/images/tt/itmid_btn.gif) no-repeat left center;
display:block;
text-indent:-9999px;
width:131px;
height:31px;
}
.cbox.itmidInfo .itmidBtn a:hover {
opacity:0.85;
}


/* 20111221 about_tt
---------------------------------------------------------------------------------------------- */
.ttinfo #tmplCol01 .about_tt-info h1 {
background:url(//image.itmedia.co.jp/tt/images/info_title_about_tt.gif) no-repeat 0 0;
margin:10px 0 4px;
}
.ttinfo #tmplCol01 .about_tt-info .loginBtn {
width:288px;
margin:0 auto 20px;
}
.ttinfo #tmplCol01 .about_tt-info .loginBtn a {
display:block;
}
.ttinfo #tmplCol01 .about_tt-info .loginBtn a:hover {
opacity:0.85;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBoxInner {
padding:10px;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox h4 {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0px 7px;
display:inline;
margin:0;
padding-left:14px;
border:0 none;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox .sumbnailBoxAbstract p.ttcap {
height:60px;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox .sumbnailBoxAbstract ul {
margin:0;
padding:0 0 10px 0;
list-style:none;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox .sumbnailBoxAbstract ul li {
font-size:12px;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox.r50 .sumbnailBoxTumbnail,
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox.l50 .sumbnailBoxTumbnail {
text-align:left;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox .sumbnailBoxTumbnail {}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBox .sumbnailBoxTumbnail img {
border:0 none;
}
.ttinfo #tmplCol01 .about_tt-info .sumbnailBoxHead {
border-bottom:1px solid #DDD;
margin-bottom:9px;
}
.ttinfo #tmplCol01 .about_tt-info .cboxBtmLink {
clear:both;
}
.ttinfo #tmplCol01 .about_tt-info .cboxBtmLink p {
font-size:12px;
line-height:17px;
text-align:right;
margin:0;
}
.ttinfo #tmplCol01 .about_tt-info .cboxBtmLink p a {
text-align:right;
}

/* sumbnailBoxAbstract
============================================================= */
.about_tt-info .colBoxAboutInfoTheme .sumbnailBoxAbstract {
float:left;
width:199px;
}
.about_tt-info .colBoxAboutInfoTheme .sumbnailBoxTumbnail {
float:right;
}
.about_tt-info .colBoxAboutInfoTheme .sumbnailBoxTumbnail a {
display:block;
}
.about_tt-info .colBoxAboutInfoTheme .sumbnailBoxTumbnail img {
width:100px;
height:auto;
}
.about_tt-info .colBoxAboutInfoHowto .sumbnailBoxAbstract p {
background:url(//image.itmedia.co.jp/tt/images/info_about_tt_dl.gif) no-repeat 0 3px;
padding-left:20px;
margin:0 0 3px!important;
}
.about_tt-info .colBoxAboutInfoHowto .sumbnailBoxAbstract ul {
padding-left:19px!important;
}
.about_tt-info .colBoxAboutInfoHowto .sumbnailBoxAbstract li {
line-height:21px;
padding-left:18px;
background:url(//image.itmedia.co.jp/tt/images/colBox_ulli.gif) no-repeat 3px 3px;
}
.about_tt-info .colBoxAboutInfoHowto .sumbnailBox .sumbnailBoxTumbnail {
float:left;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBox {}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxTumbnail {
width:34px;
padding-left:7px;
float:right!important;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxTumbnail img {
border:0 none;
float:right;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxTumbnail a {
display:block;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxTumbnail a:hover {
opacity:0.85;
}
.about_tt-info .colBoxAboutInfoNewinfo h4 a {
color:#111!important;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxAbstract p {
margin-bottom:10px!important;
display:inline;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxAbstract ul {
margin:5px 0!important;
}
.about_tt-info .colBoxAboutInfoNewinfo .sumbnailBoxAbstract li {
background:url(//image.itmedia.co.jp/tt/images/colBox_ulli.gif) no-repeat 3px 3px;
padding-left:18px;
}

/* 20120418
============================================================= */
#tmplNewsIn .cboxLikebox {
border:0 none!important;
margin-bottom:20px;
}

/* HeaderArticles 120517
---------------------------------------*/
#tmplHeaderSocialList {
margin:26px 0 0 0;
padding:0;
font-size:10px;
width:50px;
}
#tmplHeaderSocialList li {
margin:0 0 8px 8px;
padding:0;
list-style-type:none;
line-height:15px;
float:left;
}
#tmplHeaderSocialList li a {
text-indent:-9999px;
display:block;
width:17px;
height:17px;
}
#tmplHeaderSocialList li a:hover {
}
#tmplHeaderSocialList li img {
}
.tmplSearch {
}
.tmplSearch #cse-search-box .txt {
width:250px;
}
#socialListRss {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonRSS.gif) no-repeat 0 0;
}
#socialListTw {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonTw.gif) no-repeat 0 0;
}
#socialListFb {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonFb.gif) no-repeat 0 0;
}

#socialListGp {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonGp.gif) no-repeat 0 0;
}

/*---------------------------------------------------------------------*/
/* snsContents - 2013/03/06 */
/*---------------------------------------------------------------------*/
.snsContents {
background:#FFF;
}
.snsContents .colBox {
position:relative;
}
.snsContents .colBox .colBoxOuter {
border:none !important;
}
.snsContents .colBox .colBoxIndex {
padding:0 !important;
border-left:1px solid #CCC;
}
.snsButtons .colBox {
margin:0;
}
.snsButtons .colBoxUlist ul {
}
.snsButtons .colBoxUlist li {
display:inline;
margin:0;
padding:0 3px;
background:#FFF;
border:1px solid #CCC;
font-weight:bold;
cursor:pointer;
}
.snsButtons .colBoxUlist li.hover {
}
.snsButtons .colBoxUlist li.active {
background:#EEE;
}
.snsContents .colBoxHead {
display:none;
}
.colBoxSnsMostpopular {
border:1px solid #CCC;
border-top:2px solid #CCC;
}
.colBoxSnsFriendsactivity {
border:1px solid #CCC;
border-top:2px solid #CCC;
}
.colBoxSnsMosttweeted {
border:1px solid #CCC;
height:262px;
overflow:scroll;
border-top:2px solid #CCC;
}
.colBoxSnsMosttweeted .colBoxUlist li {
background:none;
padding:0 0 3px 0;
font-size:11px;
}
.colBoxSnsSocialbutton .colBoxOuter {
background:#CCC;
padding:5px;
border-radius:0 0 5px 5px;
}
.colBoxSnsSocialbutton .colBoxUlist li {
border:0;
display:inline;
background:none;
margin:0;
padding:0;
}

#snsContents {
position:relative;
}
#snsContents .colBox {
margin:0;
}
#snsContents #colBoxSnsMosttweeted {
overflow-y:scroll;
overflow-x:auto;
}
#snsContents #colBoxSnsMosttweeted .colBoxInner {
height:1%;
}
#snsContents #colBoxSnsMosttweeted .colBoxUlist li {
border-bottom:1px dotted #CCC;
}
#snsContents #snsButtons {
height:23px;
background:#EEE;
}
#tmplNewsIn #snsContents {
	margin-top:15px;
	margin-bottom:15px;
}
#tmplNewsIn #snsContents #snsButtons {
background:#FFF;
}
#tmplNewsIn #snsContents .colBoxSnsEmbeddedTimelines iframe {
width:646px;
}
#tmplR300 #snsContents,
#tmplR300 #snsContents iframe {
	max-width:100%!important;
}
#snsContents #snsButtons .colBoxUlist ul {
margin:0;
padding:0;
}
#snsContents #snsButtons .colBoxUlist li {
display:block;
float:left;
padding:3px 8px;
font-size:11px;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:0 none;
}

/*120125*/
#snsContents .colBoxDescription p {
font-style:normal !important;
}
/*120402*/
.colBoxSmartJapan .colBoxIcon img {
width:40px;
height:30px;
}

/* 130605 */
/*
.cbox .premiumContents .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_premiumContentsRcol.gif) no-repeat 0 0;
border-right:1px solid #000;
}
*/
.cbox .premiumContents .description {
padding-bottom:5px;
}
.cbox .premiumContents .description a {
font-size:13px;
line-height:1.6;
display:block;
}
.cbox .premiumContents .premiumDlIcon {
position:relative;
width:145px;
display:block;
margin:0 auto;
}
.cbox .premiumContents .premiumDlIcon .premiumRibbon {
display:block;
position:absolute;
right:-4px;
bottom:-2px;
background:url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_ribbon.png) no-repeat;
width:73px;
height:45px;
}
.cbox .premiumContents .premiumImgBox {
position:relative;
text-align:center;
}
.cbox .premiumContents .icon {
float:none;
margin:0 0 10px;
text-decoration:none!important;
}
.cbox .premiumContents .icon .premiumDlIcon {
	display:block;
}
.cbox .premiumContents .icon .premiumDlBtn {
cursor:pointer;
margin:10px auto 0;
padding:5px 7px 3px 26px;
width:85px;
color:#5d5308;
font-weight:bold;
border:1px solid #ceb70d;
border-radius:3px;
display:block;
font-size:14px;
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px #f2dd42;
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -moz-linear-gradient(top,  #fefcef 0%, #f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcef), color-stop(100%,#f2dd42));
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -webkit-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -o-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -ms-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, linear-gradient(to bottom,  #fefcef 0%,#f2dd42 100%);
}
.cbox .premiumContents .icon .premiumDlBtn:hover {
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px #f9e97f;
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -moz-linear-gradient(top,  #f9e97f 0%, #f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e97f), color-stop(100%,#f2dd42));
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -webkit-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -o-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, -ms-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 5px, linear-gradient(to bottom,  #f9e97f 0%,#f2dd42 100%);
}
.cbox .premiumContents .premiumBtmlink {
background:#f7f7f7;
border-top:1px solid #DDD;
padding:7px 10px;
}
.cbox .premiumContents .premiumBtmlink a {
font-weight:normal;
font-size:12px;
}

.premiumContentsNavi .cbox {
	position:relative;
	display:inline;
	border:0 none;
	marign:0;
}
.premiumContents .inner {
	padding:10px;
}
#tmplR300 .premiumContents .inner {
	padding-bottom:0;
}
.premiumContentsNavi .premiumContents.active {
	display:block;
}
.premiumContentsNavi .premiumContents {
	display:none;
	position:absolute;
	left:-1px;
	top:19px;
	z-index:200;
	background:#FFF;
	width:250px;
	box-shadow:0 1px 8px 0 #666;
	*border:1px solid #CCC;
}
.premiumContents .description {
	padding:0 0 5px 40px;
	background:url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_pdf.gif) no-repeat 0 3px;
	position:relative;
}
.premiumContents .description a {
	font-size:15px;
	line-height:1.5;
}
.premiumContentsNavi .premiumContents a {
	background:none;
	border:0 none;
	padding:0;
}
.premiumContents a img {
	box-shadow:0 1px 4px 0px #999;
	border:0 none;
}
.premiumContentsNavi .premiumContents a img {
	max-width:100%;
}
.premiumContentsNavi .premiumContents a:hover {
	background:none;
	border:0 none;
	color:#C00;
	text-decoration:underline;
}
#tmplR300 .premiumContents .index {
	border-bottom:1px dotted #DDD;
}
#tmplNavi0 {
	z-index:10;
}
#tmplContent {
	z-index:0;
}

/*---------------------------------------------------------------------*/
/* themeBannar - 2013/12/02 */
/*---------------------------------------------------------------------*/
/*
.cbox .themeBannar .heading1 {
	background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_themeBannar.gif) no-repeat 0 0;
	border-right:1px solid #000;
}
*/
.cbox .themeBannar .icon {
	float:none;
	margin:0 0 5px;
	display:block;
}
.cbox .themeBannar .icon img {
	max-width:100%;
	height:auto;
}
/*---------------------------------------------------------------------*/
#header_info {
width:300px;
position:absolute;
top:12px;
right:0;
border:none;
}
#header_info .heading1 {
background:none;
border-bottom:1px solid #CCC;
margin:0 0 3px;
padding:0 0 3px 0;
}
#header_info .inner {
padding:0;
}
#header_info .description:before {
content:'E';
}
/*---------------------------------------------------------------------*/
.cbox.mediabanner {
	background:#F1DB3A;
	background:-webkit-linear-gradient(top, #FFF, #F1DB3A);
	background:-moz-linear-gradient(top, #FFF, #F1DB3A);
	background:-o-linear-gradient(top, #FFF, #F1DB3A);
	background:linear-gradient(to bottom, #FFF, #F1DB3A);
	border:1px solid #CFB913;
}
.cbox.mediabanner a {
	display:block;
	color:#5D5308;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

/* IT eBook - 2016/05/24 */
.colBoxAitEbook.colBox {
position:relative;
height:1%;
background:#FFF;
border:1px solid #CCC;
border-radius:4px;
margin-bottom:10px;
}
.colBoxAitEbook.colBox .colBoxHead {
position:relative;
margin:0;
padding:5px 5px 5px 24px;
font-size:12px;
border-bottom:1px solid #CCC;
background:url(//image.itmedia.co.jp/images/ulli_newspaper-arrow.png) no-repeat 3px center #EEE;
border-right:none;
height:auto;
}
.colBoxAitEbook .colBoxHead h2 {
margin:0;
padding:0;
color:#000;
font-size:12px;
line-height:16px;
}
.colBoxAitEbook .colBoxTitle h3 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxAitEbook .colBoxIcon {
float:left;
margin:0 5px 5px 0;
}
.colBoxAitEbook .colBoxInner {
padding:5px 5px 0;
}
.colBoxAitEbook .colBoxIndex {
margin:0 0 5px 0;
}
.colBoxAitEbook .colBoxIndex:last-child {
margin:0;
}
.colBoxAitEbook .colBoxPageLink {
text-align:right;
font-size:12px;
line-height:16px;
padding:0 5px 5px;
}