@charset "UTF-8";

.topwebcomicnew {
}

/*WEBコミックメニュー*/

#topwebcomicnew a {
	display:block;
	float:left;
}


#topleft a:hover, #topleft a:focus,#top_comics a:hover, #top_comics a:focus, #top_mag a:hover, #top_mag a:focus{
	opacity:0.6;
}

#webcomicnew .btn_new, #webcomiclist .btn_new{
	background-image:url(../img/btn.png);
	background-repeat: no-repeat;
	background-position: -70px 0px;
	width:60px;
	height:60px;
	text-indent: 100%;  /*文字隠し */
    white-space: nowrap;/*  文字隠し */
    overflow: hidden;/*  文字隠し */
}

#webcomicnew a.btn_new:hover, #webcomicnew a.btn_new:focus,#webcomiclist a.btn_new:hover,#webcomiclist a.btn_new:focus,{
	background-position: -70px -129px;
}


#topwebcomicnew li{
	margin-top:5px;
	width:340px;
	list-style-type: none;
	font-size:10px;
	color:#666;
}


#topwebcomicnew .btn_new{
	background-image:url(../img/btn.png);
	background-repeat: no-repeat;
	width:60px;
	height:120px;
	text-indent: 100%;  /*文字隠し */
    white-space: nowrap;/*  文字隠し */
    overflow: hidden;/*  文字隠し */
}

#topwebcomicnew a.btn_new:hover, #topwebcomicnew a.btn_new:focus{
	background-position: 0px -129px;
}


#topwebcomiclist li{
	margin-top:5px;
	font-size:10px;
	color:#666;
}

#topwebcomiclist a {
	display:block;
}




#home .h_webcomicnew
	{
	width:280px;
	height:45px;
	float:left;
	}
/*	
background-image: url(../img/top_hg.png);
background-repeat: no-repeat;
text-indent: 100%; 
white-space: nowrap;
overflow: hidden;/*  文字隠し */
	
#home #topleft .newicon {
	display: block;
	padding-left:6px;
	text-align:center;
	overflow: hidden;
}

#home .h_webcomic{
	height:20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #00d2d9;
	clear: left;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
}

/*background-image: url(../img/top_hg.png);
	background-repeat: no-repeat;
	background-position: 90px -43px;
	text-indent: 100%; 
	white-space: nowrap;/
	overflow: hidden;/*  文字隠し */

#home .h_mag{
	margin-top:10px;
	height:45px;
}

/*background-image: url(../img/top_hg.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;/*  文字隠し */




#home #news h2{
	height:30px;
}
	
/*background-image: url(../img/top_hg.png);
	background-position: 0px -132px;
	background-repeat: no-repeat;
	text-indent: 100%;  
	white-space: nowrap;
	overflow: hidden;/*  文字隠し */
	
	
.h_comics{
	height:45px;
	margin-top: 10px;
	text-align: center;
}

/*background-image: url(../img/top_hg.png);/
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;/*  文字隠し */


#home #topleft .update {
	font-size: x-small;
	font-weight: bold;
	color: #F00;
	margin-left:290px;
}


/*  雑誌 */

.top_mag_cover {
	display: block;
	width: 150px;
	margin: 5px auto;
	border: 1px solid #CCC;
}

.mag_logo {
	display: block;
	width: 140px;
	margin: 5px auto;
}

#top_mag .grid_3.alpha a{
	display: block;
	width:160px;
	height:100%;
}



#top_mag .grid_3.alpha a:hover,#top_mag .grid_3.alpha a:focus, a.top_shirimoto:hover, a.top_shirimoto:focus{
opacity:0.6;
}


#top_mag .grid_3.omega a{
	display: block;
	width:160px;
	height:100%;
}


.top_shirimoto{
	display: block;
	margin-bottom:10px;}


/*  新刊 */

.top_comics_cover {
	width: 80%;
	display: block;
	margin: 5px auto;
}

#top_comics h4 {
	width: 120px;
	font-weight: bold;
	font-size: small;
	margin: 0px auto 5px;
}

#top_comics a{
	display: block;
	margin: 0px auto;
	padding:5px;
	width:120px;
}


 /* Tiny Scrollbar */
#news {
	width: 380px;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 0 0 20px 0;
	 border-radius: 5px; /* CSS3草案 */ 
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px; /* Firefox用 */
}

#news .viewport { width: 360px; height: 200px; overflow: hidden; position: relative; }
#news .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#news .thumb .end, #news .thumb {
 background-color: #666;
  border-radius: 5px; /* CSS3草案 */ 
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 5px; /* Firefox用 */ 
}
#news .scrollbar{ position: relative; float: right; width: 10px; }
#news .track { background-color: #efefef; height: 100%; width:10px; position: relative; padding: 0 1px; }
#news .thumb { background-color: #666; height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  } //left: -5px;
#news .thumb .end { overflow: hidden; height: 5px; width: 10px; }
#news .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.topbanner {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}