@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:#FFF;
}
a:link {
color:#024;
}
a:visited {
color:#999;
}

/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
border-top:none;
padding:0 15px 10px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#globalContents {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#masterMain {
overflow:hidden;
flex:1;
}
#masterSub {
width:300px;
margin-left:15px;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:990px;
background:#FFF;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#g_nav #g_nav_o{
border:none;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
display:flex;
justify-content:center;
width:100%;
margin:0;
padding:10px 0;
}
#globalHeaderBottom {
margin:0 0 15px 0;
}

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

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
border-top:3px solid #EEE;
padding:10px;
}
#globalFooterLink {
font-size:10px;
line-height:14px;
text-align:right;
margin:0 0 20px;
padding:0 0 10px;
height:1%;
border-bottom:1px solid #EEE;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMainLeft .colBoxHeadSubtxt,
#masterSub .colBoxHeadSubtxt {
top:6px;
right:5px;
color:#FFF;
}
#masterMainLeft .colBoxHead,
#masterSub .colBoxHead {
display:block;
background:#333;
background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
background:-moz-linear-gradient(top, #666, #333);
border-bottom:2px solid #CCC;
margin:0;
padding:5px;
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:10px;
line-height:14px;
}
#masterMain .colBoxTitle h3,
#masterSub .colBoxTitle h3 {
font-size:96%;
line-height:150%;
}
#masterMain .colBoxIndexL50 .colBoxTitle h3,
#masterMain .colBoxIndexR50 .colBoxTitle h3 {
font-size:small!important;
}
.colBoxIndexL50 {
width:312px;
float:left;
}
.colBoxIndexR50 {
width:312px;
float:right;
}
#masterMain .colBoxIndexL50 .colBoxDescription,
#masterMain .colBoxIndexR50 .colBoxDescription {
margin:0;padding:0;font-size:12px;display:inline;float:right;
}
.colBoxIndexL50 .colBoxIcon,
.colBoxIndexR50 .colBoxIcon {
float:right!important;
}
.colBoxIndexL50 .colBoxIcon img,
.colBoxIndexR50 .colBoxIcon img {
margin:0 0 9px 9px!important
}
.colBoxIndexL50 .colBoxInner,
.colBoxIndexR50 .colBoxInner {
min-height:480px;
height:auto!important;
height:480px;
}
.colBoxSenna .colBoxHead {
display:none;
}
#masterSub .colBoxHead a:link,
#masterSub .colBoxHead a:visited {
color:#333;
}
#masterMain .colBox {
border:1px solid #CCC;
border-radius:3px;
}
#masterMain .colBoxOuter {
border:0;
background:#FFF;
}
#masterMain .colBoxInner {
padding:6px;
}
.colBoxHead {
border:none;
padding:3px 3px 6px;
background:#EEE;
}
.colBoxHead h2 {
color:#333;
font-size:14px;
line-height:18px;
padding:0px;
text-shadow:0 1px 0 #FFF;
}
#masterSub .colBoxHead h2 {
padding:6px;
}
.colBoxRss {
display:block;
text-align:right;
margin-bottom:-14px;
}
.colBoxRss img {
border-width:0;
}
#masterMain .colBoxSubTitle h5 {
color:#777;
font-size:13px;
font-weight:normal;
line-height:18px;
}
.colBoxDescription p {
line-height:18px;
}
.colBoxInner {
clear:both;
background:#FFF;
}
.colBoxIcon a {
margin:0!important;
border:0!important;
}
.colBoxHeadSubtxt {
font-size:10px!important;
color:#333!important;
}

/* 日付 */
.colBoxDate {
font-size:12px;
line-height:14px;
font-weight:normal;
color:#777;
text-align:right;
}
.colBoxDate p {
margin:0;
}
.colBoxPageLink {
padding:5px 2px 0;
background:#EEE;
}
.colBoxPageLink a {
color:#333;
}
.colBoxPageLink a:hover {
text-decoration:none;
}
.colBoxIcon img {
margin:0 6px 0 0;
padding:2px;
border:1px solid #DDD;
}

.colBoxNew .colBoxTitle,
.colBoxSubCate .colBoxTitle {
margin-bottom:10px;
}
/*右カラム*/
#masterSub .colBoxHead {
border:none;
padding:0;
margin-bottom:10px;
border:1px solid #CCC;
background:#EEE;
border-radius:2px 2px 0 0;
}
.colBoxChosa .colBoxUlist ul li {
padding:5px 0;
margin:0;
float:left;
background:none;
width:100%;
}
.colBoxChosa .colBoxInfo {
margin:3px 0;
}

/* ソーシャルボタン */
.colBoxSocialBtnRight {
width:300px;
margin-bottom:20px;
overflow:hidden;
}
.colBoxSocialBtnRight .colBoxUlist ul li {
background:none;
padding:0 0 5px 5px;
border-bottom:none;
}
.colBoxSocialBtnRight .Tagset li {
background:none;
margin:0;
}
.colBoxSocialBtnRight .Tagset {
display:block;
font-size:12px;
line-height:16px;
list-style-type:none;
margin:0;
padding:0;
}
.colBoxSocialBtnRight img {
margin:0 5px 0 0;
}

.colBoxSocialBtnRight .Tagset .socialBtnRightRss {
padding-left:20px;
margin:0 0 0 5px;
background:url(//image.itmedia.co.jp/mm/images/icon_rss_s.gif) no-repeat scroll 0 1px;
}
.colBoxSocialBtnRight .Tagset .socialBtnRightMail {
padding-left:20px;
margin:0 0 0 5px;
background:url(//image.itmedia.co.jp/mm/images/ulli_mail0.gif) no-repeat scroll 0 1px;
}

/*ランキング*/
.colBoxOlist ol li {
background:url(//image.itmedia.co.jp/mm/images/olli_rank0.gif) no-repeat scroll 0 2px;
}
/*ホワイトペーパーアクセストップ*/
.colBoxWP .colBoxIndex span {
display:none;
}
/*検索*/
#globalHeaderSearch .gcse .query {
width:240px;
}
#globalHeaderSearch {
margin-bottom:15px;
}
/*---------------------------------------------------------------------*/
/* snsContents - 2011/11/10 */
/*---------------------------------------------------------------------*/
#snsContents .colBoxHead,
#snsContents h2 {
display:none;
}
#masterSub .snsContents .colBoxFacebook,
#masterSub .snsContents .colBoxTwitter{
margin-bottom:20px;
}

#masterSub .heading1 {
border:none;
padding:0;
margin-bottom:10px;
border:1px solid #CCC;
background:#EEE;
border-radius:2px 2px 0 0;
}
#masterSub .heading1 span {
display:block;
padding:6px!important;
color: #333;
font-size: 14px;
line-height: 18px;
padding: 0px;
text-shadow: 0 1px 0 white;
}
.inner .list {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.inner .list li {
padding:5px 0;
margin:0;
float:left;
background:none;
width:100%;
border-bottom:1px dotted #CCC;
}

/*---------------------------------------------------------------------*/
/* WP ranking */
/*---------------------------------------------------------------------*/
.colBoxWpRank ul li {
padding-left:0;
background:none;
}

/*---------------------------------------------------------------------*/
/* 注目テーマ */
/*---------------------------------------------------------------------*/
.colBoxThemeBannar .colBoxIndex {
margin:0 0 5px;
text-align:center;
}
.colBoxThemeBannar .colBoxIcon a {
float:none;
}
.colBoxThemeBannar .colBoxIcon img {
margin:0;
padding:0;
}

/*---------------------------------------------------------------------*/
/* 会員登録ボタン */
/*---------------------------------------------------------------------*/
.colBoxMailmagBtn {
width:288px;
margin:0 auto 20px;
}
.colBoxMailmagBtn .colBoxImage {
margin:0 0 5px;
}
.colBoxMailmagBtn .colBoxDescription p {
font-size:12px;
line-height:16px;
font-weight:bold;
}