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


.c_wrapper	 			{ width:auto; }
.mframe_wrap			{  }

#f_mid_exc 					{ background:url(hd_img.png) 0 0 no-repeat;  width:900px; height:auto; position:relative; margin:0 auto; } /*  left:50px;  */


.bd_r8				{ border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }



.end_news			{ filter: alpha(opacity=50);
						-moz-opacity:0.50;
						opacity:0.50;
					}


#about_sp							{ margin: 0 auto 0; width: 800px;  }



#about_sp .header					{ height:455px; position:relative; }

#about_sp .header h3				{ background:url(ccopy00.png) top center no-repeat; text-indent:-9999px; width:720px; height:220px; margin:0 auto 20px; }

#about_sp .header ul				{ width:850px; margin: 0; overflow: hidden; position:absolute; top:338px; right:-8px; }

#about_sp .header li				{  }

#about_sp .header li h4				{ background:url(ccopy01.png) top left no-repeat; text-indent:-9999px; width:500px; height:140px;  }

#about_sp .header li a				{ display:block; background:url(bott_marge00.png) 0 0 no-repeat; text-indent:-9999px; width:340px; height:125px; margin:9px 0 0 }
#about_sp .header li a:hover		{ background-position:0 -125px; }

#about_sp .header #header_patch		{ background:url(ballon.png) top center no-repeat; text-indent:-9999px; width:190px; height:130px; position:absolute; top:260px; left:750px; }


#about_sp .header #header_cam_patch	{ background:url(camp_patch.png) top left no-repeat; text-indent:-9999px; width:597px; height:130px; position:absolute; top:-1px; left:-1px; }




#about_sp .header .h_info			{ clear:both; width:auto; margin:20px auto 0; background:#FFD287; overflow:hidden; padding:5px 10px 5px; }

.h_info h5			{ font-weight:bold; margin:0 0 10px; width:100%; padding:0 0 5px; border-bottom:1px #666 dotted }

.h_info dl			{ clear:both; margin: 0 0 5px 5px; line-height:1.4; overflow:hidden; padding:0 0 3px 0; border-bottom:1px #fc4e01 dotted; }
.h_info dt			{ float:left; font-weight:bold; height:100%; width:100px;  }
.h_info dd			{ float:left; width:670px;  }

.h_info strong		{ color:#fc4e01; }




/* 2014.12.4 add */



.f_mid0								{ background:#FFF; border-radius:8px; width:900px; margin:10px auto 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);  }

.f_mid2								{ background:#ffd287; border-radius:8px; }
.f_mid2 .innercont				{  }


#link_block .f_mid2				{ padding:10px; }

#link_block	p a					{ font-size:20px; font-weight:bold; }






/* main content */
#main_content		{ clear:both; margin:30px 0 0; padding:0 0 20px; }

.innerframe_wrap .f_upp			{ background:url(colbase_upp.png) no-repeat bottom center; } 
.innerframe_wrap .f_mid			{ background:url(colbase_mid.png) repeat-y top center; min-height: 200px; }
.innerframe_wrap .f_btm			{ background:url(colbase_btm.png) no-repeat top center; }

.innerframe_wrap					{ margin:30px 0 0; }  




#main_content h5			{ text-indent:-9999px; height:40px; margin:24px 0 5px; }

#about_point h5				{ background:url(copy_about.png) no-repeat top left; }
#use_point h5				{ background:url(copy_usep.png) no-repeat top left; }
#howto_stock h5				{ background:url(copy_hstock.png) no-repeat top left; }


#about_point,
#use_point,
#howto_stock				{ position:relative; }

#main_content h4			{ text-indent:-9999px; position:absolute; z-index:10; height:70px; width:110px; top:-30px; left:-50px; }

#about_point h4				{ background:url(bal_about.png) no-repeat top left; }
#use_point h4				{ background:url(bal_usep.png) no-repeat top left; }
#howto_stock h4				{ background:url(bal_hstock.png) no-repeat top left; }



.innercont					{ margin:0 20px 0; overflow:hidden; font-size:14px; line-height:1.8; }

ul.atention					{ font-size:12px; line-height:1.3; padding:8px; }
ul.atention li				{ text-indent:-1em; margin:0 0 0.5em 1em;  }


/**/

.cp1 p						{ font-size:12px }

#about_point						{ position:relative; }
#about_point .cp1					{ margin:0 0 0 10px;  }

/* not use */
#about_point .ph1					{ width:400px; height:250px; background:url(c1_01.png) no-repeat top left; position:absolute; top:60px; left:435px;  }
#about_point .cp1 p					{ margin:0 0 0.5em; }


#about_point .ph_fl1				{ width:760px; height:300px;; background:url(flow1.png) no-repeat top left;  }

/*

*/
#use_point .cp1						{ width:65%;  }
#use_point .cp1 p					{ }


#use_point .bg_wrap					{  background:url(prize.png) no-repeat bottom right; }


.exc_btt						{  }
.exc_btt p						{ width:340px; height:125px; margin:10px auto 0; }

.exc_btt p a					{ display:block; background:url(bott_marge_exchg.png) 0 0 no-repeat; width:340px; height:125px; }
.exc_btt p a:hover				{ background-position:0 -125px; }



#howto_stock						{}
#howto_stock .ph_fl1				{ width:760px; height:300px;; background:url(flow2.png) no-repeat top left;  }


/*  170412 update  */

.tb_atention                         { font-size: 85%; color: #333;    line-height: 1.4;  margin: 0 auto 20px; border: 2px solid hsla(18,90%,50%,1.0);   }

.tb_atention tr                      { background-color: hsla(0,0%,100%,0.50); }
.tb_atention tr:nth-child(even)      { background-color: hsla(0,0%,100%,0.60); }

.tb_atention td                      { border: 1px solid hsla(18,90%,65%,1.0); padding: 0.5em; }


.tb_atention_dft             { width: 28%; font-weight: bold; }
.tb_atention_dft p           { font-weight:normal; font-size: 90%; }

/* products.htm */

/*
body.product #about_sp				{ margin: 0 auto 0; }
*/


#target_product						{}

#target_product h6					{ font-size:14px; font-weight:bold; }

.product_list						{ font-size:12px; width:750px; margin:0 auto 0; border:2px solid #730; background:#Fd9; border-top:6px solid #730; }



#obj_game .product_list				{ border-color:#C30; }
#obj_book .product_list				{ border-color:#690; }


/* tab */
ul#tab_selector						{  }

ul#tab_selector li					{ float:left; text-align:center; margin:0 8px 0; border-radius:4px 4px 0 0; }


ul#tab_selector a					{ text-decoration:none; color:#FFF; display:block; width:10em;  }


ul#tab_selector li#slt_game			{ background:#C30; margin:0 0 0 12px; }
ul#tab_selector li#slt_book			{ background:#690; }

ul#tab_selector li#slt_game:hover			{ background:#d42; }
ul#tab_selector li#slt_book:hover			{ background:#7a0; }



#table_area							{ clear:both; }


.in_disp							{ display:none }



.product_list  th					{ font-weight:bold; }

.product_list th, .product_list td	{ border-left:1px solid #a63; border-bottom:1px solid #a63; padding:4px; }

.product_list tr:nth-child(even) 	{ background:#feb; }


.product_list tr:hover			 	{ background:#Fb2; }
.product_list tr:first-child:hover	{ background:none; }



.product_list  #ch1						{ width:11%; }
.product_list  #ch2						{ width:12%; }
.product_list  #ch3						{ width:10%; }
.product_list  #ch4						{ width:48%; } /* width:30%; */
.product_list  #ch5						{ width:9%; }


.product_list  .date					{ text-align:center; }

.product_list  .date.del span				{ text-decoration:line-through; }
.product_list  .date.del strong			{ font-weight:bold;  }

.product_list  .platform				{ border-left:1px dotted #a63; width:5%; text-align:center; }
.product_list  .pts						{ text-align:right; }


#back_detail							{ margin:20px 0 0; text-align:center; font-size:14px; }
#links								{ margin:20px 0 0 10px; font-size:14px; }


/*
	<th id="ch1">発売予定日</th>
	<th id="ch2">登録有効期限</th>
	<th id="ch3">ジャンル</th>
	<th id="ch4" colspan="2">タイトル</th>
	<th id="ch5">ポイント</th>
	<th id="ch6">備考</th>
*/