@charset "utf-8";


body      {padding:0px; margin:0px; background:#fff;}
a:link    {text-decoration: none; color:#000000;}
a:visited {text-decoration: none; color:#000000;}
a:active  {text-decoration: none; color:#000000;}
a:hover   {text-decoration: none; color:#000000;}


#ListBox{}
#ListBox ul{ display:inline-block; width:20%; text-align:center; vertical-align:top;padding-bottom:5%;}
#ListBox li { list-style:none;display:inline-block;text-align:center; width:100%; }
#ListBox img{ width:100%; border: 1px solid #ccc;}

#ListBox a{ display: inline-block;color:#fff; background:#09F; width:50%;border-radius: 5px; margin: 5% 0 0 0; padding: 3%; font-size:0.5em; }
#ListBox a:link    {color:#fff; background:#09F;}
#ListBox a:visited {color:#fff; background:#09F;}
#ListBox a:active  {color:#fff; background:#FC0;}
#ListBox a:hover   {color:#fff; background:#FC0;}

#ListBox li:first-child{ font-weight:bold; font-size:0.8em; padding-bottom:5%;}
#ListBox li:nth-child(3){ }
#ListBox li:nth-child(4){ color:#06F; font-size:0.6em}


.DetailPage{ margin: 0 auto;}
.DetailPage img{ width:100%;}






#card{ width:143px;display:inline-block; margin:0 10px 20px 0;}		
#card > a{text-decoration: none;color:#000000;cursor:default; }
#card > a:link    {color:#000000;}
#card > a:visited {color:#000000;}
#card > a:active  {color:#000000;}
#card > a:hover   {color:#000000;}


#card > a:first-child { display:block;width:143px; height:200px; border-bottom:1px solid #a5a5a5;border-right:1px solid #a5a5a5; position:relative; overflow:hidden; font-family:'cwtexkai'; }
#card > a:last-child        { display:block; width:143px; text-align:center; margin:5px auto 0 auto;border-radius:80px;background:#009900; width:20px; height:20px;}
#card > a:last-child > span { display:inline-block;  font:bold; color:#FFFFFF; clear:both; padding:2px 0 0 0px; }


#LimitBox{display:inline-block; text-align:center; padding:20px 0 0 0;}
#LimitBox ul{ padding:0 0 0 0; margin:0px; position:absolute; }
#LimitBox ul > li:first-child{ border-bottom:1px solid #999999;}
#LimitBox li { list-style:none; display:block; width:143px; height:200px; text-align:center; background:#fff;}

.infotop > ul{top:0px;   transition:0.5s; transtion-timimg-function:ease-out;}
.infodwn > ul{top:-200px;transition:0.5s; transtion-timimg-function:ease-out;}
#LimitBox p { display:block; margin:0; padding:0; float:left; width:100%; text-align:center;}
	#LimitBox p span{ display:inline-block; font-size:12px; padding:20px 0 0 0; width:100%;}
	
#LimitBox strong{ color:#FF6600;}
#LimitBox .front{ font-size:100px; padding: 50px 0 0 0;}
#LimitBox .back { font-size:16px; padding: 80px 0 0 0;}