@charset "euc-jp";
@import url("../../style/global.css");

/*-----INDEXページ用-----*/

.title { 
	width:788px; 
	height:290px; 
	background: url("images/title.jpg") no-repeat; 
	padding:95px 0 0 12px;}
* html .title { width:775px; }

h1{
	font-size:14px; 
	color:#000; }

.get_bg {width: 385px; height: 120px; background: url(images/get_bg.jpg) no-repeat; font-size:12px; margin:-70px 4px 40px 4px; float:left;}
* html .get_bg {margin:-70px 1px 40px 1px;}
.get_bt {display: block;	width: 150px; height: 27px; background: url(images/get_bg_off.jpg) no-repeat; margin:5px 0 0 210px;}
.get_bt a{display: block; width: 150px; height: 27px; text-indent: -9999px;	font-size: 0;	line-height: 0;}
.get_bt a:visited  { background: url(images/get_bg_off.jpg) no-repeat;}
.get_bt a:active  { background: url(images/get_bg_off.jpg) no-repeat;}
.get_bt a:hover { background: url(images/get_bg_on.jpg) no-repeat;}

.form_bg {width: 385px; height: 120px; background: url(images/form_bg.jpg) no-repeat; font-size:12px; margin:-70px 4px 40px 4px; float:left;}
* html .form_bg {margin:-70px 1px 40px 1px;}
.form_bt {display: block;	width: 150px; height: 27px; background: url(images/form_bg_off.jpg) no-repeat; margin:5px 0 0 210px;}
.form_bt a{display: block; width: 150px; height: 27px; text-indent: -9999px;	font-size: 0;	line-height: 0;}
.form_bt a:visited  { background: url(images/form_bg_off.jpg) no-repeat;}
.form_bt a:active  { background: url(images/form_bg_off.jpg) no-repeat;}
.form_bt a:hover { background: url(images/form_bg_on.jpg) no-repeat;}

.comment{margin:30px 0 0 10px;}

.total_num{
	color:#ffffff;
	float:right; 
	margin:-35px 0 0 0;
	font-size:13px;
	/*border:1px solid red;*/
	width:195px;
	height:35px;
}

ul.tab {
	list-style-type:none;
	margin:0px 0 0 30px;
	padding:0px;
	font-size:11px;
}
ul.tab li {
	font-weight:bold;
	width:120px;
	height:33px;
	line-height:3.8;
	text-align:center;
	float:left;
	margin:0px 0 0 2px;
	padding:0px;
	background-repeat: no-repeat;
	background:url(images/tab_off.jpg);
	overflow:hidden;/*border:1px solid white;*/
}
ul.tab a {
	color:#000;
	width:100%;
	height:100%;
	overflow:hidden;
	text-decoration:none;
}
ul.tab a:hover {
	color:#fff;
}
ul.tab li.selected {
	color:black;
	background:url(images/tab_on.jpg);
}
ul.tab li.selected a {
	color:black;
}

.tab_bottom {
	clear:both;
	background:url(images/tab_bottom.jpg);
	width:730px;
	height:20px;
	margin:0px 0 0 32px;
}

.pager {
	height:70px;
	margin:5px 0 5px 40px;
	clear:both;
	font-size:11px;
}
.pager a {
	display:block;
	float:left;
	width:45px;
	height:40px;
	line-height:8;
	/*text-indent:15px;*/
	text-align:center;
	color:#999;
	text-decoration:none;
	background:url(images/list_bt_off.jpg) no-repeat center top;
}
.pager a:hover {
	background-image:url(images/list_bt_on.jpg);
	color:#fff;
}
.pager img.icon {
	float:left;
	margin:30px 50px 0 20px;
}
.pager .selected {
	display:block;
	float:left;
	width:33px;
	height:40px;
	line-height:8;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url(images/list_bt_on.jpg) no-repeat center top;
}

.foot_pager{width:700px; margin:20px auto 0 auto; border-top:1px solid #fff;}

ul.tousen_list {
	list-style-type:none;
	margin:5px 0px 5px 0px;
	padding:0px;
	clear:both;
}
ul.tousen_list li {
	width:700px;
	height: 150px;
	margin:5px 0 5px 45px;
	border-top:1px solid #fff;
}

.kusudama img{width:100px; height:140px; margin:0 15px 0 0; float:left;}
.area_txt{color:#fff; font-size:11px; margin:10px 0 0 0;}
.shop_name{color:#3fdfff; font-size:14px; text-decoration: underline;}
.shop_name a{color:#3fdfff;}
.shop_name a:hover{color:#fff;}
.ticket_type{color:#ff0000; font-size:25px;}
.hundlename{color:#fff000; font-size:12px; margin:10px 0 0 0;}
.content{color:#fff; font-size:12px;}
.next{color:#3fdfff; font-size:13px; margin:5px 0 0 580px; text-decoration: underline;}
.next a{color:#3fdfff;}
.next a:hover{color:#fff;}

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

#page-title h1 {
	width:770px;
	height:120px;
	padding:0;
	margin:0;
}

.shopdata_area{
	width:700px;
	height:141px;
	background:url(images/page/shop_bg.jpg) no-repeat;
	margin:-70px auto 0 auto;
	padding:10px;
	}
.shopdata_area img{float:left; margin:0 15px 0 0; }
.shopname_area{width: 520px; height: 90px;}
.shop_name2{color:#00afff; font-size:18px; text-decoration: underline;}
.shop_name2 a{color:#00afff;}
.shop_name2 a:hover{color:#007cb4;}

.oficial_bt {display: block;	width: 150px; height: 25px; background: url(images/page/oficial.png) no-repeat; margin:0 10px 0 200px; float:left;}
* html .oficial_bt {margin:0 10px 0 185px; float:left;}
.oficial_bt a{display: block; width: 150px; height: 25px; text-indent: -9999px;	font-size: 0;	line-height: 0;}
.oficial_bt a:visited  { background: url(images/page/oficial.png) no-repeat;}
.oficial_bt a:active  { background: url(images/page/oficial.png) no-repeat;}
.oficial_bt a:hover { background: url(images/page/oficial_on.png) no-repeat;}

.shop_bt {display: block;	width: 150px; height: 25px; background: url(images/page/shop.png) no-repeat; float:left;}
.shop_bt a{display: block; width: 150px; height: 25px; text-indent: -9999px;	font-size: 0;	line-height: 0;}
.shop_bt a:visited  { background: url(images/page/shop.png) no-repeat;}
.shop_bt a:active  { background: url(images/page/shop.png) no-repeat;}
.shop_bt a:hover { background: url(images/page/shop_on.png) no-repeat;}

.ticket_type2{color:#ff0000; font-size:25px; padding:10px 0 0 120px;}
.hundlename2{color:#ccbb1b; font-size:12px; margin:3px 0 20px 120px;}

.repo_top{width: 718px; height: 15px; background: url(images/page/repo_top.jpg) no-repeat; background-color:#fff; margin:20px auto 0 auto;}
.repo_main{width: 718px; height: auto; background: url(images/page/repo_bottom.jpg) no-repeat bottom; background-color:#fff; margin:0 auto; padding: 0 0 25px 0;} 
.repo_main img{margin:-15px 10px 0 10px; float:left;}
.repo_txt{ width: 580px; margin: 0 0 0 120px; font-size:11px;}

.pre_bt {display: block;	width: 718px; height: 114px; background: url(images/page/present_bt.jpg) no-repeat; float:left; margin:15px 0 10px 27px;}
* html .pre_bt {margin:15px 0 0 13px;}
.pre_bt a{display: block; width: 718px; height: 114px; text-indent: -9999px;	font-size: 0;	line-height: 0;}
.pre_bt a:visited  { background: url(images/page/present_bt.jpg) no-repeat;}
.pre_bt a:active  { background: url(images/page/present_bt.jpg) no-repeat;}
.pre_bt a:hover { background: url(images/page/present_bt_on.jpg) no-repeat;}

.return_bt {margin:20px 0 20px 270px ;}
* html .return_bt {margin:50px 0 20px 270px ;}


#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;
}

#tab-bottom {
	clear:both;
	background-color:#ffffff;
	height:5px;
}


/*----------------------*/
/*-----個別ページ用-----*/
/*----------------------*/
#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 1.2em serif;
	text-align: center;	
}
.shop-info-area{
	width:287px;
	height:450px;
	margin: 0;
	float: left;
}
.comment-area{
	margin: 145px 0 0 0;
	font:85% serif 0.9em;
	padding: 0 5px 0 5px;
}
.shop-info-topics{
	width:280px;
	height:173px;
	margin: 55px 0 0 0;
	_width:287px;
	_margin: 66px 0 0 0;
}
/*for IE7*/
*:first-child+html .shop-info-topics{
	width:280px;
	height:173px;
	margin: 66px 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;
}
.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: 10px 0 10px 40px;
	color:#fff;
	font: 15px serif;
}
.attention .returns{
	margin:15px 0 0 10px;
	font:bold 12px sans-serif;
}
.attention .returns a{
	color:#ff0066;
	text-decoration:none;
}
.attention .returns a:hover{
	text-decoration:underline;
}