@charset "utf-8";

/* summary ------------------
Contents
-------------------------- */

	#Container:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Container {
	display: inline-block;
	}

	*+html #Container {
	display: inline-block;
	}

/* Contents ----------------- */
#Contents .Layout2 {
width:640px;
}
#Contents .LeftArea {
float:left;
width:450px;
margin:0 0 5px 0;
overflow:hidden;
}
#Contents .RightArea {
float:right;
width:170px;
margin:0 0 10px 0;
}
	#Contents:after,
	#Contents .Layout2:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents,
	* html #Contents .Layout2 {
	display: inline-block;
	}

	*+html #Contents,
	*+html #Contents .Layout2 {
	display: inline-block;
	}

#Contents .RightArea .snsButton {
margin:0 0 15px 0;
}
#Contents .RightArea .button {
margin:0 0 10px 0;
}

#Contents .speech {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
font-size: 0;
height: 0;
width: 0;
}

/* TopicPath ----------------- */
#Contents #TopicPath {
width:640px;
margin:0 0 10px 0;
}
#Contents #TopicPath li {
float:left;
margin:0 5px 0 0;
font-size:1.2em;
line-height:1.3;
}
#Contents #TopicPath li a {
padding:0 10px 0 0;
background:url(images/topic_path_bg.gif) no-repeat right center;
}
	#Contents #TopicPath:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #TopicPath {
	display: inline-block;
	}

	*+html #Contents #TopicPath {
	display: inline-block;
	}

/* Genre ----------------- */
#Contents #Genre {
padding:0 0 15px 0;
background:#FFF;
}

	#Contents #Genre:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #Genre {
	display: inline-block;
	}
	*+html #Contents #Genre {
	display: inline-block;
	}



#Contents #Genre h1 {
margin:0 0 1px 0;
border-bottom:1px solid #000;
position:relative;
}
#Contents #Genre h1.TitleLarge a.top {
position:absolute;
top:21px;
right:0px;
}
#Contents #Genre h1.TitleSmall a.top {
position:absolute;
width:80px;
height:20px;
display:block;
top:4px;
right:0px;
}

#Contents #Genre h1 a.top {
cursor:pointer;
}
#Contents #Genre h1 a.top span.button {
width:80px;
height:20px;
display:block;
}
#Contents #Genre h1 a.top span.button {background:url(images/button_contents_001.gif) no-repeat left top;}
#Contents #Genre h1 a:hover.top span.button {background:url(images/button_contents_001ov.gif) no-repeat left top;}
#Contents #Genre h1 a.top span.text {display:none;}


/* Genre h2 ----------------- */
#Contents #Genre h2 {
margin:0 0 1px 0;
border-bottom:1px solid #000;
position:relative;
}

#Contents #Genre h2 a.business {display:block;width:118px;height:41px;background:url(images/h2/h2_001.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.macro {display:block;width: 208px;height:41px;background:url(images/h2/h2_002.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.econome {display:block;width:128px;height:41px;background:url(images/h2/h2_003.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.compliance {display:block;width:114px;height:41px;background:url(images/h2/h2_004.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.keyword {display:block;width:100px;height:24px;background:url(images/h2/h2_005.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.kokoBiz {display:block;width:100px;height:24px;background:url(images/h2/h2_012.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.story {display:block;width:110px;height:24px;background:url(images/h2/h2_006.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.gallery {display:block;width:95px;height:24px;background:url(images/h2/h2_007.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.ranking {display:block;width:100px;height:24px;background:url(images/h2/h2_008.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.live {display:block;width:135px;height:24px;background:url(images/h2/h2_009.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 a.express {display:block;width:199px;height:41px;background:url(images/h2/h2_ex.gif) no-repeat left top;cursor:pointer;}
#Contents #Genre h2 span.rss {display:block;width:53px;height:24px;background:url(images/h2/h2_010.gif) no-repeat left top;}
#Contents #Genre h2 span.sitemap {display:block;width:110px;height:24px;background:url(images/h2/h2_011.gif) no-repeat left top;}

#Contents #Genre h2 span.text {
position: absolute;
top: -99999px;
left: -99999px;
overflow: hidden;
font-size: 0;
height: 0;
width: 0;}

#Contents #Genre h2.TitleLarge a.top {
position:absolute;
top:21px;
right:0px;
}
#Contents #Genre h2.TitleSmall a.top {
position:absolute;
width:80px;
height:20px;
display:block;
top:4px;
right:0px;
}

#Contents #Genre h2 a.top {cursor:pointer;}
#Contents #Genre h2 a.top span.button {
display:block;
width:80px;
height:20px;
}
#Contents #Genre h2 a.top span.button {background:url(images/button_contents_001.gif) no-repeat left top;}
#Contents #Genre h2 a:hover.top span.button {background:url(images/button_contents_001ov.gif) no-repeat left top;}



#Contents #Genre .subGenre {
position:relative;
padding:6px 0;
background:url(images/genre_bg_001.gif) repeat-x left top;
height:1.4em;
}

#Contents #Genre .subGenre ul {
width:575px;
}

	#Contents #Genre .subGenre ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Contents #Genre .subGenre ul {
	display: inline-block;
	}
	*+html #Contents #Genre .subGenre ul {
	display: inline-block;
	}

#Contents #Genre .subGenre ul li {
float:left;
margin:0 5px 3px 0;
padding:0 5px 0 0;
border-right:1px solid #333;
font-size:1.4em;
line-height:1.3;
}

#Contents #Genre .subGenre span.tools {
position:absolute;
right:6px;
top:6px;
}
#Contents #Genre .subGenre span.tools img {
vertical-align:middle;
margin:0 0 0 5px;
}



/* KeywordBox ----------------- */
#Contents #KeywordBox {
margin:0 0 10px 0;
}
#Contents #KeywordBox h3 {
padding:3px 5px;
background:url(images/h3_bg_001.jpg) no-repeat right top;
border:1px solid #DCDDDE;
font-size:1.4em;
line-height:1.3;
color:#000;
font-weight:bold;
}
#Contents #KeywordBox h3 a {
padding:0 12px 0 0;
background:url(images/arrow_001.gif) no-repeat right center;
color:#000;
}
#Contents #KeywordBox .InnerBox {
margin:0 0 10px 0;
padding:5px 5px 0 5px;
border:1px solid #DCDDDE;
border-top:none;
}
#Contents #KeywordBox dl {
margin:0;
}

#Contents #KeywordBox dl dt {
margin:0 0 5px 0;
}

	#Contents #KeywordBox dl dt:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #KeywordBox dl dt {
	display: inline-block;
	}

	*+html #Contents #KeywordBox dl dt {
	display: inline-block;
	}


/* KeywordBox span (2010/09/18) ----------------- */
/*
#Contents #KeywordBox dl dt img {
float:left;
width:60px;
margin:0 5px 0 0;
}
*/
#Contents #KeywordBox dl dt span {
float:left;
width:60px;
height:60px;
background:#F2F2F2;
text-align:center;
margin:0 5px 0 0;
display: flex;
justify-content: center;
align-items: center;
}


#Contents #KeywordBox dl dt strong {
font-size:1.4em;
line-height:1.3;
font-weight:normal;
}
#Contents #KeywordBox dl dd {
margin:0 0 10px 0;
font-size:1.4em;
line-height:1.3;
}
#Contents #KeywordBox .more {
margin:0 0 5px 0;
padding:10px 0 0 0;
border-top:1px dotted #DCDDDE;
text-align:right;
}
#Contents #KeywordBox .more a {
padding:0 0 0 12px;
background:url(images/arrow_001.gif) no-repeat left center;
font-size:1.2em;
line-height:1.3;
}


/* StoryBox ----------------- */
#Contents #StoryBox {
margin:0 0 10px 0;
}
#Contents #StoryBox h3 {
padding:3px 5px;
background:url(images/h3_bg_001.jpg) no-repeat right top;
border:1px solid #DCDDDE;
font-size:1.4em;
line-height:1.3;
color:#000;
font-weight:bold;
}
#Contents #StoryBox h3 a {
padding:0 12px 0 0;
background:url(images/arrow_001.gif) no-repeat right center;
color:#000;
}
#Contents #StoryBox .InnerBox {
margin:0 0 10px 0;
padding:5px 5px 0 5px;
border:1px solid #DCDDDE;
border-top:none;
}

#Contents #StoryBox dl {
margin:0;
}
#Contents #StoryBox dl dt {
margin:0 0 5px 0;
}
	#Contents #StoryBox dl dt:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #StoryBox dl dt {
	display: inline-block;
	}

	*+html #Contents #StoryBox dl dt {
	display: inline-block;
	}


/* KeywordBox span (2010/09/18) ----------------- */
/*
#Contents #StoryBox dl dt img {
float:left;
width:60px;
margin:0 5px 0 0;
}
*/
#Contents #StoryBox dl dt span {
	float:left;
	width:60px;
	height:60px;
	background:#F2F2F2;
	text-align:center;
	margin:0 5px 0 0;
display: flex;
justify-content: center;
align-items: center;
}


#Contents #StoryBox dl dt strong {
font-size:1.4em;
line-height:1.3;
font-weight:normal;
}
#Contents #StoryBox dl dd {
margin:0 0 10px 0;
font-size:1.4em;
line-height:1.3;
}
#Contents #StoryBox .more {
margin:0 0 5px 0;
padding:10px 0 0 0;
border-top:1px dotted #DCDDDE;
text-align:right;
}
#Contents #StoryBox .more a {
padding:0 0 0 12px;
background:url(images/arrow_001.gif) no-repeat left center;
font-size:1.2em;
line-height:1.3;
}

/* BusinessLive ----------------- */
#Contents #BusinessLive {
margin:0 0 10px 0;
}


/* FreeSection ----------------- */
#Contents #FreeSection {
clear:left;
margin:0 0 20px 0;
padding:10px 0 0 0;
border-top:1px dotted #DCDDDE;
}
	#Contents #FreeSection:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #FreeSection {
	display: inline-block;
	}

	*+html #Contents #FreeSection {
	display: inline-block;
	}

#Contents #FreeSection .TextArea p.title {
margin:0 0 10px 0;
font-size:1.4em;
line-height:1.3;
font-weight:bold;
}
#Contents #FreeSection .TextArea ul.TextList {
margin:0 0 15px 0;
}
#Contents #FreeSection .TextArea ul.TextList li {
margin:0 0 10px 0;
padding:0 0 0 15px;
background:url(images/arrow_001.gif) no-repeat left 5px;
font-size:1.4em;
line-height:1.3;
}
#Contents #FreeSection .TextArea ul.TextList li.other {
margin:0 0 10px 0;
padding:0 0 0 15px;
background:url(images/icon_001.gif) no-repeat left 5px;
font-size:1.4em;
line-height:1.3;
}
#Contents #FreeSection .TextArea ul.TextList li strong {
font-weight:bold;
}

#Contents #FreeSection .PhotoArea {
float:right;
}
	#Contents #FreeSection .PhotoArea ul.PhotoList:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #FreeSection .PhotoArea ul.PhotoList {
	display: inline-block;
	}

	*+html #Contents #FreeSection .PhotoArea ul.PhotoList {
	display: inline-block;
	}
#Contents #FreeSection .PhotoArea ul.PhotoList li {
float:left;
width:90px;
margin:0 0 0 10px;
padding:0 0 0 10px;
border-left:1px dotted #DCDDDE;
}

#Contents #FreeSection .PhotoArea ul.PhotoList li dl dt {
margin:0 0 3px 0;
width:90px;
height:90px;
background:#E6E7E8;
text-align:center;
}
#Contents #FreeSection .PhotoArea ul.PhotoList li dl dd {
font-size:1.2em;
line-height:1.3;
}


/* FreeSectionText ----------------- */
#Contents #FreeSectionText {
clear:left;
margin:0;
}
#Contents #FreeSectionText ul {
margin:0 0 15px 0;
}
#Contents #FreeSectionText ul li {
margin:0 0 10px 0;
padding:0 0 0 15px;
background:url(images/icon_001.gif) no-repeat left 5px;
font-size:1.4em;
line-height:1.3;
}

/* FreeSectionPhoto ----------------- */
#Contents #FreeSectionPhoto {
clear:left;
width:640px;
margin:0 0 15px 0;
}
#Contents #FreeSectionPhoto ul {
width:640px;
}
	#Contents #FreeSectionPhoto ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}
	* html #Contents #FreeSectionPhoto ul {
	display: inline-block;
	}

	*+html #Contents #FreeSectionPhoto ul {
	display: inline-block;
	}

#Contents #FreeSectionPhoto ul li {
float:left;
width:90px;
height:90px;
margin:0 3px 3px 0;
background:#E6E7E8;
text-align:center;
}



#Contents .FacebookArea {
margin:0 0 15px 0;
}


/* forIEclearfix ----------------- */
#Contents #NewsDetail .forIEclearfix {
clear:both;
height:0;
font-size:0;
line-height:0;
}