@charset "utf-8";

/* --------------------------------------------------
	styles.css for ja
-------------------------------------------------- */

/* IE6 */
* html #globalHeader #globalHeaderNav {
	width: 450px;
}

/* Initial.css Overwritting
-------------------------------------------------- */
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

#container { /*line142*/
	line-height: 1.8;
	color: #456;
	font-size: 100%; /*13px*/
  font-family:  "游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#globalHeader #langChangeLinks {
	font-size: 85%;/* 11px */
}
#globalHeader #globalNav li a:link,
#globalHeader #globalNav li a:visited {/* line206*/
	color: #456;
}
#globalHeader #globalNav li a:hover {
	color: #09c;
}
#contentsHeaderInner { /*line247*/
	padding-top: 50px;
}
#contentsBody .sectionWrap { /*line274*/
	margin-bottom: 40px;
}
#contentsBody section { /*line280*/
	padding-top:70px;
}

#contentsBody hr.line-bg {
  content: url("../../images/ext/sepia/section_bg.gif");
  height:1px;
  line-height: 0;
	margin-top:70px;
  display:block;
  border:none;
}
#contentsBody .sectionInner { /*line292*/
	margin-bottom: 40px;
}
#subNav li a {/* line327*/
	color: #456;
}

/* Components.css Overwritting
-------------------------------------------------- */
#contentsHeader {
  color:#ffffff;
}
#contentsHeader h1 {/*line36*/
  font-size: 48px;
  white-space:nowrap;
  margin:0;
}
#utility-002 #contentsHeader h1,
#contact-001 #contentsHeader h1,
#news-001 #contentsHeader h1 {
  font-size: 230%;
  color:#456;
}
#utility-002 #contentsBody,
#contact-001 #contentsBody,
#news-001 #contentsBody {
  color:#456;
}

#contentsBody h2 { /*line41*/
/*	margin-bottom: 15px; */
	line-height: 1.2;
	font-size: 36px;
  text-align:center;
}
.defaultList li { /*line89*/
	margin-bottom: 5px;
}
.defaultList li li:first-child {
	margin-top: 5px;
}
.discList li { /*line117*/
	margin-bottom: 5px;
}
.decimalList li { /*line177*/
	margin-bottom: 5px;
}

.simpleTable tbody th {/*line435*/
	padding: 9px;
	background-color: #f5f5f5;
}
.simpleTable thead th {/*line441*/
	padding: 9px;
}
.simpleTable thead + tbody th {/*line447*/
	padding: 9px;
}
.simpleTable td {/*line453*/
	padding: 9px;
}

/* Col2Layout.css Overwritting
-------------------------------------------------- */
.col2Layout .sectionInner.image150LeftText .image {
	margin-bottom: 0;
}
.col2Layout .sectionInner.image150LeftWrap .image {
	margin-bottom: 0;
}
#secondIndex #contentsHeaderInner { /* line574 */
	margin-bottom: 40px;
}

/* Global Navigation
-------------------------------------------------- */
/* HOME */
#top-000 #globalHeader #globalNav li#gNavTop a {
	color: #09c;
}
/* contents */
#promotion-001 #globalHeader #globalNav li#gNavPromotion a,
#publisher-001 #globalHeader #globalNav li#gNavPublisher a,
#news-001 #globalHeader #globalNav li#gNavNews a,
#contact-001 #globalHeader #globalNav li#gNavContact a,
/* utility */
#utility-001 #subNav li#sNavUtility001 a,
#utility-002 #subNav li#sNavUtility002 a,
#utility-003 #subNav li#sNavUtility003 a,
#utility-004 #subNav li#sNavUtility004 a,
#utility-005 #subNav li#sNavUtility005 a,
#utility-006 #subNav li#sNavUtility006 a{
	color: #09c;
}

#float-navi-bar {
  top:-64px;
  position:fixed;
  width:100%;
  background-color:rgba(84, 57, 23, 0.6);
  height:34px;
  z-index:999;
}

#float-navi-bar #float-navi {
  width:980px;
  left:50%;
  margin-left:-490px;
  position:absolute;
  text-align:right;
}
#float-navi-bar #float-navi a{
  display:inline-block;
  padding:5px 20px;
  color: #fff;
  text-decoration: none;
}
#float-navi-bar #float-navi a:hover {
  color: #09c;
  text-decoration: none;
}


/* utility */
#press-2013 #subNav li#sNavPress2013 a{
	color: #09c;
}


/* listnumber
-------------------------------------------------- */
.numberlist .one {
	background:url(../../images/ext/number-icon-01.gif) left center no-repeat;
	min-height:37px;
}

.numberlist .two {
	background:url(../../images/ext/number-icon-02.gif) left center no-repeat;
	min-height:37px;
}

.numberlist .three {
	background:url(../../images/ext/number-icon-03.gif) left center no-repeat;
	min-height:37px;
}

.numberlist .four {
	background:url(../../images/ext/number-icon-04.gif) left center no-repeat;
	min-height:37px;
}



/* top-000
-------------------------------------------------- */
#top-000 #globalHeader {
	border-bottom:1px solid #D1E5EE;
}
#top-000 #contentsHeader {
  background-color:rgba(255,255,255,0);
	position:relative;
	height:480px;
}

#top-000 #contentsHeaderInner {
	border-bottom:0;
	padding-top:0;
	width:100%;
	left:-120px;
}

#top-000 #aboutreward {
	display:table;
	width:100%;
	margin-bottom:80px;
}

#top-000 #aboutreward dt {
	display:table-cell;
	vertical-align:middle;
	width:140px;
}

#top-000 #aboutreward dd {
	display:table-cell;
	vertical-align:middle;
	color:#009FDB;
	font-size:150%;
	font-weight:bold;
	width:320px;
	padding-right:40px;
}

#top-000 #aboutreward dd:last-child {
	padding-right:0;
}

#top-000 .numberlist dl {
	margin:0 0 40px;
	width:460px;
}

#top-000 .numberlist dl.fleft {
	float:left;
}

#top-000 .numberlist dl.fright {
	float:right;
}

#top-000 .numberlist dl dt {
	font-size:140%;
	font-weight:bold;
	padding:0 0 0 50px;
	line-height:2.0;
	margin:0 0 20px;
}

#top-000 .numberlist dl dd {
	font-size:110%;
}

/* slide */
#slides {
}

#slides .slides-page {
  display:none;
  position:absolute;
  height:480px;
  width:100%;
}

#slides .slidesjs-navigation {
      margin-top:3px;
}
#slides .slidesjs-navigation:hover {
    opacity:1;
}

#slides .slidesjs-previous {
  opacity:0.75;
  position:absolute;
  margin-top:-35px;
  top:50%;
  left:5px;
  z-index:100;
}

#slides .slidesjs-next {
  opacity:0.75;
  position:absolute;
  margin-top:-35px;
  top:50%;
  right:5px;
  z-index:100;
}

.slidesjs-pagination {
  position:absolute;
  bottom:20px;
  list-style: none;
  z-index:100;
  width:100%;
  left:0;
  text-align:center;
}

.slidesjs-pagination li {
  display:inline-block;
  margin: 0 20px 0 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
}

.slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 13px;
      padding-top: 13px;
      background-image: url(../../images/ext/sepia/pager.gif);
      background-size: 13px 13px;
      background-position: 0 0;
      float: left;
      opacity:0.75;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
      opacity:1;
      background-image: url(../../images/ext/sepia/pager_active.gif); 
      background-size: 13px 13px;
      cursor:default;
}

.slidesjs-pagination li a:hover {
  opacity:1;
}

#slides a:link,
#slides a:visited {
      color: #333
}

#slides a:hover,
#slides a:active {
      color: #9e2020
}
#slides .slide-table {
  margin:0 auto;
  display:table;
  table-layout: fixed;
  width:980px;
}
#slides .slide-table .slide-table-cell {
  display:table-cell;
  vertical-align:top;
  color:#fff;
  line-height: 1;
}

.navbar {
      overflow: hidden
}
.slide-page-title {
  padding:0;
  margin-top:100px;
}

.slide-page-body {
  margin-top:30px;
  line-height:2.0;
  letter-spacing:200%;
  font-size:24px;
}
.slide-page-box {
  display:table;
  margin-top:20px;
}
.slide-page-box > p{
  border:1px solid #aaaaaa;
  font-size:20px;
  display:table-cell;
  width:365px;
  height:65px;
  text-align:center;
  vertical-align:middle;
}


/* promotion-001
-------------------------------------------------- */
#promotion-001 #contentsBody {
	width:960px;
	float:none;
}

#promotion-001 #featurebox dl {
	min-height:120px;
	padding-left:160px;
	margin-bottom:45px;
}

#promotion-001 #featurebox dl dt {
	font-size:170%;
	font-weight:bold;
	margin:0 0 20px;
}

#promotion-001 #featurebox dl#feature01 {
	background:url(../../images/ext/promotion/index-feature-icon-01.gif) 0 0 no-repeat;
}

#promotion-001 #featurebox dl#feature02 {
	background:url(../../images/ext/promotion/index-feature-icon-02.gif) 0 0 no-repeat;
}

#promotion-001 #featurebox dl#feature03 {
	background:url(../../images/ext/promotion/index-feature-icon-03.gif) 0 0 no-repeat;
}

#promotion-001 #flowimage {
	margin:80px 0 0 130px;
}

#promotion-001 .customerlogo {
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
	
}
#promotion-001 .customerlogo li {
	list-style:none;
	display:inline-block;
	margin:0 35px 0 0;
	padding:0;
	
}
#promotion-001 .customerlogo li:last-child {
	margin:0;
	
}

#promotion-001 #introductorylist {
	width:650px;
	margin:0 auto;
}

#promotion-001 #introductorylist {
	font-size:120%;
}

#promotion-001 #introductorylist dt {
	display:block;
	margin:0;
	float:left;
	line-height:1.65;
	padding:10px 80px 0 20px;
	background-color:#EEF0F3;
}

#promotion-001 #introductorylist dt img {
	vertical-align:middle;
}

#promotion-001 #introductorylist dd {
	margin-bottom:15px;
	padding:10px 20px 55px;
	background:url(../../images/ext/promotion/index-introductorylist-bg.gif) left bottom no-repeat #EEF0F3;
	
}

#promotion-001 #introductorylist dd:last-child {
	background-image:none;
	margin-bottom:0;
	padding-bottom:10px;
}

/* publisher-001
-------------------------------------------------- */

#publisher-001 #contentsBody {
	width:960px;
	float:none;
}

#publisher-001 #publisher-feature #featureimage {
	float:left;
}

#publisher-001 #publisher-featurelist {
	float:right;
	width:385px;
}

#publisher-001 #publisher-featurelist li:first-child {
	margin:15px 0 0;
}

#publisher-001 #publisher-featurelist li {
	margin:50px 0 0;
	padding:0 0 0 70px;
	font-weight:bold;
	font-size:170%;
	line-height:1.5;
	min-height:36px;
}

#publisher-001 .customerlogo {
	text-align:center;
	margin:0 0 30px 0;
	padding:0;
	overflow:hidden;
	
}
#publisher-001 .customerlogo li {
	list-style:none;
	display:inline-block;
	margin:0 35px 0 0;
	padding:0;
	
}
#publisher-001 .customerlogo li:last-child {
	margin:0;
	
}

#publisher-001 #publisher-flowimage {
	float:right;
	margin-right:130px;
}

#publisher-001 #publisher-introductorylist {
	font-size:110%;
	width:450px;
}

#publisher-001 #publisher-introductorylist dt {
	display:block;
	margin:0;
	float:left;
	line-height:1.65;
	padding:10px 45px 0 20px;
	background-color:#EEF0F3;
}

#publisher-001 #publisher-introductorylist dt img {
	vertical-align:middle;
}

#publisher-001 #publisher-introductorylist dd {
	margin-bottom:15px;
	padding:10px 20px 55px;
	background:url(../../images/ext/publisher/index-introductorylist-bg.gif) left bottom no-repeat #EEF0F3;
	
}

#publisher-001 #publisher-introductorylist dd:last-child {
	background-image:none;
	margin-bottom:0;
	padding-bottom:10px;
}

#publisher-001 #contentsBody section {
	margin-bottom:110px;
}



/* contact-001
-------------------------------------------------- */
#contact-001 #contentsInner {
  width: 990px;
  margin: 0 auto;
  padding-bottom: 30px;
}

#contact-001 #contentsBody {
  width:720px;
}
#contact-001 section {
  padding-top:50px;
}

#contact-001 #contentsBody form section.last {
	margin-bottom: 20px;
}

#contact-001 .ruleText {
	height:160px;
	margin-bottom:20px;
	padding:20px;
	border:1px solid #ddd;
	overflow:scroll;
	overflow-x:hidden;
}

#contact-001 table {
	width:100%;
	border:1px solid #ddd;
}

#contact-001 table th {
	padding:12px 19px;
	background:#f5f5f5;
	border:1px solid #ddd;
	font-weight:bold;
	font-size:100%;
	vertical-align:middle;
}

#contact-001 table th span {
	font-size:93%;
	font-weight:normal;
}

#contact-001 table th label {
	font-weight:bold;
}

#contact-001 table th.headline {
	width:15em;
	background:#fff;
}

#contact-001 table td {
	padding:12px 15px;
	border:1px solid #ddd;
}

#contact-001 table td.radiobtn span {
	width:170px;
	display:block;
	float:left;
}

#contact-001 table td.radiobtn span input {
	margin:0 5px 0 0;
}

#contact-001 table td input[type="checkbox"] {
	margin:-3px 9px 0 0;
}

#contact-001 table td input[type="text"] {
	width:350px;
	padding:5px;
	border:1px solid #ddd;
}

#contact-001 table td select {
	height:26px;
	border:1px solid #ddd;
}

#contact-001 table td textarea {
	width:350px;
	height:120px;
	border:1px solid #ddd;
}

#contact-001 table td.error input[type="text"],
#contact-001 table td.error select,
#contact-001 table td.error textarea {
	background:#ffdddd;
}

#contact-001 .errorText {
	display:block;
	color:#ff4444;
	font-size:93%;
	line-height:1.4;
}

#contact-001 table td .note {
	display:block;
	padding-top:3px;
	font-size:93%;
}

#contact-001 ul.btnList {
	text-align:center;
}

#contact-001 ul.btnList li {
	display:inline;
}

#contact-001 ul.btnList.col2 {
	width:460px;
	margin:0 auto;
}

#contact-001 ul.btnList.col2 li {
	display:block;
	width:180px;
	padding:0 25px;
	float:left;
}

#contact-001 .borderBtn {
	display:block;
}


#contact-001 btnList {
	text-align:center;
}

#contact-001 .btnList .submit {
	display:inline;
}

#contact-001 .btnList.col2 {
	width:460px;
	margin:0 auto;
}

#contact-001 .btnList.col2 .submit {
	display:block;
	width:180px;
	padding:0 25px;
	float:left;
}

#contact-001 .borderBtn {
	display:block;
}



/* utility-001
-------------------------------------------------- */

#utility-001 table {
	width:100%;
	border:1px solid #ddd;
}

#utility-001 table th {
	padding:12px 19px;
	background:#fff;
	border:1px solid #ddd;
	font-weight:bold;
	font-size:100%;
	vertical-align:top;
}

#utility-001 table td {
	padding:12px 15px;
	border:1px solid #ddd;
	vertical-align:top;
}

#utility-001 table td ul {
	margin-top:0;
}


/* utility-002
-------------------------------------------------- */
#utility-002 .pageLinkListVertical:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
#utility-002 .pageLinkListVertical {
	min-height: 1px;
	zoom: 1;
	margin-top:20px;
}
#utility-002 .pageLinkListVertical li {
	padding: 0 15px 10px;
	background: url(../../images/ext/ico_bmlink.gif) no-repeat 0 5px;
}
#utility-002 .regalDoc ul ol, .regalDoc ul ul, .regalDoc ol ol, .regalDoc ol ul {
	margin-left:1em;
}
#utility-002 .regalDoc li{
	margin-top:10px;
}
#utility-002 .sectionInner p {
	margin-top:20px;
}


/* class style parts */
.pl30 {
  padding-left:30px;
}
.cursor-pointer:hover {
  cursor:pointer;
  background-color:rgba(255,255,255, 0.1);
}

.about-table {
  display:table;
  width:100%;
  table-layout:fixed;
}
.about-table-nofixed {
  display:table;
  width:100%;
}
.about-table:not(:first-child) {
  margin-top:50px;
}
.about-table-cell {
  display:table-cell;
  text-align:center;
  vertical-align:top;
}
.about-table-cell {
}
.about-table-cell h3{
  margin-top:50px;
  margin-bottom:0;
}
.about-table-cell p {
  margin-top:25px;
  line-height:2.0;
  font-size:18px;
}
.spacer60 {
  display:block;
  height:60px;
  border:none;
}
#footer-navi {
  margin-top:70px;
  background:#543917;
  padding:30px;
  color:#fff;
}
#footer-navi .footer-navi-table {
  display:table;
  border-collapse:collapse;
  box-sizing:border-box;
  margin:0 auto;
}

#footer-navi .footer-navi-table .footer-navi-cell {
  border:1px solid #ffffff;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width:290px;
  height:90px;
}
#footer-navi .footer-navi-table .footer-navi-cell:hover {
  background-color:rgba(255,255,255, 0.05);
  cursor:pointer;
}
#footer-navi .footer-navi-table .footer-navi-cell.footer-navi-cell {
  width:380px;
  height:90px;
}

#footer-navi .footer-navi-table .footer-navi-cell.cell-small {
  width:90px;
  height:90px;
}
.footer-navi-cell > span {
  vertical-align:middle;
  font-size:18px;
  font-weight:bold;
}
.icon-link-arrow {
  width:33px;
  height:22px;
  background: url(../../images/ext/sepia/link_normal.png);
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
}
.icon-link-top {
  width:90px;
  height:90px;
  background: url(../../images/ext/sepia/back_to_top.png);
  background-size:contain;
  display:inline-block;
  background-repeat:no-repeat;
}
.table-cell {
  display:table-cell;
}
#globalFooter {
  background:#f1f1f1;
  color:#543917;
  height:160px;
}
#cover-image {
  background-color:#ff0000;
  width:100%;
  height:480px;
  position:fixed;
  z-index:0;
}
#slide-background {
  width:100%;
  top:0;
  left:0;
  height:600px;
  z-index: -1;
  position:fixed;
  background-color:#543917;
  background-position:center 0;
  background-attachment:fixed;
  background-repeat:repeat no-repeat;
  -webkit-transition: background-image 1s ease-in-out;
  -moz-transition: background-image 1s ease-in-out;
  -o-transition: background-image 1s ease-in-out;
  transition: background-image  1s ease-in-out;
}

#slide-background.background-page-1 {
  background-image: url(../../images/ext/sepia/bg_slider_1.jpg);
}
#slide-background.background-page-2 {
  background-image: url(../../images/ext/sepia/bg_slider_2.jpg);
}
#slide-background.background-page-3 {
  background-image: url(../../images/ext/sepia/bg_slider_3.jpg);
}
#slide-background.background-page-4 {
  background-image: url(../../images/ext/sepia/bg_slider_4.jpg);
}
.scale-animate {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition   : all 0.2s ease-in-out;
  -o-transition     : all 0.2s ease-in-out;
  transition        : all 0.2s ease-in-out;
}

/* renewal */
#contentsBody {
  width:960px;
  float:none;
  position:relative;
  z-index:100;
}

#contentsHeader-background {
  top:-70px;
  position:fixed;
  z-index:-1;
  padding:0;
  width:100%;
  height:430px;
  background-position:center top;
  background-color:#543917;
}
#promotion-001 #contentsHeader-background {
  background-image:url(/static/images/ext/sepia/bg_slider_1.jpg);
}
#publisher-001 #contentsHeader-background {
  background-image:url(/static/images/ext/sepia/bg_slider_3.jpg);
}

.header-table {
  margin:0 auto;
  display:table;
  width:960px;
  height:240px;
}
.header-text-box {
  vertical-align:middle;
  width:600px;
  font-size:24px;
  margin-right:0;
}
.sectionInner {
  text-align:center;
}
.communication-image {
  text-align:right;
  width:375px;
}
.communication-text {
  text-align:left;
  padding-left:50px;
}
.communication-list li{
  list-style-type:decimal;
  font-size:24px;
  margin-top:25px;
}
.pro-back-to-top {
  position:absolute;
  right:0;
  bottom:0;
  cursor:pointer;
  background:url(/static/images/ext/sepia/promotion/pro_back_to_top.png);
  background-size:contain;
  width:89px;
  height:89px;
}
#utility-002 section {
  padding:0;
}
#utility-002 #contentsBody h2 {
  font-size:185%;
  text-align:left;
}
#utility-002 .sectionInner {
  text-align:left;
}

.sepia-btn {
  background-color:#543917!important;
}
.sepia-btn:hover {
  text-decoration:none!important;
  background-color: rgba(84, 57, 23, 0.95)!important;
}
#contact-001 #contentsMain {
  float:none;
}