@charset "utf-8";
/* CSS Document */


*
{
	margin: 0px;
 	padding: 0px;
	line-break: strict;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

img
{
	border: none;
}
.clear
{
	clear: both;
}
.mb5px
{
	margin-bottom: 5px;
}
.mb10px
{
	margin-bottom: 10px;
}
.mb15px
{
	margin-bottom: 15px;
}
.mb5px
{
	margin-bottom: 5px;
}


/*font*/

.cc-ff0000
{
	color: ff0000;
}
.e-midashi
{
	color: #085495;
	font-weight: bold;
	margin-bottom: 5px;
}
.font10
{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}


/*wrapper*/

#wrapper-contents
{
	width: 513px;
}
#wrapper-mm
{
	width:370px;
	margin: 0px 71px;
}

/*navi*/

#navi01,#navi02,#navi03,#navi04,#navi05,#navi06,#navi07
{
	width: 140px;
	height: 40px;
}
#navi01 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px 0px;
	display: block;
}
#navi01 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px 0px;
	display: block;
}
#navi02 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -40px;
	display: block;
}
#navi02 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -40px;
	display: block;
}
#navi03 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -80px;
	display: block;
}
#navi03 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -80px;
	display: block;
}
#navi04 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -120px;
	display: block;
}
#navi04 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -120px;
	display: block;
}
#navi05 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -160px;
	display: block;
}
#navi05 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -160px;
	display: block;
}
#navi06 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -200px;
	display: block;
}
#navi06 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -200px;
	display: block;
}
#navi07 a
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) 0px -240px;
	display: block;
}
#navi07 a:hover
{
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	background: url(http://ebcomic.com/clear/images/common/navi.jpg) -140px -240px;
	display: block;
}

/*main-area*/

.common-text
{
	font-size: 12px;
	line-height: 1.8em;
}
.common-text td
{
	vertical-align: top;
}
.main-left
{
	width: 358px;
	font-size: 12px;
	line-height: 1.8em;
	padding-right: 15px;
	vertical-align:top;
}
.main-left-w
{
	width: 528px;
	font-size: 12px;
	line-height: 1.8em;
	padding-right: 15px;
	vertical-align:top;
}
.main-right
{
	width:125px;
	padding-left:15px;
	vertical-align:top;
	border-left: 1px solid #009FE8;
}
.cc-midashi
{
	border-left: 5px solid #009FE8;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #085495;
	margin-bottom: 10px;
}

/*chara-intro*/

.chara-box
{
	width: 239px;
	border-right: 1px solid #009FE8;
	border-bottom: 1px solid #009FE8;
	padding: 0px 10px 10px 0px;
	vertical-align:top;
}
.chara-box2
{
	width: 117px;
	border-right: 1px solid #009FE8;
	border-bottom: 1px solid #009FE8;
	padding: 0px 0px 10px 0px;
	vertical-align:top;
}
.chara-box3
{
	width: 503px;
	border-right: 1px solid #009FE8;
	border-bottom: 1px solid #009FE8;
	padding: 0px 10px 10px 0px;
	vertical-align:top;
}
.chara-box4
{
	width: 151px;
	border-right: 1px solid #009FE8;
	border-bottom: 1px solid #009FE8;
	padding: 0px 10px 10px 0px;
	vertical-align:top;
}
.chara-pic
{
	float: left;
	margin: 0px 10px 10px 0px;
	display: inline;
}
.chara-pic-r
{
	float: right;
	margin: 0px 0px 10px 10px;
	display: inline;
}
.chara-name
{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #085495;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.chara-name2
{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #085495;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.chara-text
{
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1.3em;
	color: #333333;
}

/*free-comic*/

.fc-box
{
	border-bottom: 1px solid #009FE8;
	border-top: 1px solid #009FE8;
	padding: 15px 0px;
}
.fc-pic
{
	float: right;
	margin-left: 15px;
}
.fc-title
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.fc-name
{
	color: #FF6600;
	font-weight: bold;
	margin-bottom:10px;
	font-size: 12px;
}
.fc-text
{
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.5em;
}

/*list*/

.cc-list-box
{
	border-bottom: 1px solid #009FE8;
	border-top: 1px solid #009FE8;
	padding: 15px 0px;
}
.cc-list-title
{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}
.cc-list-text
{
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	margin-top: 10px;
}
.cc-list-pic
{
	float: left;
	margin-right: 15px;
}

.cc-list-box2
{
	border-bottom: 1px solid #009FE8;
	border-right: 1px solid #009FE8;
	padding: 0px 11px 10px 11px;
	width: 149px;
	vertical-align: top;
}
.cc-list-box-l
{
	border-bottom: 1px solid #009FE8;
	border-right: 1px solid #009FE8;
	padding: 0px 11px 10px 0px;
	width: 149px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.cc-list-box-c
{
	border-bottom: 1px solid #009FE8;
	border-right: 1px solid #009FE8;
	padding: 0px 11px 10px 0px;
	width: 149px;
	float: left;
	margin-right: 14px;
	margin-bottom: 15px;
}
.cc-list-box-r
{
	border-bottom: 1px solid #009FE8;
	border-right: 1px solid #009FE8;
	padding: 0px 11px 10px 0px;
	width: 149px;
	float: right;
	margin-bottom: 15px;
}
.cc-list-title2
{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 5px;
}
.cc-list-text2
{
	font-size: 10px;
	line-height: 1.5em;
	color: #333333;
}

/*howto*/

.howto-midashi
{
	border-left: 5px solid #009FE8;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #085495;
	margin-bottom: 10px;
}
.howto-midashi2
{
	color: #FF6600;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	line-height: 1.8em;
}
.howto-text
{
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;
	margin: 0px 0px 10px 10px;
}

/*recruit*/

.recruit-midashi
{
	border-left: 5px solid #009FE8;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #085495;
	margin-bottom: 10px;
	line-height: 1.8em;
}
.recruit-text
{
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;
	margin: 0px 0px 10px 10px;
}
.recruit-text2
{
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #ff0000;
	margin: 0px 0px 10px 10px;
}

/*enau*/

.enqu-box
{
	width: 120px;
	float: left;
}

/*bookmark*/

.bookmark
{
margin: 5px 0 0 0;
}

.bookmark li
{
float:right;
margin-right:5px;
margin-bottom:3px;
}

/*comic-introduction*/

#ci .ci-box
{
	border: 1px solid #009FE8;
	padding: 10px;
	background: #f6f6f6;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 15px;
	clear: both;
}
#ci table
{
	border: none;
	border-collapse: collapse;
}
#ci td
{
	border: none;
	vertical-align: top;
}

#ci .ci-cover
{
	float: right;
	padding-left: 15px;
	padding-top: 3px;
}
#ci .ci-title
{
	font-size: 12px;
	font-weight: bold;
	color: #085495;
}
#ci .ci-price
{
	font-size: 10px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	color: #085495;
}
#ci .ci-text
{
	margin-bottom: 5px;
	font-size: 10px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}


/*topics*/

.newslist
{
	font-size: 12px;
	line-height: 1.7em;
}

.newslist .date
{
	color: #ff6600;
}

.newslist h2
{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}

.newslist .thumb
{
	float: left;
	margin: 0px 10px 0px 0px;
	border: 3px double #eeeeee;
}

.newslist li
{
	clear: both;
	padding-top: 10px;
}


.newslist .gennre
{
	color: #009FE8;
}

.newslist a:link
{
	text-decoration: none;
	color: #085495;
}
.newslist a:visited
{
	text-decoration: none;
	color: #085495;
}
.newslist a:hover
{
	text-decoration: underline;
	color: #ff3333;
}


/*new-top*/

#cl-navi
{
	background: url(http://ebcomic.com/clear/images/common/navi_base.jpg) no-repeat;
	width: 668px;
	height: 60px;
	position: relative;
}
#cl-navi-c3
{
	background: url(http://ebcomic.com/clear/images/common/navi_base_c3.jpg) no-repeat;
	width: 668px;
	height: 60px;
	position: relative;
}
#cl-navi #new-navi01 a,
#cl-navi-c3 #new-navi01 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 27px;
	width: 68px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi01.jpg) no-repeat;
}
#cl-navi #new-navi01 a:hover,
#cl-navi-c3 #new-navi01 a:hover
{
	background: none;
}
#cl-navi #new-navi02 a,
#cl-navi-c3 #new-navi02 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 109px;
	width: 114px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi02.jpg) no-repeat;
}
#cl-navi #new-navi02 a:hover,
#cl-navi-c3 #new-navi02 a:hover
{
	background: none;
}
#cl-navi #new-navi03 a,
#cl-navi-c3 #new-navi03 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 236px;
	width: 66px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi03.jpg) no-repeat;
}
#cl-navi #new-navi03 a:hover,
#cl-navi-c3 #new-navi03 a:hover
{
	background: none;
}
#cl-navi #new-navi04 a,
#cl-navi-c3 #new-navi04 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 314px;
	width: 86px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi04.jpg) no-repeat;
}
#cl-navi #new-navi04 a:hover,
#cl-navi-c3 #new-navi04 a:hover
{
	background: none;
}
#cl-navi #new-navi05 a,
#cl-navi-c3 #new-navi05 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 411px;
	width: 91px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi05.jpg) no-repeat;
}
#cl-navi #new-navi05 a:hover,
#cl-navi-c3 #new-navi05 a:hover
{
	background: none;
}
#cl-navi #new-navi06 a,
#cl-navi-c3 #new-navi06 a
{
	position: absolute;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	top: 8px;
	left: 515px;
	width: 109px;
	height: 29px;
	background: url(http://ebcomic.com/clear/images/common/navi06.jpg) no-repeat;
}
#cl-navi #new-navi06 a:hover,
#cl-navi-c3 #new-navi06 a:hover
{
	background: none;
}
.top-banner
{
	float: left;
	margin-right: 11px;
}