@charset "utf-8";
/*=================================
top.css
clearfix
================================ */

/* common
-------------------------------- */
#container {
	width: 100%;
}

/* mainVisualWrap
--------------------------------*/
#mainVisualWrap {
	position: relative;
	height: 340px;
}

/* readspeakerWrap
-------------------------------- */
.readspeakerWrap {
	width: 1000px;
	margin: 15px auto 0;
	text-align: right;
}
.readspeakerWrap #readspeaker_button1 {
	float: right;
	margin-bottom: 0;
	z-index: 0;
}

/* firstVisual
-------------------------------- */
#firstVisual {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 340px;
	background: url(/img/main_im180910.jpg) no-repeat 50% 50%;
	background-size: cover;
	z-index: 5;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#firstVisualTextTop {
	position: absolute;
	width: 100%;
	margin: 130px auto 0;
	text-align: center;
	z-index: 10;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
	text-shadow:
		#999 1px 0px,   #999 -1px 0px,
		#999 0px -1px,  #999 0px 1px,
		#999 1px 1px,   #999 -1px 1px,
		#999 1px -1px,  #999 -1px -1px;
		#999 1px 1px,   #999 -1px 1px,
		#999 1px -1px,  #999 -1px -1px,
		#999 1px 1px,   #999 -1px 1px,
		#999 1px -1px,  #999 -1px -1px;
	font-family:
		"ヒラギノ明朝 ProN W6",
		"HiraMinProN-W6",
		"HG明朝E",
		"ＭＳ Ｐ明朝",
		"MS PMincho",
		"MS 明朝",
		serif;
}
#firstVisualText {
	position: absolute;
	width: 100%;
	margin: 300px auto 0;
	padding:0 20px;
	text-align: right;
	z-index: 10;
	font-size: 1.2em;
	font-weight: bold;
	color: #ddd;
	text-shadow:
		#666 2px 0px,   #666 -2px 0px,
		#666 0px -2px,  #666 0px 2px,
		#666 2px 2px,   #666 -2px 2px,
		#666 2px -2px,  #666 -2px -2px,
		#666 1px 2px,   #666 -1px 2px,
		#666 1px -2px,  #666 -1px -2px,
		#666 2px 1px,   #666 -2px 1px,
		#666 2px -1px,  #666 -2px -1px;
font-family:
		"ヒラギノ明朝 ProN W6",
		"HiraMinProN-W6",
		"HG明朝E",
		"ＭＳ Ｐ明朝",
		"MS PMincho",
		"MS 明朝",
		serif;
}

/* mainVisual
-------------------------------- */
#mainVisual,
#slideWrap,
#mainImageBlock,
#mainImageBlock.oneType,
#mainImageBlock.oneType,
#mainImageBlock ul,
#mainImageBlock ul li,
#mainImageBlock .bx-wrapper {
	height: 340px;
}
#mainVisual {
	position: relative;
	width: 100%;
	height: 340px;
	overflow: hidden;
}
#mainVisual #slideWrap {
	position: absolute;
	left: 50%;
	width: 3000px;
	margin-left: -1500px;
}
#mainImageBlock .bx-wrapper {
	width: 3000px;
	overflow: hidden;
}
#mainImageBlock .bx-wrapper .bx-viewport {
	left: 0;
	background: #ffffff;
	border: none;
	box-shadow: none;
}

#mainImageBlock .bx-wrapper .bx-pager {
	position: relative;
	right: 35%;
	bottom: 34px;
	display: block;
	float: right;
	width: auto;
	height: 30px;
	margin: -300px auto;
	padding: 0 10px;
	background-color: rgba(0, 0, 0, 0.3);
}
#mainImageBlock .bx-wrapper .bx-pager .bx-pager-item {
	float: left;
	padding-top: 7px;
}
#mainImageBlock .bx-wrapper .bx-pager .bx-pager-item a {
	display: block;
	width: 12px;
	height: 12px;
	margin: 2px 10px 0;
	background-color: #dddddd;
	border-radius: 50%;
	line-height: 30px;
}
#mainImageBlock .bx-wrapper .bx-pager .bx-pager-item .active {
	width: 16px;
	height: 16px;
	margin-top: 0;
	background-color: #de9a1d;
	border-radius: 50%;
}
#mainImageBlock .bx-wrapper .bx-controls-direction a {
	top: 0;
	width: 1000px;
	height: 340px;
	margin-top: 0;
	z-index: 3;
}
#mainImageBlock .bx-wrapper .bx-prev {
	left: 50%;
	margin-left: -1500px;
	background: rgba(0, 0, 0, 0.2) url(/img/index_ic10.png) no-repeat 98% 50%;
}
#mainImageBlock .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -1500px;
	background: rgba(0, 0, 0, 0.2) url(/img/index_ic09.png) no-repeat right 98% top 50%;
	transition-duration: 0s;
}
#mainImageBlock .bx-wrapper .bx-prev:hover {
	left: 50%;
	margin-left: -1500px;
	background: rgba(0, 0, 0, 0.05) url(/img/index_ic10.png) no-repeat 98% 50%;
	transition-duration: 0s;
}
#mainImageBlock .bx-wrapper .bx-next:hover {
	right: 50%;
	margin-right: -1500px;
	background: rgba(0, 0, 0, 0.05) url(/img/index_ic09.png) no-repeat right 98% top 50%;
}
#mainImageBlock .bx-wrapper .bx-controls-auto {
	bottom: 300px;
	right: 33.5%;
}

#top_cb_contents {
	display: none;
	padding: 30px;
}
.cb_active #top_cb_contents {
	display: block;
}

/* emergencyInfo
-------------------------------- */
.emergencyInfo {
	width: 1000px;
	margin: 2em auto 0;
	padding: 15px;
	border: solid 3px #ef4136;
}
.emergencyInfo + * {
	margin-top: 2em;
}
.emergencyInfo > *:first-child,
.emergencyInfo > .text > *:first-child {
	margin-top: 0;
}
.emergencyInfo .title {
	padding-bottom: 0.3em;
	border-bottom: solid 2px #ef4136;
	font-weight: bold;
	font-size: 1.429em;
	line-height: 1.4;
}
.emergencyInfo > .text {
	margin-top: 1em;
}
/* indexBtnColumn01
-------------------------------- */
.indexBtnColumn01 {
	width: 1000px;
	margin: 0 auto;
}
.indexBtnColumn01 .leftBlock {
	float: left;
	width: 490px;
	padding-bottom: 2px;
	border-right: solid 1px #dddddd;
}
.indexBtnColumn01 .leftBlock ul {
	margin-top: 12px;
}
.indexBtnColumn01 .rightBlock {
	float: right;
	width: 510px;
	padding-bottom: 2px;
	padding-left: 30px;
}
.indexBtnColumn01 .leftBlock ul + ul {
	margin-top: 10px;
}
.indexBtnColumn01 .leftBlock ul + ul li a {
	width: 462px;
	padding: 0.5em 0;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
	color: #333333;
}
.indexBtnColumn01 .rightBlock ul {
	margin-top: 35px;
}
.indexBtnColumn01 .rightBlock ul + ul {
	margin-top: 10px;
}
.indexBtnColumn01 .rightBlock ul + ul li {
	float: left;
	margin-right: 10px;
}
.indexBtnColumn01 .rightBlock ul + ul li:nth-child(2n) {
	margin-right: 0;
}
.indexBtnColumn01 .rightBlock ul + ul li a {
	width: 235px;
	padding: 0.4em 0;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
	color: #333333;
}
.indexBtnColumn01 .heading {
	position: relative;
	font-weight: bold;
	color: #bd1212;
}
.indexBtnColumn01 .heading:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	margin-right: 3px;
	background: url(/common/img/com_bg01.png) no-repeat -17px -63px;
	vertical-align: middle;
}
.indexBtnColumn01 .logOn,
.indexBtnColumn01 .account,
.indexBtnColumn01 .hojinLogOn {
	float: left;
}
.indexBtnColumn01 .account {
	margin: 0 10px;
}
.indexBtnColumn01 .hojinLogOn {
	padding-left: 10px;
	border-left: solid 1px #dddddd;
}
.indexBtnColumn01 .logOn a {
	display: inline-block;
	width: 170px;
	min-height: 90px;
	padding: 1em 0;
	background-color: #ffb122;
	border-top: solid 1px #ffb122;
	border-bottom: solid 1px #de9a1d;
	border-radius: 5px;
	box-shadow: 0 1px 0 #b47c18;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	line-height: 1.4;
	text-decoration: none;
}
.logOn a:hover,
.account a:hover,
.account02 a:hover,
.hojinLogOn a:hover,
.account02 a:hover,
.notice a:hover,
.coming a:hover,
.order a:hover,
.commission a:hover,
.interest a:hover,
.exchange a:hover,
.balance a:hover,
.faq a:hover,
.tenpo a:hover,
.market a:hover,
.seminar a:hover,
.showAllBtn a:hover,
.inquiry a:hover{
	opacity:0.8;
}
.indexBtnColumn01 .logOn a:hover,
.indexBtnColumn01 .logOn a:hover span {
	text-decoration: underline;
}
.indexBtnColumn01 .logOn a span {
	position: relative;
	display: inline-block;
	font-size: 24px;
}
.indexBtnColumn01 .logOn a span.sync_sent {
	font-size: 16px;
}
.indexBtnColumn01 .logOn a span:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 20px;
	margin-right: 8px;
	background: url(/common/img/com_bg01.png) no-repeat -37px -61px;
	vertical-align: middle;
}
.indexBtnColumn01 .account a {
	display: inline-block;
	width: 130px;
	min-height: 90px;
	padding: 0.5em 0;
	background-color: #bd1212;
	border-top: solid 1px #bd1212;
	border-bottom: solid 1px #a81010;
	border-radius: 5px;
	box-shadow: 0 1px 0 #8f0d0d;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
}
.indexBtnColumn01 .account a:hover {
	text-decoration: underline;
}
.indexBtnColumn01 .account a:before {
	content: "";
	display: block;
	width: 28px;
	height: 30px;
	margin: 3px auto 0;
	background: url(/common/img/com_bg01.png) no-repeat -431px -57px;
}
.indexBtnColumn01 .hojinLogOn a {
	display: block;
	width: 130px;
	min-height: 90px;
	padding: 0.5em 0;
	background-color: #337194;
	border-bottom: solid 1px #27556f;
	border-radius: 5px;
	box-shadow: 0 1px 0 #27556f;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 1.4;
}
.indexBtnColumn01 .hojinLogOn a:hover {
	text-decoration: underline;
}
.indexBtnColumn01 .hojinLogOn a:before {
	content: "";
	display: block;
	width: 27px;
	height: 24px;
	margin: 5px auto;
	background: url(/common/img/com_bg01.png) no-repeat -399px -57px;
	vertical-align: middle;
}
.indexBtnColumn01 .leftBlock .balance a span:hover,
.indexBtnColumn01 .rightBlock .faq a span:hover,
.indexBtnColumn01 .rightBlock .tenpo a  span:hover {
	text-decoration:underline;
}
.indexBtnColumn01 li a {
	position: relative;
	display: block;
	padding: 0.8em 0;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}
.indexBtnColumn01 li a:hover {
	text-decoration: underline;
}
.indexBtnColumn01 .balance a span {
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-align: left;
}
.indexBtnColumn01 .balance a span:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 12px;
	margin-right: 5px;
	background: url(/common/img/com_bg01.png) no-repeat 0 -14px;
}
.indexBtnColumn01 .faq a span {
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-align: left;
}
.indexBtnColumn01 .faq a span:before {
	content: "";
	position: absolute;
	left: -22px;
	top: 50%;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-top: -10px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -162px -60px;
}
.indexBtnColumn01 .rightBlock .tenpo a {
	background-color: #fffce8;
}
.indexBtnColumn01 .tenpo a span {
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-align: left;
}
.indexBtnColumn01 .tenpo a span:before {
	content: "";
	position: absolute;
	left: -26px;
	top: 50%;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -11px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -346px -32px;
}
.indexBtnColumn01 .commission,
.indexBtnColumn01 .interest,
.indexBtnColumn01 .atm,
.indexBtnColumn01 .exchange,
.indexBtnColumn01 .account02 {
	float: left;
}
.indexBtnColumn01 .interest,
.indexBtnColumn01 .atm,
.indexBtnColumn01 .exchange,
.indexBtnColumn01 .account02 {
	margin-left: 10px;
}
.indexBtnColumn01 .commission a,
.indexBtnColumn01 .interest a,
.indexBtnColumn01 .exchange a {
	width: 112px;
	background-color: #fffce8;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
}
.indexBtnColumn01 .commission a:before {
	content: "";
	display: block;
	width: 32px;
	height: 28px;
	margin: 10px auto;
	background: url(/common/img/com_bg01.png) no-repeat -70px -59px;
}
.indexBtnColumn01 .interest a:before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	margin: 10px auto;
	background: url(/common/img/com_bg01.png) no-repeat -105px -60px;
}
.indexBtnColumn01 .exchange a:before {
	content: "";
	display: block;
	width: 32px;
	height: 28px;
	margin: 10px auto;
	background: url(/common/img/com_bg01.png) no-repeat -434px -202px;
}
.indexBtnColumn01 .account02 a {
	width: 112px;
	height: 89px;
	background-color: #bd1212;
	box-shadow: 0 2px 0 #8f0d0d;
	border-radius: 5px;
	color: #ffffff;
}
.indexBtnColumn01 .account02 a:before {
	content: "";
	display: block;
	width: 28px;
	height: 30px;
	margin: 10px auto;
	background: url(/common/img/com_bg01.png) no-repeat -431px -57px;
}

/* indexInfoColumn01
-------------------------------- */
.indexInfoColumn01 {
	margin-top: 20px;
	padding: 12px 0;
	background-color: #f5f5f5;
}
.indexInfoColumn01 > .inner {
	width: 1000px;
	margin: 0 auto;
}
.indexInfoColumn01 .leftBlock {
	float: left;
	width: 775px;
}
.indexInfoColumn01 .rightBlock {
	float: right;
	width: 210px;
}
.indexInfoColumn01 .infoBox {
	background-color: #ffffff;
	border: solid 1px #bd1212;
}
.indexInfoColumn01 .infoBox dt {
	float: left;
	padding: 5px 10px;
	font-weight: bold;
	color: #bd1212;
}
.indexInfoColumn01 .infoBox dt:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 19px;
	margin-right: 8px;
	background: url(/common/img/com_bg01_02.png) no-repeat -78px 0;
	vertical-align: middle;
}
.indexInfoColumn01 .infoBox dd {
	position: relative;
	overflow: hidden;
	padding: 5px;
}
.indexInfoColumn01 .infoBox dd ul,
.indexInfoColumn01 .infoBox dd ul li {
	margin-top: 0;
}
.indexInfoColumn01 .infoBox dd ul li a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0;
	padding-right: 5em;
}
.indexInfoColumn01 .infoBox dd ul li a[target="_blank"] {
	padding-left: 20px;
}
.indexInfoColumn01 .infoBox dd ul li a[href$=".pdf"],
.indexInfoColumn01 .infoBox dd ul li a[href$=".xls"],
.indexInfoColumn01 .infoBox dd ul li a[href$=".doc"] {
	padding-left: 15px;
}
.indexInfoColumn01 .infoBox dd ul li a[target="_blank"]:after,
.indexInfoColumn01 .infoBox dd ul li a[href$=".pdf"]:after,
.indexInfoColumn01 .infoBox dd ul li a[href$=".xls"]:after,
.indexInfoColumn01 .infoBox dd ul li a[href$=".doc"]:after {
	display: none;
}
.indexInfoColumn01 .infoBox dd ul li a[target="_blank"]:before {
	width: 14px;
	background-position: 0 -88px;
}
.indexInfoColumn01 .infoBox dd ul li a[href$=".pdf"]:before {
	width: 12px;
	background-position: -16px -88px;
}
.indexInfoColumn01 .infoBox dd ul li a[href$=".xls"]:before,
.indexInfoColumn01 .infoBox dd ul li a[href$=".xlsx"]:before {
	width: 12px;
	background-position: -29px -88px;
}
.indexInfoColumn01 .infoBox dd ul li a[href$=".doc"]:before,
.indexInfoColumn01 .infoBox dd ul li a[href$=".docx"]:before {
	width: 12px;
	background-position: -42px -88px;
}
.indexInfoColumn01 .infoBox .bx-wrapper .bx-viewport {
	left: 0;
	border: none;
	box-shadow: none;
}
.indexInfoColumn01 .infoBox .bx-wrapper .bx-prev,
.indexInfoColumn01 .infoBox .bx-wrapper .bx-next {
	position: absolute;
	top: 3px;
	margin-top: 0;
	z-index: 10;
}
.indexInfoColumn01 .infoBox .bx-wrapper .bx-prev {
	right: 35px;
	left: auto;
}
.indexInfoColumn01 .infoBox .bx-wrapper .bx-next {
	right: 4px;
}
.indexInfoColumn01 .infoBox .bx-prev,
.indexInfoColumn01 .infoBox .bx-next {
	position: relative;
	display: block;
	width: 30px;
	height: 16px;
	background: #777777;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.indexInfoColumn01 .infoBox .bx-prev:before,
.indexInfoColumn01 .infoBox .bx-next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: url(/common/img/com_bg01.png) no-repeat -18px -17px;
}
.indexInfoColumn01 .infoBox .bx-prev:before {
	-webkit-transform: rotate(180deg);  
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.indexInfoColumn01 .notice {
	margin-top: 0;
}
.indexInfoColumn01 .notice a {
	position: relative;
	display: block;
	padding: 0.7em 1em 0.5em 5.5em;
	background-color: #777777;
	box-shadow: 0 2px 0 #5a5959;
	border-radius: 5px;
	font-weight: bold;
	font-size: 0.929em;
	color: #ffffff;
	line-height: 1.4;
	text-decoration: none;
}
.indexInfoColumn01 .notice a:hover {
	text-decoration: underline;
}
.indexInfoColumn01 .notice a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 3.5em;
	display: inline-block;
	width: 16px;
	height: 21px;
	margin-top: -11px;
	background: url(/common/img/com_bg01.png) no-repeat -19px -25px;
}

/* indexBtnColumn02
-------------------------------- */
.indexBtnColumn02 {
	width: 1000px;
	margin: 30px auto 0;
}
.indexBtnColumn02 .leftBlock {
	float: left;
}
.indexBtnColumn02 .rightBlock {
	float: right;
}
.indexBtnColumn02 ul li {
	float: left;
}
.indexBtnColumn02 ul li a {
	text-decoration: none;
}
.indexBtnColumn02 ul li a:hover {
	text-decoration: underline;
}
.indexBtnColumn02 ul li.market a,
.indexBtnColumn02 ul li.seminar a {
	position: relative;
	display: block;
	width: 190px;
	padding: 0.5em 1em 0.5em 2.8em;
	background-color: #ffffff;
	border: solid 1px #e3e2e2;
	box-shadow: 0 1px 0 #a7a6a6;
	font-size: 1.143em;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.indexBtnColumn02 ul li.seminar a {
	border-left: none;
}
.indexBtnColumn02 ul li.market a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.2em;
	display: inline-block;
	width: 22px;
	height: 20px;
	margin-top: -10px;
	background: url(/common/img/com_bg01.png) no-repeat -267px -60px;
}
.indexBtnColumn02 ul li.seminar a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8em;
	display: inline-block;
	width: 23px;
	height: 23px;
	margin-top: -12px;
	background: url(/common/img/com_bg01.png) no-repeat -119px -35px;
}
.indexBtnColumn02 .order,
.indexBtnColumn02 .inquiry {
	margin-left: 5px;
}
.indexBtnColumn02 .coming a,
.indexBtnColumn02 .order a,
.indexBtnColumn02 .inquiry a {
	position: relative;
	display: block;
	width: 195px;
	padding: 0.6em 1em 0.6em 2.8em;
	background-color: #d67878;
	box-shadow: 0 2px 0 #a25a5a;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1.143em;
	color: #ffffff;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}
.indexBtnColumn02 .coming a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 2.6em;
	display: inline-block;
	width: 20px;
	height: 24px;
	margin-top: -14px;
	background: url(/common/img/com_bg01.png) no-repeat -343px -58px;
}
.indexBtnColumn02 .order a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.5em;
	display: inline-block;
	width: 19px;
	height: 14px;
	margin-top: -7px;
	background: url(/common/img/com_bg01.png) no-repeat -147px -38px;
}
.indexBtnColumn02 .inquiry a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1.2em;
	display: inline-block;
	width: 15px;
	height: 18px;
	margin-top: -9px;
	background: url(/common/img/com_bg01.png) no-repeat -171px -36px;
}

/* indexSearchColumn
-------------------------------- */
.indexSearchColumn {
	position: relative;
	width: 1000px;
	margin: 30px auto 0;
}
.indexSearchColumn > .prev,
.indexSearchColumn > .next {
	position: absolute;
	top: 94px;
	margin-top: 0;
}
.indexSearchColumn > .prev {
	left: -13px;
}
.indexSearchColumn > .next {
	right: -13px;
}
.indexSearchColumn > .prev a,
.indexSearchColumn > .next a {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background-color: #777777;
	border-radius: 5px;
	box-shadow: 0 2px 0 #5a5959;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.indexSearchColumn > .prev a:before,
.indexSearchColumn > .next a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 11px;
	height: 17px;
	margin: -8px 0 0 -5px;
	background: url(/common/img/com_bg01.png) no-repeat -24px -28px;
}
.indexSearchColumn > .prev a:before {
	-webkit-transform: rotate(180deg);  
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.indexSearchColumn .fourColumn + .fourColumn {
	margin-top: 0.8em;
}
.indexSearchColumn .fourColumn + .detailsBox > *:first-child {
	margin-top: 0;
}
.indexSearchColumn .searchTopBlock {
	padding: 25px;
	background-color: #fffce8;
}
.indexSearchColumn .searchTopBlock .heading {
	float: left;
	margin-right: 20px;
	font-weight: bold;
	font-size: 1.857em;
	line-height: 34px;
}
.indexSearchColumn .searchTopBlock .heading:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -191px -33px;
	vertical-align: middle;
}
.indexSearchColumn .searchTopBlock .searchInput {
	overflow: hidden;
	float: left;
	margin-right: 30px;
	background-color: #ffffff;
	border: solid 1px #d2d2d2;
	border-radius: 5px;
}
.indexSearchColumn .searchTopBlock .searchInput .searchText {
	padding: 0 10px;
	width: 470px;
	height: 32px;
	border: none;
}
.indexSearchColumn .searchTopBlock .searchInput .searchButton {
	width: 80px;
	height: 32px;
	background-color: #444444;
	border: none;
	font-weight: bold;
	font-size: 1.286em;
	color: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
}
.indexSearchColumn .searchTopBlock .iconLink01 {
	float: left;
	margin-top: 6px;
}
.indexSearchColumn .productHeading {
	padding: 0.3em 0 0.2em;
	background: #fff3f1;
	border-radius: 3px;
	font-size: 1.286em;
	text-align: center;
	font-weight: bold;
}
.indexSearchColumn .productHeading a {
	color: #000000;
	text-decoration: none;
}
.indexSearchColumn .productHeading a:hover {
	text-decoration: underline;
}
.indexSearchColumn .productHeading + .iconLinkList01 > li {
	display: none;
}
.indexSearchColumn .productHeading + .iconLinkList01 > li:nth-child(-n+5) {
	display: block;
}
.indexSearchColumn .showAllBtn {
	margin-top: 1.5em;
	text-align: center;
}
.indexSearchColumn .showAllBtn a {
	display: inline-block;
	position: relative;
	min-width: 570px;
	padding: 1em 3em 0.9em;
	background-color: #bd1212;
	box-shadow: 0 1px 0 #a7a6a6;
	border-radius: 5px;
	font-size: 1.286em;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}
.indexSearchColumn .showAllBtn a:hover {
	text-decoration: underline;
}
.indexSearchColumn .showAllBtn a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -7px;
	width: 11px;
	height: 17px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -24px -28px;
	vertical-align: middle;
	-webkit-transform: rotate(90deg);  
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.indexSearchColumn .showAllBtn a.open:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -54px -122px;
	vertical-align: middle;
	-webkit-transform: rotate(90deg);  
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.indexSearchColumn .searchTopBlock000 {
	margin-bottom: 25px;
}
.indexSearchColumn .searchTopBlock000 li a:before {
	content: "";
	position: absolute;
	top: 32%;
	left: 50%;
	display: inline-block;
	margin-top: -18px;
	background-image: url(/common/img/com_bg01.png);
	background-repeat: no-repeat;
	text-decoration: underline;
}
.indexSearchColumn .searchTopBlock000 .kariru01 a:before { width: 38px; height: 36px; margin-left: -19px; background-position: 0 -156px;}
.indexSearchColumn .searchTopBlock000 .kariru02 a:before { width: 50px; height: 36px; margin-left: -25px; background-position: -43px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru03 a:before { width: 41px; height: 36px; margin-left: -20px; background-position: -98px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru04 a:before { width: 30px; height: 36px; margin-left: -15px; background-position: -143px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru05 a:before { width: 32px; height: 36px; margin-left: -16px; background-position: -177px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru06 a:before { width: 39px; height: 36px; margin-left: -20px; background-position: -214px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru07 a:before { width: 31px; height: 36px; margin-left: -16px; background-position: -258px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru08 a:before { width: 21px; height: 36px; margin-left: -10px; background-position: -294px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru09 a:before { width: 30px; height: 36px; margin-left: -15px; background-position: -320px -156px;}
.indexSearchColumn .searchTopBlock000 .kariru10 a:before { width: 38px; height: 38px; margin-left: -20px; background-position: -110px -336px;}

.indexSearchColumn .searchTopBlock000 .tameru01 a:before { width: 42px; height: 40px; margin-left: -24px; background-position: -190px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru02 a:before { width: 36px; height: 40px; margin-left: -18px; background-position: -47px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru03 a:before { width: 32px; height: 40px; margin-left: -16px; background-position: -592px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru04 a:before { width: 34px; height: 40px; margin-left: -18px; background-position: -468px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru05 a:before { width: 58px; height: 40px; margin-left: -29px; background-position: -717px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru06 a:before { width: 32px; height: 40px; margin-left: -16px; background-position: -194px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru07 a:before { width: 51px; height: 40px; margin-left: -26px; background-position: -664px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru08 a:before { width: 35px; height: 40px; margin-left: -18px; background-position: -627px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru09 a:before { width: 41px; height: 40px; margin-left: -20px; background-position: -506px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru10 a:before { width: 35px; height: 40px; margin-left: -18px; background-position: -227px -197px;}
.indexSearchColumn .searchTopBlock000 .tameru14 a:before { width: 60px; height: 42px; margin-left: -30px; background-image:  url(/common/img/img_tameru14_ico.png);}

.indexSearchColumn .searchTopBlock000 .sonaeru01 a:before { width: 36px; height: 42px; margin-left: -20px; background-position: -497px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru02 a:before { width: 39px; height: 42px; margin-left: -20px; background-position: -59px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru03 a:before { width: 54px; height: 42px; margin-left: -27px; background-position: 0 -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru04 a:before { width: 38px; height: 42px; margin-left: -19px; background-position: -144px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru05 a:before { width: 26px; height: 42px; margin-left: -13px; background-position: -187px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru06 a:before { width: 32px; height: 42px; margin-left: -16px; background-position: -219px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru07 a:before { width: 34px; height: 42px; margin-left: -16px; background-position: -460px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru08 a:before { width: 35px; height: 42px; margin-left: -19px; background-position: -422px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru09 a:before { width: 25px; height: 42px; margin-left: -13px; background-position: -339px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru10 a:before { width: 48px; height: 42px; margin-left: -24px; background-position: -369px -242px;}
.indexSearchColumn .searchTopBlock000 .sonaeru11 a:before { width: 40px; height: 42px; margin-left: -20px; background-position: -108px -332px;}
.indexSearchColumn .searchTopBlock000 .sonaeru12 a:before { width: 40px; height: 42px; margin-left: -19px; background-image:  url(/common/img/img_sonaeru12_ico.png); top: 30px;}
.indexSearchColumn .searchTopBlock000 .sonaeru13 a:before { width: 65px; height: 42px; margin-left: -39px; background-image:  url(/common/img/img_sonaeru13_ico.png); top: 35px;}
.indexSearchColumn .searchTopBlock000 .sonaeru14 a:before { width: 40px; height: 42px; margin-left: -19px; background-image:  url(/common/img/img_sonaeru14_ico.png);}
.indexSearchColumn .searchTopBlock000 .sonaeru17 a:before { width: 42px; height: 42px; margin-left: -19px; background-image:  url(/common/img/img_sonaeru30_ico.png);}
.indexSearchColumn .searchTopBlock000 .sonaeru18 a:before { width: 42px; height: 42px; margin-left: -19px; background-image:  url(/common/img/img_sonaeru19_ico.png);}
.indexSearchColumn .searchTopBlock000 .sonaeru20 a:before { width: 40px; height: 44px; margin-left: -19px; background-image:  url(/common/img/img_sonaeru20_ico.png);}

.indexSearchColumn .searchTopBlock000 .benri01 a:before { width: 47px; height: 42px; margin-left: -24px; background-position: 0 -289px;}
.indexSearchColumn .searchTopBlock000 .benri02 a:before { width: 43px; height: 42px; margin-left: -22px; background-position: -52px -289px;}
.indexSearchColumn .searchTopBlock000 .benri03 a:before { width: 60px; height: 42px; margin-left: -30px; background-position: -100px -289px;}
.indexSearchColumn .searchTopBlock000 .benri04 a:before { width: 29px; height: 42px; margin-left: -16px; background-position: -424px -283px;}
.indexSearchColumn .searchTopBlock000 .benri05 a:before { width: 44px; height: 42px; margin-left: -22px; background-position: -215px -289px;}
.indexSearchColumn .searchTopBlock000 .benri06 a:before { width: 36px; height: 42px; margin-left: -18px; background-position: -264px -289px;}
.indexSearchColumn .searchTopBlock000 .benri07 a:before { width: 45px; height: 42px; margin-left: -23px; background-position: -215px -289px;}
.indexSearchColumn .searchTopBlock000 .benri08 a:before { width: 32px; height: 42px; margin-left: -16px; background-position: -354px -289px;}
.indexSearchColumn .searchTopBlock000 .benri09 a:before { width: 37px; height: 42px; margin-left: -20px; background-position: -458px -289px;}
.indexSearchColumn .searchTopBlock000 .benri10 a:before { width: 45px; height: 42px; margin-left: -23px; background-position: -165px -289px;}
.indexSearchColumn .searchTopBlock000 .benri11 a:before { width: 42px; height: 40px; margin-left: -24px; background-position: -190px -197px;}
.indexSearchColumn .searchTopBlock000 .benri12 a:before { width: 48px; height: 42px; margin-left: -23px; background-position: -497px -289px;}
.indexSearchColumn .searchTopBlock000 .benri13 a:before { width: 36px; height: 42px; margin-left: -20px; background-position: -550px -289px;}
.indexSearchColumn .searchTopBlock000 .benri14 a:before { width: 36px; height: 42px; margin-left: -20px; background-position: -580px -293px;}
.indexSearchColumn .searchTopBlock000 .benri16 a:before { width: 38px; height: 42px; margin-left: -16px; background-position: -218px -250px;}
.indexSearchColumn .searchTopBlock000 .benri17 a:before { width: 40px; height: 42px; margin-left: -19px; background-image:  url(/common/img/img_benri17_ico.gif); top: 30px;}
.indexSearchColumn .searchTopBlock000 .benri18 a:before { width: 35px; height: 42px; margin-left: -19px; background-position: -422px -242px;}


.indexSearchColumn .searchTopBlock000 li {
	position: relative;
	float: left;
	display: table;
	margin: 8px 0 0 8px;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	border-radius: 5px;
	box-shadow: 1px 1px 1px #a7a6a6;
}
.indexSearchColumn .searchTopBlock000 li a {
	position: relative;
	display: table-cell;
	width: 244px;
	height: 80px;
	padding: 60px 0 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,	#ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,	#ffffff 0%,#eeeeee 100%);
	font-weight: bold;
	font-size: 1.143em;
	color: #333333;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
}
.indexSearchColumn .searchTopBlock000 li a:hover {
	background: #fde5e3;
}

/* indexBgColumn01
-------------------------------- */
.indexBgColumn01 {
	margin-top: 40px;
	padding: 40px 0;
	background-color: #fffce8;
}
.indexBgColumn01 > .inner {
	width: 1000px;
	margin: 0 auto;
}
.indexBgColumn01 .leftBlock {
	float: left;
	width: 570px;
}
.indexBgColumn01 .rightBlock {
	float: right;
	width: 320px;
}
.indexBgColumn01 .leftBlock > section:first-child > *:first-child,
.indexBgColumn01 .rightBlock > section:first-child > *:first-child {
	margin-top: 0;
}
.indexBgColumn01 .heading {
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.286em;
}
.indexBgColumn01 .heading + * {
	margin-top: 10px;
}
.indexBgColumn01 .heading.icon01:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -218px -37px;
	vertical-align: middle;
}
.indexBgColumn01 .heading.icon02:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 18px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -247px -35px;
	vertical-align: middle;
}
.indexBgColumn01 .heading.icon03:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 20px;
	margin-right: 10px;
	background: url(/common/img/com_bg01.png) no-repeat -278px -34px;
	vertical-align: middle;
}
.indexBgColumn01 .linkBox01 {
	overflow: hidden;
	position: relative;
	border-radius: 3px;
}
.indexBgColumn01 .linkBox01 > a {
	padding: 0;
}
.indexBgColumn01 .linkBox01 > a > figure {
	margin: 0;
}
.indexBgColumn01 .linkBox01 .text {
	position: absolute;
	bottom: 0;
	left: 0;
	display: table;
	width: 100%;
	margin-top: 0;
	background-color: #ffffff;
	line-height: 1.4;
}
.indexBgColumn01 .linkBox01 .text > p {
	display: table-cell;
	height: 3.5em;
	padding: 0 0.5em;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #555555;
}
.indexBgColumn01 .linkBox01 > a > .text span {
	display: block;
	padding-right: 1em;
}
.indexBgColumn01 .linkBox01 > a > .text span:before {
	top: 50%;
	left: 0;
	margin-top: -7px;
	background-position: -125px 0;
}
.indexBgColumn01 .rightBlock .linkBox01 .text span {
	display: inline-block;
	padding-right: 0;
	font-size: 1.143em;
}
.indexBgColumn01 .rightBlock .btnLink01 a {
	min-width: 0;
	background-color: #777777;
	border: none;
	font-weight: bold;
	color: #ffffff;
}
.indexBgColumn01 .rightBlock .btnLink01 a:hover {
	text-decoration: underline;
}
.indexBgColumn01 .rightBlock .btnLink01 a span {
	padding: 0.5em 1em 0.5em 2.5em;
}
.indexBgColumn01 .rightBlock .btnLink01 a span:before {
	background-position: -22px 0;
}
.indexBgColumn01 .linkBox02 {
	margin-top: 30px;
}
.indexBgColumn01 .linkBox02 a {
	display: table;
	width: 100%;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	box-shadow: 0 1px 0 #dedede;
	color: #333333;
	text-decoration: none;
}
.indexBgColumn01 .linkBox02 a figure {
	display: table-cell;
	width: 118px;
	background-color: #fff;
	vertical-align: middle;
}
.indexBgColumn01 .linkBox02 a .text {
	position: relative;
	display: table-cell;
	padding-left: 1.2em;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.indexBgColumn01 .linkBox02 a em {
	display: block;
	font-weight: bold;
	color: #86bc1c;
}
.indexBgColumn01 .linkBox02 a em .sync_sent {
	font-size: 14px;
}
.indexBgColumn01 .linkBox02 a span {
	padding-right: 0;
	font-weight: bold;
	font-size: 1.571em;
}
.indexBgColumn01 .linkBox02 a span .sync_sent {
	font-size: 22px;
}
.indexBgColumn01 .linkBox02 a:hover span {
	color: #ef4136;
}
.indexBgColumn01 .linkBox02 a .text > p {
	position: relative;
	margin-top: 0;
}
.indexBgColumn01 .linkBox02 a .text > p:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -5px;
	display: inline-block;
	width: 10px;
	height: 14px;
	margin-top: -7px;
	background: url(/common/img/com_bg01.png) no-repeat -125px 0;
}
.indexBgColumn01 .banner {
	width: 570px;
	margin: 25px auto 0;
}
.indexBgColumn01 .rightBlock .twoColumn {
	position: relative;
}
.indexBgColumn01 .rightBlock .twoColumn .column {
	height: 119px !important;
	margin-top: 0 !important;
	margin-left: 0;
	box-shadow: 0 1px 0 #dedede;
}
.indexBgColumn01 .rightBlock .bx-wrapper {
	margin-top: 10px !important;
}
.indexBgColumn01 .rightBlock .bx-wrapper .bx-viewport {
	height: 121px !important;
	background: none;
	border: none;
	left: 0;
	box-shadow: none;
}
.indexBgColumn01 .rightBlock .bx-wrapper .twoColumn {
	margin-top: 0;
}
.indexBgColumn01 .rightBlock .bx-wrapper .twoColumn > .column:nth-child(2n+1) {
	clear: none;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-prev {
	left: -40px;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-next {
	right: -40px;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-prev,
.indexBgColumn01 .bx-wrapper .bx-controls .bx-next {
	position: absolute;
	top: 44px;
	display: block;
	width: 28px;
	height: 28px;
	margin-top: 0;
	background: #f4c41c;
	border-radius: 14px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 10;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-prev:before,
.indexBgColumn01 .bx-wrapper .bx-controls .bx-next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 12px;
	background: url(/common/img/com_bg01.png) no-repeat -18px -17px;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-prev:before {
	margin: -6px 0 0 -6px;
	background: url(/common/img/com_bg01.png) no-repeat -13px -106px;
}
.indexBgColumn01 .bx-wrapper .bx-controls .bx-next:before {
	margin: -6px 0 0 -4px;
	background: url(/common/img/com_bg01.png) no-repeat -25px -106px;
}

/* indexInfoColumn02
-------------------------------- */
.indexInfoColumn02 {
	width: 1000px;
	margin: 40px auto 0;
}
.indexInfoColumn02 .newsBlock {
	float: left;
	width: 600px;
	margin-top: 0;
}
.indexInfoColumn02 .campaignBlock {
	float: right;
	width: 360px;
}
.indexInfoColumn02 .tab01 .tabList01 {
	padding: 0 40px 0 0;
}
.indexInfoColumn02 .tab01 .tabList01:before {
	height: 1px;
}
.indexInfoColumn02 .tab01 .tabList01 li {
	width: 33.3%;
}
.indexInfoColumn02 .tab01 .tabList01 li + li {
	margin-left: 0;
	border-left: none;
}
.indexInfoColumn02 .tab01 .tabDetail01 {
	padding-top: 0;
}
.indexInfoColumn02 .tab01 .tabDetail01 > *:first-child {
	margin-top: 0;
}
.indexInfoColumn02 .tab01 .tabDetail01 {
	position: relative;
}
.indexInfoColumn02 .tab01 .tabDetail01 .rssLink {
	position: absolute;
	top: -40px;
	right: 0;
	margin-top: 0;
}
.indexInfoColumn02 .tab01 .tabDetail01 .rssLink a {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.indexInfoColumn02 .tab01 .tabDetail01 .rssLink a:hover {
	opacity: 0.8;
}
.indexInfoColumn02 .tab01 .tabDetail01 .rssLink a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	margin-left: -8px;
	background: url(/common/img/com_bg01.png) no-repeat -299px -36px;
}
.indexInfoColumn02 .newsLinkBlock {
	margin-top: 0;
	padding: 0 20px 20px;
	border-right: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}
.indexInfoColumn02 .newsLinkBlock dl {
	padding: 1em 0 0;
	border: none;
}
.indexInfoColumn02 .newsLinkBlock dl dt {
	float: none;
}
.indexInfoColumn02 .newsLinkBlock dl dd {
	margin: 0.5em 0 0;
}
.indexInfoColumn02 .newsLinkBlock + .btnLink01 {
	margin-top: 1.5em;
}
.indexInfoColumn02 .campaignBlock {
	border-top: solid 2px #b79f00;
}
.indexInfoColumn02 .campaignBlock > *:first-child {
	margin-top: 0;
}
.indexInfoColumn02 .campaignBlock .title {
	padding: 0.5em 1em;
	border-bottom: solid 1px #dddddd;
	font-weight: bold;
	font-size: 1.143em;
	text-align: center;
	color: #b79f00;
}
.indexInfoColumn02 .campaignBlock .newsLinkBlock {
	margin-top: 0;
	padding: 0;
}
.indexInfoColumn02 .campaignList {
	padding-top: 10px;
}
.indexInfoColumn02 .campaignList > .img {
	float: left;
	margin-right: 15px;
}
.indexInfoColumn02 .campaignList > dl {
	overflow: hidden;
	padding-top: 0;
}
.indexInfoColumn02 .campaignList > dl dt {
	margin-top: 0;
}

/* indexInfoColumn03
-------------------------------- */
.indexInfoColumn03 {
	width: 1000px;
	margin: 40px auto 0;
	padding: 25px;
	border: solid 2px #f9b9b5;
}
.indexInfoColumn03 .headingBlock .heading {
	float: left;
	font-weight: bold;
	font-size: 1.429em;
	color: #bd1212;
}
.indexInfoColumn03 .headingBlock .heading:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 19px;
	margin-right: 8px;
	background: url(/common/img/com_bg01_02.png) no-repeat -78px 0;
	vertical-align: middle;	
}
.indexInfoColumn03 .headingBlock .btnLink01 {
	float: right;
	margin-top: 0;
}
.indexInfoColumn03 .headingBlock .btnLink01 a {
	min-width: 0;
	background-color: #777777;
	border: none;
	color: #ffffff;
}
.indexInfoColumn03 .headingBlock .btnLink01 a:hover {
	text-decoration: underline;
}
.indexInfoColumn03 .headingBlock .btnLink01 a span {
	padding: 0.3em 1em 0.3em 2.5em;
}
.indexInfoColumn03 .headingBlock .btnLink01 a span:before {
	background-position: -22px 0;
		-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.indexInfoColumn03 .headingBlock .btnLink01 a span.open:before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.indexInfoColumn03 .heading04 + .iconLinkList01 li {
	display: none;
}
.indexInfoColumn03 .heading04 + .iconLinkList01 li:nth-child(-n+2) {
	display: block;
}
.indexInfoColumn03 .lowerLinkBlock {
	display: none;
	margin-top: 25px;
}
.indexInfoColumn03 .lowerLinkBlock .leftBlock {
	float: left;
	width: 730px;
}
.indexInfoColumn03 .lowerLinkBlock .rightBlock {
	float: right;
	width: 180px;
}
.indexInfoColumn03 .lowerLinkBlock .leftBlock > section:first-child > *:first-child,
.indexInfoColumn03 .lowerLinkBlock .rightBlock > *:first-child {
	margin-top: 0;
}
.indexInfoColumn03 .lowerLinkBlock .bannerList li {
	margin-top: 25px;
}
.indexInfoColumn03 .lowerLinkBlock .bannerList li:first-child {
	margin-top: 0;
}
.indexInfoColumn03 .lowerLinkBlock .bannerList li img {
	border: solid 1px #dddddd;
}

/* indexInfoColumn04
-------------------------------- */
.indexInfoColumn04 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 0px 10px 0px;
	background-color: #f5f5f5;
}
.indexInfoColumn04 > .inner {
	width: 1000px;
	margin: 0 auto;
}
.indexInfoColumn04 .leftBlock {
	float: left;
	width: 1000px;
}
.indexInfoColumn04 .infoBox {
}
.indexInfoColumn04 .infoBox dt {
	float: left;
	padding: 5px 10px;
	font-weight: bold;
	color: #bd1212;
	text-indent: -2.3em;
	margin-left: 2.3em;
}
.indexInfoColumn04 .infoBox dt:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 19px;
	margin-right: 8px;
	background: url(/common/img/com_bg01_02.png) no-repeat -78px 0;
	vertical-align: middle;
}
.indexInfoColumn04 .infoBox p {
	margin-left: 40px;
	margin-top: 0px;
}

/* indexBannerList
-------------------------------- */
.indexBannerList {
	position: relative;
	width: 920px;
	margin: 40px auto 0;
}
.indexBannerList li {
	float: left;
	border: solid 1px #dddddd;
}
.indexBannerList li:first-child {
	margin-left: 0;
}
.indexBannerList .bx-wrapper .bx-viewport {
	left: 0;
	border: none;
	box-shadow: none !important;
}
.indexBannerList li a {
	display: block;
	border: solid 1px #ffffff;
}
.indexBannerList .bx-prev,
.indexBannerList .bx-next {
	position: absolute;
	top: 35px;
	margin-top: 0;
}
.indexBannerList .bx-prev {
	left: -40px;
}
.indexBannerList .bx-next {
	right: -40px;
}
.indexBannerList .bx-prev,
.indexBannerList .bx-next {
	position: relative;
	display: block;
	width: 22px;
	height: 30px;
	background: none;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 10 !important;
}
.indexBannerList .bx-prev:before,
.indexBannerList .bx-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: inline-block;
	width: 22px;
	height: 30px;
	margin-left: -11px;
	background: url(/common/img/com_bg01.png) no-repeat -468px -53px;
}
.indexBannerList .bx-prev:hover:before,
.indexBannerList .bx-next:hover:before {
	background-position: -426px -159px;
}
.indexBannerList .bx-prev:before {
	-webkit-transform: rotate(180deg);  
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* font-size
--------------------------------
10px	0.714em
12px	0.857em
13px	0.929em
14px	1.000em
16px	1.143em
18px	1.286em
20px	1.429em
22px	1.571em
24px	1.714em
30px	2.143em
-------------------------------- */


/* clearfix */
#mainImageBlock ul:after,
.readspeakerWrap:after,
.indexBtnColumn01:after,
.indexBtnColumn01 .leftBlock ul:after,
.indexBtnColumn01 .rightBlock ul:after,
.indexInfoColumn01 > .inner:after,
.indexInfoColumn04 > .inner:after,
.indexBtnColumn02:after,
.indexBtnColumn02 ul:after,
.indexSearchColumn .searchTopBlock:after,
.indexSearchColumn .productList ul:after,
.indexBgColumn01 > .inner:after,
.indexInfoColumn02:after,
.indexInfoColumn02 .campaignList:after,
.indexInfoColumn03 .headingBlock:after,
.indexInfoColumn03 .lowerLinkBlock:after {
	content : "";
	display : block;
	clear : both;
}

