@charset "utf-8";

/* all */
body {background: #f7f7f7; font-family: "メイリオ","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic","ＭＳ Ｐゴシック",'lucida grande',tahoma,verdana,arial,sans-serif;}
a:link,a:hover,a:visited {color: #404040;}
/* リンクエリア拡大/プレーンテキストママ 親要素にposition: relative必 ----------- */
a.fits {
	left: 0;
	top: 0;
	/* IE bug fix */
	_height: expression(this.parentNode.clientHeight  +"px");
	_width: expression(this.parentNode.clientWidth  +"px");
	display: block;
	filter: alpha(opacity=1);
	height: 100%;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 100;
	zoom: 1;
}
a.fits:hover {
	-moz-opacity:0.40;
	background: #fafafa;
	filter:alpha(opacity=40);
	opacity:0.40;
}

.has-grid,
ul.has-grid {
    word-spacing: -1em;
    display: table;
}
.size1of1,.size1of2,.size1of3,.size2of3,.size1of4,.size3of4,.size1of5,.size2of5,.size3of5,.size4of5,.has-grid li span,.has-grid > span,.has-grid > div,.has-grid > ul,.has-grid > li {
    display: inline-block;
    *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
    *zoom: 1;
    word-spacing: normal;
    vertical-align: top;
}
/* common */
.cmn-box {
    background: #fff;
    box-shadow: 0 0 5px #D7D7D7;
    -moz-box-shadow: 0 0 5px #D7D7D7;
    -webkit-box-shadow: 0 0 5px #D7D7D7;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#D7D7D7', Direction=137, Strength=4);
    margin-bottom: 25px;
    padding: 10px;
    position: relative;
}
.wadai-theme .title-label,
.pickup .title-label{
     background: #000;
     color: #fff;
     display: inline-block;
     *display: inline;
     zoom: 1;
     font-size: 18px;
     font-weight: normal;
     margin: 0 0 12px -20px;
     padding: 2px 8px;
     border-left: none;
     position: relative;
}
.pickup .title-label:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #D5D5D2;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.deqwas .title-label {
    border-left: 9px solid #000;
    color: #000;
    font-size: 18px;
    margin: 0 0 15px -10px;
    padding-left: 7px;
}
.cmn-inline {letter-spacing: -.40em;}
.cmn-inline div,
.cmn-inline dt,
.cmn-inline dd,
.cmn-inline li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    vertical-align: middle;
}
.choice-ab {
    margin-bottom: 10px;
}
.icon-dig {
    background: transparent url(http://img.aacdn.jp/newsdig/icon-sprite.png) no-repeat 0 0;
    display: block;
    text-align: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.writer-box .g-thum {
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    padding: 2px;
}
.writer-box .pic {
    display: block;
    display: table-cell;
    /* IE8向けのハックです */
	display /*\**/: inline-block\9;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
    zoom: 1;
}
.writer-box img {
    vertical-align: middle;
    border:none;
    display:inline;
}
.good-badge {
    margin-right: 5px;
}
/* デクワス */
.deqwas ul {
    margin: 0 10px 10px;
}
.deqwas li {
    border-bottom: 1px dotted #CCC;
    padding: 5px 0px;
}
.deqwas li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    letter-spacing: normal;
}
.black-arrow {
    width: 6px;
    height: 15px;
    background-position: -151px -30px;
    margin-right: 7px;
}
.deqwas li .item {
    width: 612px;
}

.ad-space {
    padding: 15px 0;
}

.deqwas li a {
    font-size: 14px;
}
/* header */
.header-box {
    box-shadow: 0 1px 5px #D7D7D7;
    -moz-box-shadow: 0 1px 5px #D7D7D7;
    -webkit-box-shadow: 0 1px 5px #D7D7D7;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#D7D7D7', Direction=137, Strength=4);
    margin-bottom: 10px;
}
#header {border-top: 4px solid #000; margin-bottom: 10px; position: relative;}
#header .copy {color: #000; font-size: 14px; font-weight: normal; margin-bottom: 7px;}
#header .right-contents {
    position: absolute;
    top: 10px;
    right: 0;
}
#header .side-menu {margin-bottom: 10px;}
#header .side-menu li {padding: 0 7px; vertical-align: middle;}
#header .side-menu li a {text-decoration: none;}
#header .side-menu li a:hover {text-decoration: underline;}
#header .side-menu .info {border-right: 1px solid #bfbfbf;}
#header .side-menu .help {margin-right: 0;}
#header .side-menu .rss {width:18px; height:18px;}
#header .side-menu .rss a {
    width:18px;
    height:18px;
    background-position: -188px -106px;
    display: block;
}
#header .right-contents .form {margin: 0 8px 13px 0; width: 280px;}
#header .right-contents .form .form-inner {background: #fff;}
#header .right-contents .form .form-inner table {margin-top: 0;}
#header .right-contents .form .form-inner .table.gsc-search-box {margin-bottom: 0;}
#header .right-contents form.gsc-search-box, form.gsc-search-box {margin-bottom: 0px!important; padding: 0!important;}
#header .right-contents .gsc-control-cse, .gsc-control-cse {padding: 0 0 0 5px!important;}
#header .right-contents input.gsc-input, input.gsc-input {width: 95%!important;}
#header .right-contents .gsc-input-box {height: auto; padding: 4px;}
#header .right-contents table.gsc-search-box {margin-bottom: 0!important;}
#header .right-contents .form .form-inner td {padding: 0;	border: none;}
#header .right-contents .form input {
    display: inline;
    vertical-align: middle;
	border: none;
	margin: 0 0 0 3px;
}
#header .right-contents input.gsc-search-button-v2,
input.gsc-search-button-v2 {padding: 7px 27px;}
#header .topics-line {font-size: 14px; font-weight: bold; margin: 15px 0 5px;}
#header .topics-line li {margin-right: 5px;}
#header .topics-line li a {
    background: #e7e7e7;
    border-radius: 5px;
    padding: 2px 8px;
    text-decoration: none;
}
#header .topics-line li a:hover {text-decoration: underline;}
#header .breadcrumb {color: #7f7f7f; margin: 0 5px;}
#header .breadcrumb .current a {
    color: #000;
    cursor: default;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
}

/* body-contents */
.today-theme .inner {position: relative;}
.today-theme .theme {
     background: #000;
     color: #fff;
     display: inline-block;
     *display: inline;
     zoom: 1;
     font-size: 18px;
     font-weight: normal;
     margin: 0 0 7px -20px;
     padding: 2px 8px;
     position: relative;
}
.today-theme .theme:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #D5D5D2;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.today-theme .title {margin-bottom: 10px;}
.today-theme .title {font-size: 26px;}
.detail-nitaku {margin-bottom: 25px;}
.detail-nitaku .main-image {margin-right: 15px; width: 240px;}
.detail-nitaku .main-nitaku {width: 390px;}
.detail-nitaku .main-nitaku .nitaku-question {margin-bottom: 5px;}
.detail-nitaku .main-nitaku .q-label {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
    overflow: hidden;
}
.detail-nitaku .main-nitaku .q-label .q-title {
    background-position: -2px -2px;
    float: left;
    height: 26px;
    width: 35px;
}
.detail-nitaku .main-nitaku .q-text {font-size: 18px;}
.balloon-box-a a,
.balloon-box-b a {
    border-radius: 5px;
    color: #fff;
    display: block;
	position: relative;
	padding: 5px 10px;
	text-decoration: none;
	width: 140px;
}
.balloon-box-a a {background: #f15e5e;}
.balloon-box-a a:after {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon-box-a a:after {
	border-color: rgba(241, 94, 94, 0);
	border-left-color: #f15e5e;
	border-width: 7px;
	top: 50%;
	margin-top: -7px;
}
.balloon-box-b a {background: #5fa1d9;}
.balloon-box-b a:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon-box-b a:after {
	border-color: rgba(95, 161, 217, 0);
	border-right-color: #5fa1d9;
	border-width: 7px;
	top: 50%;
	margin-top: -7px;
}
.nitaku-ab .vs {margin: 0 10px;}
.nitaku-ab .icon-vs {
    background-position: -37px -3px;
    height: 52px;
    width: 47px;
}
.nitaku-ab .apb {
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
}
.nitaku-ab .nitaku-text {font-size: 18px;}
.bn-theme {
    border-top: 1px dotted #acacac;
    margin: 0 -10px;
    padding: 15px 0 5px;
}
.bn-theme .label {
     color: #000;
     font-size: 16px;
     margin-bottom: 10px;
     padding: 0 10px;
}
.bn-theme .bn-box {margin-bottom: 20px;}
.bn-theme .btn-previous a,
.bn-theme .btn-next a {
    display: block;
    height: 172px;
    text-align: left;
    text-indent: 100%;
    /text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    width: 24px;
}
.bn-theme .btn-off a {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
.bn-theme .btn-previous a {background: #acacac url(http://img.aacdn.jp/newsdig/bn-arrow-l.gif) no-repeat 50% 50%;}
.bn-theme .btn-next a {background: #acacac url(http://img.aacdn.jp/newsdig/bn-arrow-r.gif) no-repeat 50% 50%;}
.ie7 .bn-theme .btn-next a,.ie7 .bn-theme .btn-previous a {
    /*IE 7用*/
    background: #ffffff;
    cursor: default;
}
.ie8 .bn-theme .btn-next a,.ie8 .bn-theme .btn-previous a {
    /*IE 8用*/
    background :#ffffff;
    cursor :default;
}
.bn-theme .bn-list {
    height: 172px;
    overflow: hidden;
    position: relative;
    width: 597px;
}
.bn-theme .bn-list .list-details {position: absolute; width: 20000em;}
.bn-theme .bn-list .list-details .list-box {
    height: 172px;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: center;
    width: 132px;
}
.bn-theme .bn-list .list-details .list-box .photo {margin-bottom: 5px;}
.bn-theme .bn-list .list-details .list-box .text {text-align: left;}
.bn-theme .bn-list .list-details .list-box a {font-size: 14px;}
.main-theme .bn-link {display: inline-block; *display: inline; zoom: 1;}
.main-theme .bn-link-box {margin: 0 24px;}
.main-theme .bn-link a {font-size: 16px; font-weight: bold; text-decoration: none;}
.main-theme .bn-link a:hover {text-decoration: underline;}
.more-btn .bn {
    background-position: -87px -51px;
    height: 30px;
    width: 31px;
    margin-right: 5px;
}

.topic-list li {
    letter-spacing: -.40em;
    margin: 0 7px 15px;
    min-height: 45px;
    height: auto !important;/* for IE*/
    height: 45px;/* for IE*/
    width: 308px;
}
.topic-list .thum,
.topic-list .text {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
}
.topic-list .thum {width: 60px; margin-right: 10px;}
.topic-list .text {width: 238px; vertical-align: top;}
.topic-list .text a,
.pickup-list .text a {font-size: 16px;}
.pickup-list {margin-right: -15px; position: relative;}
.pickup-list li {
    border-bottom: 1px dotted #acacac;
    margin: 0 15px 10px 5px;
    min-height: 85px;
    height: auto !important;/* for IE*/
    height: 85px;/* for IE*/
    padding: 0 7px 10px;
    position: relative;
    width: 296px;
}
.pickup-list .text {height: 52px; margin-bottom: 12px; width: 236px;}
.pickup-list .writer-box {
    height: 50px;
    top: 0;
    right: 7px;
    position: absolute;
    width: 50px!important;
}
.pickup-list .writer-box img {
    max-width: 50px;
    max-height: 50px;
    line-height: 50px;
}
.pickup-list .writer-name {position: absolute; right: 7px;width: 223px;}
.pickup-list .writer-name a {text-decoration: none;}
.pickup-list .writer-name a:hover {text-decoration: underline;}
.pickup-list .writer-name img {margin-left: 5px;}
.pickup-list .count-good {margin-right: 10px; width: 76px;}
.pickup-list .count-good .num,
.choice-ab .count-good .num {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-right: 3px;
}
.cmn-box .more-btn {margin: 0 auto 10px; padding: 0;}
.cmn-box .more-btn a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e2e2e2;
    -webkit-box-shadow: 2px 2px 3px #e2e2e2;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=137, Strength=4);
    color: #000;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 130px;
    height: 35px;
    line-height: 37px;
    text-align: left;
}
.cmn-box .more-btn a:hover {text-decoration: underline;}
.cmn-box .more-l-btn {margin: 0 auto 10px; padding: 0 0 10px;}
.cmn-box .more-l-btn a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e2e2e2;
    -webkit-box-shadow: 2px 2px 3px #e2e2e2;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=137, Strength=4);
    color: #000;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 100px;
    text-decoration: none;
}
.cmn-box .more-l-btn a:hover {text-decoration: underline;}

.cmn-box .bn-theme .more-btn {
    margin-right: 10px;
}
.side-column {
    background: transparent url(http://img.aacdn.jp/newsdig/bg-ptn-check.gif) repeat 0 0;
    padding: 6px;
    margin-bottom: 15px;
}
.ranking .label {
    background: #000;
    color: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 16px;
    margin: -6px 0 10px;
    padding: 3px 12px;
}
.ranking-box .tab li a {
    background: #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #7a7a7a;
    display: block;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    padding: 3px 0;
    width: 142px;
}
.ranking-box .tab .current a {background: #fff; color: #000; font-weight: bold;}
.ranking-box .tab2 .current a {background: #fff; color: #000; font-weight: bold;}
.ranking-box .tab .daily,
.ranking-box .tab2 .theme {margin-right: 4px;}
.ranking-box .ranking-list {
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 3px;
}
.ranking-box .ranking-list li {
    border-bottom: 1px dotted #acacac;
    overflow: hidden;
    padding: 7px 2px;
}
.ranking-box .ranking-list li:last-child {border: none;}
.ranking-box .ranking-list li a { padding: 2px 25px 0 0;}
.ranking-box .ranking-list li .name {
    width: 170px;
    height: auto;
}
.ranking-box .ranking-list li .name a {padding-right: 8px;}
.ranking-box .ranking-list li .name img {vertical-align:top;}
.ranking-box .ranking-list .best3 a {font-size: 18px;}
.ranking-box .ranking-list .no1,
.ranking-box .ranking-list .no2,
.ranking-box .ranking-list .no3 {
    height: 20px;
    margin-right: 5px;
    width: 27px;
}
.ranking-box .ranking-list .no1 {background-position: -101px 2px;}
.ranking-box .ranking-list .no2 {background-position: -139px 2px;}
.ranking-box .ranking-list .no3 {background-position: -178px 2px;}
.ranking-box .ranking-list .rank-text {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
    width: 27px;
    vertical-align: top;
}
.ranking-box .ranking-list .text {width: 246px;}
.ranking-box .ranking-list .junp-up {background: transparent url(http://img.aacdn.jp/newsdig/rank-junp-up.gif) no-repeat 98% 50%;}
.ranking-box .ranking-list .up {background: transparent url(http://img.aacdn.jp/newsdig/rank-up.gif) no-repeat 98% 50%;}
.ranking-box .ranking-list .stay {background: transparent url(http://img.aacdn.jp/newsdig/rank-stay.gif) no-repeat 98% 50%;}
.ranking-box .ranking-list .down {background: transparent url(http://img.aacdn.jp/newsdig/rank-down.gif) no-repeat 98% 50%;}
.ranking-box .ranking-list .junp-down {background: transparent url(http://img.aacdn.jp/newsdig/rank-junp-down.gif) no-repeat 98% 50%;}

.elasticity-bt {
    margin-top: 5px\9; /* IE8 */
}
.elasticity-bt a {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e2e2e2;
    -webkit-box-shadow: 2px 2px 3px #e2e2e2;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=137, Strength=4);
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    margin: 0 auto;
    padding: 0 10px;
}
.elasticity-bt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.elasticity-bt .bt-text {
    width: 102px;
}
.elasticity-bt a:hover .bt-text {text-decoration: underline;}
.elasticity-bt .arrow-bottom {
    width: 10px;
    height: 10px;
    margin: 8px 0 0 5px;
    background-position: -110px -35px;
}
.jiron-pickup {position: relative;}
.jiron-pickup .title-label {
     background: #000;
     color: #fff;
     display: inline-block;
     *display: inline;
     zoom: 1;
     font-size: 18px;
     font-weight: normal;
     margin: 0 0 12px -20px;
     padding: 2px 8px;
     border-left: none;
     position: relative;
}
.jiron-pickup .title-label:after {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #D5D5D2;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.jiron-pickup li {
    min-height: 0;
    padding: 0 7px 0;
    vertical-align: top;
    border-bottom: none;
}

.jiron-pickup .text {
    height: auto;
    margin-bottom: 5px;
}
/* related-keyword */
.layout_sidebar .cmn-box.related-keyword .main-label {
    background-color: #EBEBEB;
    font-weight: bold!important;
    padding: 7px 5px 5px;
    margin-bottom: 5px;
    position: relative;
    width: 278px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.layout_sidebar .cmn-box.related-keyword .main-label a {
    color: #404040;
}

.cmn-box.related-keyword {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 5px #d7d7d7;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cmn-box.related-keyword .main-label .label {
    font-size: 16px;
}
.ml-half-box {
    padding: 5px 10px;
}
.ml-half-box .ml-half li {
    width: 124px;
    padding: 0;
    margin-right: 10px;
    margin-bottom: 5px;
}
.ml-half-box .ml-half li .item {
    width: 113px;
}
.layout_sidebar .cmn-box.related-keyword .red-arrow {
    width: 4px;
    height: 6px;
    background-position: -50px -158px;
    margin: 4px 7px 0 0;
}
.hotspot-icon {
    width: 27px;
    height: 20px;
    background-position: -75px -151px;
    margin-right: 5px;
}
/* fb-box */
.fb-box  {background: #fff; border-radius: 5px;}
.fb-box .title-box {
	border-bottom: #3c5a98 3px solid;
	font-size: 16px;
	overflow: hidden;
	padding: 8px 3px 6px 5px;
}
.fb-box .fb {
	background-position: -1px -57px;
	height: 25px;
	margin-right: 5px;
	width: 27px;
}
.fb-box .label {padding-top: 2px;}
.fb-box .fb-contents{padding: 10px;}
.banner-box {margin-bottom: 15px;}

/* footer */
#footer {background: #fff; border-top: 1px solid #e0e0e0; padding: 20px 0; width: 100%;}
.footer-box {width: 980px; margin: 0 auto;}
.footer-menu {margin: 0 auto 30px;}
.footer-menu li {margin: 0 9px;}
.footer-menu li a {text-decoration: none;}
.footer-menu li a:hover {text-decoration: underline;}
.footer-box .logo {margin: 0 15px 0 5px;}
.footer-box .copyright {color: #8e8e8e;}

/* closeup-dig */
.closeup-nitaku .main-image {margin-right: 15px; width: 180px;}
.closeup-nitaku .main-nitaku {width: 450px;}
.closeup-nitaku .main-nitaku .text {font-size: 14px; line-height: 1.6; margin-bottom: 15px; }
.closeup-nitaku .main-nitaku a {color: #04c;}
.article .closeup-question,
.closeup .closeup-question {
    background: transparent url(http://img.aacdn.jp/newsdig/ar-gray.gif) no-repeat 0 0;
    margin: 0 -10px;
    padding-top: 20px;
    position: relative;
}
.article .closeup-question .q-text,
.article .graph-choice,
.article .choice-box,
.closeup .closeup-question .q-text,
.closeup .graph-choice,
.closeup .choice-box {padding: 0 10px;}
.article .closeup-question .closeup-arrow,
.closeup .closeup-question .closeup-arrow {
    position: absolute;
    top: -11px;
    left: 50px;
}
.closeup-question .q-text {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.closeup-question .q-text .q-title {
    background-position: -2px -2px;
    float: left;
    height: 26px;
    width: 35px;
}
/* graph */
.graph-choice {margin-bottom: 10px;}
.graph-choice .graph-a,
.graph-choice .graph-b {letter-spacing: normal; height: 20px;}
.graph-line {margin-bottom: 5px;}
.graph-line .graph-a {
    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;
    background: #FC4D4D;
}
.graph-line .graph-b {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #0982E4;
}
.graph-line .graph-a100 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #FC4D4D;
}
.graph-line .graph-b100 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #0982E4;
}
.graph-percent {padding-bottom: 10px;}
.graph-percent .graph-a,
.graph-percent .graph-b {font-size: 14px; font-weight: bold;}
.graph-percent .graph-a {color: #FC4D4D;}
.graph-percent .graph-b {color: #0982E4;}
.graph-percent .num {font-size: 24px; margin-right: 3px;}
.choice-theme {background: transparent url(http://img.aacdn.jp/newsdig/bg-icon-vs.gif) no-repeat 50% 50%; height: 58px;}
.choice-theme li {font-weight: bold; padding-top: 26px;}
.article-box .choice-theme .choice-a,
.article-box .choice-theme .choice-b {background: none;}
.choice-theme .choice-a .apb {color: #FC4D4D; margin-right: 5px;}
.choice-theme .choice-b .apb {color: #0982E4; margin-left: 5px;}
.choice-theme .apb {font-size: 28px; line-height: 1;}
.choice-theme .text {font-size: 18px;}
.select-btn {padding-bottom: 20px;}
.select-btn li {width: 322px;}
.select-btn a {
    border-radius: 5px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    padding: 10px 0 6px;
    width: 8em;
}
.select-btn .btn-a-off,
.select-btn .btn-b-off {
    box-shadow: 2px 2px 1px #b3b3b3;
    -webkit-box-shadow: 2px 2px 1px #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#b3b3b3', Direction=137, Strength=4);
    color: #fff;
}
.select-btn .btn-a-off {background: #FC4D4D; border:#FC4D4D;}
.select-btn .btn-b-off {background: #0982E4; border:#0982E4;}
.select-btn .btn-a-on,
.select-btn .btn-b-on {
    background: #d0d0d0;
    border: 1px solid #a6a6a6;
    color: #828282;
}
.choice-ab li {margin-bottom: 12px; width: 303px;}
.choice-ab li:last-child {margin-bottom: 0px;}
.choice-ab .writer-box {display: block; width: 185px;}
.choice-ab .writer-box .g-thum {height: 25px; width: 25px;}
.choice-ab .writer-box .pic {
    line-height: 25px;
    width: 25px;
    height: 25px;
}
.choice-ab .writer-box .thum-img img {max-width: 25px; max-height: 25px; line-height: 25px;}
.choice-ab .writer-box .name{margin-left: 8px; padding: 0; width: 145px; height: auto; vertical-align: top;}
.choice-ab .writer-box .name .inner {margin-right: 5px;}
.choice-ab .count-good {display: block; line-height: 1; line-height: 30px; margin-top: 3px;}
.fukidashi-a,
.fukidashi-b {position: relative;}
.fukidashi a {
	border-radius: 5px;
    -webkit-border-radius: 5px;
	position: relative;
	padding: 10px;
	text-decoration: none;
	width: 280px;
}
.fukidashi a .choice-title {font-size: 14px; margin-bottom: 5px; text-decoration: underline; font-weight: bold;}
.choice-a-box .fukidashi a .choice-title { color: #FC4D4D; }
.choice-b-box .fukidashi a .choice-title { color: #0982E4; }
.fukidashi a .read { font-size: 10px; margin-bottom: 5px; }
.arrow-box-a a {
	background: #ffeded;
	background-size: 80px auto;
	border: 2px solid #f15e5e;
	float: left;
}
.arrow-box-a a:after,
.arrow-box-a a:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow-box-a a:before {
	border-color: rgba(241, 94, 94, 0);
	border-left-color: #f15e5e;
	border-width: 12px;
	top: 50%;
	margin-top: -12px;
}
.arrow-box-a a:after {
	border-color: rgba(255, 245, 245, 0);
	border-left-color: #fff5f5;
	border-width: 9px;
	top: 50%;
	margin-top: -9px;
}
.arrow-box-a a:hover,
.arrow-box-b a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.arrow-box-b a {
	background: #E0F1FF;
	background-size: 80px auto;
	border: 2px solid #5ea1da;
	float: right;
}
.arrow-box-b a:after,
.arrow-box-b a:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow-box-b a:before {
	border-color: rgba(241, 94, 94, 0);
	border-right-color: #5ea1da;
	border-width: 12px;
	top: 50%;
	margin-top: -12px;
}
.arrow-box-b a:after {
	border-color: rgba(255, 245, 245, 0);
	border-right-color: #edf7ff;
	border-width: 9px;
	top: 50%;
	margin-top: -9px;
}
.choice-ab .choice-a-title,
.choice-ab .choice-b-title {font-size: 20px; font-weight:bold; margin: 3px;}
.choice-ab .choice-a-title {color: #FC4D4D;}
.choice-ab .choice-b-title {color: #0982E4;}
.choice-ab .apb {font-size: 39px; line-height: 1; margin-right: 5px;}

/* article */

.article-box .title-today-theme {margin-bottom: 10px;}
.article-box .title-today-theme .theme {
    background: #000 url(http://img.aacdn.jp/newsdig/bg-theme-right.gif) no-repeat 100% 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 23px;
    margin: 0 8px 0 -10px;
    padding: 4px 20px 0 8px;
}
.article-box .title-today-theme .title a {font-size: 18px;}
.article-box .main-title {margin: 0 -10px 10px;}
.article-box .choice-a {background: #ffeded url(http://img.aacdn.jp/newsdig/bg-choice-a.gif) no-repeat 98% 100%;}
.article-box .choice-b {background: #e3f2ff url(http://img.aacdn.jp/newsdig/bg-choice-b.gif) no-repeat 98% 100%;}
.article-box .choice-n {border-bottom: 1px solid #CCC;}
.article-box .main-title .choice-ab {
    font-size: 14px;
    margin-bottom: 8px;
    padding: 10px;
}
.article-box .choice-a .choice-ab {background: transparent url(http://img.aacdn.jp/newsdig/ar-pink.gif) no-repeat 0 100%;}
.article-box .choice-b .choice-ab {background: transparent url(http://img.aacdn.jp/newsdig/ar-blue.gif) no-repeat 0 100%;}
.article-box .main-title .choice-ab .q-text {
    margin-right: 10px;
    padding-top: 4px;
    width: 340px;
}
.article-box .main-title .choice-ab .nitaku-ab li {font-size: 14px; margin: 0 5px; width: auto;}
.article-box .main-title .choice-ab .nitaku-ab li span {vertical-align: middle;}
.article-box .main-title .choice-ab .nitaku-ab li .apb {
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
    vertical-align: -1px;
}
.article-box .choice-a .nitaku-ab .nitaku-a,
.article-box .choice-b .nitaku-ab .nitaku-b {
    border-radius: 15px;
    padding: 5px 12px 3px 7px;
    width: auto;
}
.article-box .choice-a .choice-ab .nitaku-ab .nitaku-a {background: #ffcdcd; font-weight: bold;}
.article-box .choice-a .choice-ab .nitaku-ab .nitaku-a .apb {color: #f15e5e;}
.article-box .choice-a .choice-ab .nitaku-ab .nitaku-b .apb {color: #C9dae8;}
.article-box .choice-a .choice-ab .nitaku-ab .nitaku-b .text {color: #b4b4b4;}

.article-box .choice-b .choice-ab .nitaku-ab .nitaku-b {background: #aedbff; font-weight: bold;}
.article-box .choice-b .choice-ab .nitaku-ab .nitaku-a .apb {color: #f8baba;}
.article-box .choice-b .choice-ab .nitaku-ab .nitaku-a .text {color: #b4b4b4;}
.article-box .choice-b .choice-ab .nitaku-ab .nitaku-b .apb {color: #5fa1d9;}

.article-box .main-title .article-title {font-size: 28px; font-weight: normal; padding: 0 10px 5px;}
.article-box .main-title .writer-box {display: block; height: 44px;}
.article-box .main-title .writer-box .g-thum {height: 40px; width: 40px;}
.article-box .main-title .article-writer {padding: 0 10px 10px;}
.article-box .main-title .writer-box .pic {width: 40px; height: 40px; line-height: 40px;}
.article-box .main-title .writer-box .pic img {max-width: 40px; max-height: 40px; line-height: 40px;}
.article-box .main-title .writer-box .name {margin-left: 8px; padding: 12px 0;}
.article-box .main-title .writer-box .name a {font-size: 14px; text-decoration: none; margin-right: 5px;}
.attachment-box .writer-box .name a {
    margin-right: 5px;
}
.article-box .article-main {
    font-size: 16px;
    line-height: 2;
    margin: 0 5px 10px;
}
.article-box .continuation {
    font-size: 12px;
    margin-bottom: 10px;
}
.article-box .violation {
    margin-bottom: 10px;
}
.article-box .date {
    color: #777;
}
.article-box .main-title .ft-box .article-writer {width: 300px;}
.article-box .main-title .ft-box .good-btn {width: 335px; text-align: right; padding: 10px 10px 0 0;}
/* sns */
.good-btn {display: inline-block; *display: inline; zoom: 1; width: 311px;}
.js-good_clicked_guide_list	{
	letter-spacing: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 6px;
	word-spacing: normal;
	vertical-align: bottom;
	display: inline-block;
    *display: inline;
    zoom: 1;
}
.js-good_clicked_guide_list a{text-decoration: none;}
.js-good_clicked_guide_list a:hover{text-decoration: underline;}
.total-press {
	padding:12px 0 0 0;
	display: inline-block;
    *display: inline;
    zoom: 1;
	padding-bottom: 6px;
}
.total-press .num-good {
	margin: 0 2px 0 4px;
	font-size: 20px;
	display: inline-block;
    *display: inline;
    zoom: 1;
}
.goodpresser-add-text {
	display: inline;
	padding-top: 14px;
}
.btn .round {
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dbdbdb',GradientType=0 );
    background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(219,219,219,1) 100%);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #878787;
    display: inline-block;
    *display: inline;
    zoom: 1;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px 20px;
    z-index: 10;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    overflow: visible;
    outline: none;
    text-align: center;
    position: relative;
}
.btn .round:before {
    border: solid 1px #fff;
    border-color: rgba(255, 255, 255, 0.35);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.btn .round:hover {
    border: 1px solid #A6A6A6;
    color: #5A5A5A;
    -moz-box-shadow:
        0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:
        0px 1px 1px rgba(0,0,0,0.1);
    text-decoration: none;
}
.btn .round:active {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.btn .round, .btn .round-red {
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
}
.btn .round-red {
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
}
.btn .round-red {
    border: solid 1px #b8473d;
    background: #f36c4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#f36c4d), to(#ef3e29));
    background: -moz-linear-gradient(top, #f36c4d, #ef3e29);
    background: -ms-linear-gradient(top, #f36c4d, #ef3e29);
    background: -o-linear-gradient(top, #f36c4d, #ef3e29);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f36c4d', EndColorStr='#ef3e29')";
    color: #fff;
}
.btn .round-red:link, .round-red:visited {color: #fff; text-decoration: none;}
.btn .round-red:before {
    border: solid 1px #f67b5f;
    border-color: rgba(255, 255, 255, 0.35);
}
.btn .round-red:hover {
    color: #fff;
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#fb856a), to(#f7523f));
    background: -moz-linear-gradient(top, #fb856a, #f7523f);
    background: -ms-linear-gradient(top, #fb856a, #f7523f);
    background: -o-linear-gradient(top, #fb856a, #f7523f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fb856a', EndColorStr='#f7523f')";
}
.btn .round-red:active {
    border: solid 1px #90332b;
    background: -webkit-gradient(linear, left top, left bottom, from(#ef3e29), to(#f36c4d));
    background: -moz-linear-gradient(top, #ef3e29, #f36c4d);
    background: -ms-linear-gradient(top, #ef3e29, #f36c4d);
    background: -o-linear-gradient(top, #ef3e29, #f36c4d);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ef3e29', EndColorStr='#f36c4d')";
}
.social-set-box {margin-bottom: 15px;}
.social-set-box .social-box {
    display:inline-block;
    /display: inline;
    zoom: 1;
    margin-top: 10px;
    width: 334px;
}
.choice-n-social .social-box {
    width: 100%;
}
.social-set-box .social-box ul {text-align: left; padding-top: 5px;}
.social-set-box .social-box li {vertical-align: top;}
.social-set-box .social-box li.twitter {margin-right: -32px;}
.social-set-box .social-box li.facebook {margin-right: 15px; vertical-align: top;}
.social-set-box .social-box li.hatena {margin-right: 15px; width: 53px;}
.violation a{
    background: #ddd;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    padding: 2px 7px;
    display: inline-block;
    /display: inline;
    zoom: 1;
}
a.subtle{color:#999;text-decoration:none}
a.subtle:link{color:#999;text-decoration:none}
a.subtle:visited{color:#8c8c8c;text-decoration:none}
a.subtle:hover{color:#a6a6a6;text-decoration:none}
/* pagenation-box */
.pagenation-box {margin: 0px auto 15px;}
.pagenation-box li {background-color: #fff; margin: 0 3px;}
.pagenation-box li a,
.pagenation-box li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    padding: 2px 9px;
}
.pagenation-box li a {border: 1px solid #000; color: #000; text-decoration: none;}
.pagenation-box li a:hover {background: #444; color: #fff;}
.pagenation-box li span {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
.pagenation-box li.previous a,
.pagenation-box li.next a {text-align: left;}
.pagenation-box li.previous a {
    border: 1px solid #000;
	background: #000;
    padding: 2px 16px;
	width: 100px;
	color: #fff;
}
.pagenation-box li.previous a:hover,
.pagenation-box li.next a:hover {
    border: 1px solid #444;
	background: #444;
}
.pagenation-box li.previous a,
.pagenation-box li.next a {
    border: 1px solid #000;
	background: #000;
	width: 100px;
	color: #fff;
    text-align: center;
}
.pagenation-box li.previous a {padding: 2px 14px 2px 10px;}
.pagenation-box li.next a {padding: 2px 8px 2px 16px;}
.pagenation-box li.previous a .ar-previous,
.pagenation-box li.next a .ar-next {
    padding: 0;
	height: 10px;
	width: 10px;
}
.pagenation-box li.previous a .ar-previous {background-position: -43px -65px; margin-right: 10px;}
.pagenation-box li.next a .ar-next {background-position: -69px -65px; margin-left: 10px;}
.pagenation-box li.previous a:hover .ar-previous,
.pagenation-box li.next a:hover .ar-next {
	background: #444 url(http://img.aacdn.jp/newsdig/icon-sprite.png) no-repeat 0 0;
	border: none;
}
.pagenation-box li.previous a:hover .ar-previous {background-position: -42px -65px; margin-right: 12px;}
.pagenation-box li.next a:hover .ar-next {background-position: -68px -65px;}

/* relation-box */
.relation-box h1,
.pick-up h1 {
    border-left: 9px solid #000;
    color: #000;
    font-size: 18px;
    margin: 0 0 15px -10px;
    padding-left: 7px;
}
.relation-box h2 {
    border-left: 9px solid #000;
    color: #000;
    font-size: 18px;
    margin: 0 0 15px -10px;
    padding-left: 7px;
}
.relation-box .article-list .content {
    padding: 5px 5px 10px;
    border-bottom: dotted 1px #ACACAC;
    margin-bottom: 5px;
}
.relation-box .article-list .content:last-child {
    border-bottom: none;
}
.relation-box .article-list .content .thumb {
    margin-right: 15px;
}
.relation-box .article-list .content .list-title-box {
    display: inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
    width: 530px;
}
.relation-box .article-list .content .list-title-box .date {
    margin: 0 0 5px;
}
.relation-box .article-list .content .list-title-box .title {
    font-size: 14px;
    margin: 0 0 5px;
}
.relation-box .writer-box {
    margin-bottom: 0px;
    width: 400px;
}
.relation-box .writer-box .g-thum{
    width: 30px;
    height: 30px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background:#fff;
    border: 1px solid #DEDEDE;
    padding: 2px;
    box-shadow: 1px 1px 2px #CCC; /*CSS3*/
    -moz-box-shadow: 1px 1px 2px #CCC; /* Firefox用*/
    -webkit-box-shadow: 1px 1px 2px #CCC; /* Google Chrome, Safari用*/
}
.relation-box .writer-box .g-thum div.pic {
    line-height: 30px;
    display: block;
    display: table-cell;
    /* IE8向けのハックです */
	display /*\**/: inline-block\9;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
    zoom: 1;
}
.relation-box .writer-box .g-thum img {
    max-width: 30px;
    max-height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border:none;
    display:inline;
}
.relation-box .writer-box .g-thum span.centering{
    height: 30px;
    line-height: 30px;
    _height: 0px;
    _line-height: 0px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
    zoom: 1;
}
.relation-box .writer-box .name {
    font-size: 12px;
    height: 26px;
    line-height: 22px;
    margin-left: 10px;
    margin-top: 7px;
}
.relation-box .writer-box .name a {
    color: #1b1b1b;
    text-decoration: none;
    margin-right: 5px;
}
.relation-box .writer-box .name a:hover {
    color: #CC0000;
    text-decoration: underline;
}
.relation-box .writer-box .name span {
    width: 100px;
    height: 21px;
    background-position: -5px -3134px;
    text-indent: -9999px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 5px;
}
.relation-box .article-list .llms {
	display: inline-block;
	*display: inline;
    zoom: 1;
	margin-top: 0px;
	width: 100px;
}
/* pick-up */
.close-up .size1of1 {
    border-bottom: 1px dotted #ACACAC;
    margin: 0;
    padding: 10px 10px 10px;
    width: 625px;
}
.close-up .size1of1:first-child {
    border-top: 1px dotted #ACACAC;
}
.close-up .thumb {
	width: 125px;
	height: 94px;
	margin-right: 15px;
}
.close-up .text {
	width: 485px;
}
.close-up .size1of1 .title {
	margin-top: 0px!important;
	margin-bottom: 10px;
	font-size: 16px;
    width: 520px;
}
.close-up .size1of1 .date {
	margin-top: 0px!important;
	margin-bottom: 0px;
	font-size: 11px;
}
.content-area .size1of1:nth-child(odd) {
	background: #f7f7f7;
}
.close-up .size1of1 {
    position: relative;
}
.close-up .size1of1 .count-good {margin-right: 0px; width: 76px; position: absolute; right: 5px; top: 10px; text-align: right;}
.close-up .size1of1 .count-good .num {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-right: 3px;
}
.pick-up .content-area {
	margin: 0px 0px 14px;
}

.pick-up .content-area .size1of1 {
	margin: 0px 0px 0px 0px;
	border-bottom: 1px dotted #ACACAC;
	padding: 10px;
}

.pick-up .content-area .size1of1:nth-child(odd) {
	background: #f7f7f7;
}

.pick-up .content-area .size1of1 .title {
	font-size: 14px;
	margin-top: 7px;
}
/* writer-box */
.attachment-box {
	position: relative;
}

.attachment {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 230px;
	text-align: right;
}

.attachment .date {
	vertical-align: top;
	margin-right: 3px;
}

.writer-box {
	margin-bottom: 0px;
	width: 400px;
}

.writer-box .g-thum{
	width: 22px;
	height: 22px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background:#fff;
	border: 1px solid #DEDEDE;
	padding: 2px;
	box-shadow: 1px 1px 2px #CCC; /*CSS3*/
	-moz-box-shadow: 1px 1px 2px #CCC; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 2px #CCC; /* Google Chrome, Safari用*/
}

.writer-box .g-thum div.pic {
    display: block;
    display: table-cell;
    /* IE8向けのハックです */
	display /*\**/: inline-block\9;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
    zoom: 1;
}

.writer-box .g-thum img {
    max-width: 22px;
    max-height: 22px;
    line-height: 22px;
    vertical-align: middle;
    border:none;
    display:inline;
}

.writer-box .g-thum span.centering{
    height: 22px;
    line-height: 22px;
	_height: 0px;
    _line-height: 0px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
    zoom: 1;
}

.writer-box .name {
	font-size: 12px;
	height: 26px;
	line-height: 22px;
	margin-left: 10px;
	margin-top: 3px;
}

.writer-box .name a {
	color: #1b1b1b;
	text-decoration: none;
}

.pick-up .writer-box {
	margin-bottom: 0px;
	width: auto;
}
.by {
    position: absolute;
    font-size: 11px;
    right: 10px;
    top: 10px;
}
/* タイトル周り */
.topics-page {
	background: #f7f0d3;
	padding: 10px;
    margin-bottom: 20px;
}
.topics-page .topics {
	background: #FFF;
	padding: 5px 10px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
}
.topics-page .topics .hd {
	position: relative;
	margin-bottom: 13px;
}
.topics-page .topics .hd span {
	background-position: 2px -95px;
	width: 79px;
	height: 63px;
	display: block;
	position: absolute;
	left: -12px;
	top: -7px;
	/top: -9px;
	text-indent: -9999px;
}

.topics-page .topics .date {
	font-size: 10px;
}
.topics-page .topics h1 {
	font-size: 29px;
	line-height: 31px;
    font-weight: normal;
}
.topics-page .topics .bd .thumb {
	width: 300px;
}
.topics-page .topics .bd .thumb img {
	-webkit-box-shadow: 2px 2px 2px 2px #CCC;
    -moz-box-shadow: 2px 2px 2px 2px #CCC;
    box-shadow: 2px 2px 2px 2px #CCC;
}
.topics-page .topics .bd .lead {
    width: 305px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 1.5em;
}
.topics-page .topics .bd .lead p a {
    word-break: break-all;
}
.topics-page .contents-box {
	background: #fdfaed;
	padding: 5px 10px;
}
.topics-page .contents-box .title-box {
	width: 268px;
	height: 53px;
	margin: 0 auto;
	position: relative;
}
.topics-page .contents-box .title-box .box {
	width: 268px;
	height:23px;
	position: absolute;
    top: -10px;
}
.topics-page .contents-box .title-box .box h2 {
	text-align:center;
	display: block;
	width: 266px;
	height: 52px;
	text-indent: -9999px;
	background-position: 50px -88px;
	border: 1px solid #e9e5e5;
	background-color: #FFF;
	z-index: 1;
    position: relative;
}
.topics-page .contents-box .title-box .effect
{
  position: relative;
}
.topics-page .contents-box .title-box .effect:before,
.topics-page .contents-box .title-box .effect:after {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  height: 20px;
  top: 80%;
  max-width:268px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.topics-page .contents-box .title-box .effect:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.contents-area {
	width: 640px;
	margin-right: -20px;
}
.contents {
	display: inline-block;
	zoom: 1; *display: inline; /* IE < 8: inline-block は IE8以下でサポートしていないので、ハック */
	/float: left;/* IE < 7 */
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	width: 198px;
	height: 222px;
	margin-right: 8px;
	margin-bottom: 25px;
	z-index: 0;
}
.contents .box {
	border: 1px #e9e5e5 solid;
	width: 176px;
	height: 205px;
	padding: 10px;
	z-index: 1;
	background: #FFF;
	position: relative;
}
.contents .box .pin {
	width: 19px;
	height: 21px;
	display: block;
	background-position: -144px -60px;
	position: absolute;
	top: -8px;
	left: 85px;
}
.contents h3 {
	font-size: 14px;
	margin-top: 7px;
	margin-bottom: 5px;
	line-height: 20px;
    font-weight: normal;
}
.contents .text {
	color: #777;
	line-height: 20px;
	word-wrap:break-word;
}
.contents .ft {
	position: absolute;
	bottom: 15px;
}
.contents .g-thum{
	width: 20px;
	height: 20px;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background:#fff;
	border: 1px solid #DEDEDE;
	padding: 1px;
	box-shadow: 1px 1px 1px #CCC; /*CSS3*/
	-moz-box-shadow: 1px 1px 1px #CCC; /* Firefox用*/
	-webkit-box-shadow: 1px 1px 1px #CCC; /* Google Chrome, Safari用*/
}

.contents .g-thum div.pic {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: block;
    display: table-cell;
    /* IE8向けのハックです */
	display /*\**/: inline-block\9;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
    cursor:pointer;
    zoom: 1;
}

.contents .g-thum img {
    max-width: 20px;
    max-height: 20px;
    line-height: 20px;
    vertical-align: middle;
    border:none;
    display:inline;
}

.contents .g-thum span.centering{
    height: 20px;
    line-height: 20px;
	_height: 0px;
    _line-height: 0px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
    zoom: 1;
}

.contents .name {
	font-size: 10px;
	height: 20px;
	margin-left: 5px;
	margin-top: 5px;
	width: 150px;
}

.contents .name a {
	color: #1b1b1b;
	text-decoration: none;
    vertical-align: top;
    margin-right: 5px;
    margin-top: -2px;
    line-height: 1.6em;
}
.contents .name img {
    vertical-align: top;
    margin-top: 0px;
}

.contents .name a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.contents-area .effect
{
  position: relative;
}
.contents-area .effect:before,
.contents-area .effect:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 20px;
  left: 10px;
  width: 42%;
  height: 30px;
  top: 82%;
  max-width:380px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.contents-area .effect:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* IE8向けのハックです */
.topics .social-box,
.profile-area .social-box {
    text-align: right;
}
.topics .social-box li,
.profile-area .social-box li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.topics .social-box li.twitter,
.profile-area .social-box li.twitter {
    width: 100px;
}
.topics .social-box li.facebook,
.profile-area .social-box li.facebook {
    width: 120px;
    text-align:left;
}
/*----------------------------
    プロフィール
----------------------------*/
.profile-area .thumb-area {
	width: 111px;
}
/*g-thum*/
.profile-area .thumb-area .g-thum{
    width: 106px;
    height: 106px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background:#fff;
    border: 1px solid #DEDEDE;
    padding: 3px;
    box-shadow: 1px 1px 2px #CCC; /*CSS3*/
    -moz-box-shadow: 1px 1px 2px #CCC; /* Firefox用*/
    -webkit-box-shadow: 1px 1px 2px #CCC; /* Google Chrome, Safari用*/
}
.profile-area .thumb-area .g-thum div.pic {
    width: 106px;
    height: 106px;
    line-height: 106px;
    display: block;
    display: table-cell;
    /* IE8向けのハックです */
    display /*\**/: inline-block\9;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
    zoom: 1;
}
.profile-area .thumb-area .g-thum img {
    max-width: 106px;
    max-height: 106px;
    line-height: 106px;
    vertical-align: middle;
    border:none;
    display:inline;
}
.profile-area .thumb-area .g-thum span.centering{
    height: 106px;
    line-height: 106px;
    _height: 0px;
    _line-height: 0px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
    zoom: 1;
}
.profile-area .thumb-area .badge {
    width: 107px;
    height: 50px;
    text-indent: -9999px;
    background-position: 2px -2884px;
    margin-top: 7px;
}
.profile {
    margin-left: 15px;
    width:515px;
}

.profile h1 {
    font-size: 29px;
    line-height: 32px;
    margin-bottom: 5px;
}
.profile h1 img {
    margin-left: 5px;
    vertical-align: middle;
}
.profile-area h2 {
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    margin-bottom: 7px;
    width: 90px;
    color: #fff;
    background: #000;
    text-align: center;
}
.profile a {
    color: #0044CC;
    text-decoration: underline;
}
.profile a:hover {
    color: #0044CC;
    text-decoration: none;
}
.profile li {
    margin-bottom: 7px;
}
.profile li .title {
    font-size: 12px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #1b1b1b;
    display: inline-block;
    *display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
}
.article-info {
	font-size: 16px;
}
.article-info h2 {
    border-left: 9px solid #000;
    color: #000;
    font-size: 18px;
    margin: 0 0 15px -10px;
    padding-left: 7px;
}
.article-info li {
	line-height: 25px;
}
.article-info li span {
    color: #CC0000;
}

blockquote,
cite,
q,
legend {
    border: 1px solid #CCC;
    background: url(http://img.aacdn.jp/newsdig/blockquote.png) no-repeat 10px 10px #EFEFEF;
    _background: url(http://img.aacdn.jp/newsdig/blockquote.gif) no-repeat 10px 10px  #EFEFEF;
    padding: 40px 20px 20px;
    margin: 15px 0px;
    display: block;
    word-wrap: break-word;
}
/* tw-box */
.tw-box  {background: #fff; border-radius: 5px;}
.tw-box .tw-contents {
    padding: 10px;
}
.tw-box .title-box {
	border-bottom: #00b6f1 3px solid;
	font-size: 16px;
	overflow: hidden;
	padding: 8px 3px 6px 5px;
}
.tw-box .tw {
	background-position: 0px -148px;
	height: 26px;
	margin-right: 5px;
	width: 27px;
}
.tw-box .label {padding-top: 2px;}

.tw-contents .container .thumb {
    width: 50px;
    margin: 0 10px 0 12px;
}
.tw-contents .container .content {
    width: 196px;
}
/* 記事上HOTSPOT ---------------------------------------------------------------- */
#partnership {
    background: #FFF;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #d7d7d7;
}
#partnership li {
    display: inline-block;
    *display: inline;
    margin: 3px 3px 3px 0;
    zoom: 1;
    line-height: 1.4;
}
#partnership li .red-arrow {
    width: 4px;
    height: 10px;
    background-position: -50px -156px;
    margin: 2px 7px 0 0;
}
#partnership .list-seven { width: 664px; }
#partnership .list-seven li { width: 162px; }
#partnership .list-seven li .item { width: 150px; }
/*----------------------------
    ボトムレクタングル
----------------------------*/
.bottom-rec {
    width:620px;
    margin:5px auto 10px;
}

/*----------------------------
    lazy load
----------------------------*/
#doc .sys-lazy {
    display: none;
}