@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:url(//image.itmedia.co.jp/mm/images/body_bg.gif) repeat-y center top #EEE;
}
a:link {
color:#024;
}
a:visited {
color:#999;
}

/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
border-top:none;
padding:0 15px 10px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:645px;
float:left;
overflow:hidden;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:450px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:990px;
background:#FFF;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn4 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
z-index: 101;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/mm/images/tagline.png) no-repeat 0 0;
width:222px;
height:15px;
float:left;
position:absolute;
top:80px;
left:15px;
}

/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
position:absolute;
top:10px;
left:10px;
width:200px;
height:69px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:200px;
height:69px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:200px;
height:69px;
background:url(//image.itmedia.co.jp/mm/images/logo.png) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
background:#FFF;
padding:10px 0 10px 250px;
min-height:90px;
height:auto !important;
height:90px;
}
#globalHeaderBottom {
margin:0 0 15px 0;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
/* padding:7px 5px; */
padding:1px;
margin:0 15px;
border:1px solid #f37023;
background: #ef7626;
background: -moz-linear-gradient(top,  #f38029 0%, #e85f0e 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f38029), color-stop(99%,#e85f0e));
background: -webkit-linear-gradient(top,  #f38029 0%,#e85f0e 99%);
background: -o-linear-gradient(top,  #f38029 0%,#e85f0e 99%);
background: -ms-linear-gradient(top,  #f38029 0%,#e85f0e 99%);
background: linear-gradient(top,  #f38029 0%,#e85f0e 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38029', endColorstr='#e85f0e',GradientType=0 );
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
height:32px;
overflow:hidden;
}
#lnavMain {
padding:0;
clear: both;
}
#lnavMain .lnavBtn {
}
#lnavMain .lnavBtn a {
border-right:1px solid #f1ac4e;
padding: 9px 6px;
display:block;
float:left;
text-align:center;
font-size:13px;
line-height:15px;
margin:0;
color:#FFF;
}
#lnavMain .lnavBtn:last-child a {
border-right:none;
}
#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited {
}
#lnavMain .lnavBtn a:hover {
text-decoration:none;
color:#FEFFA0;
}
#lnavMain .lnavBtnActive{
text-decoration:none;
color:#FFF;
background-color:#da5100;
}
#lnavMain .lnavBtnActive:hover{
background-color:#cc530c;
}

#lnavMain .lnavBtnTypeA a,
#lnavMain .lnavBtnTypeB a {
color:#FEFFA0;
}
#lnavMain .lnavBtnTypeA a:hover,
#lnavMain .lnavBtnTypeB a:hover {
color:#FFF;
}

#lnavMain .lnavBtnActive:hover{
background: #cc530c;
}
#lnavMain .lnavBtnActive .lnavBtnGroup a:link,
#lnavMain .lnavBtnActive .lnavBtnGroup a:visited,{
background: #cc530c;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
background: #F7B888;
color:#FFF;
font-size:10px;
line-height:14px;
padding:3px 0 5px;
clear: both;
border-radius: 3px 3px 0 0;
margin:0 1px 0 1px;
}
#lnavSub .lnavBtn {
display:inline;
margin:0 5px;
}
#lnavSub .lnavBtn a {
position:relative;
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#333;
}
#lnavSub .lnavBtn a:hover {
}
#lnavSub .lnavBtn:hover {
background:none;
opacity: 0.7;
}
#lnavSub .lnavBtn a .raquo {
font-size:10px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
}
#lnavSub .lnavBtn a:hover .raquo {
}
#lnavSub:before {
content: "特集";
color: #333;
font-weight: bold;
font-size: 11px;
padding-left: 10px;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
background: #EEE;
color:#333;
font-size:10px;
line-height:14px;
padding:3px 0 5px;
clear: both;
border-radius:0 0 3px 3px;
margin:0 1px 1px 1px;
}
#lnavSubSub .lnavBtn {
display:inline;
margin:0 5px;
}
#lnavSubSub .lnavBtn a {
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtnColor1 a:link,
#lnavSubSub .lnavBtnColor1 a:visited {
color:red;
}
#lnavSubSub .lnavBtnColor2 a:link,
#lnavSubSub .lnavBtnColor2 a:visited {
color:blue;
}
#lnavSubSub .lnavBtnColor3 a:link,
#lnavSubSub .lnavBtnColor3 a:visited {
color:green;
}
#lnavSubSub .lnavBtnColor4 a:link,
#lnavSubSub .lnavBtnColor4 a:visited {
color:yellow;
}
#lnavSubSub .lnavBtnColor5 a:link,
#lnavSubSub .lnavBtnColor5 a:visited {
color:orange;
}
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(//image.itmedia.co.jp/images/cms_pr.gif) no-repeat 0 1px;
padding:0 0 0 22px;
}
#lnavSubSub .lnavBtnPR a .raquo {
display:none;
}
#lnavSubSub .lnavBtn:hover {
background:none;
opacity: 0.7;
}
#lnavSubSub .lnavBtn a:hover {
}
#lnavSubSub .lnavBtn a .raquo {
font-size:10px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
}
#lnavSubSub .lnavBtn a:hover .raquo {
}

#lnavSub .lnavBtnNew a:link,
#lnavSub .lnavBtnNew a:visited,
#lnavSubSub .lnavBtnNew a:link,
#lnavSubSub .lnavBtnNew a:visited {
background:url(//image.itmedia.co.jp/images/ulli_new.gif) no-repeat right 2px;
padding:0 27px 0 0;
}
#lnavSubSub:before {
content: "キーワード";
font-size: 11px;
font-weight: bold;
padding-left: 10px;
}
#lnavMain .lnavEnd a,
#lnavSub .lnavEnd a,
#lnavSubSub .lnavEnd a{
border-right:none;
}
#localNavigation .raquo{
display:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
min-width: 187px;
max-width: 346px;
margin-top: 2px;
z-index:150;
background:#cc530c;
border:1px solid #e85f0e;
border-radius: 0px 0px 3px 3px;
opacity: 0.95;
}
.lnavBtnGroup .lnavBtn {
float: none !important;
height: auto !important;
}
.lnavBtnGroupIn .lnavBtn {
margin:0 !important;
display:block !important;
font-size:12px !important;
line-height:16px !important;
}
.lnavBtnGroupIn .lnavBtn a {
float:none !important;
border:none !important;
text-align:left !important;
font-weight: normal !important;
word-wrap: break-word;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background: none !important;
text-decoration:none !important;
color: #FEFFA0 !important;
}
.lnavBtnGroup .lnavBtn a .raquo {
display:none;
}
.lnavBtnHover a{
background: url(//image.itmedia.co.jp/mm/images/lnav_bottom_arrow_w.gif) no-repeat 2px 10px;
}
.lnavBtnHover a:hover{
background: url(//image.itmedia.co.jp/mm/images/lnav_bottom_arrow_w.gif) no-repeat 2px -20px;
}
.lnavBtnHover a{
font-size:10px;
padding:9px 5px 9px 14px !important;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#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;
}
.colBoxSenna .colBoxHead {
display:none;
}
#masterSub .colBoxHead a:link,
#masterSub .colBoxHead a:visited {
color:#333;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム 120531 */
/*---------------------------------------------------------------------*/
#masterMain .colBox {
border:1px solid #CCC;
border-radius:3px;
}
#masterMain .colBoxOuter {
border:3px solid #EEE;
background:#FFF;
}
#masterMain .colBoxInner {
padding:6px;
}


#masterMain .colBoxIndex {
}
.colBoxIndexL50 {
width:312px;
float:left;
}
.colBoxIndexR50 {
width:312px;
float:right;
}
.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;
}
/* 日付 */
.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;
}

#masterMain .colBoxIndexL50 .colBoxDescription,
#masterMain .colBoxIndexR50 .colBoxDescription {
margin:0;padding:0;font-size:12px;display:inline;float:right;
}
.colBoxIcon img {
margin:0 6px 0 0;
padding:2px;
border:1px solid #DDD;
}
.colBoxIndexL50 .colBoxIcon,
.colBoxIndexR50 .colBoxIcon {
float:right!important;
}
.colBoxIndexL50 .colBoxIcon img,
.colBoxIndexR50 .colBoxIcon img {
margin:0 0 9px 9px!important
}

.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 #snsButtons .colBoxIndex {
border-bottom:1px solid #CCC !important;
height:23px;
}
#snsContents .colBox {
margin:-1px 0 0 0;
}
#snsContents #colBoxSnsMosttweeted {
overflow-y:scroll;
overflow-x:auto;
clear:both;
}
#snsContents #colBoxSnsMosttweeted .colBoxInner {
height:1%;
}
#snsContents #colBoxSnsMosttweeted .colBoxUlist li {
border-bottom:1px dotted #CCC;
}
#snsContents #snsButtons {
height:24px;
}
#snsContents #snsButtons .colBoxUlist li {
display:block;
float:left;
margin:0 -1px 0 0;
padding:3px 8px;
font-size:11px;
border:1px solid #CCC;
}
/*120125*/
#snsContents .colBoxDescription p {
font-style:normal !important;
}

.colBoxIndexL50 .colBoxInner,
.colBoxIndexR50 .colBoxInner {
min-height:480px;
height:auto!important;
height:480px;
}
.colBoxIcon a {
margin:0!important;
border:0!important;
}
.colBoxHeadSubtxt {
font-size:10px!important;
color:#333!important;
}
#masterMain .colBoxOuter {
border:0;
}


#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;
}
#snsContents .colBoxHead,
#snsContents h2 {
display:none;
}
#masterSub .snsContents .colBoxFacebook,
#masterSub .snsContents .colBoxTwitter{
margin-bottom:20px;
}
/*---------------------------------------------------------------------*/
/* Google+フォロー */
/*---------------------------------------------------------------------*/
.colBoxgplus {
padding:8px 8px 5px;
border:1px solid #CCC;
height:1%;
}
.colBoxgplus .colBoxgplusImage {
float:left;
}
.colBoxgplus .colBoxgplusText {
width:240px;
float:left;
font-size:13px;
line-height:36px;
}
.colBoxgplus .colBoxgplusText a {
font-weight:bold;
}
.colBoxgplus .colBoxgplusText strong {
color:#C00;
}

/*---------------------------------------------------------------------*/
/* WP ranking */
/*---------------------------------------------------------------------*/
.colBoxWpRank ul li {
	padding-left:0;
	background:none;
}
/*---------------------------------------------------------------------*/
/* プルダウン */
/*---------------------------------------------------------------------*/
#lnavMain .lnavBtn {
height:33px;
float:left;
}

.colBoxOsusume .colBoxHead{
}

.lnavBtn:hover{
background:#cc530c;
}
#lnavMain .lnavBtnHover .lnavBtnGroup a{
padding: 5px 5px 5px 15px;
margin-left: 5px;
min-width: 162px;
max-width: 363px;
text-shadow: none;
line-height: 17px;
}

#lnavMain .lnavBtnGroup .lnavBtn a{
background:url(//image.itmedia.co.jp/mm/images/lnav_arrow_w.gif) no-repeat 0px 11px  !important;
}
#lnavMain .lnavBtnGroup .lnavBtn a:hover {
background:url(//image.itmedia.co.jp/mm/images/lnav_arrow_w.gif) no-repeat 0px -79px  !important;
text-decoration:none;
}
#lnavMain .lnavBtnGroup .lnavBtn:hover {
background:#7a3207;
}

/*---------------------------------------------------------------------*/
/* 注目テーマ */
/*---------------------------------------------------------------------*/
.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;
}