@charset "UTF-8";

@import url(category.css);
@import url(entry.css);
@import url(page.css);


/* */
#debug{ width:300px; height:50px; position:fixed; top:10px; left:10px; background-color:#000; color:#f30; font-size:16px; z-index:99999; display:none;}

.pc_visible{}
.tab_visible{ display:none;}
.mini_visible{ display:none;}

.tab .pc_visible{ display:none !important;}
.tab .tab_visible{ display:block !important;}
.tab .mini_visible{ display:none !important;}

.mini .pc_visible{ display:none !important;}
.mini .tab_visible{ display:block !important;}
.mini .mini_visible{ display:block !important;}


/* header */
#header{ height:140px; width:100%; position:relative; border-top:solid 5px #ed71a3; opacity:0;}
	
	#logo	{ position:absolute; top:0px; left:0px; z-index:50;}
	#logo a	{ display:block;}
	
	#headerIllust{ position:absolute; top:0; left:0; width:100%; height:140px; min-width:1024px;}
	
	
	#tools{ width:160px; height:20px; position:absolute; top:20px; right:16px; z-index:10;border:solid 0px #369;}
	
	#spMenuBtn{ display:none;}
	
	.shareArea		{ border:solid 0px #f30; width:160px; height:20px;}
	.shareArea ul	{}
	.shareArea ul li{ float:left; margin-left:5px; padding:0;height:20px ;border:solid 0px #f30;}
	.shareArea ul li.facebook	{ width:69px; overflow:hidden;}
	.shareArea ul li.twitter	{ width:70px;}
	
	iframe.twitter-share-button { width: 70px!important;}

.global_en{ width:88px; height:20px; position:absolute; top:20px; right:16px; z-index:9;}
.global_en a{ display:none; height:20px; background:url(../images/btn_english.png) center center no-repeat !important;}





/* globalMenu */
#globalMenu{ height:80px; padding-top:10px; width:100%; overflow:visible; opacity:0; position:relative; z-index:555; max-width:1230px; margin:auto;}

	#globalMenu .inner	{ margin:0 0px; height:80px; width:auto; overflow:visible;  position:relative;}
	
	#globalMenu ul		{ width:100%; margin-right:0px; min-height:35px; position:absolute; left:3px;}
	
	#globalMenu li 		{
							margin: 0 0px 0 0px;
							padding: 0 0px 0px 0;
							float: left;
							position: relative;
							list-style: none;
						}
	
	#globalMenu a 		{
	
							text-decoration: none;
							display: block;
							
							padding:0px;
							margin: 0 5px 10px 0px;
							height:30px;
							
							-webkit-border-radius: 4px;
							-moz-border-radius: 4px;
							border-radius: 4px;
							color:#fff;
							
						}
						
	#globalMenu a:hover 									{}
	#globalMenu .current a, #globalMenu li:hover > a 		{}
	#globalMenu ul li:hover a, #globalMenu li:hover li a 	{}
	#globalMenu ul a:hover 									{}
	
	
	
	/* dropdown */
	#globalMenu ul li a span			{ display:block; height:30px; width:110px; float:right; text-indent:-999px; overflow:hidden;}
	
	#globalMenu ul li ul li a,
	#globalMenu ul li ul li a span		{ background-image:none !important;}
	#globalMenu li:hover > ul 			{ display: block;}
	
	#globalMenu ul li > ul 				{
											display: none;
											margin: 0 0;
											padding: 10px;
											width: 140%;
											position: absolute;
											top: 35px;
											left: -20%;
											z-index:100;
											
											-webkit-border-radius: 4px;
											-moz-border-radius: 4px;
											border-radius: 4px;
											min-width:140px;
											
										}
	
	
	#globalMenu ul li > ul li 			{
											float: left;
											width:50%;
											margin: 0 0 0 0%;
											padding: 0;
										}
	
	#globalMenu ul li > ul li a			{ 
											display:block;
											margin:0;
											-webkit-border-radius: 0px;
											-moz-border-radius: 0px;
											border-radius: 0px;
										}
	
	
	#globalMenu ul li > ul li a			{ height:inherit; padding:5px 5px}
	#globalMenu ul li > ul li a:hover	{ text-decoration:none;}





/* mainVisual */
#mainVisualCover		{ width:100%; overflow-x:hidden; opacity:0;}

#mainVisual 			{
							position: relative;
							background-color:transparent;
							width:100%;
							overflow:hidden;
							padding:0;
							margin:0 0 20px 0;
							border-top:solid 0px;
							border-bottom:solid 0px;
							
						}

#mainVisual div.image 	{
							margin:auto;
							background-color:transparent;
							width:100%;
							max-width:1600px;
							padding:0;
							position:relative;
							overflow:hidden !important;
						}

#mainVisual div.image img	{ width:100%;}

#mainVisual div.image img.gifcover{ position:absolute; top:0; left:0; z-index:100;}

#mainVisual div.itemArea		{ position:absolute; left:0px; top:0; z-index:10; width:100%;}

#mainVisual div.itemArea div{ width:20%; height:700px; overflow:hidden; float:left;}


#mainVisual div.itemArea div.item_1{ height:0px; position:absolute; left:0%;}
#mainVisual div.itemArea div.item_2{ height:0px; position:absolute; left:20%;}
#mainVisual div.itemArea div.item_3{ height:0px; position:absolute; left:40%;}
#mainVisual div.itemArea div.item_4{ height:0px; position:absolute; left:60%;}
#mainVisual div.itemArea div.item_5{ height:0px; position:absolute; left:80%;}




/* grid-content */

#grid-content 					{
									min-width:247px;
									float:left;
									padding:0px;
									overflow:visible !important;
									background-color:transparent;
								}

	#grid-content .box				 {
										width: 237px;
										height:387px;
										margin:0 10px 10px 0;
										padding: 0px;
										float: left;
										background: #fff;
										position:absolute;
										display: inline;  /* IE6 fix */
										
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;
										border-radius: 5px;
										
										box-shadow: 0 0 4px #333;  
										-moz-box-shadow: 0 0 4px #333;  
										-webkit-box-shadow: 0 0 4px #333;  
									}
	
	#grid-content .box .innerBox	{
										border:solid 5px #ccc; 
										padding:5px;
										width: 217px;
										height:367px;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;
										border-radius: 5px;
										overflow:hidden;
									}
	
	
	#grid-content .box .innerBox a				{ text-decoration:none;}
	#grid-content .box .innerBox a:hover		{ text-decoration:underline}
	
	#grid-content .box .innerBox span.new		{ width:40px; height:40px; position:absolute; top:-5px; left:-5px; z-index:999}
	
	#grid-content .box .innerBox .thumbnailArea	{ width:auto; text-align:center; width:217px; height:217px; overflow:hidden !important;margin-bottom:5px; display:table-cell; vertical-align:middle !important;}
	
	#grid-content .box .innerBox .thumbnailArea a{ width:217px; height:217px; overflow:hidden !important; display:block;margin-bottom:5px; }
	#grid-content .box .innerBox img.thumbnail	{ }
	
	#grid-content .box .innerBox span.category	{ 
													display:inline-block;
													-webkit-border-radius: 3px;
													-moz-border-radius: 3px;
													border-radius: 3px; 
													padding:5px 6px 5px 6px; 
													margin-bottom:10px; 
													color:#fff; 
													font-size:10px; 
													line-height:10px;
												}
	
	#grid-content .box .innerBox span.category a{ color:#fff;}
	
	#grid-content .box .innerBox span.status	{ 
													display:inline-block;
													-webkit-border-radius: 3px;
													-moz-border-radius: 3px;
													border-radius: 3px; 
													padding:5px 6px 5px 6px; 
													margin-bottom:10px; 
													color:#fff; 
													font-size:10px; 
													line-height:10px; 
													background-color:#b4b2b2; 
													float:right;
												
												}
	
	
	
	#grid-content .box .innerBox h3			{ margin:0 15px; margin-bottom:0px; font-size:13px; font-weight:bold; line-height:18px; border:solid 0px #f30; height:45px;}
	#grid-content .box .innerBox h3 a{ display:block; height:45px;}
	#grid-content .box .innerBox div.text	{ margin:0 15px; font-size:9px; border:solid 0px #f30; height:55px;}
	.mini #grid-content .box .innerBox div.text{height:55px;}
	
	
	.ellipsis {

overflow: hidden;
}
.ellipsis.multiline {
white-space: normal;
overflow: hidden !important;
}
	
	#grid-content .box .innerBox .dataBox{ font-size:9px;}
	
	
	.box .innerBox div.link				{ display:none;}
	#comics .box .innerBox div.link		{ display:block;}
	.box .innerBox div.link				{ width:237px; margin:auto; position:absolute; top:382px; left:0; padding:0 !important;}
	.box .innerBox div.link div.inner	{ width:217px; margin:auto; height:60px;}
	
	
	#main .box .innerBox div.link a		{ 
											display:block;
											-webkit-border-radius: 4px;
											-moz-border-radius: 4px;
											border-radius: 4px; 
											text-indent:-999px; overflow:hidden;
										}
	
	
	#main .box .innerBox div.link .btn_buy,
	#main .box .innerBox div.link .btn_demo		{ 
													-webkit-border-radius: 4px;
													-moz-border-radius: 4px;
													border-radius: 4px;  width:217px !important; height:30px;
												}
	
	#main .box .innerBox div.link .btn_buy		{ background:url(../images/btn_buy.png) center center no-repeat #b4b4b4 !important; margin-bottom:5px;}
	#main .box .innerBox div.link .btn_demo		{ background:url(../images/btn_demo.png) center center no-repeat #b4b4b4 !important;}
	
	#main .box .innerBox div.link .btn_buy a		{ width:217px; height:30px; background:url(../images/btn_buy.png) center center no-repeat #b4b4b4;}
	#main .box .innerBox div.link .btn_buy a:hover	{ background-color:#ec008b;}
	
	#main .box .innerBox div.link .btn_demo a		{ width:217px; height:30px; background:url(../images/btn_demo.png) center center no-repeat #b4b4b4;}
	#main .box .innerBox div.link .btn_demo a:hover	{ background-color:#ec008b;}
	
	#main .box .innerBox div.link .btn_more_detail	{ display:none;}
	


/* side */

#side{ background-color:transparent; float:right;width: 237px; margin-bottom:20px; position:absolute; top:0; right:0;}
	
	#side .inner	{}
	
	#side .box		{
						background-color:#fff; 
						margin-bottom:10px;
						
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						
						box-shadow: 0 0 4px #ccc;  
						-moz-box-shadow: 0 0 4px #ccc;  
						-webkit-box-shadow: 0 0 4px #ccc;
					}
	
	#side .box h3	{ height:25px; margin-bottom:15px; text-indent:-999px; overflow:hidden;}
	
	
	#side #animeWidgets{}
	#side #animeWidgets .pv{ width:197px; height:auto; margin:auto; padding-top:20px;}	
	
	#side #messageWidgets,
	#side #twitterWidgets1,
	#side #twitterWidgets2		{ height:387px;}
	
	#side #messageWidgets h3 a	{ display:block; height:45px;}
	#side #messageWidgets h3	{ background:url(../images/title_message.png) 20px 20px no-repeat;height:45px;width:200px;}
	
	#side #messageWidgets{ }
	#side #messageWidgets .rss{ position:absolute; top:20px; left:210px;}
	
	#side #messageWidgets .widgets{ height:315px; width:217px; overflow-x:none !important;overflow-y:scroll; padding-left:20px;}
	
	#side #messageWidgets .widgets .entry{ border-bottom:solid 1px #cdcdcd; width:192px; margin-bottom:10px; padding-bottom:30px;overflow-x:none !important;}
	
	#side #messageWidgets .widgets .entry h4{ margin-bottom:10px;}
	
	#side #messageWidgets .widgets .entry a,
		#side #messageWidgets .widgets .entry a:link{ color:#000 !important; text-decoration:none;}
		#side #messageWidgets .widgets .entry a:hover{ text-decoration:underline;}
	
	#side #messageWidgets .widgets .entry .body{ margin-bottom:10px;}
	#side #messageWidgets .widgets .entry img{ width:100%; height:auto;}
	#side #messageWidgets .widgets .entry p{ margin-bottom:10px;}
	
	#side #messageWidgets .widgets .entry ul.entryShare{ width:142px; float:left;}
	
	#side #messageWidgets .widgets .entry ul.entryShare li.facebook	{ width:69px; overflow:hidden; height:22px; float:left;}
	#side #messageWidgets .widgets .entry ul.entryShare li.twitter	{ width:70px; height:22px; float:right;}
	#side #messageWidgets .widgets .entry .date{ width:50px; border:solid 0px #369; float:right; text-align:right; padding-top:3px;font-size:80%; display:none;}
	
	
	#side #twitterWidgets h3 a	{ display:block; height:45px;}
	#side #twitterWidgets1 h3	{ background:url(../images/title_twitter_1.png) 20px 20px no-repeat;height:45px;}
	#side #twitterWidgets2 h3	{ background:url(../images/title_twitter_2.png) 20px 20px no-repeat;height:45px;}
	#side #linkWidgets h3		{ background:url(../images/title_link.png) 18px 18px no-repeat;height:36px;}
	
	#side .box .widgets			{ padding-left:10px;}
	
	#side #linkWidgets ul		{ margin:0 20px; padding-bottom:20px;}
	#side #linkWidgets ul li	{ float:none; margin-bottom:10px;}
	#side #linkWidgets ul li img{ vertical-align:bottom;}
	
	#side .box ul.links			{ padding:20px 20px 10px 20px;}
	#side .box ul.links li		{ margin-bottom:10px;}
	
	#side #copyright			{ font-size:9px; }




/* pager */


.pager		{
				width:auto;
				height:60px;
				margin:0 10px 10px 0;
				text-align:center;
				
			
				
		
				overflow:hidden !important;
			}

	.pager #nextload{ display:block; height:0px; padding-top:30px; overflow:hidden; background:url(../images/btn_more_contents.png) center center no-repeat #b4b4b4;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;}

.pager #nextload:hover{ background-color:#ec008b;}





/* pageTop */

#pageTop 	{ 
				width:90px; 
				height:90px; 
				position:fixed; 
				bottom: -100px;
				right: 20px; 
				z-index:500;
			}

	#pageTop a	{ 
					display:block; 
					width:80px; 
					height:0px; 
					padding-top:80px; 
					overflow:hidden; 
					position:relative; 
					top:5px; 
					left:5px;
					
					border-radius: 40px;
					-webkit-border-radius: 40px;
					-moz-border-radius: 40px;
					
					box-shadow: 0 0 10px #333;  
					-moz-box-shadow: 0 0 10px #333;  
					-webkit-box-shadow: 0 0 10px #333; 
					
					background:url(../images/btn_pagetop.png) center center no-repeat #014980;
					
				}
	
	
	#pageTop a:hover{ background-color:#015692;}
	






/* archive page */


#contentsHeader		{ opacity:0; margin:auto; max-width:1225px;}
#directory			{ width:auto; margin:0 22px 20px 0px; padding-top:20px; color:#b5b5b6}

#mainTitle			{ width:auto; margin:0 22px 20px 0px; height:52px; position:relative;}

#mainTitle ul.lang{ position:absolute; top:0; right:10px;}
#mainTitle ul.lang li{ float:right; width:24px; height:20px;}
#mainTitle ul.lang li a{ display:block;  width:24px; height:20px; text-indent:-999px; overflow:hidden;}

#mainTitle ul.lang li.jp{ margin-left:10px;}
#mainTitle ul.lang li.en{}

#mainTitle ul.lang li.jp { background:url(../images/lang_jp.png) no-repeat;}
#mainTitle ul.lang li.en{ background:url(../images/lang_en.png) no-repeat;}


.error{ background-color:#f30; font-size:12px; color:#fff; display:inline-block; padding:10px; text-align:center;}


#countdown,
#comingsoon{ width:620px; height:620px; position:fixed; top:150px; left:50%; margin-left:-310px; z-index:-1}





.markerpen {
	display:inline;
  background:url(../images/markerpen_yellow.gif) ;
}