@charset "utf-8";

/* ***********************************************
 background images
************************************************ */
#header_login_area .logoWrap ul li a{
text-indext:-9999px;
}
#header_login_area .logoWrap .favIcon{
display: inline-block;
background: url("../img/icon-favorite1.png") no-repeat center center;
background: url("../img/icon-favorite1.svg") no-repeat, linear-gradient(transparent, transparent);
background-size: 20px 20px;
}
#header_login_area .logoWrap .dowIcon{
display: inline-block;
background: url("../img/icon-download1.png") no-repeat center center;
background: url("../img/icon-download1.svg") no-repeat, linear-gradient(transparent, transparent);
background-size: 20px 20px;
}
#header_login_area p.btn input{
display: inline-block;
background: url("../img/icon-logout.png") no-repeat center center;
background: url("../img/icon-logout.svg") no-repeat, linear-gradient(transparent, transparent);
background-size: 32px 32px;
}
.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: 480px) {
.expanFavorite{
background: url("../img/icon/ico_hover01.png") no-repeat center center;
}
.expanDelete{
background: url("../img/icon/ico_hover02.png") no-repeat center center;
}
.expanSingleDownload{
background: url("../img/icon/ico_hover03.png") no-repeat center center;
}
}



.pushy-active .position100{
background: url("../img/bg_menuopen.png");
}
.arrowArea{
position:relative;
background: url("../img/bg_arrow.jpg") repeat-x;
}
.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: url("../img/bg_footer.jpg");
}
/*
.logoRight .logoWrap a.favIcon {
background: url("../img/icon/ico_fav.png") no-repeat;
background-size:21px auto !important;
}
.logoRight .logoWrap a.dowIcon {
background: url("../img/icon/ico_dow.png") no-repeat;
background-size:21px auto !important;
}
.ie8 .logoRight .logoWrap a.favIcon {
background: url("../img/icon/ie_ico_fav.png") no-repeat 0 0;
}
.ie8 .logoRight .logoWrap a.dowIcon {
background: url("../img/icon/ie_ico_dow.png") no-repeat 0 0;
}
*/

#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");
}
#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 .logoWrap a.favIcon {
		background: url("../img/sp/ico_b_fav.png") no-repeat !important;
		background-size:21px auto !important;
	}
	.logoRight .logoWrap a.dowIcon {
		background: url("../img/sp/ico_b_dow.png") no-repeat !important;
		background-size:21px auto !important;
	}
}
*/