@charset "utf-8";

/* ***********************************************
 background images
************************************************ */
#header_login_area .logWrap .guideIcon{
	display: inline-block;
	background: url("../img/icon/icon_guide1.png") no-repeat center 7px;
	background: url("../img/icon/icon_guide1.svg") no-repeat center 7px, linear-gradient(transparent, transparent);
	background-size: 40px 40px;
}
#header_login_area .logWrap .faqIcon{
	display: inline-block;
	background: url("../img/icon/icon_faq1.png") no-repeat center 7px;
	background: url("../img/icon/icon_faq1.svg") no-repeat center 7px, linear-gradient(transparent, transparent);
	background-size: 40px 40px;
}

#header_login_area .logWrap .contactIcon{
	display: inline-block;
	background: url("../img/icon/icon_contact1.png") no-repeat center 7px;
	background: url("../img/icon/icon_contact1.svg") no-repeat center 7px, linear-gradient(transparent, transparent);
	background-size: 40px 40px;
}

/*#header_login_area p.btn input{
	display: inline-block;
	background: url("../img/icon/icon-logout.png") no-repeat center center;
		background: url("../img/icon/icon-logout.svg") no-repeat center center, linear-gradient(transparent, transparent);
		background-size: 40px 40px;
}*/
h2.menuTit span.icoMenu{
	display: inline-block;
	background: url("../img/icon/iconmonstr-menu1.png") no-repeat center center;
	background: url("../img/icon/iconmonstr-menu1.svg") no-repeat center center, linear-gradient(transparent, transparent);
	background-size: 40px 40px;
}
.btnArea li.btnConfirmation .svgArrow-r:after{
	display:block;
	content: "";
	background: url("../img/icon/iconmonstr-arrow-r.png") no-repeat right center;
	background: url("../img/icon/iconmonstr-arrow-r.svg") no-repeat right center, linear-gradient(transparent, transparent);
	background-size: 22px 22px;
}
.btnSetTagCon li.btnConfirmation .svgTag-l:after,
.btnSetTag li.btnConfirmation .svgTag-l:after{
	display:block;
	content: "";
	background: url("../img/icon/icon-tag.png") no-repeat 0 0;
	background: url("../img/icon/icon-tag.svg") no-repeat 0 0, linear-gradient(transparent, transparent);
	background-size: 50px 50px;
}
.btnSetTagCon li.btnReturn .icon-undo-b:after{
	display:block;
	content: "";
	background: url("../img/icon/icon-undo-b.png") no-repeat 0 0;
	background: url("../img/icon/icon-undo-b.svg") no-repeat 0 0, linear-gradient(transparent, transparent);
	background-size: 35px 35px;
}
.btnArea .btnReturn a:before{
	display:inline-block;
	content: "";
	background: url("../img/icon/icon-undo.png") no-repeat 0 0;
	background: url("../img/icon/icon-undo.svg") no-repeat 0 0, linear-gradient(transparent, transparent);
	background-size: 24px 24px;
}



.subFavorite{
	background: url("../img/icon/ico_hover01.png") no-repeat 0 1px;
}
.subDelete{
	background: url("../img/icon/ico_hover02.png") no-repeat 0 0;
}
.singleDownload{
	background: url("../img/icon/ico_hover03.png") no-repeat 0 1px;
}
.expanFavorite{
	background: url("../img/icon/ico_hover01.png") no-repeat 0 center;
}
.expanDelete{
	background: url("../img/icon/ico_hover02.png") no-repeat 0 center;
}
.expanSingleDownload{
	background: url("../img/icon/ico_hover03.png") no-repeat 0 center;
}



@media (max-width: 640px) {
	.hoverBox2 li a {
		padding: 28px 0 0 !important;
		font-size: 11px;
	}
	.hoverBox2 .expanFavorite{
		background: url("../img/icon/ico_hover01.png") no-repeat center 10px;
	}
	.hoverBox2 .expanDelete{
		background: url("../img/icon/ico_hover02.png") no-repeat center 10px;
	}
	.hoverBox2 .expanSingleDownload{
		background: url("../img/icon/ico_hover03.png") no-repeat center 10px;
	}
}



@media (max-width: 480px) {
	.hoverBox2 li a {
	    font-size: 10px;
	    line-height: 100% !important;
	}
	.hoverBox2 .expanDelete{
		background: url("../img/icon/ico_hover02.png") no-repeat center 10px;
		background-size:auto 12px;
	}
}



.pushy-active .position100{
	background: url("../img/bg_menuopen.png");
}
.mypageTop,
.mypageTop .arrowArea{
	position:relative;
	background:none;
}
.mypageSub{
	position:relative;
	background: url("../img/bg_arrow_sub.png") repeat-x 0 0 !important;
}
.arrowArea:before{
	content: "";
	width: 100%;
	text-align: center;
	height: 65px;
	display: block;
	position: absolute;
	background: url("../img/icon/ico_arr_bottom.png") no-repeat center center;
}


#header_wrap {
/*	background: url("../img/bg.png");*/
}
.pushy{
	background: url("../img/bg.png");
}
#footer {
 background: none;
}
#mynavi_area .mynavi_list{
	background: url("../img/bg_opaw50.png");
}
#mynavi_area li.mynavi_down a{
	background: url("../img/icon/my_down.png") no-repeat 12px center;
}
#mynavi_area li.mynavi_favorite a{
	background: url("../img/icon/my_favo.png") no-repeat 12px center;
}
#mynavi_area li.mynavi_tag a{
	background: url("../img/icon/my_tag.png") no-repeat 12px center;
}
#mynavi_area li.mynavi_setTag a{
	background: url("../img/icon/my_settag.png") no-repeat 12px center;
}
#mynavi_area li.mynavi_change a{
	background: url("../img/icon/my_change.png") no-repeat 12px center;
}
#mynavi_area li.mynavi_down a.selected,
#mynavi_area li.mynavi_down a:hover{
	background: #fff url("../img/icon/my_down_on.png") no-repeat 12px center !important;
}
#mynavi_area li.mynavi_favorite a.selected,
#mynavi_area li.mynavi_favorite a:hover{
	background: #fff url("../img/icon/my_favo_on.png") no-repeat 12px center !important;
}
#mynavi_area li.mynavi_tag a.selected,
#mynavi_area li.mynavi_tag a:hover{
	background: #fff url("../img/icon/my_tag_on.png") no-repeat 12px center !important;
}
#mynavi_area li.mynavi_setTag a.selected,
#mynavi_area li.mynavi_setTag a:hover{
	background: #fff url("../img/icon/my_settag_on.png") no-repeat 12px center !important;
}
#mynavi_area li.mynavi_change a.selected,
#mynavi_area li.mynavi_change a:hover{
	background: #fff url("../img/icon/my_change_on.png") no-repeat 12px center !important;
}
#category_area li.level1 p a{
	background: url("../img/icon/ico_category.png") no-repeat 12px center;
}
#category_area li.level1 p a:hover,
#category_area li.level1 p a.onlink{
	background: #fff url("../img/icon/ico_category_on.png") no-repeat 12px center !important;
}
#mynavi_area li a .ptCount:before,
#category_area li p a .ptCount:before{
	background: url("../img/icon/ico_ptCount.png") no-repeat center center;
}
#mynavi_area li a:hover .ptCount:before,
#mynavi_area li a.selected .ptCount:before,
#category_area li p a:hover .ptCount:before,
#category_area li p a.onlink .ptCount:before{
	background: url("../img/icon/ico_ptCount_on.png") no-repeat center center !important;
}
.imageBox .submenu{
	background: url("../img/bg_opaw85.png");
}
.imageBox .submenu .popupCtBox .bigview,
#mynavi_area li a span.ptCount,
#mynavi_area li a:hover span.ptCount,
#mynavi_area li a.selected span.ptCount,
#category_area li p a:hover span.ptCount,
#category_area li p a.onlink span.ptCount,
#category_area li p a span.ptCount,
.balloonpop{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(../css/PIE.htc);
}
#pagetop a{
	behavior: url(../css/PIE.htc);
}



/* ***********************************************
 Tablet SP images
************************************************ */
/*
@media (max-width: 960px) {
	.logoRight .logWrap a.favIcon {
		background: url("../img/sp/ico_b_fav.png") no-repeat !important;
		background-size:21px auto !important;
	}
	.logoRight .logWrap a.dowIcon {
		background: url("../img/sp/ico_b_dow.png") no-repeat !important;
		background-size:21px auto !important;
	}
}
*/