@charset "euc-jp";
@import url("global.css");
@import url("cartoon-list.css");
a.gals-name, a.shop-name, a.shop-name2 {
	color:#FF4D99
}
#list-area{
	width: 788px;
	background-color:#ffffff;
}

.black{
	width:788px;
	height:75px;
	background-color:#cccccc;
	background:url(../contents/cartoon/images/tab_back.gif) repeat-x;
	}

#list-area .black ul.tab {
	width:726px;
		_width:740px;
	height:75px;
	/*text-align: center;*/
	list-style-type:none;
	margin:0 0 0 30px;
	_margin:0 0 0 15px;
/*	margin:0;*/
	padding:0;
/*	padding:0 0 0 30px;*/
	_padding:0;
	float: left;
}


ul.tab li {
	/*border:1px solid white;*/
	width:119px;
	height:75px;
	float:left;
	margin:0 0 0 2px;
	padding:0px;
}
ul.tab a {
	color:white;
	width:100%;
	height:100%;
	text-decoration:none;
}
ul.tab a:hover {
	color:#F9C;
}

ul.tab li.selected {
	color:black;
}
ul.tab li.selected a {
	color:black;
}
#tab-bottom {
	clear:both;
	background-color:#ffffff;
	height:5px;
}
.pager {
	height:25px;
	margin:0;
	background-color:#ffffff;
	clear:both;
/*	//border-bottom: 2px #ff3366 solid;*/
	/*border:1px solid white;*/
}
.pager a {
	display:block;
	float:left;
	width:40px;
	height:20px;
	text-align:center;
	color:#000000;
	font:16px serif;
	text-decoration:none;
	/*border:1px solid white;*/
}

.pager a:hover {
	text-decoration:underline;
	font:16px serif;
	color:#000000;/*color:#CCCCCC;*/
}
.pager img.icon {
	float:left;
	margin:0px 10px 0 25px;
}
.pager .selected{
	display:block;
	float:left;
	width:40px;
	height:20px;
	text-align:center;
	color:#ff3366;
	font:16px serif;
	text-decoration:none;
}


/*----------------------*/
/*-----個別ページ用-----*/
/*----------------------*/
#ind-topics{
	width:770px;
	/*height:100px;*/
	/*overflow:auto;*/
	/*background:white;*/
	/*border:5px solid blue;*/
}
#cartoon-title h1 {
	width:770px;
	height:62px;
	padding:0;
	margin:0;
}

#cartoon {
	width:770px;
	height:1163px;
	margin-top:10px;
	display:block;
	position:relative;
	background:url(../contents/cartoon/images/n_background.jpg) no-repeat;
}
 .shop-name-content{
	width:208px;
	height:38px;
	line-height:1.4;
	display:block;
	font-family: serif;	
	text-align:center;
	position:absolute;
	top:7px;
	left:70px;
}

.page-area{
	padding:65px 0 0 125px;
}

.cartoon-bt {
	float: left;
	margin-left: 140px;
	_margin-left: 70px;
}
.cartoon-bt .list{
 	width: 125px;
	height: 45px;
	float: left;
}
.cartoon-bt .list a{
	display: block;
 	width: 125px;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background:url(/contents/cartoon/images/bt/bt_top.jpg) no-repeat;
}
.cartoon-bt .list a:active,
.cartoon-bt .list a:focus,
.cartoon-bt .list a:hover {
	background:url(/contents/cartoon/images/bt/bt_top.jpg) no-repeat 0 -45px;
}
.cartoon-bt .prev{
 	width: 125px;
	height: 45px;
	float: left;
	margin-left:160px;
}
.cartoon-bt .prev a{
	display: block;
 	width: 125px;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background:url(/contents/cartoon/images/bt/bt_prev.jpg) no-repeat;
}
.cartoon-bt .prev a:active,
.cartoon-bt .prev a:focus,
.cartoon-bt .prev a:hover {
	background:url(/contents/cartoon/images/bt/bt_prev.jpg) no-repeat 0 -45px;
}
.cartoon-bt .next{
	margin-left:15px;
 	width: 125px;
	height: 45px;
	float: left;
}
.cartoon-bt .next a{
	display: block;
 	width: 125px;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background:url(/contents/cartoon/images/bt/bt_next.jpg) no-repeat;
}
.cartoon-bt .next a:active,
.cartoon-bt .next a:focus,
.cartoon-bt .next a:hover {
	background:url(/contents/cartoon/images/bt/bt_next.jpg) no-repeat 0 -45px;
}

/*----------------------*/
/*体験マンガ用*/
/*----------------------*/
#new-contents-area {
	width:788px;
	height:450px;
	margin:0;
	position:relative;
	float:left;
	background: url(/contents/cartoon/images/topics.jpg) no-repeat; 
	display:block;
}

.date-area{
	width:100px;
	height:340px;
	padding: 110px 0 0 7px;
	position:relatave;
	float:left;
	color: #ffffff;
	font:bold 15px serif;
	text-align: center;	
}
.shop-info-area{
	width:287px;
	height:450px;
	margin: 0;
	float: left;
}
.comment-area{
	margin: 145px 0 0 0;
	height:72px;
	font:85% serif 0.9em;
	padding: 0 5px 0 5px;
}
.shop-info-topics{
	width:280px;
	height:173px;
	margin: 35px 0 0 0;
	_width:287px;
}
/*for IE7*/
*:first-child+html .shop-info-topics{
	width:280px;
	height:173px;
	margin: 35px 0 0 0;
}
.shop-info-topics img{
	margin:0;
	padding:0;
	display: block;
}
.shop-information{
	margin: 5px 0 0 0;
	font: bold 12px serif;
	display: block;
}
.shop-info-topics .shop-name a{
	margin: 2px 0 0 0;
	padding: 0;
	display: block;
	font:bold 1.1em serif;
	color: #000000;
}
.shop-info-topics .shop-name2 a{
	margin: 2px 0 0 0;
	padding: 0;
	display: block;
	font:bold 11px serif;
	color: #000000;
}
.discount-kind{
	margin: 2px 0 0 0;
	padding: 0;
	display:block;
}
.discount-print{
	width: 118px;
	margin: 2px 3px 0 0;
	padding: 0;
	display:block;
	float: left;
}
.discount-mobile{
	width: 118px;
	margin: 2px 3px 0 0;
	padding: 0;
	display:block;
	float: left;
}
.thumb-area{
	width:290px;
	height:418px;
	margin: 15px 98px 0 0;
	_margin: 15px 49px 0 0;
	display:block;
	float: right;
}
.thumb-area img{
	margin: 5px 0 0 10px;
}
.thumb-area p{
	text-align: right;
	margin: -3px 5px 0 0;
	padding: 0;
}
.thumb-area p a{
	color: #ff0066;
	font: bold 12px sans-serif;
	text-decoration:none;
}
.thumb-area p a:hover{
	color: #ff0066;
	font: bold 12px sans-serif;
	text-decoration:underline;
	
}
.attention{
	height: 250px;
	margin: 0 0 10px 25px;
	font: 15px serif;
}
.attention .returns{
	margin:15px 0 0 0;
	font:bold 12px sans-serif;
}
.attention .returns a{
	color:#ff0066;
	text-decoration:none;
}
.attention .returns a:hover{
	text-decoration:underline;
}