@charset "utf-8";

/***  public

*******************************************/

/* top */
#index{
	background: url(../images/body_bg.png) repeat-x #ffffff fixed;
}

#index header {
	height:0;
	overflow:hidden;
}

#index #contents {
	
	width: 1010px;
	margin: 0 auto;
	text-align: left;
	overflow:hidden
	
}

#contents .contents_left {
	width:376px;
	background:url(../images/side_bottom.png) no-repeat left bottom;
	padding-bottom:83px;
	float:left
}
#contents .contents_right {
	width:631px;
	float:right
}

.navibg {
	background:url(../images/side_bg.png) repeat-y;
}
#contents .contents_left .twitter_icon{
	background: url(../images/index/twitter_icon_present_on.png) no-repeat center;
}
#contents .contents_left .twitter_icon a{
	display: block;
}
#contents .contents_left .twitter_icon img{
	border: none;
}
#contents .contents_left .twitter_icon a:hover{
	background: none;
}
#contents .contents_left .twitter_icon a:hover img{
	visibility: hidden;
}
#contents .contents_left .twitter_icon_omochi{
	background: url(../images/index/omochi_bannar_on.png) no-repeat center;
}
#contents .contents_left .twitter_icon_omochi a{
	display: block;
}
#contents .contents_left .twitter_icon_omochi img{
	border: none;
}
#contents .contents_left .twitter_icon_omochi a:hover{
	background: none;
}
#contents .contents_left .twitter_icon_omochi a:hover img{
	visibility: hidden;
}


a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
.twitter_icon, .twitter_icon_omochi, .banner_icon{
	width:320px;
	height:65px;
	margin:20px auto 0;
}

.moviearea {
	background:#666;
	width:320px;
	height:180px;
	margin:20px auto 0;
}


h3 em, dt em {
	display:block;
	height:0;
	overflow:hidden;
}
#index #tttl {
	width:320px;
	margin-left:21px;
	border:4px solid #7ec43c;
	border-bottom:none;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	webkit-border-top-left-radius: 7px;  
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;  
	-moz-border-radius-topright: 7px;
}
#index #twitter {
	width:300px;
	margin-left:21px;
	padding:5px 10px;
	background:#fff;
	border:4px solid #7ec43c;
	border-top:none;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-right-radius: 7px;  
  -webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;  
  -moz-border-radius-bottomleft: 7px;
	
}
.twitter-timeline {
	height:130px !important;
}

.newsarea {
	border:4px solid #7ec43c;
	border-radius:7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;	
	padding:10px;	
	height:85px;
	overflow:scroll;
	background:#ffffff
}
.newsarea ul {
	padding-bottom:10px;
}
.newsarea ul li {
	margin-bottom:5px;
	line-height:1.2;
	margin-bottom:10px;
}
.newsarea a:link {
	color: #755b33;
}

.newsarea a:visited {
	color: #755b33;
}

.newsarea a:hover {
	text-decoration: underline;
	color: #755b33;
}

ul#nav {
	float:right
}

ul#nav li {
	float:left;
	margin-left:10px;
	font-size:14px;
	
}

ul#nav li a:link, ul#nav li a:visited {
	background:url(../images/index/fl_icon.png) no-repeat left;
	display:block;
	color:#000;
	padding-left:18px;
	letter-spacing:1px;
}

ul#nav li a:hover, ul#nav li a:active {
	color:#f70;
}

/* footer */
footer {
	background: #fccc5b;
	padding-top:25px;
	padding-bottom:25px;
	clear:both;
	width:100%;
}

footer #comic_info {
	margin:0 auto 20px;
	width:1000px;
	background:#FFF;
	overflow:hidden
}

footer #comic_info h3 {
	background:url(../images/index/comic_title.png) no-repeat;
	width:1000px;
	height:26px;
}

dl.ci_left, dl.ci_right {
	text-align:left;
	display:block;
	width:480px;
	float:left;
	margin:10px;
}

dl.ci_left dt {
	display:block;
	background:url(../images/index/1224sale.png) no-repeat;
	width:480px;
	height:22px;
	margin-bottom:8px;
}

dl.ci_right dt {
	display:block;
	background:url(../images/index/nowonsale.png) no-repeat;
	width:480px;
	height:22px;
	margin-bottom:8px;
}

dl.ci_left dd, dl.ci_right dd {
	margin:5px 10px 0;
}

small {
	display:block;
	font-size:12px;
	clear:both;
}

.bannerarea ul {
   text-align: center;
   width:1000px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:3px;
}

.bannerarea ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding-right: 10px;
}

#gnavi_con {
	width:280px;
	height:378px;
	padding-left:46px;
}

#gnavi_con #global_navi li a {
	display:block;
	float:left;
	width:280px;
	height:42px;
	text-indent:-99999px;
	background:url(../images/gnavi.png) no-repeat;
}
#gnavi_con #global_navi a.news {
	background-position:0 0;
}
#gnavi_con #global_navi a.news:hover {
	background-position:-280px 0;
}
#gnavi_con #global_navi a.onair {
	background-position:0 -42px;
}
#gnavi_con #global_navi a.onair:hover {
	background-position:-280px -42px;
}
#gnavi_con #global_navi a.story {
	background-position:0 -84px;
}
#gnavi_con #global_navi a.story:hover {
	background-position:-280px -84px;
}
#gnavi_con #global_navi a.chara {
	background-position:0 -126px;
}
#gnavi_con #global_navi a.chara:hover {
	background-position:-280px -126px;
}
#gnavi_con #global_navi a.staff {
	background-position:0 -168px;
}
#gnavi_con #global_navi a.staff:hover {
	background-position:-280px -168px;
}
#gnavi_con #global_navi a.dvd {
	background-position:0 -210px;
}
#gnavi_con #global_navi a.dvd:hover {
	background-position:-280px -210px;
}
#gnavi_con #global_navi a.cd {
	background-position:0 -252px;
}
#gnavi_con #global_navi a.cd:hover {
	background-position:-280px -252px;
}
#gnavi_con #global_navi a.goods {
	background-position:0 -294px;
}
#gnavi_con #global_navi a.goods:hover {
	background-position:-280px -294px;
}
#gnavi_con #global_navi a.special {
	background-position:0 -336px;
}
#gnavi_con #global_navi a.special:hover {
	background-position:-280px -336px;
}