@charset "utf-8";

/*=====================================================================*/
/* HTML ELEMENT STYLE */
/*=====================================================================*/
* {
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body {
font:11px HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
line-height:1.9;
*font-size:small;
*font:x-small;
min-width:320px;
}
a:link {
color:#000;
text-decoration:none;
-webkit-transition-property:color;
-moz-transition-property:color;
transition-property:color;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
}
a:visited {
color:#000;
text-decoration:none;
-webkit-transition-property:color;
-moz-transition-property:color;
transition-property:color;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
}
.formText,
.formEmail,
.formTextarea {
font-size:14px;
}
/*=====================================================================*/
/* BASE STYLE */
/*=====================================================================*/
.floatclear {
clear:both;
font-size:0;
line-height:0;
height:0;
}
.txtR {
text-align:right;
}
.txtC {
text-align:center;
}

/*---------------------------------------------------------------------*/
/* ヘッダー */
/*---------------------------------------------------------------------*/
#globalHeaderTop {
position:fixed;
top:0;
left:0;
width:100%;
height:50px;
z-index:999;
background:#FFF;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 0 #999;
-webkit-transition-property:boz-shadow;
-moz-transition-property:boz-shadow;
transition-property:boz-shadow;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
padding:10px;
box-shadow: 0 0 5px #999;
}
#globalLogo {
margin: 0 auto;
width: 90px;
height: 30px;
}
#globalLogo h1 a,
#globalLogo div a {
background-size: contain;
display: block;
width: 90px;
height: 0;
padding-top: 30px;
overflow: hidden;
}
/*-----------------------------------------------------------------*/
/* ヘッダー：ボタン */
/*-----------------------------------------------------------------*/
.headerBtn {
position:absolute;
top:5px;
width:40px;
height:40px;
display:block;
cursor:pointer;
z-index:999;
}
#headerBtn_nav {
left:0;
}
#headerBtn_rank {
left:50px;
}
#headerBtn_search {
right:0;
}
.headerBtnArea {
width:40px;
height:40px;
}
#headerBtn_nav .headerBtnArea {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/menu_bgw.png) no-repeat center center;
background-size:20px;
}
#headerBtn_rank .headerBtnArea {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/king_bgw.png) no-repeat center center;
background-size:20px;
}
#headerBtn_search .headerBtnArea {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/search_bgw.png) no-repeat center center;
background-size:17px;
}
/*---------------------------------------------------------------------*/
/* ヘッダー：ナビゲーション */
/*---------------------------------------------------------------------*/
#navigationBoxTop {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:998;
padding:60px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255,255,255,0);
}
#navigationBox {
padding: 8px;
background: #FFF;
box-shadow: 0 0 3px #999;
border-radius: 2px;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
}
#lnavMain .lnavBtn,
#lnavSub .lnavBtn,
#lnavSubSub .lnavBtn {
padding:5px 14px;
font-size:12px;
line-height:24px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/ulli_book0.gif) no-repeat 0 11px;
border-bottom:1px #ccc dotted;
}
#lnavMain .lnavBtn a,
#lnavSub .lnavBtn a,
#lnavSubSub .lnavBtn a {
display:block;
}
#masterNavigation {
margin:10px 0;
}
#navigationBox .colBoxHead {
margin:0 0 10px;
}
#navigationBox .colBoxHead h2 {
font-size:11px;
color:#555;
}
#globalNavigationGroup0 #globalNavigation .gnavBtn {
padding:0 5px;
line-height:24px;
font-size:11px;
}
#globalNavigationGroup0 #globalNavigation .gnavBtn a {
display:block;
float:left;
margin:0 8px 8px 0;
padding:4px 8px 3px;
background:#f9f9f9;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid #ccc;
text-align:center;
line-height:15px;
color:#666;
white-space:nowrap;
}
#globalNavigationGroup0 #globalNavigation .gnavBtn a:hover {
color:#999;
text-decoration:none;
}

/*---------------------------------------------------------------------*/
/* ヘッダー：検索窓 */
/*---------------------------------------------------------------------*/
#colBoxSearchTop {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
z-index:998;
padding:60px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255,255,255,0);
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
}
.colBoxSearch {
padding: 8px;
background: #FFF;
box-shadow: 0 0 3px #999;
border-radius: 2px;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
-moz-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
-webkit-transition-property: -webkit-transform,opacity;
-moz-transition-property: -moz-transform,opacity;
transition-property: transform,opacity;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.colBoxSearch .colBoxHead {
margin:5px 0;
}

/*---------------------------------------------------------------------*/
/* ヘッダー：ランキング */
/*---------------------------------------------------------------------*/
#colBoxRankingTop {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
z-index:998;
padding:60px 10px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255,255,255,0);
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
}
#colBoxRankingClone {
padding: 8px;
background: #FFF;
box-shadow: 0 0 3px #999;
border-radius: 2px;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transform: translate3d(0,-300px,0);
-moz-transform: translate3d(0,-300px,0);
transform: translate3d(0,-300px,0);
-webkit-transition-property: -webkit-transform,opacity;
-moz-transition-property: -moz-transform,opacity;
transition-property: transform,opacity;
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:10px;
line-height:14px;
padding:60px 5px 5px;
}

/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
padding:10px 10px 10px 10px;
}

/*---------------------------------------------------------------------*/
/* カラムボックス */
/*---------------------------------------------------------------------*/
.colBox {
margin-bottom:10px;
width:auto;
}
.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%;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#C00;
}
.colBoxOuter {}
.colBoxHead {
position:relative;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:0 0 3px;
}
.colBoxHeadSubtxt {
position:absolute;
top:3px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxHead h1,
.colBoxHead h2 {
font-size:14px;
line-height:18px;
margin:0;
}
.colBoxSubhead {
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h2,
.colBoxSubhead h3,
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxInner {}
.colBoxLeft {
float:left;
}
.colBoxRight {
}
.colBoxIconMargin120 .colBoxLeft {
}
.colBoxIconMargin80 .colBoxLeft {
}
.colBoxIconMargin120 .colBoxRight {
margin-left:132px;
}
.colBoxIconMargin80 .colBoxRight {
margin-left:92px;
}
.colBoxIndex {
}
.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 a {
float:left;
margin:0 10px 5px 0;
border:1px solid #CCC;
}
.colBoxIcon img {
float:left;
}
.colBoxLeft .colBoxIcon a {
margin:0;
}
.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.colBoxSubIcon {
}
.colBoxSubIcon img {
vertical-align:middle;
}
.colBoxTitle {
margin:0 0 6px;
}
.colBoxTitle h1,
.colBoxTitle h2,
.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;
line-height:16px;
margin:0;
padding:0 0 3px 12px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/ulli_book0.gif) no-repeat 0 2px;
}
.colBoxInfo {
margin:0 0 3px;
text-align:right;
}
.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 {}
.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:0 0 3px 14px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/ulli_book0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}
.colBoxUlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBoxOlist {}
.colBoxUlist ul .lastLiMarginClear,
.colBoxOlist ol .lastLiMarginClear {
}
.colBoxOlist ol {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxOlist ol li {
margin:0 0 3px;
padding:0 0 3px 34px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/olli_rank0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
min-height:30px;
height:auto !important;
height:30px;
}
.colBoxOlist ol .rank1 {background-position:0 0;}
.colBoxOlist ol .rank2 {background-position:0 -100px;}
.colBoxOlist ol .rank3 {background-position:0 -200px;}
.colBoxOlist ol .rank4 {background-position:0 -300px;}
.colBoxOlist ol .rank5 {background-position:0 -400px;}
.colBoxOlist ol .rank6 {background-position:0 -500px;}
.colBoxOlist ol .rank7 {background-position:0 -600px;}
.colBoxOlist ol .rank8 {background-position:0 -700px;}
.colBoxOlist ol .rank9 {background-position:0 -800px;}
.colBoxOlist ol .rank10 {background-position:0 -900px;}
.colBoxOlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}

.colBox .backNumBoxRap {
}
.colBox .backNumBoxRap strong {
display:none;
}
.colBox .backNumBoxIn ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBox .backNumBoxIn ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/ulli_book0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}

.colBoxPageLink {
clear:both;
font-size:12px;
line-height:16px;
text-align:right;
}
.colBoxTable {
}
.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;
}
.colBoxTable table td {
}

.colBoxCalendar .colBoxIndex {
width:140px;
height:100px;
/*
border:1px solid #FFF;
*/
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;
}

.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 {
}
.colBoxLargeImage .colBoxIcon {
}
.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 h1,
.colBoxImage .colBoxTitle h2,
.colBoxImage .colBoxTitle h3 {
font-size:24px;
line-height:30px;
}
.colBoxImage .colBoxDescription p {
font-size:16px;
line-height:22px;
}

.colBoxIconShuffle .colBoxIndex {
display:inline;
}
.colBoxIconShuffle .colBoxIcon a {
display:block;
width:80px;
height:60px;
border:3px solid #CCC;
margin:0 5px 0 0;
padding:1px;
}
.colBoxIconShuffle .colBoxIcon a.active {
border:3px solid #C00;
}

.colBoxAccessTop10 {
}
.colBoxAccessTop10 .colBoxOuter {
background:#CCC;
background: -moz-linear-gradient(top, #EEE, #CCC);
background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#CCC));
padding:10px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.colBoxAccessTop10 .colBoxHead h1,
.colBoxAccessTop10 .colBoxHead h2 {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/ulli_king1.gif) no-repeat 0 0;
padding:8px 0 3px 42px;
font-size:18px;
line-height:24px;
color:#7A711F;
}
.colBoxAccessTop10 .colBoxInner {
background:#FFF;
padding:10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
#cmsBody .colBoxAccessTop10 .colBoxOlist ol {
margin:0;
}
#cmsBody .colBoxAccessTop10 .colBoxOlist li {
font-size:16px;
line-height:22px;
}

.colBoxQuickPoll .colBoxIndex form {
margin:0;
}
.colBoxQuickPoll .colBoxIndex form label {
font-size:14px;
vertical-align:middle;
font-weight:bold;
}
.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;
}
.colBoxQuickPoll .colBoxInfo {
text-align:center;
}
.colBoxQuickPoll .colBoxInfoBtn {
padding:10px 0 0 0;
}
.colBoxQuickPoll .colBoxInfo p {
color:#C00;
}
/*=====================================================================*/
/* GLOBAL FOOTER */
/*=====================================================================*/
#globalFooter {
border-top:3px solid #CCC;
padding:10px;
}
#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;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}

#globalFooterMediaList {
}
#globalFooterMediaListIn {
}
#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;
font-weight:bold;
}
#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;
}
#globalFooterMediaList hr {
visibility:hidden;
clear:both;
}

#globalFooterCorp {
clear:both;
border-top:1px solid #666;
padding:10px 0 0;
}
#globalFooterCorpIn {
}
#globalFooterCorp p a:link,
#globalFooterCorp p a:visited {
}
#globalFooterCorpLogo {
position:relative;
display:block;
height:1%;
margin:0 0 5px;
padding:0;
font-size:12px;
line-height:16px;
}
#globalFooterCorpLogo a {
display:block;
width:100px;
height:20px;
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/170_itmedia_bgw.gif) no-repeat 0 0;
background-size:contain;
text-indent:-9999px;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}

/*=====================================================================*/
/* SOCIAL BUTTON */
/*=====================================================================*/
.masterSocialbutton {
clear:both;
z-index:100;
margin:0 0 10px;
}
.masterSocialbutton .social-widget {
float:left;
margin:15px 0;
}

/*=====================================================================*/
/* EMPTY SPACE */
/*=====================================================================*/
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}


/*=====================================================================*/
/* subtopTitle */
/*=====================================================================*/
#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,
#subtopDescription p {
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;
}


/*---------------------------------------------------------------------*/
/* CTRL */
/*---------------------------------------------------------------------*/
.ctrl {
clear:both;
margin:0 0 30px;
text-align:center;
}
.ctrl .prev a {
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:30px;
background:#FBB03B;
width:90px;
height:28px;
color:#000;
position:relative;
}
.ctrl .prev a:before {
content:'';
position:absolute;
top:0;
left:-27px;
width:0;
height:0;
border:14px solid transparent;
border-right-color:#FBB03B;
}
.ctrl .numb {
}
.ctrl .numb a {
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:30px;
background:#FFF;
border:1px #FBB03B solid;
width:20px;
height:28px;
color:#000;
position:relative;
}
.ctrl .numb strong {
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:30px;
background:#FBB03B;
width:20px;
height:28px;
color:#000;
position:relative;
}
.ctrl .next a {
display:inline-block;
font-size:12px;
font-weight:bold;
line-height:30px;
background:#FBB03B;
width:90px;
height:28px;
color:#000;
position:relative;
}
.ctrl .next a:before {
content:'';
position:absolute;
top:0;
left:90px;
width:0;
height:0;
border:14px solid transparent;
border-left-color:#FBB03B;
}

/*=====================================================================*/
/* cms */
/*=====================================================================*/
.tmplArticle {
overflow:hidden;
}
#cmsDate {
font-size:10px;
line-height:16px;
text-align:right;
}
#cmsDate .arrow {
font-weight:bold;
color:#F60;
}
#cmsType {
font-size:12px;
line-height:16px;
display:none;
}
#cmsTitle h1 {
margin:0;
display:block;
margin-bottom:5px;
font-size:24px;
line-height:30px;
}
#cmsAbstract h2 {
margin:0 0 5px;
font-size:14px;
line-height:20px;
}
#cmsByline {
margin:0 0 20px;
font-size:12px;
text-align:right;
}
#cmsBody {
}

/*--------------------------------------------------------------------------*/
#cmsBody hr {clear:both;}
/*--------------------------------------------------------------------------*/
#cmsBody a:link img {border:3px solid #069;}
#cmsBody a:hover img {border:3px solid #C00;}
#cmsBody a:visited img {border:3px solid #800080;}
#cmsBody a:link.imgLink img {border:none;}
#cmsBody a:hover.imgLink img {border:none;}
#cmsBody a:visited.imgLink img {border:none;}
/*--------------------------------------------------------------------------*/

#cmsBody p {
margin:0 0 20px;
font-size:16px;
line-height:26px;
word-wrap:break-word;
}
#cmsBody p small {
font-size:12px;
line-height:18px;
}
#cmsBody h3 {
clear:both;
margin:0 0 20px;
padding:5px 0 3px;
font-size:18px;
line-height:26px;
border-bottom:2px solid #CCC;
}
#cmsBody h4 {
clear:both;
margin:0 0 20px;
padding:2px 0 2px;
font-size:16px;
line-height:24px;
border-bottom:1px solid #DDD;
}
#cmsBody ul {
margin:0 0 20px 2em;
}
#cmsBody ol {
margin:0 0 20px 2em;
}
#cmsBody ul li,
#cmsBody ol li {
margin-bottom:20px;
font-size:16px;
}
#cmsBody img {
max-width:90%;
height:auto;
}

/*-----------------------------------------------------------------*/
/* TABLE */
/*-----------------------------------------------------------------*/
#cmsBody .cmsTable {
border-collapse:collapse;
margin:0 0 20px 0;
}
#cmsBody .cmsTable caption {
font-size:12px;
line-height:18px;
margin-bottom:3px;
text-align:left;
}
#cmsBody .cmsTable tr {}
#cmsBody .cmsTable th,
#cmsBody .cmsTable td {
border:1px solid #999;
font-size:12px;
line-height:18px;
padding:3px;
text-align:left;
}
#cmsBody .cmsTable th {
background:#DDD;
font-weight:bold;
}
#cmsBody .cmsTable thead th {
background:#666;
color:#FFF;
}
#cmsBody .cmsTable td {
background:#FFF;
font-weight:normal;
}
#cmsBody .cmsTable tfoot td {
background:transparent;
border:none;
}
/*--------------------------------------*/
#cmsBody .cmsTableL {
float:left;
}
#cmsBody .cmsTableC {
margin:0 auto 20px;
}
#cmsBody .cmsTableR {
float:right;
}
/*--------------------------------------*/
#cmsBody .cmsTable25 {
width:25%;
}
#cmsBody .cmsTable50 {
width:50%;
}
#cmsBody .cmsTable75 {
width:75%;
}
#cmsBody .cmsTable100 {
width:100%;
}

/*-----------------------------------------------------------------*/
/* SOCIALBUTTON BIG */
/*-----------------------------------------------------------------*/
.msbSocialbuttonBig {
display:table;
width:100%;
text-align:center;
padding:5px 0;
}
.msbSocialbuttonBig .msbBtn {
display:table-cell;
padding:0 10px 0 0;
vertical-align:top;
overflow:hidden;
}
.msbSocialbuttonBig .msbBtn a {
font-size:12px;
line-height:18px;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a,
.msbSocialbuttonBig .msbBtnTweetbuttonJson a,
.msbSocialbuttonBig .msbBtnHatenabuttonJson a,
.msbSocialbuttonBig .msbBtnPocketbutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
display:inline-block;
min-width:30px;
padding:36px 5px 0;
text-align:center;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/msbBtnLikebutton.png) no-repeat center 5px;
background-size:27px 27px;
}
.msbSocialbuttonBig .msbBtnTweetbuttonJson a {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/msbBtnTweetbutton.png) no-repeat center 5px;
background-size:28px 28px;
}
.msbSocialbuttonBig .msbBtnHatenabuttonJson a {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/msbBtnHatenabutton.png) no-repeat center 5px;
background-size:27px 27px;
}
.msbSocialbuttonBig .msbBtnPocketbutton a {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/msbBtnPocketbutton.png) no-repeat center 5px;
background-size:30px 30px;
}
.msbSocialbuttonBig .msbBtnGoogleplusone a {
background:url(http://blogs.itmedia.co.jp/for_sites/images/base/msbBtnGoogleplusone.png) no-repeat center 5px;
background-size:27px 27px;
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount,
.msbSocialbuttonBig .msbBtnPocketbutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
font-family:Gill Sans, 'メイリオ', Meiryo;
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount .msbBtnJsonloader {
margin:3px auto 0;
display:block;
width:6px;
height:6px;
border-radius:50%;
border:2px solid #CCC;
border-right-color:transparent;
-webkit-animation:jsonloader 1s linear infinite;
-moz-animation:jsonloader 1s linear infinite;
animation:jsonloader 1s linear infinite;
}
@-webkit-keyframes jsonloader {
	0% {
		-webkit-transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		-webkit-transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		-webkit-transform:rotate(360deg);
		opacity:0.2;
	}
}
@0moz-keyframes jsonloader {
	0% {
		-moz-transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		-moz-transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		-moz-transform:rotate(360deg);
		opacity:0.2;
	}
}
@keyframes jsonloader {
	0% {
		transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		transform:rotate(360deg);
		opacity:0.2;
	}
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount {color:#385992;}
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount {color:#4EB5F2;}
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount {color:#336FD3;}
.msbSocialbuttonBig .msbBtnPocketbutton a {color:#EB4070 !important;}
.msbSocialbuttonBig .msbBtnGoogleplusone a {color:#BB4940 !important;cursor:default;}
.msbSocialbuttonBig .msbBtnGoogleplusone #_plusone {
display:inline-block;
position:relative;
}
.msbSocialbuttonBig .msbBtnGoogleplusone #___plusone_0,
.msbSocialbuttonBig .msbBtnGoogleplusone #___plusone_1 {
position:absolute;
top:-80px;
left:-5px;
opacity:0;
}