@charset 'utf-8';

/* *********************************
全体設定
********************************* */
body {
  background: url('/Assets/img/common/bg.png') top center repeat #fff;
}

/* *********************************
ヘッダー内ナビゲーション
********************************* */

#download_contents .inner {
  background: no-repeat;
}


.menu-about a {
	background: url('/Assets/img/_locales/en/common/en_menu-about.png') left top no-repeat;
}
.menu-about>a:hover,
.menu-about.current>a,
.menu-about>a.hover {
	background-image: url('/Assets/img/_locales/en/common/en_menu-about_on.png');
}
.menu-function>a {
	background: url('/Assets/img/_locales/en/common/en_menu-function.png') left top no-repeat;
}
.menu-function>a:hover,
.menu-function.current>a,
.menu-function>a.hover {
	background-image: url('/Assets/img/_locales/en/common/en_menu-function_on.png');
}
.menu-download a {
	background: url('/Assets/img/_locales/en/common/en_menu-download.png') left top no-repeat;
}
.menu-premium a {
	background: url('/Assets/img/_locales/en/common/en_menu-premium.png') left top no-repeat;
}
.user-navigation .pulldown-menu>a {
	background: #fff url(/Assets/img/common/icon_lang_arrow.png) 55px 6px no-repeat;
}
.user-navigation .pulldown-menu>a:hover {
	background: #e7e7e7 url(/Assets/img/common/icon_lang_arrow.png) 55px 6px no-repeat;
}
.menu-support a {
	background: url('/Assets/img/_locales/en/common/en_btn-support.png') left top no-repeat;
}
.menu-support a:hover {
	background-image: url('/Assets/img/_locales/en/common/en_btn-support_on.png');
}
.menu-login a {
	background: url('/Assets/img/_locales/en/common/en_btn-login.png') left top no-repeat;
}
.menu-login a:hover {
	background-image: url('/Assets/img/_locales/en/en_common/btn-login_on.png');
}


@media only screen and ( max-width: 767px ) {

  .menu-about a,
  .menu-about a:hover,
  .menu-about.current a,
  .menu-download a,
  .menu-premium a,
  .menu-support a,
  .menu-support a:hover,
  .subnavi li a {
    background-image: url('/Assets/img/_locales/en/sp/common/list-arrow.png');
  }
  
  .menu-login a,
  .menu-login a:hover {
    background-image: url('/Assets/img/sp/common/list-arrow-gray.png');
  }

}

/* *********************************
footer
********************************* */

.to-top a {
	background: url('/Assets/img/common/to-top.png') center center no-repeat;
}

/* *********************************
footer内ナビゲーション
********************************* */

@media only screen and ( max-width: 767px ) {
  .footnav ul li a {
    background: url('/Assets/img/sp/common/list-arrow.png') 98% center no-repeat;
  }
  .footnav ul li a:hover {
    background-image: url('/Assets/img/sp/common/list-arrow-gray.png');
  }
}


/* *********************************
function ページ
********************************* */

#function .main-img {
	background-image: url('/Assets/img/function/function-mainimg.jpg');
}

#function .main-img .overlay {
	background: url('/Assets/img/function/opacbg-green2.png') repeat;
}

/* *********************************
about ページ
********************************* */

#about .main-img {
	background-image: url('/Assets/img/about/about-mainimg.jpg');
}
#about .main-img .overlay {
	background: url('/Assets/img/about/opacbg-green.png') repeat;
}

/* *********************************
full ページ
********************************* */

#full .main-img {
	background-image: url('/Assets/img/full/full-mainimg.png');
}

#full .main-img .overlay {
	background: url('/Assets/img/full/opacbg-pink.png') repeat;
}


/* *********************************
calendar ページ
********************************* */

#calendar .main-img {
	background-image: url('/Assets/img/calendar/calendar-mainimg.jpg');
}

#calendar .main-img .overlay {
	background: url('/Assets/img/calendar/opacbg-lightgreen.png') repeat;
}

/* *********************************
cloud ページ
********************************* */

#cloud .cloud-blue a {
	background: url('/Assets/img/cloud/cloud-listmark.png') left center no-repeat;
}

#cloud .main-img {
	background-image: url('/Assets/img/cloud/cloud-mainimg.jpg');
}

#cloud .main-img .overlay {
	background: url('/Assets/img/cloud/opacbg-blue.png') repeat;
}

/* *********************************
faq ページ
********************************* */

#faq .main-img {
	background-image: url('/Assets/img/faq/faq-mainimg.jpg');
}
#faq .overlay {
	background: url('/Assets/img/faq/opacbg-lightblue.png') repeat;
}
#faq .inquiry-caution ul li {
	background: url('/Assets/img/faq/circle-arrow-down.png') left center no-repeat;
}
.faq-question {
	background: url(/Assets/img/faq/q-mark.png) 10px center no-repeat;
}
.circle-blue-arrow-right {
	background: url(/Assets/img/faq/circle-arrow-right.png ) left center no-repeat #fff;
}

/* *********************************
indexページ
********************************* */

.slide01 {
	background: url('/Assets/img/_locales/en/slider/slide01.jpg') center top no-repeat;
}

.slide03 {
	background: url('/Assets/img/slider/slide03.jpg') center top no-repeat;
}

.slider .bx-pager-item a {
	background: url('/Assets/img/slider/dot.png') center center no-repeat;
}

.slider .bx-pager-item a.active {
	background-image: url('/Assets/img/slider/dot-active.png')
}

@media only screen and ( max-width: 767px ) {
  .slide01 {
    background: url('/Assets/img/_locales/en/slider/slide01.jpg') center top no-repeat;
  }
}

/*
* 全チェン箇所のフェード効果
*/
#download_contents {
	background: url('/Assets/img/_locales/en/slider/slide01.jpg') center top no-repeat;
	background-size: cover;
}
#download_contents .app-cp {
	text-align: center;
}


/* *********************************
kiyaku / privacy / company
********************************* */

#news .main-img {
	background-image: url(/Assets/img/news/news-mainimg.jpg);
}

.news-outlink {
	background: url(/Assets/img/news/news-icon.gif) left top no-repeat;
}
.outsite-links {
	background: url(/Assets/img/news/icon-outsite.gif) right 2px no-repeat;
}