#wrap {
	background: url(../../images/webcomic_bg.png) repeat;
}

header {
	background: url(../../images/header_bg.png) no-repeat;
	background-color: rgba( 255, 255, 0, 0.85 );
	background-position: right top;
}


.n_m_wrap {
	background: url(../../images/n_m_bg.png) #FFFF00 no-repeat;
	background-size: cover;
}

/* ------------------------------
	
	nav

------------------------------ */
nav{
	width:auto;
	background-color: #000;}

#nav{
	width:1000px;
	margin:0 auto;
	display:table;}

#nav li{
	display:table-cell;
    text-align:center;
	font-size: 20px;
	font-weight: bold;
}

#nav li a{
	display:inline-block;
	color: #000;
	width: 260px;
    height: 35px;
	display: block;
	padding-top:10px;}
	
#nav li a:hover {
	background-image: url(../../images/web_comic_bg_black.jpg);
	color: #FFF;
	text-decoration: none;
}

nav ul li:nth-of-type(1){ background:url(../../images/web_comic_bg_pink.jpg) repeat-x;}
nav ul li:nth-of-type(2){ background:url(../../images/web_comic_bg_green.jpg) repeat-x;}
nav ul li:nth-of-type(3){ background:url(../../images/web_comic_bg_purple.jpg) repeat-x;}
nav ul li:nth-of-type(4){ background:url(../../images/web_comic_bg_blue.jpg) repeat-x;}

#wrap #mainvisual {
	background: url(../../images/n_m_bg.png) #FFFF00 no-repeat;
	background-size: cover;
}
	
#wrap #contents {
	margin: 0 auto;
	padding: 115px 0 0;
	background: url(../../images/n_m_f_bg.png) fixed repeat-x bottom;

}


#inner .webcomic_h01, .webcomic_h02, .webcomic_h03, .webcomic_h04 {
	color:#000000;
	text-align: center;
	font-size: 20px;
	padding: 5px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 115px solid #000000;
	border-right: 115px solid #000000;
}

#inner .webcomic_h01 {
	background: url(../../images/web_comic_bg_pink.jpg);
}

#inner .webcomic_h02 {
	background: url(../../images/web_comic_bg_green.jpg);
}

#inner .webcomic_h03 {
	background: url(../../images/web_comic_bg_purple.jpg);
}
#inner .webcomic_h04 {
	background: url(../../images/web_comic_bg_blue.jpg);
}