@charset "utf-8";

#globalTagline {
display:none;
}

/*---------------------------------------------------------------------*/
/* colBoxArchiveNavigation */
/*---------------------------------------------------------------------*/
.colBoxArchiveNavigation {
padding:0 5px;
font-size:12px;
}
.colBoxArchiveNavigation .prevArchiveIndex {
float:left;
}
.colBoxArchiveNavigation .nextArchiveIndex {
float:right;
}

/*---------------------------------------------------------------------*/
/* subtopTitle */
/*---------------------------------------------------------------------*/
#subtopTitle {
padding:0;
background:inherit;
border:none;
}
#subtopTitle h1 {
padding:10px 0;
color:#039;
}

/*---------------------------------------------------------------------*/
/* colBox */
/*---------------------------------------------------------------------*/
.colBoxInfo {
font-size:10px;
line-height:12px;
}

/*---------------------------------------------------------------------*/
/* colBoxNotice for TOP */
/*---------------------------------------------------------------------*/
.colBoxNotice {
padding:10px 10px 5px;
border:4px #2AA7FF solid;
}
.colBoxNotice .colBoxTitle {
border-bottom:1px #ddd solid;
}
.colBoxNotice .colBoxTitle h3 {
margin-bottom:3px;
padding-left:20px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_info.png) no-repeat 0 1px;
font-size:14px;
line-height:20px;
}
.colBoxNotice .colBoxDescription p {
margin:0 0 5px;
font-size:12px;
line-height:18px;
}

/*---------------------------------------------------------------------*/
/* colBoxPickupEntry for TOP */
/*---------------------------------------------------------------------*/
.colBoxPickupEntry {
margin-bottom:0;
padding:10px;
background:#ECF8FD;
background:-webkit-gradient(linear, left center, left bottom, from(#C3EDFF), color-stop(0.6, #ECF8FD), to(#FFF));
background:-webkit-linear-gradient(center top , #C3EDFF, #ECF8FD 60%, #FFF);
background:-moz-linear-gradient(center top , #C3EDFF, #ECF8FD 60%, #FFF);
background:linear-gradient(center top , #ECF8FD 60%, #FFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3EDFF', endColorstr='#FFFFFF', GradientType=0)";
}
.colBoxPickupEntry .colBoxHead {
margin:0 0 10px;
}
.colBoxPickupEntry .colBoxHead h2 {
font-size:16px;
line-height:22px;
color:#036;
}
.colBoxPickupEntry .colBoxIndexLeft {
width:80px;
}
.colBoxPickupEntry .colBoxIcon a {
border:1px #FFF solid;
}
.colBoxPickupEntry .colBoxIcon a img {
width:70px;
border:none;
}
.colBoxPickupEntry .colBoxTitle h1 {
font-size:18px;
line-height:24px;
}
#masterMain .colBoxPickupEntry .colBoxTitle h1 a:link,
#masterMain .colBoxPickupEntry .colBoxTitle h1 a:visited {
color:#039;
}

/*---------------------------------------------------------------------*/
/* colBoxNewEntries for TOP & SUBTOP(newentry.html) */
/*---------------------------------------------------------------------*/
.colBoxNewEntries .colBoxHead {
background:#88D2F3;
padding:6px 10px;
}
.colBoxNewEntries .colBoxHead h2 {
color:#036;
}
.colBoxNewEntries .colBoxIndex {
margin-bottom:10px;
border-bottom:1px #ddd dotted;
}
.colBoxNewEntries .colBoxIndexLeft {
width:60px;
}
.colBoxNewEntries .colBoxIcon a {
margin:0 0 5px;
}
.colBoxNewEntries .colBoxIcon img {
width:50px;
}
.colBoxNewEntries .colBoxSocialButtonTweet {
float:left;
margin-right:10px;
}
.colBoxNewEntries .colBoxSocialButtonFacebook {
float:left;
margin-right:10px;
}
.colBoxNewEntries .colBoxInfo {
clear:both;
text-align:left;
}

/*---------------------------------------------------------------------*/
/* colBoxMonthlyAccessRanking for SUBTOP(ranking) */
/*---------------------------------------------------------------------*/
.colBoxMonthlyAccessRanking ol {
counter-reset:rank;
list-style:none;
margin:0;
padding:0;
}
.colBoxMonthlyAccessRanking ol li {
clear:both;
display:table;
width:100%;
margin:0 0 10px;
font-size:16px;
line-height:22px;
}
.colBoxMonthlyAccessRanking ol li a {
display:block;
padding:0 0 0 45px;
}
.colBoxMonthlyAccessRanking ol .rank1 a {
font-size:18px;
line-height:24px;
font-weight:bold;
}
.colBoxMonthlyAccessRanking ol .rank2 a,
.colBoxMonthlyAccessRanking ol .rank3 a {
font-size:16px;
line-height:20px;
font-weight:bold;
}
.colBoxMonthlyAccessRanking ol li:before {
counter-increment:rank;
content:counter(rank);
position:absolute;
width:17px;
height:14px;
margin:0 10px 10px 0;
padding:8px;
border:3px #ddd solid;
vertical-align:middle;
text-align:center;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
font-size:13px;
font-weight:bold;
line-height:13px;
color:#777;
}
.colBoxMonthlyAccessRanking ol li.rank1:before {
border:3px #E2C014 solid;
background:#F9EE83;
color:#8C6104;
}
.colBoxMonthlyAccessRanking ol li.rank2:before {
border:3px #C5C5C5 solid;
background:#F5F5F5;
color:#666;
}
.colBoxMonthlyAccessRanking ol li.rank3:before {
border:3px #DD9A4F solid;
background:#EFCC82;
color:#745338;
}
.colBoxMonthlyAccessRanking ol li span {
display:block;
font-size:12px;
text-align:right;
}
#masterMain .colBoxMonthlyAccessRanking .colBoxBackNumber li a:link,
#masterMain .colBoxMonthlyAccessRanking .colBoxBackNumber li a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxBloggersMeeting for SUBTOP(meeting) */
/*---------------------------------------------------------------------*/
.colBoxBloggersMeeting .colBoxTitle {
background:#88D2F3;
padding:6px 10px;
border-bottom:1px #CCC solid;
}
.colBoxBloggersMeeting .colBoxTitle h1 {
font-size:14px;
line-height:18px;
color:#036;
}

/*---------------------------------------------------------------------*/
/* colBoxBloggers for SUBTOP(bloggers) */
/*---------------------------------------------------------------------*/
.colBoxBloggers .colBoxIndex {
margin-bottom:10px;
}
.colBoxBloggers .colBoxIndexLeft {
width:60px;
}
.colBoxBloggers .colBoxIcon img {
width:50px;
}
.colBoxBloggers .colBoxInfo {
text-align:left;
color:#777;
}

/*---------------------------------------------------------------------*/
/* colBoxBloggers for SUBTOP(best30) */
/*---------------------------------------------------------------------*/
.colBoxMonthlyBloggerRanking .colBoxIndex {
margin-bottom:10px;
}
.colBoxMonthlyBloggerRanking .colBoxIndexLeft {
width:60px;
}
.colBoxMonthlyBloggerRanking .colBoxIcon img {
width:50px;
}
.colBoxMonthlyBloggerRanking .colBoxTitle h1 {
font-size:16px;
line-height:20px;
}
.colBoxMonthlyBloggerRanking .colBoxTitle h1 span {
display:none;
}
#masterMain .colBoxMonthlyBloggerRanking .colBoxBackNumber li a:link,
#masterMain .colBoxMonthlyBloggerRanking .colBoxBackNumber li a:visited {
color:#333;
}

/*---------------------------------------------------------------------*/
/* colBoxBlogInfo for BLOG */
/*---------------------------------------------------------------------*/
.colBoxBlogInfo {
position:relative;
background:#263b9e;
color:#FFF;
}
.colBoxBlogInfo a:link,
.colBoxBlogInfo a:visited {
color:#FFF;
}
.colBoxBlogInfo .colBoxRSS {
position:absolute;
top:8px;
right:-5px;
display:block;
padding:0;
width:30px;
height:30px;
background:#f58a00;
color:#FFF;
font-size:12px;
text-align:center;
}
.colBoxBlogInfo .colBoxRSS a {
display:block;
width:30px;
height:30px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_rss.png) no-repeat center center;
background-size:16px;
text-indent:-9999px;
}
.colBoxBlogInfo .colBoxRSS a:hover {
text-decoration:none;
}
.colBoxBlogInfo .colBoxRSS a:after {
content:'';
position:absolute;
right:0;
bottom:-5px;
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 0;
border-color:#9d8500 transparent transparent;
}
.colBoxBlogInfo .colBoxTitle {
margin:0;
padding:12px 45px 8px 10px;
font-size:20px;
line-height:24px;
}
.colBoxBlogInfo .colBoxDescription {
margin:0 10px;
}
.colBoxBlogInfo .colBoxDescription p {
padding:0 0 10px;
}

/*---------------------------------------------------------------------*/
/* colBoxArticleIndex for BLOG TOP & ARCHIVE */
/*---------------------------------------------------------------------*/
.colBoxArticleIndex .colBoxIndex {
margin:0 0 10px;
border-bottom:1px #ddd solid;
}
.colBoxArticleIndex .colBoxInfo {
line-height:14px;
color:#666;
}

/*---------------------------------------------------------------------*/
/* cms(entrBody) for BLOG ENTRY BODY */
/*---------------------------------------------------------------------*/
#cmsTitle h1 {
padding:10px 0;
color:#039;
font-size:22px;
line-height:28px;
}
#cmsCategories a {
float:left;
margin:0 8px 6px 0;
padding:3px 10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background:#eee;
color:#666;
}
#cmsCategories a:hover {
background:#f5f5f5;
color:#999;
}
#cmsCategories span {
display:none;
}
#cmsDate {
clear:both;
}
#cmsBody,
#cmsBody p {
font-size: 16px;
line-height: 26px;
word-wrap: break-word;
}
#cmsBody ul li,
#cmsBody ol li {
font-size: 16px;
}
#cmsBody a:link,
#cmsBody a:visited,
#cmsBody a:hover,
#cmsBody a:active {
text-decoration:underline;
}
#cmsBody h2 {
padding:3px 0;
border-bottom:2px #ccc solid;
font-size:21px;
}
#cmsBody blockquote {
clear:both;
margin:5px 0 18px;
padding:10px;
background:#eee;
color:#666;
font-size:14px;
line-height:22px;
}
#cmsBody blockquote p {
margin:10px 0;
font-size:14px;
line-height:22px;
}
#cmsBody a:link img,
#cmsBody a:visited img,
#cmsBody a:hover img,
#cmsBody a:active img {
border:none;
}
#cmsEntryInfo {
margin:15px 0;
padding:3px 0;
font-size:13px;
border-top:1px #ddd solid;
}
#cmsEntryInfo .entryAuthorName {
margin-right:10px;
padding:0 0 0 18px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_author.png) no-repeat 0 0;
background-size:14px auto;
}
#cmsEntryInfo .entryDate {
margin-right:10px;
padding:0 0 0 18px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_date.png) no-repeat 0 0;
background-size:14px auto;
}
#cmsEntryInfo .entryCommentCount {
padding:0 0 0 18px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_comment.png) no-repeat 0 0;
background-size:14px auto;
}

/*---------------------------------------------------------------------*/
/* newzia_connect for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
#newzia_connect {
padding:5px 10px;
border:1px #ccc solid;
text-align:right;
font-size:12px;
}
#newzia_connect h3 {
margin:0 0 5px;
padding:3px 3px 5px 0;
border-bottom:1px #ccc solid;
font-size:14px;
line-height:18px;
text-align:left;
}
#newzia_connect ul {
margin:0 0 5px;
padding:0 0 0 15px;
list-style-type:none;
}
#newzia_connect ul li {
position:relative;
padding:5px;
font-size:12px;
line-height:16px;
text-align:left;
border-bottom:1px #ccc dotted;
}
#newzia_connect ul li::before {
content:"";
border:solid transparent;
display:inline-block;
position:absolute;
border-width:4px;
border-left-color:#444;
margin-top:-4px;
left:-8px;
top:12px;
}
#newzia_connect ul li span {
font-size:10px;
color:#666;
}
#newzia_connect a:hover {
text-decoration:underline;
}

/*---------------------------------------------------------------------*/
/* colBoxLatestEntries for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
.colBoxLatestEntries {
padding:5px 10px;
border:1px #ccc solid;
}
.colBoxLatestEntries .colBoxHead {
padding:3px 0 5px;
}
.colBoxLatestEntries ul {
margin:0;
padding:0 0 0 15px;
}
.colBoxLatestEntries ul li {
position:relative;
background:none;
padding:5px;
}
.colBoxLatestEntries ul li::before {
content:"";
border:solid transparent;
display:inline-block;
position:absolute;
border-width:4px;
border-left-color:#444;
margin-top:-4px;
left:-8px;
top:12px;
}
.colBoxLatestEntries ul li a:hover {
text-decoration:underline;
}

/*---------------------------------------------------------------------*/
/* colBoxEntryComments for BLOG ENTRY BOTTOM */
/*---------------------------------------------------------------------*/
.colBoxEntryComments {
margin-bottom:0;
background:#eee;
padding:10px;
}
.colBoxEntryComments .colBoxIndex {
margin-bottom:3px;
border-bottom:1px #ddd solid;
}
.colBoxEntryComments .colBoxTitle {
float:left;
}
.colBoxEntryComments .colBoxDescription {
clear:both;
}
.colBoxEntryComments h1 {
padding:0 0 0 18px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_author.png) no-repeat 0 3px;
background-size:14px auto;
font-size:12px;
}
.colBoxPostComment {
background:#eee;
padding:10px;
}
.colBoxPostComment fieldset {
border:none;
}
.colBoxPostComment input,
.colBoxPostComment textarea {
font-family:HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
.colBoxPostComment fieldset ul {
margin:0 0 5px;
padding:0;
list-style-type:none;
}
.colBoxPostComment #comments-open-text label {
display:block;
}
.colBoxPostComment #comments-open-text textarea {
width:80%;
height:50px;
}
.colBoxPostComment #comment-preview {
width:70px;
color:#444;
}
.colBoxPostComment #comment-submit {
width:120px;
font-weight:bold;
}

/*---------------------------------------------------------------------*/
/* masterType-subtop-profile for bprofile.html */
/*---------------------------------------------------------------------*/
#masterType-subtop-profile #subtopIcon img {
float:left;
margin:10px 10px 10px 0;
}
#masterType-subtop-profile #subtopTitle {
margin:0;
}
#masterType-subtop-profile #subtopDescription p {
font-size:13px;
line-height:18px;
}
#masterType-subtop-profile .msbSocialbuttonBig {
clear:both;
}

/*---------------------------------------------------------------------*/
/* colBoxProfileDetail for bprofile.html */
/*---------------------------------------------------------------------*/
#masterMain .colBoxProfileDetail {
margin:0 0 30px 0;
}
#masterMain .colBoxProfileDetail a:link,
#masterMain .colBoxProfileDetail a:visited,
#masterMain .colBoxProfileDetail a:hover,
#masterMain .colBoxProfileDetail a:active {
text-decoration:underline;
}
.colBoxProfileDetail .colBoxHead {
background:#88D2F3;
padding:6px 10px;
}
.colBoxProfileDetail .colBoxHead h2 {
color:#036;
}
.colBoxProfileDetail .colBoxInner {
padding:3px;
font-size:16px;
line-height:26px;
}


/*---------------------------------------------------------------------*/
/* masterSub */
/*---------------------------------------------------------------------*/
#masterSub .colBoxHead {
padding:5px;
background:#ced7e0;
border-bottom:2px solid #dae3ed;
}
#masterSub .colBoxUlist ul li {
padding:2px 0 5px 14px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/icon_arr_01.gif) no-repeat 0 6px;
}

#masterSub .colBoxProfile {
border:3px solid #81caff;
padding:10px;
}
#masterSub .colBoxProfile .colBoxIcon img {
margin:0 10px 10px 0;
width:70px;
}
#masterSub .colBoxCalender {
text-align:center;
}
#masterSub .colBoxCalender .colBoxTitle h2 {
font-size:12px;
color:#55aeee;
}
#masterSub .colBoxCalender table {
margin:5px 0 10px;
width:100%;
background:#fff;
border-collapse:collapse;
}
#masterSub .colBoxCalender thead {
background:#81caff;
}
#masterSub .colBoxCalender th {
padding:5px;
font-size:12px;
color:#fff;
text-align:center;
}
#masterSub .colBoxCalender td {
padding:5px;
font-size:12px;
font-weight:normal;
color:#55aeee;
text-align:center;
}
#masterSub .colBoxCalender .colBoxArchiveSelect {
margin:0 auto;
}
#masterSub .colBoxCalender .colBoxArchiveSelect select {
font-family:HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#masterSub .colBoxAltblogLatestEntries .colBoxDescription {
margin:10px 0 0;
padding:10px;
border:1px #ccc solid;
background:#eee;
}
#masterSub .colBoxTwitter,
#masterSub .colBoxFacebook {
width:300px;
margin:0 auto 10px auto;
overflow:hidden;
}
#masterSub .colBoxGA {
visibility:hidden;
}