@charset "UTF-8";

section#mainControl li#mainContainer section.detailButtonWrapper{
	width: 700px;
	margin: -40px 0 10px 0;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailButtonBox{
	width: 261px;
	height: 80px;
	z-index: 296;
	position: relative;
	left: 10px;
	background: url(../images/detail_nmz.png) no-repeat;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailButtonBox li.thumbNailBox{
	width: 105px;
	height: 60px;
	padding-top: 12px;
	float: left;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailButtonBox li.numberBox{
	width: 104px;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	padding-top: 38px;
	float: left;
	color: #fff;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailButtonBox li.numberBox a{
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #fff;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailButtonBox li.numberBox a:hover{
	text-decoration: underline;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailSocialBox{
	position: relative;
	top: -30px;
	width: 340px;
	float: right
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailSocialBox li.detailFacebookBox{
	width: 150px;
	margin-right: 10px;
	float: left;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.detailSocialBox li.detailTwitterBox{
	width: 180px;
	float: right;
}



section#mainControl li#mainContainer section.detailButtonWrapper li.newTitleBox{
	width: 152px;
	height: 86px;
	float: left;
}

section#mainControl li#mainContainer section.detailButtonWrapper li.tweetBox{
	width: 103px;
	height: 60px;
	float: left;
	position: relative;
	top: 10px;
	left: -10px;
}

section#mainControl li#mainContainer section.detailComicWrapper{
	width: 790px;
}

section#mainControl li#mainContainer section.detailComicWrapper li.rankNamazu{
	width: 120px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper li.rankNamazu img{
	margin-top: 17px;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails{
	width: 670px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails article.comicTilte{
	width: 580px;
	font-size: 22px;
	line-height: 24px;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails article.comicTilte a{
	color: #303030;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails hgroup h2{
	width: 670px;
	font-size: 19px;
	line-height: 20px;
	margin: 15px 0 20px 0;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails div.storyBox{
	width: 670px;
	font-size: 14px;
	line-height: 22px;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicNewsDay{
	width: 395px;
	font-size: 15px;
	color: #f73504;
	float: left;
	text-align: center;
	font-weight: bold;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicNextDay{
	width: 395px;
	font-size: 15px;
	color: #f73504;
	float: left;
	text-align: center;
	font-weight: bold;
}


section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox{
	width: 790px;
}

section#mainControl li#mainContainer div.ulTitle{
	font-size: 14px;
	font-weight: bold;
	color: #f73504;
	margin-bottom: 10px;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox ul#comicBody{
	width: 784px;
	margin: 0 auto 25px auto;
}


section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox li.comicList{
	width: 94px;
	height: 90px;
	margin: 5px 2px 0 2px;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox li.comicList img{
	margin-bottom: 5px
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox{
	width: 790px;
	font-size: 14px;
	line-height: 20px;
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox a{
	color: #000;
	text-decoration: underline;
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox li.proLeft{
	width: 100px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox li.proRight{
	width: 690px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper section.voteBox{
	width: 565px;
	height: auto;
	margin: 0 auto;
}

section#mainControl li#mainContainer section.detailComicWrapper section.voteBox ul#votearea{
	width: 565px;
	height: 80px;
	background: url(../images/vote_nmz.png) no-repeat;
}

section#mainControl li#mainContainer section.detailComicWrapper section.voteBox li.voteComment{
	width: 301px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	padding: 28px 0 0 59px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper section.voteBox li.voteButton{
	width: 180px;
	height: 70px;
	margin-top: 10px;
	float: left;
}


/* コメント投稿 */

div#textarea{
	display: none;
	text-align: center;
}

div#textarea textarea{
	width: 600px;
	height: 45px;
}

div#textarea input{
	width: 240px;
	height: 25px;
	padding: 0;
}


/* コメント投稿 */


section#mainControl li#mainContainer section.detailComicWrapper li.readerBox{
	width: 560px;
	height: 550px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents{
	width: 560px;
	height: 550px;
	background: #cdcdcd;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner{
	width: 540px;
	height: 530px;
	position: relative;
	top: 10px;
	left: 10px;
	background: #fff;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div#usercom{
	width: 520px;
	height: 440px;
	font-size: 13px;
	line-height: 18px;
	padding: 10px;
	overflow-y: auto;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner article{
	width: 500px;
	padding: 5px 0 15px 0;
	background: url(../images/dc_hr.png) no-repeat bottom;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div li.detailCommentContentsNum{
	float: left;
	margin: 0 5px 5px 0;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div li.detailCommentContentsId{
	float: left;
	margin: 0 5px 5px 0;
	color: #fc6945;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div li.detailCommentContentsDate{
	margin: 0 0  5px 0;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div.readerBoxButtonBox{
	width: 400px;
	height: 50px;
	margin: 30px auto 0 auto;
	text-align: center;
}

section#mainControl li#mainContainer section.detailComicWrapper li.readerBox div.readerBoxContents div.readerBoxContentsInner div.readerBoxButtonBox a{
	font-size: 16px;
	line-height: 16px;
	color: #e8004b;
	font-weight: bold;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicTweetBox{
	width: 200px;
	float: right;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail li.buttonBox{
	width: 170px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail div{
	font-size: 1px;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail img{
	margin-bottom: 1px;
}











































section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails div.profileBox{
	width: 670px;
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 22px;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails div.profileBox a{
	color: #303030;
}

section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails article.storyBox img,
section#mainControl li#mainContainer section.detailComicWrapper li.comicDetails article.profileBox img{
	margin-bottom: 1px;
}


section#mainControl li#mainContainer section.detailComicWrapper header{
	width: 700px;
	height: 20px;
	background: url(../images/all_list_head.png) no-repeat;
	font-size: 5px;
}

section#mainControl li#mainContainer section.detailComicWrapper footer{
	width: 700px;
	height: 20px;
	background: url(../images/all_list_foot.png) no-repeat;
	font-size: 5px;
}


section#mainControl li#mainContainer section.detailComicWrapper section.commentBox article.editorComment{
	padding: 0 20px 20px 20px;
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox article li.photoBox{
	width: 100px;
	float: left;
	padding-left: 20px;
}

section#mainControl li#mainContainer section.detailComicWrapper section.commentBox article li.commentContents{
	width: 560px;
	float: left;
}























section#mainControl li#mainContainer section.detailComicWrapper section.recommendBox{
	margin: 30px 0 30px 100px;
}
section#mainControl li#mainContainer section.detailComicWrapper section.recommendBox ul.recNavi{
	width: 500px;
}
section#mainControl li#mainContainer section.detailComicWrapper section.recommendBox ul.recNavi li{
	width: 200px;
	float: left;
}
section#mainControl li#mainContainer section.detailComicWrapper section.recommendBox ul.recNavi li.recNaviRight{
	float: right;
}

/* yawafes2013 */

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox article.yawafes2013Comic{
	height: 60px;
	margin: 10px 0;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox article.yawafes2013Comic img{
	vertical-align: middle;
	margin-right: 10px;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox article.yawafes2013Comic a{
	color: #101010;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox article.yawafes2013Comic a:hover{
	text-decoration: underline;
}


section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox li.yawafes2013Left{
	width: 360px;
	margin-top: 10px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicWrapper section.comicListBox li.yawafes2013Right{
	width: 340px;
	margin-top: 10px;
	float: left;
}

li#mainContainer section#comicViewer section.recommendBox{
	width: 700px;
	margin: 0 auto;
}
li#mainContainer section#comicViewer section.recommendBox ul.recNavi{
	width: 500px;
	margin: 30px auto;
}
li#mainContainer section#comicViewer section.recommendBox ul.recNavi li{
	width: 200px;
	float: left;
}
li#mainContainer section#comicViewer section.recommendBox ul.recNavi li.recNaviRight{
	float: right;
}

/* */
section#mainControl li#mainContainer section.detailComicsWrapper{
	width: 700px;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsCover{
	width: 190px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail{
	width: 510px;
	float: left;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail h3{
	font-size: 22px;
	margin: 10px 0;
	line-height: 130%;
	color: #d21069;
	font-weight: bold;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail strong{
	font-size: 16px;
	line-height: 120%;
}

section#mainControl li#mainContainer section.detailComicsWrapper li.comicsDetail p{
	margin: 10px 0;
	font-size: 15px;
	line-height: 120%;
}