@charset "Shift_JIS";
/*====================================================================
 reset styles
====================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
fieldset, img {
	border:0;
}
img {
	vertical-align: top;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th {
	text-align:left;
}
abbr, acronym {
	border:0;
}
hr {
	display: none;
}

/*====================================================================
 link
====================================================================*/
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}


/*====================================================================
 body
====================================================================*/
body {
	font-size: 76%;
	line-height: 1.4;
	color: #000000;
}

/*====================================================================
 common style
====================================================================*/
/* notes
--------------------------------------------------------------------*/
.notes {
	margin-top: 0;
	font-size: 0.8em;
	color: #666666;
}

/* oioiMark
--------------------------------------------------------------------*/
div.pageDescription img.oioiMark {
	margin-right: 2px;
	vertical-align: text-top;
}

/* h2
--------------------------------------------------------------------*/
#contentsTop {
	margin-top: 0;
}
div.h2Box {
	margin: 20px 0 14px;
	background: transparent url(../images/caption_bg01.gif) repeat-y 0 0;
}
div.h2Box div.bgTop {
	background: transparent url(../images/caption_bg01_top.gif) no-repeat 0 0;
}
div.h2Box div.bgBottom {
	padding: 6px 10px;
	background: transparent url(../images/caption_bg01_bottom.gif) no-repeat 0 100%;
}
div.h2Box h2 {
	margin: 0;
	float: left;
}
div.h2Box ul {
	margin-top: 2px;
	float: right;
}
div.h2Box p {
	float: right;
}
div.h2Box ul.eposcardLink li {
	padding-left: 22px;
	background: transparent url(../images/index_icon01.gif) no-repeat 0 50%;
}
div.h2Box ul.eposcardLink li a {
	color: #b30b3e;
}
div.h2Box ul.serviceLink li {
	padding-left: 22px;
	background: transparent url(../images/index_icon02.gif) no-repeat 0 50%;
}
div.h2Box ul.serviceLink li a {
	color: #005f60;
}
div.h2Box ul.benefitLink li {
	padding-left: 22px;
	background: transparent url(../images/index_icon03.gif) no-repeat 0 50%;
}
div.h2Box ul.benefitLink li a {
	color: #ec7622;
}
div.h2Box ul.pointLink li {
	padding-left: 22px;
	background: transparent url(../images/index_icon04.gif) no-repeat 0 50%;
}
div.h2Box ul.pointLink li a {
	color: #094f8d;
}

/* h3
--------------------------------------------------------------------*/
#h3Top {
	margin-top: 10px;
}
h3 {
	margin: 20px 0 14px;
}
/* h4
--------------------------------------------------------------------*/
h4 {
	margin-top: 20px;
	padding-left: 6px;
	border-left: #b7124a 4px solid;
}
div.h4innerArea {
	margin: 0 5px;
}
div.h4innerArea p {
	margin-top: 14px;
}
div.h4innerArea p.notes {
	margin-top: 0;
}
h4.benefitType {
	border-left: #b7124a 4px solid;
}


/* pageDescription
--------------------------------------------------------------------*/
div.pageDescription {
	margin: 0 10px;
}

/* companyArea
--------------------------------------------------------------------*/
div#companyArea {
	margin: 15px auto 0 auto;
	width: 835px;
	background: transparent url(../images/company_bg.gif) repeat-y 0 0;
}
div#companyArea div.bgTop {
	background: transparent url(../images/company_bg_top.gif) no-repeat 0 0;
}
div#companyArea div.bgBottom {
	padding: 15px 15px 5px;
	background: transparent url(../images/company_bg_bottom.gif) no-repeat 0 100%;
}
div#companyArea div.inquiryBox {
	margin-bottom: 10px;d
	width: 805px;
	background: transparent url(../images/inquiry_bg.gif) repeat-y 0 0;
}
div#companyArea div.inquiryBox h2 {
	margin-top: 0;
	padding: 11px 17px 8px;
	background: transparent url(../images/inquiry_bg_top.gif) no-repeat 0 0;
}
div#companyArea div.inquiryBox dl {
	padding: 0 30px 10px 14px;
	background: transparent url(../images/inquiry_bg_bottom.gif) no-repeat 0 100%;
}
div#companyArea div.inquiryBox dl dt {
	margin-top: 8px;
	width: 66px;
	float: left;
}
div#companyArea div.inquiryBox dl dd {
	margin-top: 8px;
	width: 272px;
	float: left;
}
div#companyArea div.inquiryBox dl dd.lossTel {
	width: auto;
}
div#companyArea div.inquiryBox dl dd.lossTel img {
	margin-right: 10px;
}
div#companyArea div.inquiryBox dl dd a {
	color: #8f0000;
}
ul#btnBox {
	margin: 13px auto 0 auto;
	width: 560px;
}
ul#btnBox li {
	margin: 0 40px;
	float: left;
}

/*====================================================================
 header
====================================================================*/
div#header {
	width: 760px;
	height: 78px;
	text-align: left;
	background: transparent url(/img/common/img_head02.jpg) no-repeat 100% 0;
}

/*====================================================================
 globalNav
====================================================================*/
div#globalNav {
	margin: 20px auto 0;
	width: 925px;
	text-align: left;
}
div#globalNav ul {
	margin: 0 10px;
	background: transparent url(../images/gnav_bg.gif) no-repeat 0 100%;
}
div#globalNav ul li {
	padding-right: 6px;
	font-size: 1px;
	float: left;
}
div#globalNav ul li.last {
	padding-right: 0;
}

/*====================================================================
 contents
====================================================================*/
div#contentsWrap {
	margin: 0 auto;
	width: 924px;
	text-align: left;
	background: transparent url(../images/contents_bg.gif) repeat-y 50% 0;
}
div#contents {
	margin: 0 10px;
	padding: 20px 25px 25px;
	text-align: left;
	background: transparent url(../images/contents_bg_bottom.gif) no-repeat 0 100%;
	/height:1%;
}
div#noNav {
	margin: 20px auto 0;
	width: 925px;
	text-align: left;
	background: transparent url(../images/contents_bg.gif) repeat-y 50% 0;
}
div#noNav div#contentsWrap {
	width: 925px;
	background: transparent url(../images/contents_bg_top.gif) no-repeat 50% 0;
}

/*====================================================================
 footer
====================================================================*/
div#footer{
	width: 925px;
}

/* pageTop
--------------------------------------------------------------------*/
ul#pageTop {
	margin: 20px 10px;
	padding-top: 15px;
	background: transparent url(../images/dotline.gif) repeat-x 0 0;

}
ul#pageTop li {
	padding-left: 19px;
	font-size: 0.8em;
	background: transparent url(../images/icon01.gif) no-repeat 0 1px;
	float: right;
}
ul#pageTop a {
	color: #cc6635;
	text-decoration: none;
}

/* copyright
--------------------------------------------------------------------*/
p#copyright{
	color: #ffffff;
	background-color: #666666;
	padding: 8px 10px;
	text-align: right;
}


/*====================================================================
 company
====================================================================*/
div.companyTable {
	margin-top: 15px;
	padding: 5px 10px 0;
	border: #cccccc 1px solid;
}
div.companyTable table {
	width: 810px;
	font-size: 100%;
}
div.companyTable table tr th,
div.companyTable table tr td {
	padding: 9px 3px;
	background: transparent url(../images/dotline02.gif) repeat-x 0 100%;
}
div.companyTable table tr.last th,
div.companyTable table tr.last td {
	background: none;
}
div.companyTable table th {
	width: 11%;
}
div.companyTable table div.registrationText{
	float: left;
}
div.companyTable table p{
	float: right;
}
div.companyTable table ul.mapLinks {
	float: left;
}
div.companyTable table ul.mapLinks li {
	margin: 0 1px;
	padding-left: 19px;
	font-size: 0.8em;
	line-height: 1.5;
	background: transparent url(../images/icon02.gif) no-repeat 0 1px;
}
div.companyTable table ul.mapLinks li a {
	color: #000099;
	text-decoration: none;
}
div.companyTable table dl dt,
div.companyTable table dl dd {
	float: left;
}
ul.companyImages {
	margin: 13px 14px 20px;
}
ul.companyImages li {
	width:282px;
	float: left;
}
ol.privacyList01 {
	padding-left: 15px;
	list-style-type: decimal;
}
ol.privacyList01 li,
dl.privacyList02 dd ul li  {
	margin: 17px 0 0 8px;
}
ol.privacyList01 ul {
	margin-top: 17px;
}
ol.privacyList01 ul li {
	margin: 0;
	list-style: none;
}
p.signature{
	margin: 17px 0 0 8px;
	text-align: right;
}
dl.privacyOrg {
	margin: 13px 0 20px;
	border: #cccccc 1px solid;
}
dl.privacyOrg dt {
	padding: 6px 13px;
	background-color: #dbdbdb;
	border-bottom: #cccccc 1px solid;
}
dl.privacyOrg dd {
	padding: 6px 13px;
}
dl.privacyOrg dd.tel {
	margin-left: 40px;
}

/*====================================================================
 eposcard
====================================================================*/
p.placeMark{
	margin: 16px 20px 10px;
}
p.placeMark img {
	margin-left: 13px;
	vertical-align: middle;
}
p.cardDescriptionImg {
	margin: 20px 0 5px;
	text-align: center;
}
ul.cardLineup {
	margin-top: 20px;
	width: 470px;
}
ul.cardLineup li {
	width: 235px;
	height: 160px;
	text-align: center;
	float:left;
}
ul.cardLineup li img {
	margin-top: 9px;
}

/*====================================================================
 service
====================================================================*/
div.visaBox {
	width: 830px;
	margin-top: 15px;
	background: transparent url(../common/images/service_bg01.gif) repeat-y 0 0;
}
div.visaBox dl {
	padding-bottom: 15px;
	background: transparent url(../common/images/service_bg01_bottom.gif) no-repeat 0 100%;
}
div.visaBox dt {
	padding: 15px 0 5px 14px;
	background: transparent url(../common/images/service_bg01_top.gif) no-repeat 0 0;
}
div.visaBox dd {
	padding: 10px 0 0 15px;
}
div.visaBox dd ul {
	padding-top: 10px;
}
div.visaBox dd ul li {
	margin-right: 13px;
	float: left;
}
dl.atmBox {
	margin-top: 10px;
}
dl.atmBox dt {
	width: 177px;
	float: left;
}
dl.atmBox dd {
	float: left;
}

/*====================================================================
 point
====================================================================*/
p.whatImg {
	margin-top: 15px;
}
p.savesImg {
	margin: 15px 0 10px;
}

/* useTable01
--------------------------------------------------------------------*/
table.useTable01 {
	margin-top: 15px;
	font-size: 100%;
}
table#ver01 th,
table#ver01 td {
	padding: 13px 7px;
	border: #cccccc 1px solid;
}
table.useTable01 th {
	text-align: center;
	background-color: #dbdbdb;
}
table.useTable01 td p {
	margin-top: 0;
	float: left;
}
table#ver01 td p img {
	margin-right: 7px;
}
table.useTable01 td p.Pattern01 {
	margin-top: 14px;
}
table.useTable01 td p.Pattern02 {
	margin-top: 5px;
}
table.useTable01 td.point {
	text-align: center;
	font-size: 1.14em;
	font-weight: bold;
	color: #ff5600;
}
table#ver02 th,
table#ver02 td {
	padding: 8px 0;
	text-align: center;
	border: #cccccc 1px solid;
}
table#ver02 td img {
	margin-bottom: 3px;
}
table.useTable01 td.change {
	font-size: 1.14em;
}

/*====================================================================
 benefit
====================================================================*/
ul.oioiList {
	margin-top: 13px;
	margin-left:180px;
}
ul.oioiList li {
	margin-right: 10px;
	float: left;
}
div.benefitBox {
	margin: 16px 0 0 10px;
}
div.benefitBox p {
	margin-top: 0;
}
div#beneList {
	background: transparent url(../common/images/benefit_bgimg01.gif) no-repeat 450px 0;
}
div#beneList ul.notes {
	margin-top: 14px;
}
div#hpBenefit {
	margin-top: 14px;
	height: 96px;
	background: transparent url(../common/images/benefit_bgimg02.jpg) no-repeat 100% 0;
}
html > body div.pageDescription div#hpBenefit {
	height: auto;
	min-height:96px;
}
div#hpBenefit p {
	margin-right: 180px;
}
div#hpBenefit p em {
	color: #e91b29;
}
dl#gabaBenefit {
	margin:14px 0 0 7px;
	width: 576px;
	background: transparent url(../common/images/benefit_bg01.gif) repeat-y 0 0;
}
dl#gabaBenefit dt {
	margin-left: -12px;
}
dl#gabaBenefit dd {
	padding: 10px 18px;
	background: transparent url(../common/images/benefit_bg01_bottom.gif) no-repeat 0 100%;
}
p.benefitBnr {
	margin-top: 14px;
}
div.coverBenefit p {
	margin-top: 10px;
}
table.notesTable {
	margin-top: 15px;
	font-size: 100%;
}
table.notesTable th,
table.notesTable td {
	vertical-align: top;
}
/*====================================================================
 eposcard_c
====================================================================*/
div#eposcardBlock {
	margin:0 auto;
	padding:0 19px;
	}
div#eposcardBlock div#eposcardDetail{
	background:transparent url(../common/images/eposcard_c_bg01.gif) no-repeat left top;
	padding:18px 20px 18px;
	margin-top:18px;
	}
div#eposcardBlock div#eposcardDetail table tr td span {
	color:#cc0273;
	}
div#eposcardBlock div#eposcardDetail table.parent {
	padding-left:200px;
	}
div#eposcardBlock div#eposcardDetail table.parent tr td {
	font-weight:bold;
	padding:0.2em 0;
	font-size:82%;
	}
div#eposcardBlock div#eposcardDetail table.parent tr td.spc {
	width:67px;
	text-align:right;
	}
div#eposcardBlock div#eposcardDetail table.child tr td{
	font-weight:normal;
	font-size:72%;
	}
div#eposcardBlock p.imageLower {
	background:transparent url(../common/images/eposcard_c_bg01.gif) no-repeat left top;
	padding-top:19px;
	}
div#eposcardBlock p.closeBtn{
	margin:28px auto 39px auto;
	text-align:center;
	}

/*====================================================================
 clearfix
====================================================================*/
div#globalNav ul:after,
ul#pageTop:after,
div#alreadyBox:after,
div.bgBottom:after,
div.inquiryBox dl:after,
ul#btnBox:after,
dl.maruikDescription:after,
div.companyTable table dl:after,
ul.companyImages:after,
ul.cardLineup:after,
div.visaBox dd ul:after,
dl.atmBox:after,
ul.oioiList:after,
div.campaignArea dl:after,
div.campaignLineup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html div#globalNav ul,
*+html ul#pageTop,
*+html div#alreadyBox,
*+html div.bgBottom,
*+html div.inquiryBox dl,
*+html ul#btnBox,
*+html dl.maruikDescriptionr,
*+html div.companyTable table dl,
*+html ul.companyImages,
*+html ul.cardLineup,
*+html div.visaBox dd ul,
*+html dl.atmBox,
*+html ul.oioiList,
*+html div.campaignArea dl,
*+html div.campaignLineup {
	height: 1%;
}
* html div#globalNav ul,
* html ul#pageTop,
* html div#alreadyBox,
* html div.bgBottom,
* html div.inquiryBox dl,
* html ul#btnBox,
* html dl.maruikDescriptionr,
* html div.companyTable table dl,
* html ul.companyImages,
* html ul.cardLineup,
* html div.visaBox dd ul,
* html dl.atmBox,
* html ul.oioiList,
* html div.campaignArea dl,
* html div.campaignLineup {
	height: 1%;
}

/*====================================================================
20151116 追加
====================================================================*/
#shidax02 .bgOrangeA01{
}
#shidax02 .bgOrangeA01 .section{
	background: url(/collabo/shidax_02/img/shidax_02_bg_001_bottom.gif) center bottom no-repeat;
	padding:0 0 6px;
}
#shidax02 .bgOrangeA01 .detailBlockA01{
	background: url(/collabo/shidax_02/img/shidax_02_bg_001_repeat.gif) center top repeat-y #fff462;
	padding:20px 80px 11px 104px;
}
#shidax02 .bgOrangeA01 .titleBlockA01{
	background: url(/collabo/shidax_02/img/shidax_02_bg_001_top.gif) center top no-repeat #ea5504;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	padding:13px 0 10px;
}
#shidax02 .bgOrangeA01 .ttl{
	text-indent:-8px;
}
#shidax02 .bgOrangeA01 .cautionBlockA01{
	font-size:14px;
	margin:10px 0 0;
}
#shidax02 .bgOrangeA01 .cautionBlockA01 ul{
	
}

/*====================================================================
20151125 追加
====================================================================*/
/* #bigecho .bgOrangeA01{
	background:#fff5d7;
	padding:10px;
}
#bigecho .bgOrangeA01 .section{
	background: url(/collabo/bigecho/img/bigecho_bg_001_bottom.gif) center bottom no-repeat;
	padding:0 0 6px;
}
#bigecho .bgOrangeA01 .detailBlockA01{
	background: url(/collabo/bigecho/img/bigecho_bg_001_repeat.gif) center top repeat-y #fff462;
	padding:20px 0 10px 96px;
} */

/* 20160916修正 */
#bigecho .bgOrangeA01{
}
#bigecho .bgOrangeA01 .section{
	background: url(/collabo/bigecho/img/bigecho_bg_002_bottom.gif) center bottom no-repeat;
	padding:0 0 6px;
}
#bigecho .bgOrangeA01 .detailBlockA01{
	background: url(/collabo/bigecho/img/bigecho_bg_002_repeat.gif) center top repeat-y #fff462;
	padding:20px 80px 11px 73px;
}
/* 20160916修正 */

#bigecho .bgOrangeA01 .titleBlockA01{
	background: url(/collabo/bigecho/img/bigecho_bg_001_top.gif) center top no-repeat #ea5504;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	padding:13px 0 10px;
}
#bigecho .bgOrangeA01 .ttl{
	text-indent:-8px;
}
#bigecho .bgOrangeA01 .cautionBlockA01{
	font-size:14px;
	margin:10px 0 0 36px;
}
#bigecho .bgOrangeA01 .cautionBlockA01 ul{
	
}

/*====================================================================
20151222 追加
====================================================================*/
#monte_02 .detailBlockC03Outer{
	background: url(/collabo/monte_02/img/monte_02_bg_001_bottom.gif) center bottom no-repeat;
	padding:15px 0 7px;
	margin:0 auto;
	width:696px;
}
#monte_02 .detailBlockC03{
	background: url(/collabo/monte_02/img/monte_02_bg_001_top.gif) center top no-repeat;
	padding:7px 0 0;
	width:696px;
}
#monte_02 .detailBlockC03Inner{
	background: url(/collabo/monte_02/img/monte_02_bg_001_repeat.gif) center top repeat-y;
	padding:15px 0 8px 52px;
}
#monte_02 .detailBlockC03 .cautionBlockA01{
	font-size:12px;
	margin:10px 0 0 54px;
}
#monte_02 .detailBlockC03 .cautionBlockA01 .ttl{
	text-indent:-0.4em;
}
#monte_02 .titleBlockA01{padding:0 0 10px;}
#monte_02 .borderBlockB01{
	background:url(/collabo/monte_02/img/monte_02_border_001.gif) center bottom no-repeat;
	padding:0 0 21px;
}

/*====================================================================
160627 追加
====================================================================*/
#shidax02 .arrow01{
	text-align:center;
	margin:20px 0;
}
#shidax02 .bgSilverBlockA01{
	background:url(/collabo/shidax_02/img/shidax_02_bg_002.png) left top no-repeat;
	margin:5px 0 0;
	padding:28px 36px 27px 39px;
}
#shidax02 .bgSilverBlockA01 .titleBlockA01 {
	background:none;
	padding:0;
}
#shidax02 .bgSilverBlockA01 .detailBlockA01 {
	background:none;
	padding:23px 0 0 67px;
}

/*====================================================================
160824 追加
====================================================================*/
#clubhawks .floatBox_clubhawks {
}
#clubhawks .floatBox_clubhawks .floatR_clubhawks {
	float: right;
	margin: 12px 0 0 25px;
}
#clubhawks .floatBox_clubhawks .ovf_clubhawks {
	overflow: hidden;
}
#clubhawks .floatBox_clubhawks:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html #clubhawks .floatBox_clubhawks {
	height: 1%;
}
* html #clubhawks .floatBox_clubhawks {
	height: 1%;
}