@charset "UTF-8";

.new_mark{/* SIDEボタン */
	position: absolute;
	top: -7px;
	right: 10px;
	z-index: 100;
}
.new_mark_movie{/* MOVIEボタン */
	position: absolute;
	top: 85px;
	right: 10px;
	z-index: 100;
}
.new_mark_system{
	position: absolute;
	top: -5px;
	left: 477px;
	z-index: 100;
}
.pcard_new{
	position: absolute;
	top: 117px;
	left: 707px;
	z-index: 100;
}
.thema_new{
	position: absolute;
	top: 177px;
	left: 707px;
	z-index: 100;
}
/* ==========================================================================
   MAIN IMAGE
============================================================================= */
#loading{
	position: absolute;
	left: 50%;
	top: 220px;
	z-index: 200;
	margin-left: -153px;
	display: none;
	width: 306px;
	height: 105px;
	text-align: center;
	background: url(../img/loading.png) center 0 no-repeat;
}
#loading p{
	padding: 20px 0 0 0;
}
#fe_img_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 592px;
	background: url(../img/mainimg.jpg) center 0 no-repeat;
}
#wb_bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 592px;
	background: url(../img/wb_bg.png) center 0 no-repeat #fff;
}
#mainimg{
	position: relative;
	width: 100%;
	max-width: 1600px;
	min-width: 980px;
	margin: 0 auto;
	height: 592px;
	overflow: hidden;
	background-color: #676767;
}
#mainimg_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
	height: 592px;
}
#logo{
	position: absolute;
	left: 230px;
	top: 5px;
	z-index: 100;
}

#chara_w1{
	position: absolute;
	right: -47px;
	bottom: -26px;
	z-index: 90;
}
#chara_w2{
	position: absolute;
	right: -91px;
	bottom: -7px;
	z-index: 80;
}
#chara_b1{
	position: absolute;
	left: -59px;
	bottom: -12px;
	z-index: 90;
}
#chara_b2{
	position: absolute;
	left: -159px;
	bottom: -10px;
	z-index: 80;
}
#logo_w1{
	position: absolute;
	left: 57px;
	top: 44px;
	z-index: 210;
}
#logo_w2{
	position: absolute;
	left: 55px;
	top: 42px;
	z-index: 220;
}
#logo_b1{
	position: absolute;
	right: 28px;
	top: 44px;
	z-index: 210;
}
#logo_b2{
	position: absolute;
	right: -24px;
	top: 1px;
	z-index: 220;
}
#gareki{
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 100;
	width: 100%;
	max-width: 1600px;
	height: 112px;
	background: url(../img/gareki.png) center 0 no-repeat;
}
/* TOP CNT */
#top_cnt{
	background: url(../img/top_bg2.jpg) center 0 no-repeat #fff;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#top_cnt_inner{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
#top_left_area{
	float: left;
	margin: 18px 0 0 0;
	width: 762px;
}
#top_right_area{
	width: 213px;
	float: right;
	margin: 18px 0 0 0;
}
/* TOP NAVI */
#top_navi{
	margin: 0 0 0 3px;
	height: 87px;
	position: relative;
}
#top_navi li{
	float: left;
	margin: 0 6px 0 0;
}
.btn_top{
	height: 75px;
	display: block;
}
#btn_top01{
	width: 312px;
	background: url(../img/btn_top01on.jpg) 0 0 no-repeat;
}
#btn_top02{
	width: 210px;
	background: url(../img/btn_top02on.jpg) 0 0 no-repeat;
}
#btn_top03{
	width: 210px;
	background: url(../img/btn_top03on.jpg) 0 0 no-repeat;
}
/* SIDE NAVI */
#side_navi{
	position: relative;
}
#side_navi li.sbnr1{
	margin: 0 0 15px 0;
}
#side_navi li.sbnr2{
	margin: 0 0 10px 0;
}
.btn_side{
	width: 210px;
	height: 52px;
	display: block;
}
.btn_side_dl{
	width: 210px;
	height: 75px;
	display: block;
}
#btn_side01{
	background: url(../img/btn_side01on.jpg) 0 0 no-repeat;
}
#btn_side02{
	background: url(../img/btn_side02on.jpg) 0 0 no-repeat;
}
#btn_side03{
	background: url(../img/btn_side03on.jpg) 0 0 no-repeat;
}
#bnr_ceo{
	position: relative;
	width: 165px;
	height: 72px;
	display: block;
	margin: 16px auto 39px auto;
	background: url(../img/bnr_ceo_on.png) 0 0 no-repeat;
}
#sns{
	height: 50px;
}
#sns li{
	float: left;
	margin: 0 6px 0 0;
}
#sns2 li{
	margin: 0 0 4px 0;
}

#update{
	margin: 16px 0 0 195px;
}
#update a{
	display: block;
	width:363px;
	height: 32px;
	font-weight: bold;
	text-decoration: none;
	line-height: 32px;
	color: #0f3f51;
	background: url(../img/update.png) 0 0 no-repeat;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
#update span{
	display: block;
	margin-left: 170px;
	text-align: center;
}

/* 商品情報 */
#product_info{
	width: 752px;
	height: 216px;
	position: relative;
	background: url(../img/spec_bg.png) 0 0 no-repeat;
}
#product_info .info_pkg_w{
	position: absolute;
	top: 18px;left: 35px;
}
#product_info .info_pkg_b{
	position: absolute;
	top: 18px;left: 175px;
}
#product_info .info_btn_kousei{
	position: absolute;
	top: 144px;left: 35px;
}
#product_info .info_btn_productinfo{
	position: absolute;
	top: 173px;left: 35px;
}
#product_info .info_icon1{
	position: absolute;
	top: 20px;left: 316px;
}
#product_info .info_icon2{
	position: absolute;
	top: 90px;left: 320px;
}
#product_info .info_icon3{
	position: absolute;
	top: 20px;left: 384px;
}
#product_info .info_icon4{
	position: absolute;
	top: 84px;left: 385px;
}
#product_info .info_pi{
	position: absolute;
	top: 23px;left: 470px;
}
#product_info .info_pd{
	position: absolute;
	top: 75px;left: 462px;
}
#product_info .btn_pcard{
	position: absolute;
	top: 110px;left: 462px;
}
#product_info .btn_book{
	position: absolute;
	top: 137px;left: 462px;
}
#jizen{
	position: absolute;
	top: 170px;
	left: 323px;
}
#bnr_cipher{
	padding: 10px 0 0 7px;
}
/* お知らせ */
#bgm_space{
	position: absolute;
	top: 2px;
	right: 5px;
}
#news1{
	width: 844px;
	height: 58px;
	margin: 0 0 0 3px;
	position: relative;
	background: url(../img/news.png) 0 0 no-repeat;
}
#news1_list{
	width: 844px;
	height: 44px;
	position: absolute;
	top: 8px;
	left: 0;
	overflow: hidden;
}
#news1_list ul{
	margin: 0 0 0 83px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 0;
	width: 740px;
}
#news1_list ul li{
	font-size: 12px;
	line-height: 22px;
	display: block;
	color: #cdcdcd;
}
#news1_list ul li a{
	color: #cdcdcd;
	text-decoration: underline;
}
#news1_list ul li a:hover{
	color: #fff;
	text-decoration: underline;
}
.btn_news{
	width: 30px;
	height: 18px;
}
.btn_news img{
	position: absolute;
	top: 0;
	left: 0;
}
#new_btn_up{
	display: none;
	position: absolute;
	top: 2px;
	right: 10px;
	cursor: pointer;
}
#new_btn_up2{
	display: block;
	position: absolute;
	top: 2px;
	right: 10px;
}
#new_btn_down{
	display: block;
	position: absolute;
	top: 24px;
	right: 10px;
	cursor: pointer;
}

#new_btn_down2{
	display: none;
	position: absolute;
	top: 24px;
	right: 10px;
}

/* ----------------------------
   eshop バナー
---------------------------- */
.bnr-eshop-sale{
 width: 100%;
 max-width: 1600px;
 min-width: 980px;
 margin: 0 auto;
 background: url(../img/bnr_eshop_bg.png);
 position: relative;
 z-index: 10;
}
.bnr-eshop-sale::before{
 content: "";
 display: block;
 width: 100%;
 height: 2px;
 background: #FFF;
 left: 0;
 bottom: 0;
 position: absolute;
}
.bnr-eshop-sale a{
 display: block;
 max-width: 980px;
 margin: 0 auto;
 width: 70%;
}
.bnr-eshop-sale a img{
 max-width: 960px;
 width: 100%;
 height: auto;
}
.no-touchevents .bnr-eshop-sale a{
 -webkit-transition: opacity 0.15s linear;
 transition: opacity 0.15s linear;
}
.no-touchevents .bnr-eshop-sale a:hover{
 opacity: 0.85;
}