﻿@charset "utf-8";
@import url("/chat/css/chat_multilingual.css");
/*----------------------------------------------------
creation date 2012.6
http://www.sevenbank.co.jp/soukin/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
----------------------------------------------------*/

/*------------------------------------
   base
====================================*/
/* body
------------------------------------*/
body {
	font-size: 12px;
	font-size: 75%\9;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
	color: #333333;
	-webkit-text-size-adjust: none;
}

div#wrapper {}


/* a
------------------------------------*/
a:link {
	text-decoration: none;
	color: #0039dc;
}

a:visited {
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
	color: #6699cc;
}

a.arw {
	padding: 5px 10px 5px 10px;
	background: url(../../shared/image/icon_arrow_r_s.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
}

/*
a:hover img {
opacity:.7;
-ms-filter:"alpha(opacity=70)";
filter:alpha(opacity=70);
}
*/


/*------------------------------------
   layout
====================================*/
/* header
------------------------------------*/
#headerWrap {
	width: 100%;
}

header:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

header {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 5px;
}

@media (max-width: 959px) {
	header {
		width: auto;
		margin: 0 10px;
	}
}

header #site_soukin {
	margin-top: 2px;
	color: #999;
	font-size: 84%;
}

@media (max-width: 519px) {
	header #site_soukin {
		display: none;
	}
}

header #site_soukin span {
	color: #009748;
}

header #site_ttl {
	margin-top: 10px;
	font-size: 140%;
	font-weight: bold;
	color: #333;
}

@media (max-width: 519px) {
	header #site_ttl {
		font-size: 100%;
	}
}

header #site_ttl a {
	color: #333;
	cursor: pointer;
}

header #site_ttl img {
	margin-right: 12px;
}

@media (max-width: 519px) {
	header #site_ttl img {
		width: 120px;
	}
}

header #site_ttl span {
	display: inline-block;
	line-height: 44px;
}

@media (max-width: 519px) {
	header #site_ttl span {
		line-height: 24px;
	}
}

header #headerSub:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

header #headerSub {
	margin-top: 10px;
	*zoom: 1;
}

header #headerSub #copy_soukin {
	float: left;
	color: #999;
	font-size: 84%;
}

@media (max-width: 959px) {
	header #headerSub #copy_soukin {
		display: none;
	}
}

header #headerSub #utility {
	float: right;
}

header #headerSub #contact {
	display: inline-block;
	margin-right: 25px;
	padding-left: 11px;
	font-size: 93%;
	vertical-align: top;
	background: url(../image/icon_arrow_r.png) no-repeat 0 50%;
	*display: inline;
	*zoom: 1;
}

@media (max-width: 519px) {
	header #headerSub #contact {
		/*vertical-align:middle;*/
	}
}

body#agree header #headerSub #contact a:link {
	color: #cc0000;
}

body#agree header #headerSub #contact a:visited {
	color: #cc0000;
}

header #headerSub form {
	display: inline-block;
	font-size: 93%;
	*display: inline;
	*zoom: 1;
}

header #headerSub form label {
	margin-right: 5px;
}


/* content
------------------------------------*/
div#contentWrap {
	padding-top: 30px;
	background-image: url(../../shared/image/bg_contentwrap.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

@media (max-width: 519px) {
	div#contentWrap {
		padding-top: 0;
		background: none;
	}
}

div#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#content {
	width: 960px;
	margin: 0 auto 30px;
}

@media (max-width: 959px) {
	div#content {
		width: auto;
		margin: 0 10px 30px;
	}
}

/* inquiryArea */
#inquiryArea {
	width: 960px;
	margin: 0 auto 20px;
}

#inquiryArea span {
	color: #cc0000;
	cursor: default;
}

@media (max-width: 959px) {
	#inquiryArea {
		width: auto;
		margin: 0 10px 15px;
	}
}

/* notesArea */
#notesArea {
	width: 960px;
	margin: 0 auto;
	font-size: 77%;
}

#notesArea li {
	margin-bottom: 5px;
}

#notesArea li:last-child {
	margin-bottom: 0;
}

@media (max-width: 959px) {
	#notesArea {
		width: auto;
		margin: 0 10px;
	}
}


/* sub
------------------------------------*/
#sub {
	float: left;
	width: 240px;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub {
		width: 25%;
	}
}

@media (max-width: 519px) {
	#sub {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
}

#sub nav {
	width: auto;
}

/* menuTrigger / toggle */
#sub nav dt#menuTrigger {
	display: none;
}

@media (min-width: 520px) {
	#sub nav dd.toggle {
		display: block !important;
	}
}

@media (max-width: 519px) {
	#sub nav dt#menuTrigger {
		display: block;
		padding: 8px 10px;
		font-weight: bold;
		border: 1px solid #CCC;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		background: #ffffff;
		/* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 99%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(99%, #f2f2f2));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 99%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 99%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 99%);
		/* IE10+ */
		background: linear-gradient(top, #ffffff 0%, #f2f2f2 99%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
		/* IE6-9 */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
	}

	#sub nav dt#menuTrigger span {
		padding-left: 18px;
		background-image: url(../../shared/image/icon_arrow_b_s.png);
		background-position: 5px 5px;
		background-repeat: no-repeat;
	}

	#sub nav dt#menuTrigger.open span {
		background-image: url(../../shared/image/icon_menu_close.gif);
		background-position: 0 0;
		display: inline-block;
		min-height: 15px;
	}

	#sub nav dd.toggle {
		display: none;
		padding: 10px;
		background-color: #DDD;
	}
}

/* agree */
#sub nav .agree {
	margin-bottom: 2px;
	border-right: solid 1px #b0620b;
	border-bottom: solid 1px #b0620b;
	background: #ffa709;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffa709 0%, #ff7e14 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa709), color-stop(100%, #ff7e14));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa709 0%, #ff7e14 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa709 0%, #ff7e14 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa709 0%, #ff7e14 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffa709 0%, #ff7e14 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa709', endColorstr='#ff7e14', GradientType=0);
	/* IE6-9 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav .agree a {
	display: block;
	padding: 22px 5px 23px 70px;
	min-height: 43px;
	height: auto !important;
	height: 43px;
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	background: url(../image/img_agree.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

@media (max-width: 959px) {
	#sub nav .agree a {
		padding: 20px 15px;
		height: auto !important;
		min-height: 25px;
		background: none;
	}
}

@media (max-width: 519px) {
	#sub nav .agree a {
		padding: 0 5px 0 40px;
		height: 44px !important;
		min-height: 12px;
		font-size: 100%;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		background: url(../../shared/image/icon_r_arrow_r.png) !important;
		background-position: 6px 8px !important;
		background-repeat: no-repeat !important;
	}
}

/* recipient */
#sub nav .recipient {
	margin-bottom: 2px;
	border-right: solid 1px #056931;
	border-bottom: solid 1px #006732;
	background: #67ac2c;
	/* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3YWMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk3NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #67ac2c 0%, #009749 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67ac2c), color-stop(100%, #009749));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #67ac2c 0%, #009749 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #67ac2c 0%, #009749 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #67ac2c 0%, #009749 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #67ac2c 0%, #009749 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67ac2c', endColorstr='#009749', GradientType=0);
	/* IE6-9 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav .recipient a {
	display: block;
	padding: 22px 5px 23px 70px;
	min-height: 43px;
	height: auto !important;
	height: 43px;
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	background: url(../image/img_recipient.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

@media (max-width: 959px) {
	#sub nav .recipient a {
		padding: 20px 15px;
		height: auto !important;
		min-height: 25px;
		background: none;
	}
}

@media (max-width: 519px) {
	#sub nav .recipient a {
		padding: 0 5px 0 40px;
		height: 44px !important;
		min-height: 12px;
		font-size: 100%;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		background: url(../../shared/image/icon_r_arrow_r.png) !important;
		background-position: 6px 8px !important;
		background-repeat: no-repeat !important;
	}
}


/* webSoukin */
#sub nav .webSoukin {
	margin-bottom: 2px;
	border-right: solid 1px #A6230B;
	border-bottom: solid 1px #A4220B;
	background: #f4674f;
	/* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0Njc0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTMyMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f4674f 0%, #f13210 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4674f), color-stop(100%, #f13210));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4674f 0%, #f13210 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4674f 0%, #f13210 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4674f 0%, #f13210 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f4674f 0%, #f13210 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4674f', endColorstr='#f13210', GradientType=0);
	/* IE6-9 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav .webSoukin a {
	display: block;
	padding: 33px 5px 33px 70px;
	min-height: 22px;
	height: auto !important;
	height: 18px;
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	background: url(../image/img_websoukin.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

@media (max-width: 959px) {
	#sub nav .webSoukin a {
		padding: 20px 15px;
		height: auto !important;
		min-height: 25px;
		background: none;
	}
}

@media (max-width: 519px) {
	#sub nav .webSoukin a {
		padding: 0 5px 0 40px;
		height: 44px !important;
		min-height: 12px;
		font-size: 100%;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		background: url(../../shared/image/icon_r_arrow_r.png) !important;
		background-position: 6px 8px !important;
		background-repeat: no-repeat !important;
	}
}


#sub nav .webSoukin a span {
	vertical-align: middle;
}

#sub nav .webSoukin a span.icn {
	width: 80%;
	margin-right: 0px;
	padding-right: 20px;
	background: url(../image/icon_new_win_01.png) no-repeat right center;
}

@media (max-width: 519px) {
	#sub nav .webSoukin a span.icn {
		width: 85%;
	}
}

#sub nav .webSoukin a span.set {
	width: 0;
	height: 90px;
}

@media (max-width: 959px) {
	#sub nav .webSoukin a span.set {
		width: 0;
		height: auto;
	}
}


/* menu */
#sub nav ul.menu {
	margin-bottom: 20px;
}

#sub nav ul.menu>li {
	margin-bottom: 5px;
	border-top: 1px solid #EEE;
	border-right: 1px solid #A4A4A4;
	border-bottom: 1px solid #A4A4A4;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	/* IE6-9 */
}

#sub nav ul.menu>li span {
	display: block;
	padding: 10px 10px 10px 62px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li span {
		padding: 10px 10px 10px 44px;
		min-height: 24px;
		height: auto !important;
	}
}

#sub nav ul.menu>li.service span {
	background: url(../../shared/image/nav_service.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.service span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li.sendmoney span {
	background: url(../../shared/image/nav_sendmoney.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.sendmoney span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li.pickup span {
	background: url(../../shared/image/nav_pickup.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.pickup span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li.location span {
	background: url(../../shared/image/nav_location.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.location span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li.charge span {
	background: url(../../shared/image/nav_charge.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.charge span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li.fx span {
	background: url(../../shared/image/nav_fx.png);
	background-position: 5px 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li.fx span {
		-moz-background-size: 30px auto;
		-webkit-background-size: 30px auto;
		background-size: 30px auto;
	}
}

#sub nav ul.menu>li span a {
	display: block;
}

#sub nav ul.menu li ul {
	border-top: 1px dotted #A4A4A4;
}

#sub nav ul.menu li ul li {
	padding-left: 42px;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu li ul li {
		padding-left: 24px;
	}
}

#sub nav ul.menu li ul li a {
	display: block;
	padding: 5px 10px 5px 20px;
	background: url(../../shared/image/icon_arrow_r_s.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
}

@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu a {
		word-break: break-all;
		word-wrap: break-word;
	}
}

@media (max-width: 519px) {
	#sub nav ul.menu {
		margin-bottom: 10px;
	}

	#sub nav ul.menu>li {
		margin-bottom: 1px;
		border: 1px solid #CCC;
		background: #FFF;
	}

	#sub nav ul.menu>li span {
		display: block;
		padding: 5px 5px 5px 28px;
		min-height: 12px;
		height: auto !important;
		background: url(../../shared/image/icon_r_arrow_r.png) !important;
		background-position: 5px center !important;
		background-repeat: no-repeat !important;
	}

	#sub nav ul.menu>li span.pdf {
		background: none !important;
	}

	#sub nav ul.menu>li span a {
		display: block;
	}

	#sub nav ul.menu li ul {
		border-top: 1px dotted #A4A4A4;
	}

	#sub nav ul.menu li ul li {
		padding-left: 20px;
	}

	#sub nav ul.menu li ul li a {
		display: block;
		padding: 5px 5px 5px 20px;
		background: url(../../shared/image/icon_arrow_r_s.png);
		background-position: 0 10px;
		background-repeat: no-repeat;
	}
}

/* aside */
#sub nav ul.aside {
	margin-bottom: 20px;
}

#sub nav ul.aside li {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	/* IE6-9 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav ul.aside li:first-child {
	border-top: 1px solid #CCC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#sub nav ul.aside li:last-child {
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

@media (max-width: 519px) {
	#sub nav ul.aside li:first-child {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#sub nav ul.aside li:last-child {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
}

#sub nav ul.aside li a {
	display: inline-block;
	padding-left: 13px;
	background: url(../../shared/image/icon_arrow_r_s.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	*display: inline;
	*zoom: 1;
}

@media (max-width: 519px) {
	#sub nav ul.aside {
		margin-bottom: 10px;
		border: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

	#sub nav ul.aside li {
		margin-bottom: 1px;
		padding: 5px 10px;
		border: 1px solid #CCC;
		background: #F8F8F8;
	}

	#sub nav ul.aside li a {
		display: inlne-block;
		padding-left: 18px;
		background: url(../../shared/image/icon_arrow_r_s.png);
		background-position: 0 5px;
		background-repeat: no-repeat;
	}
}

/* userMenu */
#sub nav dl.userMenu dt {
	padding: 10px 6px;
	font-weight: bold;
	color: #FFF;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #ff604a;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff604a 0%, #ff290b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff604a), color-stop(100%, #ff290b));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff604a 0%, #ff290b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff604a 0%, #ff290b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff604a 0%, #ff290b 100%);
	/* IE10+ */
	background: linear-gradient(top, #ff604a 0%, #ff290b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff604a', endColorstr='#ff290b', GradientType=0);
	/* IE6-9 */
}

@media (max-width: 519px) {
	#sub nav dl.userMenu dt {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
}

#sub nav dl.userMenu dd ul li {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* IE10+ */
	background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
	/* IE6-9 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav dl.userMenu dd ul li:last-child {
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

@media (max-width: 519px) {
	#sub nav dl.userMenu dd ul li:last-child {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
}

#sub nav dl.userMenu dd ul li a {
	display: inline-block;
	padding-left: 13px;
	background: url(../../shared/image/icon_arrow_r_s.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	*display: inline;
	*zoom: 1;
}

@media (max-width: 519px) {
	#sub nav dl.userMenu {
		border: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	#sub nav dl.userMenu dt {
		padding: 5px 10px;
		font-weight: bold;
		color: #FFF;
		background: #ff604a;
		/* Old browsers */
		background: -moz-linear-gradient(top, #ff604a 0%, #ff290b 100%);
		/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff604a), color-stop(100%, #ff290b));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff604a 0%, #ff290b 100%);
		/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff604a 0%, #ff290b 100%);
		/* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff604a 0%, #ff290b 100%);
		/* IE10+ */
		background: linear-gradient(top, #ff604a 0%, #ff290b 100%);
		/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff604a', endColorstr='#ff290b', GradientType=0);
		/* IE6-9 */
	}

	#sub nav dl.userMenu dd ul li {
		margin-bottom: 1px;
		padding: 5px 10px;
		border: 1px solid #CCC;
		background: #F8F8F8;
	}

	#sub nav dl.userMenu dd ul li a {
		display: block;
		padding-left: 18px;
		background: url(../../shared/image/icon_arrow_r_s.png);
		background-position: 0 5px;
		background-repeat: no-repeat;
	}
}

/* current */
#service #sub .service span a,
#service_detail #sub .service_detail a,
#sendmoney #sub .sendmoney span a,
#sendmoney_order #sub .sendmoney_order a,
#pickup #sub .pickup a,
#location #sub .location a,
#charge #sub .charge a,
#fx #sub .fx a,
#cases #sub .cases a {
	font-weight: bold;
	color: #333;
}


/* mainContent
------------------------------------*/
#mainContent {
	float: right;
	width: 690px;
}

@media (min-width: 520px) and (max-width: 959px) {
	#mainContent {
		width: 71.875%;
	}
}

@media (max-width: 519px) {
	#mainContent {
		float: none;
		width: auto;
	}
}


/* footer
------------------------------------*/
footer {
	width: 960px;
	margin: 0 auto;
	padding-top: 25px;
	color: #666;
}

@media (max-width: 959px) {
	footer {
		width: auto;
		margin: 0 10px;
	}
}

/* footerNav */
footer #footerNav {
	border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* topicPath */
footer #footerNav #topicPath {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

@media (max-width: 519px) {
	footer #footerNav #topicPath {
		display: none;
	}
}

footer #footerNav #topicPath ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

footer #footerNav #soukinNav:after,
footer #footerNav #bkNav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

footer #footerNav #soukinNav ul,
footer #footerNav #bkNav ul {
	float: left;
	width: 25%;
}

footer #footerNav #soukinNav ul li,
footer #footerNav #bkNav ul li {
	margin-bottom: 1em;
	vertical-align: top;
}

footer #footerNav #soukinNav ul li a,
footer #footerNav #bkNav ul li a {
	display: inline-block;
	padding: 0 20px 0 10px;
	background-image: url(../../shared/image/icon_arrow_r_s.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	*display: inline;
	*zoom: 1;
}

footer #footerNav #soukinNav ul:last-child li a,
footer #footerNav #bkNav ul:last-child li a {
	padding: 0 0 0 10px;
}

@media (max-width: 519px) {
	footer #footerNav #bkNav ul {
		float: none;
		width: 100%;
	}

	footer #footerNav #bkNav ul li {
		margin-bottom: 0;
		padding: 10px;
		border-bottom: 1px solid #CCC;
		width: auto;
		display: block;
	}

	footer #footerNav #bkNav ul:last-child li:last-child {
		border: none;
	}

	footer #footerNav #bkNav ul li a {
		display: block;
		padding: 0 20px 0 10px;
		background-image: url(../../shared/image/icon_arrow_r_s.png);
		background-repeat: no-repeat;
		background-position: 0 4px;
	}

	footer #footerNav #bkNav ul li.pc a {
		display: block;
		padding: 0 35px 0 10px;
		background-repeat: no-repeat, no-repeat;
		background-position: 0 4px, 100% 50%;
	}

	footer #footerNav #soukinNav ul:last-child li a,
	footer #footerNav #bkNav ul:last-child li a {
		padding: 0 0 0 10px;
	}
}

/* soukinNav */
footer #footerNav #soukinNav {
	padding: 10px 10px 0;
	border-bottom: 1px solid #CCC;
	*zoom: 1;
}

@media (max-width: 519px) {
	footer #footerNav #soukinNav {
		display: none;
	}
}

/* bkNav */
footer #footerNav #bkNav {
	padding: 10px 10px 0;
	*zoom: 1;
}

@media (max-width: 519px) {
	footer #footerNav #bkNav {
		padding: 0;
	}
}

footer #copyright {
	margin: 20px 0;
	font-size: 77%;
	text-align: right;
	line-height: 0;
}

@media (max-width: 519px) {
	footer #copyright {
		text-align: left;
	}
}



/***************

 20150115_リニューアル 
 
********************************/

/* header */
header #headerSub #contact {
	background: url(../image/icon_tel_r.png) no-repeat 0 50%;
	padding-left: 14px;
	float: left;
}

header #headerSub form {
	float: right;
}

.subBtnWrap {
	padding: 10px 10px 0 10px;
	border: 1px solid #CCC;
	background: #fff;
	margin-bottom: 10px;
}

.subBtnWrap .subBtnTtl {
	font-weight: bold;
	margin-bottom: 5px;
}


#sub nav .soukinApli {
	border-right: solid 1px #251d8c;
	border-bottom: solid 1px #251d8c;
	background: #251d8c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: #4f47c3;
	background: -moz-linear-gradient(top, #4f47c3 0%, #1d139b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f47c3), color-stop(100%, #1d139b));
	background: -webkit-linear-gradient(top, #4f47c3 0%, #1d139b 100%);
	background: -o-linear-gradient(top, #4f47c3 0%, #1d139b 100%);
	background: -ms-linear-gradient(top, #4f47c3 0%, #1d139b 100%);
	background: linear-gradient(to bottom, #4f47c3 0%, #1d139b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f47c3', endColorstr='#1d139b', GradientType=0);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#sub nav .soukinApli a {
	display: block;
	padding: 33px 5px 33px 70px;
	min-height: 22px;
	height: auto !important;
	height: 22px;
	font-weight: bold;
	color: #FFF;
	background: url(../image/img_spApp.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

@media (max-width: 959px) {
	#sub nav .soukinApli a {
		padding: 20px 15px;
		height: auto !important;
		min-height: 25px;
		background: none;
	}
}

@media (max-width: 519px) {

	#sub nav .agree,
	#sub nav .recipient,
	#sub nav .webSoukin,
	#sub nav .soukinApli {
		margin-bottom: 5px;
	}

	.subBtnWrap {
		padding: 5px 5px 0 5px;
		border: 1px solid #CCC;
		background: #fff;
		margin-bottom: 5px;
	}

	#sub nav a br {
		display: none;
	}

	#sub nav .soukinApli a {
		padding: 0 5px 0 40px;
		height: 44px !important;
		min-height: 12px;
		font-size: 100%;
		font-weight: bold;
		display: table-cell;
		vertical-align: middle;
		background: url(../../shared/image/icon_r_arrow_r.png) !important;
		background-position: 6px 8px !important;
		background-repeat: no-repeat !important;
	}
}

#sub nav .agree a,
#sub nav .recipient a,
#sub nav .webSoukin a,
#sub nav .soukinApli a {
	font-size: 128%;
}

>@media (min-width: 520px) and (max-width: 959px) {

	#sub nav .agree a,
	#sub nav .recipient a,
	#sub nav .webSoukin a,
	#sub nav .soukinApli a {
		word-break: break-all;
		word-wrap: break-word;
	}
}


#sub nav .agree,
#sub nav .recipient,
#sub nav .webSoukin,
#sub nav .soukinApli {
	margin-bottom: 10px;
}



#sub nav ul.menu>li a {
	font-weight: bold;
	color: #333333;
}

#sub nav ul.menu>li a:hover {}

#sub nav ul.menu>li span {
	min-height: auto;
	height: auto !important;
	vertical-align: middle;
	padding: 0;
}

#sub nav ul.menu>li span a {
	min-height: 35px;
	height: 35px !important;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 10px 10px 62px;
	width: 50%;
}

#sub nav ul.menu>li span a .pdf {
	background: url(/soukin/shared/image/icon_pdf.gif) no-repeat right center;
	display: block;
	background-size: auto auto !important;
	padding-right: 17px;
}

/*20180706追記*/
#sub nav ul.menu>li.wuTop span a {
	padding: 10px;
}

#sub nav ul.menu>li.service span {
	background: url(../../shared/image/img_service.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.serviceKouza span {
	background: url(../../shared/image/img_serviceKouza.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.sendmoney span {
	background: url(../../shared/image/img_sendmoney.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.pickup span {
	background: url(../../shared/image/img_pickup.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.location span {
	background: url(../../shared/image/img_location.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.youtube span {
	background: url(../../shared/image/img_youtube.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.movie span {
	background: url(../../shared/image/img_movie.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.download span {
	background: url(../../shared/image/img_download.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.faq span {
	background: url(../../shared/image/img_faq.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.fx span {
	background: url(../../shared/image/img_fx.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.mousikomi span {
	background: url(../../shared/image/img_mousikomi.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}

#sub nav ul.menu>li.kouzaService span {
	background: url(../../shared/image/img_kouzaservice.png);
	background-position: 5px center;
	background-repeat: no-repeat;
}


@media (max-width: 519px) {
	#sub nav ul.menu>li span a {
		min-height: 35px;
		padding: 5px 0 5px 23px;
		height: 30px !important;
	}

	/*20180706追記*/
	#sub nav ul.menu>li.wuTop span a {
		padding: 5px 0 5px 23px;
	}

	#sub nav .agree a {
		padding: 12px 5px 11px 49px;
		background-image: url(../image/img_agree.png) !important;
		background-repeat: no-repeat !important;
		background-size: 30px auto !important;
		display: block;
		height: auto !important;
		min-height: 0;
	}

	#sub nav .recipient a {
		padding: 12px 5px 11px 49px;
		background-image: url(../image/img_recipient.png) !important;
		background-repeat: no-repeat !important;
		background-size: 30px auto !important;
		display: block;
		height: auto !important;
		min-height: 0;
	}

	#sub nav .webSoukin a {
		padding: 12px 5px 11px 49px;
		background-image: url(../image/img_websoukin.png) !important;
		background-repeat: no-repeat !important;
		background-size: 30px auto !important;
		display: block;
		height: auto !important;
		min-height: 0;
	}

	#sub nav .soukinApli a {
		padding: 12px 5px 11px 49px;
		background-image: url(../image/img_spApp.png) !important;
		background-repeat: no-repeat !important;
		background-size: 30px auto !important;
		display: block;
		height: auto !important;
		min-height: 0;
	}

	#sub nav .agree a,
	#sub nav .recipient a,
	#sub nav .webSoukin a,
	#sub nav .soukinApli a {
		font-size: 100%;
	}

}

/* current */
#service #sub span a,
#service_detail #sub .service_detail a,
#sendmoney #sub .sendmoney span a,
#sendmoney_order #sub .sendmoney_order a,
#pickup #sub .pickup a,
#location #sub .location a,
#charge #sub .charge a,
#fx #sub .fx a,
#cases #sub .cases a {
	font-weight: bold;
	color: #333;
}


/* current */
#service #sub span a:hover,
#service_detail #sub .service_detail a:hover,
#sendmoney #sub .sendmoney span a:hover,
#sendmoney_order #sub .sendmoney_order a:hover,
#pickup #sub .pickup a:hover,
#location #sub .location a:hover,
#charge #sub .charge a:hover,
#fx #sub .fx a:hover,
#cases #sub .cases a:hover {
	font-weight: bold;
}

#sub nav .webSoukin a span {}

#sub nav ul.menu>li span.fontLerge {
	display: inline;
	padding: 0;
	min-height: 0;
	height: auto !important;
	background: none !important;
	font-size: 125%;
}

@media (max-width: 519px) {
	#sub nav ul.menu>li span.fontLerge {
		font-size: 100%;
	}
}




@media (min-width: 520px) and (max-width: 959px) {
	#sub nav ul.menu>li span a {
		padding: 10px 10px 10px 44px;
		min-height: 24px;
		height: auto !important;
	}
}

@media (max-width: 959px) and (min-width: 520px) {
	#sub nav ul.menu>li span {
		-moz-background-size: 30px auto !important;
		-webkit-background-size: 30px auto !important;
		background-size: 30px auto !important;
	}
}