﻿@charset "utf-8";

/*スライドショー*/
#slideShow .slides img { visibility: hidden;}


#top #content {
	padding: 3% 0 0;
	overflow: hidden;
}
#top #content .contentInner {
	margin: 0 3%;
	padding-bottom: 80px;
	overflow: hidden;
}
#content .left {
	width: 72%;
	float: left;
}
#content .left .h3_area {
	overflow: hidden;
	margin-bottom: 10px;
}
#content .left .h3_area h3 {
	display: inline-block;
	float: left;
	background: url(/images/common/h3_bg.gif) 0 center no-repeat;
	background: url(/images/common/h3_bg_ie8.gif) 0 center no-repeat\9;
	-moz-background-size: 7px 23px;
	background-size: 7px 23px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 0 17px;
	margin-bottom: 0;
}
#content .left .h3_area .summary {
	display: inline-block;
	float: right;
	min-height: 20px;
	margin-right: 10px;
}
#content .left .h3_area .summary a {
	background: url(/images/common/summary_bg.png) 0 2px no-repeat;
	background: url(/images/common/summary_bg_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	display: block;
	padding: 0 0 0 25px;
}
#content .left .h3_area .summary a:hover {
	background: url(/images/common/summary_bg_on.png) 0 2px no-repeat;
	background: url(/images/common/summary_bg_on_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
}

/* ==========================================================
	重要なお知らせ
========================================================== */

#information {
		background: #d1d7e1;
}
#information .info_head {
	background: url(/images/top/info_bg.gif) repeat;
	height:9px;
}
#information .informationInner {
	background: url(/images/top/info_icon.png) 10px 0 no-repeat #d1d7e1;
	background: url(/images/top/info_icon_ie8.png)  10px 0 no-repeat #d1d7e1\9;
	-moz-background-size: 152px 33px;
	background-size: 152px 33px;
	min-height: 35px;
	padding: 0 0 5px;
	margin: 0 3%;
}
#information .informationInner p {
	margin: 5px 10px 10px 170px;
}



/* ==========================================================
	決済サービス
========================================================== */

#content .tileArea .tile {
	width: 32%;
	float: left;
	margin: 0.6%;
}
#content .tileArea a {
	display: block;
	border: 3px solid #dee1e2;
	border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
	padding: 7%;
}
#content .tileArea a:hover {
	border: 3px solid #28a6e8;
}
#content .tileArea a .icon {
	display: block;
	margin: 0 13% 5%;
}

#content .tileArea a .text {
	line-height: 1.2;
	display: table;
	/display: inline;
	/zoom: 1;
	font-size: 115%;
	font-weight: bold;
	background: url(/images/top/tile_indent_off.png) 0 50% no-repeat;
	background: url(/images/top/tile_indent_ie8_off.png) 0 50% no-repeat\9;
	-moz-background-size: 33px;
	background-size: 33px;
	padding-left: 45px;
}
#content .tileArea a:hover .text {
	background: url(/images/top/tile_indent_on.png) 0 50% no-repeat;
	background: url(/images/top/tile_indent_ie8_on.png) 0 50% no-repeat\9;
	-moz-background-size: 33px;
	background-size: 33px;
	padding-left: 45px;
}
#content .tileArea a .text span {
	vertical-align: middle;
	display: table-cell;
}

#top #content .tileArea a {
	min-height: 185px;
}


/* ==========================================================
	ピックアップ、お取引企業様
========================================================== */

#content .pickupArea,
#content .commerceArea { overflow: hidden;}

#content .pickupArea .box a .icon {
	margin-bottom: 0;
}
#content .pickupArea .box,
#content .commerceArea .box {
	width: 32.1%;
	float: left;
	margin: 0.6%;
}
#content .pickupArea .box a,
#content .commerceArea .box a {
	display: block;
}

#content .commerceArea a .icon,
#content .commerceArea a .text {
	display: block;
}
#content .commerceArea .box a .icon {
	margin: 0 0 20px;
}

#content .commerceArea a .text {
	background: url(/images/top/tile_indent_off.png) 0 center no-repeat;
	background: url(/images/top/tile_indent_ie8_off.png) 0 center no-repeat\9;
	-moz-background-size: 33px 33px;
	background-size: 33px 33px;
	display: block;
	padding: 8px 0 0 43px;
	min-height: 33px;
	line-height: 1.3;
}
#content .commerceArea a:hover .text {
	background: url(/images/top/tile_indent_on.png) 0 center no-repeat;
	background: url(/images/top/tile_indent_ie8_on.png) 0 center no-repeat\9;
	-moz-background-size: 33px 33px;
	background-size: 33px 33px;
}

#content .commerceArea a .text {font-size: 85%;}



/* ==========================================================
	右ナビ
========================================================== */

#top .right .heightLine-rSapce {
	height: auto;
}

#top #content .right {
	width: 25%;
	float: right;
	padding-top: 38px;
}
#top #content .right .dotLine {
	margin: 20px 0;
}

#top .sortArea .sortHead {
	background: #0085ca;
	color: #FFF;
	font-size: 140%;
	border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
	padding: 15px;
	line-height: 1;
	font-weight: bold;
}
#top .sortArea .sortInner {
	background: #d5dae3;
	padding: 15px;
	font-size: 100%;
	font-weight: bold;
	border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
}
#top #sortBtn_01,
#top #sortBtn_02 {
	position: relative;
	border-right: none;
	margin-right: 0;
	padding-right: 0;
	width: 100%;
	cursor: pointer;
}

#top #sortList_01,
#top #sortList_02 {
	width: 84%;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 900;
}

#top #sortList_01 li a,
#top #sortList_02 li a {
	background: url(/images/common/sort_list.png) 15px center no-repeat #0085ca;
	background: url(/images/common/sort_list_ie8.png) 15px center no-repeat #0085ca\9;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 3px 0 3px 40px;
	color: #FFF;
	border: 1px solid #0085ca;
}
#top #sortList_01 li a:hover,
#top #sortList_02 li a:hover {
	background: url(/images/common/sort_list_on.png) 15px center no-repeat #FFF;
	background: url(/images/common/sort_list_on_ie8.png) 15px center no-repeat #FFF;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 3px 0 3px 40px;
	color: #0085ca;
}
#top #content .right .linkArea dl {
	margin: 20px 10px;
}
#top #content .right .linkArea dl.last {
	margin-bottom: 0;
}
#top #content .right .linkArea dt {
	margin-bottom: 10px;
}
#top #content .right .linkArea dd {
	line-height: 1.3;
}

#content .right .inquiryArea {
	margin-bottom: 20px;
}
#content .right .inquiryInner {
	background: #838c9a;
	border-radius: 7px 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px;
	padding: 20px;
	color: #FFF;
	line-height: 1.3;
}
#content .right .inquiryInner dl dt {
	font-size: 155%;
	border-bottom: 1px solid #6b7481;
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;
}
#content .right .inquiryInner dl dd {
	border-top: 1px solid #939aa5;
	padding: 10px 0 0;
}

#content .right .inquiryInner dl dd dl dt {
	font-size: 110%;
	text-align: left;
	border-bottom: none;
}
#content .right .inquiryInner dl dd dl dd {
	border-top: none;
	padding: 0;
}
#content .right .inquiryInner dl dd dl dd.tel {
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
#content .right .inquiryInner dl dd dl dd.tel a {
	color: #fff;
}
#content .right .inquiryInner dl dd dl dd.tel span {
	font-size: 50%;
	display: block;
	letter-spacing: normal;
	text-indent: -0.5em;
}

#content .right .newsArea,
#content .right .infoArea {
	margin-bottom: 20px;
	border: 1px solid #d5dae3;
	border-radius: 7px 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px;
}
#content .right .newsArea .newsInner,
#content .right .infoArea .infoInner {
	padding: 3%;
	overflow: hidden;
}
#content .right .newsArea .title,
#content .right .infoArea .title {
	background: url(/images/common/h3_bg.gif) 5px center no-repeat;
	background: url(/images/common/h3_bg_ie8.gif) 5px center no-repeat\9;
	-moz-background-size: 7px 23px;
	background-size: 7px 23px;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 0 8%;
	margin: 10px 0;
}
#content .right .newsArea a,
#content .right .infoArea a {
	padding: 0 0 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d5dae3;
}
#content .right .newsArea a.last,
#content .right .infoArea a.last {
	margin-bottom: 0;
	border-bottom: none;
}
#content .right .newsArea a span,
#content .right .infoArea a span {
	display: block;
}
#content .right .newsArea .summary,
#content .right .infoArea .summary {
	float: right;
}
#content .right .newsArea .summary a,
#content .right .infoArea .summary a {
	background: url(/images/common/summary_bg.png) 0 2px no-repeat;
	background: url(/images/common/summary_bg_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	padding: 0 0 0 25px;
	border-bottom: none;
}
#content .right .newsArea .summary a:hover,
#content .right .infoArea .summary a:hover {
	background: url(/images/common/summary_bg_on.png) 0 2px no-repeat;
	background: url(/images/common/summary_bg_on_ie8.png) 0 2px no-repeat\9;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	border-bottom: none;
}

/* ==========================================================
	PC用1300以上
========================================================== */

@media (min-width: 1220px)  {

#information .informationInner,
#top #content .contentInner {
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}
#information .informationInner {
	padding: 0;
}
}


}/* ▲(min-width: 981px) and (max-width: 1000px) end▲*/
