/*
 Theme Name: わもんポータル：トピックス改修 
 Description: わもんポータルの独自テーマ
 Author: 中川正心 
 Author URI: http://showzine.co 
 Version: β2.0 
*/

/* ------------------------------------------------- */
/* RESET */
/* ------------------------------------------------- */
h1, h2, h3, h4{
	margin:0;
	line-height:1;
}

ul, ol{
	list-style:none;
	padding:0;
}



/* ------------------------------------------------- */
/* COMMON */
/* ------------------------------------------------- */
.hover:hover{
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter:"alpha(opacity=70)"; /* IE8用 */
    -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity:0.7; /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity:0.7; /* Firefox 1.5以上, Opera, Safari用 */
}

.grayout{
    filter:alpha(opacity=50);  /* IE7以下用 */
    -ms-filter:"alpha(opacity=50)"; /* IE8用 */
    -moz-opacity:0.5; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity:0.5; /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity:0.5; /* Firefox 1.5以上, Opera, Safari用 */
}

/* ------------------------------------------------- */
/* TOPICS */
/* ------------------------------------------------- */

table#topics_wrapper{
	border-left:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	border-bottom:2px solid #DFDFDF;
	width:100%;
}

table#topics_wrapper th,
table#topics_wrapper td{
	border-bottom:2px solid #DBF2F9;
	font-size:0.7em;
	color:#383838;
}



table#topics_wrapper th{
	padding:0.8em 0 0.5em 1em;
	position:relative;
}

table#topics_wrapper td{
	padding:0.8em 0.5em 0.5em 0;
}

table#topics_wrapper .devide{
	margin:0 0.5em 0 1em;
}

table#topics_wrapper th .icon_new{
	position:absolute;
	left:0.5em;
}

body.home .topics_body{
	height:11em;
	overflow:scroll;
	overflow-x:hidden;
}

body.home .topics ul{
	margin:0.5em 0 0 0;
}

body.home .topics .date{
	font-weight:normal;
	white-space:nowrap;
	padding-right:1em !important;
}

body.home .topics li{
	margin-bottom:0.5em;
	padding:0 1em 0.5em 0;
	border-bottom:1px solid #ccc;
}

body.home .topics a{
	color:#1C2E56;
	text-decoration:none;
}

body.home .topics a:hover{
	color:#C50D25;
	text-decoration:underline;
}

body.home .title{
	color:#383838;
	border-left:1px solid #ccc;
	padding-left:1em !important;
}

body.home .title a.link{
	font-size:0.9em;	
	color:#C50D25;
}

body.home .title i{
	color:#C50D25;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------- */
h1{
	margin-bottom:1em;
}

/* ------------------------------------------------- */
/* HOME */
/* ------------------------------------------------- */
.wrapper_content{
	width:850px;
	margin:0 auto;
	border-bottom:1px dotted #999;
}

.bnr_type1 img{
}

.bnr_type2 img{
}

.bnr_type3 img{
	width:200px;
	height:100px;
}

.bnr_type4 img{
	width:305px;
	height:71px;
}

/* ------------------------------------------------- */
/* MAIN */
/* ------------------------------------------------- */
.wrapper_content .main{
	width:634px;
	float:left;
}

.wrapper_content .main h2 img{
	display:block;
}

.clm2{
	margin-bottom:1em;
}

.clm2 .left{
	width:305px;
	float:left;
}

.clm2 .right{
	width:305px;
	float:right;
}

.topics{
	margin-bottom:1em;
}

.link_others li{
	float:left;
}

.link_others li:nth-child(2){
	margin:0 17px;
}

.other_content{
	border-top:1px dotted #999;
	margin-top:1em;
}

.other_content li{
	width:305px;
	margin-bottom:1em;
}

.other_content .left{
	float:left;
}

.other_content .right{
	float:right;
}

.book_content .books{
}

.book_content .books li{
	display:inline;
	margin-right:10px;
}

/* ------------------------------------------------- */
/* SIDEBAR */
/* ------------------------------------------------- */
.wrapper_content .sidebar{
	width:200px;
	float:left;
	margin-right:16px;
}

.sidebar .bnr li{
	margin-bottom:0.5em;
}




/* ------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------- */
.copyright{
	font-size:0.8em;
	text-align:center;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a span{
	display: block;
    border-radius: 25px;
    background:#1A3059;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
    opacity: .8;
}
#page-top a{
	color:#fff;
}
#page-top a span:hover{
    opacity: 1;
}
#page-top a span i{
	position:relative;
	top:3px;
}

/*************************
liScroll styles
*************************/
#ticker li{
	font-size:1.2em;
	margin-right:2em;
	font-weight:bold;	
}

.tickercontainer { 
	width: 634px; /**設置する場所の幅に合わせる**/
	overflow: hidden; 
	padding:1em 0;
}

.tickercontainer .mask {
	position: relative;
	left: 10px;
	top: 8px;
	width: 634px; /**設置する場所の幅に合わせる**/
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
 
}
ul.newsticker li {
	float: left; 
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	color: #ff0000;
} 
ul.newsticker span {
}

/* ========================================= END */