@charset "utf-8";

/* reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, strong,
dl, dt, dd, ol, ul, li {
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.0;
}
html{ overflow-y: scroll;}
ul{ list-style: none;}


/* base */
#tmpl_main {
	width: 100%;
}
#contents {
	font-family:"SST W15 Roman", sans-serif;
}
#contents p, #contents dd{
	line-height: 1.6;
}
#contents .contentsHead h2, #contents h3, #contents h4, #supportList p.fb {
	color: #2f353d;
}
#supportList, .supportMenuInner{
	width: 950px;
	margin: 0 auto;
	color: #83838f;
}
#contents a:link, #contents a:visited {
	color: inherit;
	text-decoration: none;
}
#contents a:hover {
	color: #666;
}
#supportMenu .supportMenuBox a:link,#supportMenu .supportMenuBox a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #000; /* for ie8 */
	filter: alpha(opacity=100); /* for ie8 */
	opacity: 1;
}
#supportMenu .supportMenuBox a:hover,
#supportMenu .supportMenuBox3 a:hover {
	opacity: 0.8;
	background-color: #000; /* for ie8 */
	filter: alpha(opacity=80); /* for ie8 */
}


/* parts */
#supportList ul.note li {
	padding-left: 0.7em;
	text-indent: -0.7em;
}


/* breadcrumb */
#contents #breadcrumb {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;
}
#contents #breadcrumb ul li{
	display: inline-block;
	color: #686868;
	font-family:"SST W15 Roman", sans-serif;
	font-size: 0.9em;
	*display: inline; /* for ie7 */
	*zoom: 1; /* for ie7 */
}
#contents #breadcrumb ul li a:link, #contents #breadcrumb ul li a:visited {
	color: #686868;
	text-decoration: none;
}
#contents #breadcrumb ul li span {
	display: inline-block;
	margin: 0 0.7em 0;
}


/* contentsHead */
#contents .contentsHead,
#contents .contentsHead02 {
	padding: 10px 0 35px;
}
#contents .contentsHead h2 {
	width: 950px;
	margin: 0 auto;
	font-size: 3.25em;
}
#contents .contentsHead02 h2 {
	width: 950px;
	margin: 0 auto;
	font-size: 3.00em;
}
#contents .contentsHead02 p{
	width: 950px;
	margin: 5px auto 0;
	font-size: 1em;
	color: #717071;
}


/* supportMenu */
#supportMenu {
	padding: 56px 0 102px;
	background-color: #f1f5f9;
}
#supportMenu >h2, #supportMenu > div, #supportList {
	width: 950px;
	margin: 0 auto;
}
#supportMenu h2 {
	margin-bottom: 65px;
	font-size: 2.5em;
	color: #2F353D;
}
#contents .supportMenuSubttl {
	margin-bottom: 6px;
	color: #717071;
}
#supportMenu .supportMenuSubttl h3, #supportMenu .supportMenuSubttl p{
	display: inline-block;
}
#contents .supportMenuSubttl h3 {
	margin-right: 15px;
	font-family: "SST W15 Bold",sans-serif;
	font-size: 1.4em;
}
#supportMenu .supportMenuBox{
	margin-bottom: 76px;
}
#supportMenu .supportMenuBox2 {
	margin-bottom: 0;
}
#supportMenu .supportMenuBox ul li {
	text-align: center;
}
#supportMenu .supportMenuBox ul li {
	float: left;
	width: 464px;
	margin-left: 22px;
}
#supportMenu .supportMenuBox ul li:first-child {
	margin-left: 0;
}
#supportMenu .supportMenuBox ul li p {
	background-color: #fff;
	height: 206px;
}
#supportMenu .supportMenuBox ul li a {
	display: block;
	cursor: pointer; /* for ie7 */
}

#supportMenu .supportMenuBox ul li img {
	vertical-align: bottom;
	width: 50%;
	margin: 0 auto;
	padding: 3px;
}

#supportMenu .supportMenuBox ul li dl {
	padding: 17px 12px 20px;
	min-height: 111px;
	background-color: #000;
}
#supportMenu .supportMenuBox ul li dl dt {
	margin-bottom: 11px;
	color: #fff;
	font-size: 1.75em;
	font-weight: bold;
}
#supportMenu .supportMenuBox ul li dl dd {
	color: #fff;
	font-size: 0.94em;
	font-weight: bold;
}
#supportMenu .supportMenuBox2 ul li {
	float: left;
	padding-right: 70px;
	box-sizing: border-box;
}
#supportMenu .supportMenuBox2 ul li a{
	display: inline-block;
	font-size: 0.94em;
	color: #4572ed;
}
#supportMenu .supportMenuBox2 ul li a:hover{
	color: #3c4c74;
}
#supportMenu .supportMenuBox2 ul li a p{
	display: inline-block;
}
#supportMenu .supportMenuBox3 ul li a{
	display: block;
	width: 512px;
	background-color: #000;
	cursor: pointer;
}
#supportMenu .supportMenuBox3 ul li a p{
	background-color: #fff;
	width: 183px;
	float: left;
	line-height: 1;
}
#supportMenu .supportMenuBox3 ul li a p img{
	width: 100%;
}
#supportMenu .supportMenuBox3 ul li a dl{
	overflow: hidden;
	padding: 20px 15px;
}
#supportMenu .supportMenuBox3 ul li a dl dt{
	color: #fff;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 10px;
}
#supportMenu .supportMenuBox3 ul li a dl dd{
	color: #bcbccc;
	font-size: 0.94em;
	font-weight: bold;
}

/* globalsearch */
.regionTxt {
	margin-bottom: 50px;
}
#contents.globalsearch #supportMenu {
	margin-bottom: 0;
}
#contents.globalsearch #supportMenu .regionList li {
	font-size: 1.25em;
	margin-bottom: 20px;
}
#contents.globalsearch #supportMenu .regionList li a:link, #supportMenu .regionList li a:visited {
	color: #4572ED;
}
#contents.globalsearch #supportMenu .regionList li a:hover {
	color: #3c4c74;
}



/* supportList */
#supportList p.fb {
	font-family: "SST W15 Medium",sans-serif;
	font-size: 1.1em;
}
#supportList .supportLeadTxt {
	margin-bottom: 55px;
}

#supportList ul li {
	margin-bottom: 60px;
	/*display: table;*/
}
#supportList ul li .supportListText {
	float: right;
	width: 636px;
}
#supportList ul li .supportListText h3 {
	margin-bottom: 20px;
	color: #464b52;
	font-size: 2.4em;
}
#supportList ul li .supportListText p{
	margin-bottom: 20px;
}
#supportList ul li .supportListText .supportAppliBox{
	width: 636px;
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	padding: 16px 17px 12px;
	background-color: #f1f5f9;
	box-sizing: border-box;
}
#supportList ul li .supportListText .supportAppliBox p{
	width: 53px;
	float: left;
	line-height: 1;
	margin: 0;
}
#supportList ul li .supportListText .supportAppliBox dl{
	width: 275px;
	overflow: hidden;
	padding-left: 20px;
}
#supportList ul li .supportListText .supportAppliBox dl dt{
	font-family: "SST W15 Bold",sans-serif;
	color: #464b52;
	font-size: 1.15em;
	margin-bottom: 8px;
	margin-top: -2px;
}
	#supportList ul li .supportListText .supportAppliBox dl dd {
		line-height: 1.3;
	}
#supportList ul li .supportListText .supportAppliBox .supportAppliBtn{
	position: absolute;
	bottom: 12px;
	right: 14px;
}
#supportList ul li .supportListText .supportAppliBox .supportAppliBtn a{
	display: inline-block;
	width: 113px;
	margin-left: 9px;
}
#supportList ul li .supportListText .supportAppliBox .supportAppliBtn a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* for ie8 */
}
#supportList ul li .supportListText .supportAppliBox img{
	width: 100%;
	vertical-align: super;
}
#supportList ul li .supportListImg {
	float: left;
	width: 278px;
	padding-right: 36px;
}

/* mobileApp */
#contents .contentsHead02.appinfoHeadttl h2 {
	font-size: 2.75em;
}
#mobileAppList > li:nth-child(odd){
	background-color: #f1f5f9;
}
#mobileAppList .mobileAppListCon{
	padding: 60px 0;
}
#mobileAppList .mobileAppListCon.bgGray{
	background-color: #f1f5f9;
}
#mobileAppList .mobileAppListInner{
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#mobileAppList .mobileAppListInner .mobileAppListIcon{
	width: 118px;
	float: left;
	margin-right: 70px;
}
#mobileAppList .mobileAppListInner .mobileAppListIcon img{
	width: 100%;
}
#mobileAppList .mobileAppListInner h3{
	position: absolute;
	top: 0;
	left: 188px;
	width: 430px;
	font-size: 1.4em;
}
#mobileAppList .mobileAppListInner .mobileAppListShowMore{
	display: none;
}
#mobileAppList .mobileAppListInner div{
	overflow: hidden;
}
#mobileAppList .mobileAppListInner .jafonts{
	font-family:"SST W55 Regular", sans-serif;
}
#mobileAppList .mobileAppListInner .mobileAppListRead{
	display: inline-block;
	vertical-align: top;
	width: 430px;
	margin-top: 35px;
	color: #717071;
	font-size: 0.94em;
}
#mobileAppList .mobileAppListInner ul{
	display: inline-block;
	vertical-align: top;
	margin-left: 80px;
}
#mobileAppList .mobileAppListInner li{
	color: #717071;
	margin-top: 10px;
}
#mobileAppList .mobileAppListInner li:first-child{
	margin: 0;
}
#mobileAppList .mobileAppListInner li a{
	color: #4572ed;
	font-size: 0.94em;
}
#mobileAppList .mobileAppListInner li a:hover{
	color: #3c4c74;
}
.notAppList{
	color: #717071;
}
#contents .notAppList .bktopLink {
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	color: #4572ed;
}
#contents .notAppList .bktopLink:hover{
	color: #3c4c74;0px;
}

@media screen and (max-width: 640px) {
	/* base */
	#supportList,#contents .contentsHead h2, #supportMenu >h3, #supportMenu > div {
		width: 100%;
	}
	#contents p, #contents dd, #contents .note{
		line-height: 1.3;
		font-size: 0.9em;
	}

	/* breadcrumb */
	#contents #breadcrumb {
		width: 100%;
		padding: 10px 15px 5px;
		box-sizing: border-box;
	}

	/* contentsHead */
	#contents .contentsHead,
	#contents .contentsHead02 {
		padding: 14px 14px 26px;
		box-sizing: border-box;
		word-break: keep-all;
		width: 90%;
	}
	#contents .contentsHead h2 {
		margin: 0;
		line-height: 1;
		width: auto;
		font-size: 2.2em;
}
	#contents .contentsHead02.appinfoHeadttl h2 {
		width: 100%;
		font-size: 2.1em;
	}
	#contents .contentsHead02 p {
		width: 100%;
		font-size: 0.9em;
	}

	/* supportMenu */
	#supportMenu > h2, #supportMenu > div {
		padding: 0;
	}
	#supportMenu {
		padding: 30px 15px 60px;
		box-sizing: border-box;
	}
	#supportMenu h2 {
		margin-bottom: 25px;
		font-size: 1.6em;
		width: auto;
	}
	#supportMenu .supportMenuSubttl h3, #supportMenu .supportMenuSubttl p{
		display: block;
		word-break: break-all;
	}
	#supportMenu .supportMenuSubttl {
		margin-bottom: 12px;
	}
	#contents .supportMenuSubttl h3 {
		margin: 0 0 7px 0;
		font-size: 1.25em;
	}
	#supportMenu .supportMenuTtl h3, #supportMenu .supportMenuBox2 ul li a {
		font-size: 1.3em;
		font-weight: bold;
	}
	#supportMenu .supportMenuBox {
		margin-bottom: 55px;
	}
  #supportMenu .supportMenuBox2 {
		margin-bottom: 0;
	}
	#supportMenu .supportMenuBox ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#supportMenu .supportMenuBox2 ul li:last-child {
		margin: 0;
	}
	#supportMenu .supportMenuBox ul li .inner {
		display: table;
		width: 100%;
	}
	#supportMenu .supportMenuBox ul li p {
		display: table-cell;
		width: 35%;
		vertical-align: middle;
		height: auto;
	}
	#supportMenu .supportMenuBox ul li p img {
		width: 100%;
		padding: 0;
	}
	#supportMenu .supportMenuBox ul li dl {
		display: table-cell;
		width: 65%;
		padding: 11px 17px 14px;
		min-height: 0;
		vertical-align: top;
		text-align: left;
	}
	#supportMenu .supportMenuBox ul li dl dt {
		margin-bottom: 7px;
		font-size: 1.2em;
		font-weight: bold;
	}
	#supportMenu .supportMenuBox ul li dl dd {
		font-size: 0.85em;
	}
	#supportMenu .supportMenuBox2{
		margin-top: 25px;
	}
	#supportMenu .supportMenuBox2 ul li {
		width: 100%;
		margin: 0 0 15px 0;
	}
	#supportMenu .supportMenuBox2 ul li a{
		padding: 0;
		font-size: 1em;
		font-weight: normal;
	}
	#supportMenu .supportMenuBox2 ul li a p {
		text-align: left;
	}

	#supportMenu .supportMenuBox3 ul li a{
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#supportMenu .supportMenuBox3 ul li a p{
		display: table-cell;
    width: 35%;
    vertical-align: middle;
		float: none;
	}
	#supportMenu .supportMenuBox3 ul li a dl{
		display: table-cell;
		width: 65%;
		padding: 11px 17px 14px;
		min-height: 0;
		vertical-align: top;
		text-align: left;
	}
	#supportMenu .supportMenuBox3 ul li a dl dt{
		font-size: 1.3em;
	}

	/* globalsearch */
	.regionTxt {
		margin-bottom: 20px;
	}
	#contents.globalsearch #supportMenu .regionList li {
		font-size: 1em;
		margin-bottom: 10px;
	}

	/* supportList */
	#supportList {
		box-sizing: border-box;
		padding: 0 15px;
	}
	#supportList .supportLeadTxt {
		margin-bottom: 45px;
	}
	#supportList ul li {
		margin-bottom: 55px;
		display: block;
	}
	#supportList ul li .supportListText, #supportList ul li .supportListImg {
		display: block;
		width: 100%;
	}
	#supportList ul li .supportListText h3 {
		margin-bottom: 20px;
		font-size: 1.4em;
	}
	#supportList ul li .supportListImg {
		float: none;
		margin-bottom: 15px;
		padding-right: 0;
		width: 100%;
	}
	#supportList ul li .supportListImg img {
		width: 100%;
		height: auto;
	}
	#supportList ul li .supportListText .supportAppliBox {
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
	#supportList ul li .supportListText .supportAppliBox p {
		width: 60px;
	}
	#supportList ul li .supportListText .supportAppliBox dl {
		width: auto;
		padding-left: 14px;
	}
	#supportList ul li .supportListText .supportAppliBox dl dt {
		font-family:"SST W15 Roman", sans-serif;
		margin-bottom: 10px;
	}
	#supportList ul li .supportListText .supportAppliBox .supportAppliBtn {
		position: inherit;
		bottom: 0;
		right: auto;
		text-align: right;
		margin-top: 14px;
	}
	#supportList ul li .supportListText .supportAppliBox .supportAppliBtn a {
		width: 100px;
	}

	/* mobileApp */
	#mobileAppList .mobileAppListCon{
		padding: 14px 0 0;
		-webkit-tap-highlight-color: transparent;
	}
	#mobileAppList .mobileAppListCon.bgGray{
		background-color: #f1f5f9;
	}
	#mobileAppList .mobileAppListInner{
		width: 100%;
		margin: auto;
		box-sizing: border-box;
		position: relative;
	}
	#mobileAppList .mobileAppListInner .mobileAppListIcon{
		width: 70px;
		float: left;
		margin-right: 10px;
		padding-left: 14px;
	}
	#mobileAppList .mobileAppListInner .mobileAppListIcon a{
		cursor: inherit;
	}
	#mobileAppList .mobileAppListInner .mobileAppListIcon img{
		width: 100%;
	}
	#mobileAppList .mobileAppListInner h3{
		position: inherit;
		top: 25px;
		left: 0;
		width: auto;
		font-size: 1.37em;
		padding-right: 14px;
		box-sizing: border-box;
	}
	#mobileAppList .mobileAppListInner .mobileAppListShowMore{
		display: block;
		text-align: right;
		margin: 56px 0 0;
		padding: 0 28px 20px 0;
		position: relative;
	}
	#mobileAppList .mobileAppListInner .mobileAppListShowMore:after{
		content: "";
		position: absolute;
		right: 14px;
		top: 8px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-top: 5px solid #83838f;
	}
	#mobileAppList .open .mobileAppListInner .mobileAppListShowMore:after{
		content: "";
		position: absolute;
		right: 14px;
		top: 8px;
		width: 0;
		height: 0;
		margin-top: -5px;
		border: 5px solid transparent;
		border-bottom: 5px solid #83838f;
	}
	#mobileAppList .mobileAppListInner div{
		overflow: inherit;
		padding: 0 14px 34px;
		border-top: 1px solid #e4e7eb;
	}
	#mobileAppList .mobileAppListInner .mobileAppListRead{
		display: block;
		width: auto;
		margin-top: 20px;
		color: #717071;
		font-size: 0.94em;
	}
	#mobileAppList .mobileAppListInner ul{
		display: inline-block;
		vertical-align: top;
		margin: 32px 0 0;
	}
	#mobileAppList .mobileAppListInner li+li{
		margin-top: 18px;
	}
	#mobileAppList .mobileAppListInner li a{
		color: #4572ed;
		font-size: 0.94em;
	}
	#mobileAppList .mobileAppListInner li a:hover{
		color: #3c4c74;
	}
	.notAppList{
		box-sizing: border-box;
		padding: 0 14px 28px;
	}
}

/****************************************
          Clearfix
*****************************************/
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}