@charset "utf-8";

/* ---------------------------------------------------------------------------------
チャネルトップ
--------------------------------------------------------------------------------- */
.ch-top .title-ribbon .inner {padding: 5px 10px; position: relative;}
.ch-top .title-ribbon .inner .name {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin: 11px 0px 0px 10px;
	color: #444;
	padding: 0px;
}
.ch-top .title-ribbon .inner .lead {
	position: absolute;
	right: 10px;
	top: 3px;
}
.ch-top .title-ribbon .title-bar .desc {
    color: #696969;
    line-height: 1.6;
    margin: 10px 10px 5px;
}
.ch-top .title-ribbon .inner .number {
	display:inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
    margin-left: 7px;
}
.new-list h3 {
	background: #eee url(http://img.allabout.co.jp/aa/common/glay-gradation.gif) repeat-x;
	border: 1px solid #CCC;
	height: 29px;
}
.new-list h3 span {
	border-left: 5px solid #bc0202;
	height: 29px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-indent: 7px;
}
.new-list .contents .main {width: 242px; margin-right: 20px;}
.new-list .contents .main .thumb {
	box-shadow: 3px 3px 3px 0px #DDD;
	-moz-box-shadow: 3px 3px 3x 0px #DDD; 
	-webkit-box-shadow: 3px 3px 3px 0px #DDD;
	margin-bottom: 5px;
	width: 242px;
}
.new-list .contents .main .thumb a {
	border: 1px solid #CCC;
	display: block;
	width: 240px;
}
.new-list .contents .main .link {font-size: 14px; font-weight: bold;}
.new-list .contents .sub {width: 380px;}
.new-list .contents .sub li {border-bottom: 1px dotted #CCC;}
.new-list .contents .sub .link {font-weight: bold;}
.new-list .contents .sub .detail .thumb {
	width: 94px;
	margin-right: 10px;
	box-shadow: 3px 3px 3px 0px #DDD;
	-moz-box-shadow: 3px 3px 3x 0px #DDD; 
	-webkit-box-shadow: 3px 3px 3px 0px #DDD;	
}
.new-list .contents .sub .detail .thumb a {
	width: 92px;
	border: 1px solid #CCC;
	display: block;
}
.new-list .contents .sub .detail .text {width: 276px;}
.dotted {border-bottom: 1px #CCC dotted;}
.new-article-list {
    background-position: 0 -313px;
    display: inline-block;
    margin-left: 10px;
    padding-left: 26px;
}
/*専門家トピックス枠*/
.guide-topics {
	position: relative;
	background: #fcfcfc;
	border: 1px solid #DDD;
	padding: 15px;
	width: 620px;
	margin: 2px auto 14px;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	box-shadow: 2px 2px 2px 0px #DDD;
	-moz-box-shadow: 2px 2px 2x 0px #DDD; 
	-webkit-box-shadow: 2px 2px 2px 0px #DDD;
}
.ie9 .guide-topics {filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDD', Direction=145, Strength=3);}
.guide-topics:after, .guide-topics:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.guide-topics:after {
	border-color: rgba(252, 252, 252, 0);
	border-bottom-color: #fcfcfc;
	border-width: 12px;
	left: 10%;
	margin-left: -12px;
}
.guide-topics:before {
	border-color: rgba(233, 233, 233, 0);
	border-bottom-color: #CCC;
	border-width: 13px;
	left: 10%;
	margin-left: -13px;
}
.guide-topics h2 {
    background-position: -4px -690px;
	font-size: 16px;
	padding-left: 25px;
}
.guide-topics h2 span {
	font-size: 12px;
	margin-left: 10px;
	font-weight: normal;
}
.guide-topics .ga-logo a {
    background-position: -9px -4019px;
	width: 83px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.guide-topics li {
    background-position: -10px -358px;
    margin: 3px 0;
    padding: 2px 5px 2px 11px;
}
.guide-topics li .date {
	font-size: 10px;
	margin-left: 3px;
	color: #646464;
}
.guide-topics li .name {
	width: 150px;
	display: block;
	text-align: right;
}
/*テーマを探す*/
.theme-area .title-bar {
	height: 45px;
	background: #d60303;
	position: relative;
}
.theme-area .title-bar h2 {
	line-height: 45px;
	color: #FFF;
	font-weight: bold;
    background-position: 9px -3946px;
	text-indent: 50px;
	font-size: 16px;
}
.theme-area .content {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 20px;
}

.theme-area .title-bar .number {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 12px;
	color: #FFF;
}
.theme-area .title-bar .number span {
	font-size: 20px;
	font-weight: bold;
	margin-right: 2px;
}
.theme-area .content .section-area h3 {
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
	padding: 0px 0px 2px 3px;	
}
.theme-area .content .theme li {
    background-position: -10px -358px;
    margin: 3px 0;
    padding: 2px 5px 2px 11px;
	display:inline-block;
    *display: inline;
    *zoom: 1;
	width: 188px;
	vertical-align: top;
}
.theme-area .content .search-theme-area h3 {
	font-size: 14px;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 2px 3px;	
}