/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:#EEE;
}
a:link {
color:#000;
}
a:visited {
color:#222;
}
a:hover {
color:#444;
}
.colBox a:hover {
color:#444;
}
a img {
border:none;
}
.h50px {
height:50px;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
padding:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain,
#masterFooter {
width:990px;
margin:0 auto;
}
.colBoxInfo {
text-align:left;
}
.colBoxHeadSubtxt {
right:5px;
top:5px;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:100%;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn11 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn11 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#masterHeader {
background:#FFF;
border-bottom:1px solid #CCC;
}
#globalHeaderTop {
text-align:center;
}
/* ロゴ */
#globalLogo h1 {
background:url(http://image.itmedia.co.jp/images/logo/170_douga_bgw.gif) no-repeat 0 10px;
text-indent:-9999px;
margin:0 auto;
width:170px;
height:118px;
padding:10px 0;
}

/*---------------------------------------------------------------------*/
/* base */
/*---------------------------------------------------------------------*/
.colBox {
margin-bottom:0;
}
.colBoxIndex {
position:relative;
}
.colBoxIcon {
display:block;
}
.colBoxIcon a {
border:none;
float:none;
margin:0;
}
.colBoxTitle h3 {
font-weight:normal;
font-size:14px;
line-height:18px;
}
.colBoxInfo {
position:absolute;
top:3px;
left:3px;
}
.colBoxInfo span {
padding:2px 5px;
background-color:#111;
background-color:rgba(0,0,0,0.6);
display:block;
font-size:10px;
line-height:12px;
color:#FFF;
white-space:nowrap;
}

/*---------------------------------------------------------------------*/
/* TopStories */
/*---------------------------------------------------------------------*/
#colBoxTopStories {
}
#colBoxTopStories .colBoxRight {
float:right;
}
#colBoxTopStories .colBoxIndex {
width:495px;
height:278px;
}
#colBoxTopStories .colBoxIcon {
width:495px;
height:278px;
overflow:hidden;
}


#colBoxTopStories .colBoxIcon a img {
width:495px;
height:auto;
}
#colBoxTopStories .colBoxTitle {
width:100%;
height:70px;
position:absolute;
background-color:#111;
background-color:rgba(0,0,0,0.6);
top:208px;
left:0;
}
#colBoxTopStories .colBoxTitle h3 {
padding:5px 15px 0;
height:35px;
overflow:hidden;
}
#colBoxTopStories .colBoxTitle h3 a {
color:#FFF;
}
#colBoxTopStories .colBoxSocialButton {
position:absolute;
top:253px;
right:5px;
}
#colBoxTopStories .colBoxSocialButton ul,
#colBoxTopStories .colBoxSocialButton li {
list-style:none;
padding:0;
margin:0;
}
#colBoxTopStories .colBoxSocialButton li {
float:left;
}
#colBoxTopStories .colBoxSocialButton li.colBoxSocialButtonFacebook {
margin:0 10px 0 0;
}

/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
#colBoxNew .colBoxIndex {
width:300px;
height:235px;
overflow:hidden;
float:left;
margin:0 15px 30px;
}
#colBoxNew .colBoxIcon {
width:300px;
height:170px;
overflow:hidden;
margin:0 0 10px;
}
#colBoxNew .colBoxIcon a img {
width:300px;
height:auto;
}
#colBoxNew .colBoxPageLink {
text-align:center;
margin:0 auto 30px;
cursor:pointer;
padding:4px 10px;
border:1px solid #CCC;
background-color:#FFF;
width:150px;
}
#colBoxNew .colBoxInnerSecond,
#colBoxNew .colBoxInnerThird {
display:none;
}
#colBoxNew.colBoxSecond .colBoxInnerFirst .colBoxPageLink,
#colBoxNew.colBoxThird .colBoxInnerFirst .colBoxPageLink,
#colBoxNew.colBoxThird .colBoxInnerSecond .colBoxPageLink {
display:none;
}
.colBoxPageLinkIn {
margin:0 auto;
width:350px;
}
.colBoxPageLinkLeft {
float:left;
}
.colBoxPageLinkRight {
float:right;
}

@media (max-width:767px){
	body {
	min-width:100%;
	}
	#masterMain,
	#masterFooter {
	width:100%;
	}
	#masterNavigation {
	display:none;
	}	
	#colBoxTopStories .colBoxRight,
	#colBoxTopStories .colBoxLeft {
	float:none;
	}
	#colBoxTopStories .colBoxIndex,
	#colBoxTopStories .colBoxIcon {
	background-color:#111;
	width:100%;
	min-width:300px;
	margin:0 0 10px;
	}
	#colBoxTopStories .colBoxIcon a img {
	width:100%;
	min-width:300px;
	}
	#colBoxNew .colBoxIndex {
	float:none;
	margin:0 auto 20px;
	}
	#globalFooter {
	padding:0 10px;
	}
	.h50px {
  	height:20px;
	}
}
@media (max-width:420px) {
	.colBoxSocialButton {
	display:none;
	}
	#colBoxTopStories .colBoxIndex {
	height:250px;
	}
	#colBoxTopStories .colBoxRight,
	#colBoxTopStories .colBoxLeft {
	margin:0 0 30px;
	}
	#globalFooterMediaList .mediaList ul li {
	margin:0 0 12px;
	}
}