@charset "UTF-8";
/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

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

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#4d4d4d; }
a:link, a:visited {text-decoration:none; color:#0081bc }
.pcStyle a:hover {
	color:#0081bc;
	text-decoration:underline;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.pcDisplay {
	display:inline-block!important;
}
.spDisplay {
	display:none!important;
}
@media screen and (max-width:736px) {
.pcDisplay {
	display:none!important;
}
.spDisplay {
	display:inline-block!important;
}
}
body {
	min-width:320px;
	font-size:15px;
}

/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	background:url(/site/img/common/bg_line04.gif) repeat 0 0;
	font-size:20px;
	padding:9px 11px 0 20px;
	color:#FFF;
	height:42px;
	font-weight:bold;
	position:relative;
}
.headline1 .more {
	position:absolute;
	top:11px;
	right:20px;
	color:#FFF!important;
	font-size:14px;
	font-weight:bold;
	background:url(/site/img/common/bg_arrow01.png) no-repeat 100% 0;
	padding:0 27px 0 0;
}
.headline3 {
	margin-bottom:16px;
	padding:9px 20px;
	background:#00557C;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}
.headline4 {
	padding:9px 20px 7px 20px;
	background:#00557C;
	color:#FFF;
	font-size:20px;
}
.headline5 {
	padding:9px 20px 7px 20px;
	background:#00b1bc;
	color:#FFF;
	font-size:20px;
	margin:0 0 -1px 0;
	position:relative;
}
.headline6 {
	padding:5px 20px 5px 28px;
	background:#00557C;
	color:#FFF;
	font-size:14px;
	margin-top: 20px;
}
.headline7 {
	padding:9px 20px 7px 28px;
	background:#00557C;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
}
.headline8 {
	margin:-20px 0 50px;
	padding:21px 20px 17px;
	background:#00557C;
	color:#FFF;
	font-size:25px;
	font-weight:bold;
}
.headline8 span {
	display:block;
	max-width:980px;
	margin:0 auto;
}
.wrap01{
	width:100%;
	background: #FFF;
	margin-top:40px;
	padding-top:35px;
}
@media screen\0 {
	.headline6 {
		padding:7px 20px 3px 28px;
	}
}
@media screen and (max-width:736px) {
.headline1 {
	background:url(/site/img/common/bg_line04_sp.gif) repeat 0 0;
	background-size:auto 4px;
	font-size:15px;
	padding:8px 0 0 10px;
	color:#FFF;
	height:36px;
}
.headline1:after {
	width:36px;
	height:36px;
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	background:url(/site/img/common/bg_blue_sp.png) no-repeat 0 0;
	background-size:auto 36px;
}
.headline4 {
	padding:10px 5px 10px 5px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.headline5 {
	padding:10px 5px 10px 5px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.headline8 {
	margin:0 0 15px;
	padding:11px 10px;
	font-size:18px;
	text-align:center;
}
}
/* ------------------------------------------------------------------
	1-2. header styles
-------------------------------------------------------------------*/
#header {
	background:#f5efea url(/site/img/common/bg_header.gif) repeat-x 50% 0;
	padding:13px 0 0 0;
}
#header.otherHeader {
	background:#FE427F url(/site/img/common/bg_line01.gif) repeat-x 50% 0;
	padding:23px 0 15px;
	border-bottom:1px solid #CCC;
}
.headerInner {
	max-width:1000px;
	padding:0 10px;
	margin:0 auto;
	position:relative;
}
.hLogo {
	float:left;
}
.hLogo p {
	float:left;
	padding-top:13px;
	font-size:0;
}
.headerInner h1 {
	float:left;
	font-size:0;
}
.hLogo .logoAplus a {
	display:inline-block;
	width:163px;
	height:55px;
	margin-top:12px;
	padding:8px 10px;
	background:#FFF url(/site/img/common/bg_logo_aplus01.png) no-repeat 0 0;
	border-radius:0 5px 0 0;
	-moz-box-shadow:1px -1px 3px #d1d0d0;
	-webkit-box-shadow:1px -1px 3px #d1d0d0;
	box-shadow:1px -1px 3px #d1d0d0;
	text-align:center;
}
#header.otherHeader .logoHead {
	top:-5px;
}
.hLogo .logoAplus01 a {
	display:inline-block;
	width:266px;
	height:78px;
	margin-top:3px;
	padding:17px 10px;
	background:#FFF;
	border-radius:5px 5px 0 0;
	-moz-box-shadow:1px -3px 3px #d1d0d0;
	-webkit-box-shadow:1px -3px 3px #d1d0d0;
	box-shadow:1px -3px 3px #d1d0d0;
	text-align:center;
}
.hSection {
	float:right;
	text-align:right;
}
.hSection .hImage {
	display:inline-block;
	vertical-align:top;
}
.hSection .hInfo {
	display:inline-block;
	padding:3px 40px 0 0;
	text-align:right;
	vertical-align:top;
}
.hSection .hInfo02 {
	padding:10px 0px 0 0;
}
.hSection .hInfo li {
	display:inline-block;
}
.hSection img,
.hSection .hName,
.hSection strong {
	display:inline-block;
	vertical-align:middle;
}
.hSection .welcome {
	background:#FFF;
	padding:0 16px 0 0;
	border-radius:30px;
	box-shadow:0 0 4px #e3e0e0;
}
.hSection .textAddnews {
	background:#F5EFEA;
	padding:0;
	border-radius:0;
	box-shadow:none;
	font-size:12px;
}
.hSection .welcome img {
	margin:0 8px 0 0;
}
.hSection .hName {
	margin-right:5px;
	padding-left:5px;
	font-size:12px;
}
.hSection strong {
	color:#4d4d4d;
	position:relative;
	font-weight:normal;
	font-size:12px;
}
.hSection .hInfo li.btnHeadernew {
	width:242px;
	float: right;
	font-weight: bold;
	text-align: center;
	margin-left:15px;
	height:50px;
}
.hSection .hInfo li.btnHeadernew a {
	display: inline-block;
	width: 100%;
	background: #FF9D00;
	padding: 11px 5px 13px 5px;
	color: #FFF;
	text-decoration: none;
	position: relative;
	transition: all 0.1s linear;
	overflow: hidden;
	cursor: pointer;
	font-size:16px;
	height:43px;
}
.hSection .hInfo li.btnHeadernew a:hover{
	color: #fff;
	margin: 3px 0 0 0;
	height: 40px;
	background: #C57C04;
	opacity: 0.7;
}
.hSection .hInfo li.btnHeadernew a:after{
	width: 100%;
	height: 3px;
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	background: #C57C04;
	background: -moz-linear-gradient(top, #c57c04 0%, #c57c04 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c57c04), color-stop(100%,#c57c04));
	background: -webkit-linear-gradient(top, #c57c04 0%,#c57c04 100%);
	background: -ms-linear-gradient(top, #c57c04 0%,#c57c04 100%);
	transition: all 0.1s linear;
}
.hInquiry {
	padding:0 0 8px 0;
}
.hInquiry02 {
	padding:0;
	width:40%;
	float:right;
}
.hInquiry li a {
	color:#4d4d4d;
	display:inline-block;
	font-size:12px;
	text-decoration:none!important;
}
.hInquiry .hContact a {
	background:url(/site/img/common/bg_contact01.gif) no-repeat 0 0;
	padding:11px 0 10px 39px;
}
.hInquiry .hLogout a {
	background:url(/site/img/common/bg_logout.gif) no-repeat 0 0;
	padding:11px 0 10px 40px;
	margin:0 0 0 12px;
}
.hInquiry .hLogin a {
	background:url(/site/img/common/bg_login.gif) no-repeat 0 0;
	padding:11px 0 10px 40px;
	margin:0 0 0 7px;
}
.headerRegist .hInquiry .hContact a {
	background:url(/site/img/common/bg_contact02.png) no-repeat 0 0;
	padding:11px 0 10px 39px;
}
.headerRegist .hInquiry .hLogin a {
	background:url(/site/img/common/bg_login02.png) no-repeat 0 0;
	padding:11px 0 10px 40px;
	margin:0 0 0 7px;
}
.headerRegist .hSection .hInfo {
	padding:6px 0 0 0;
}
.headerRegist .hSection .hInfo li {
	padding-top:6px;
}
.headerRegist .hSection .hInfo .btnHeadernew {
	padding-top:0;
}
.headerRegist .hInquiry {
	padding-bottom:2px;
}
.headerRegist h1 {
	position:relative;
}
.headerRegist .logoBg {
	position:absolute;
	right:-23px;
	bottom:0;
}
.headerRegist #logo img {
	margin-right:-2px;
}
.hInquiry .hLogin02 a {
	margin-top:5px;
}
.introText {
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;
}
@media screen and (max-width:950px) {
	.headerRegist .hSection .hInfo {
		padding:3px 3% 0 0;
	}
}
@media screen and (max-width:736px) {
	#header {
		background:url(/site/img/common/bg_line01_sp.gif) repeat-x 50% 0;
		background-size:auto 5px;
		padding:0;
	}
	.headerInner {
		width:100%;
		padding:5px 0 0 0;
		max-width:inherit;
	}
	.headerInner .logoHead {
		float:left;
		width:192px;
		display:block;
		position:static;
		position:relative;
		z-index:100;
	}
	.headerInner .logoHead img {
		border-radius:0 5px 0 0;
		-moz-box-shadow:1px -1px 3px #d1d0d0;
		-webkit-box-shadow:1px -1px 3px #d1d0d0;
		box-shadow:1px -1px 3px #d1d0d0;
	}
	.hLogo .logoAplus01 a {
		display:inline-block;
		width:192px;
		height:63px;
		margin-top:3px;
		padding:17px 10px;
		text-align:center;
	}
	.hLogo .logoAplus01 a img {
		width:auto;
		height:45px;
		border-radius:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.headerInner .logoHead:after {
		content:"";
		bottom:-7px;
		width:26px;
		height:7px;
		z-index:1000;
		content:"";
		position:absolute;
		left:84px;
		z-index:1000;
		width:26px;
		height:7px;
		background:url(/site/img/common/bg_arrow05.png) no-repeat 0 0;
		background-size:26px 7px;
	}
	.hLogo {
		float:left;
		width:100%;
		background:#e2e2e2;
		-moz-box-shadow: inset -1px 4px 4px #c6c6c6;
		-webkit-box-shadow: inset -11px 4px 4px #c6c6c6;
		box-shadow: inset -1px 4px 4px #c6c6c6;
		padding:5px 0 0 0;
	}
	.hLogo .logoHead {
		padding-top:4px;
	}
	.hLogo .logoHead01 {
		padding-top:10px;
	}
	.hLogo .logoHead01 img {
		width:123px;
		padding:0;
		position:static;
		position:relative;
		background:none;
		border-radius:5px 0 0 0;
		-moz-box-shadow:1px -1px 3px #d1d0d0;
		-webkit-box-shadow:1px -1px 3px #d1d0d0;
		box-shadow:1px -1px 3px #d1d0d0;
	}
	.hLogo .logoAplus {
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.hLogo .logoAplus a {
		width:123px;
		padding:16px 10px;
		margin-top:0;
	}
	.hLogo .logoAplus img {
		width:auto;
		height:35px;
	}
	.aplus .hLogo p img {
		-moz-box-shadow:-1px -1px 3px #d1d0d0;
		-webkit-box-shadow:-1px -1px 3px #d1d0d0;
		box-shadow:-1px -1px 3px #d1d0d0;
	}
	.hInquiry li a {
		font-size:9px;
	}
	.hInquiry .hLogout a {
		background:url(/site/img/common/bg_logout_sp.gif) no-repeat 50% 0;
		padding:30px 0 0 0;
		background-size:auto 25px;
	}
	.hSection .hInfo {
		padding:20px 13px 20px 0;
	}
	.hInquiry .hLogin a {
		background:url(/site/img/common/bg_login_sp.png) no-repeat 50% 0;
		padding:30px 0 0 0;
		background-size:auto 45px;
	}
	.headerRegist .headerInner > .hLogo {
		float:none;
	}
	.headerRegist .headerInner > .hSection {
		background:#f5efea;
		float:none;
		padding:10px 0;
		box-shadow:0 -1px 1px 0 #CCC;
	}
	.headerRegist .hSection.spDisplay {
		padding:0px;
	}
	.headerRegist .headerInner > .hSection .hInquiry {
		padding-bottom:10px;
	}
	.headerRegist .hInquiry .hContact a {
		background:url(/site/img/common/bg_contact_sp.png) no-repeat 50% 0;
		padding:30px 0 0 0;
		background-size:auto 40px;
		width:40px;
		height:40px;
		font-size:8px;
		padding-top:42px;
		text-align:center;
		color:#999999;
		font-weight:bold;
	}
	.headerRegist .hLogo .hSection li {
		vertical-align:top;
	}
	.headerRegist .logoBg {
		position:absolute;
		right:-21px;
		bottom:0;
		width:20px;
	}
	.headerRegist .hSection {
		text-align:left;
	}
	.headerRegist .hSection .hInfo {
		padding:3px 7px 0 0;
		display:block;
		text-align:center;
	}
	.headerRegist .headerInner > .hSection .hInfo {
		padding-right:0;
	}
	.headerRegist .hSection .hInfo li.btnHeadernew {
		float:none;
		width:100%;
		margin-left:0;
		padding:0 36px;
	}
	.headerRegist .hSection .hInfo li.btnHeadernew a:hover,
	.headerRegist .hSection .hInfo li.btnHeadernew a {
		font-size:15px;
		height:50px;
		padding-top:15px;
		color: #fff;
		margin: 0;
		background: #FF9D00;
		opacity: 1
	}
	.hSection .hInfo li.btnHeadernew a:after{
		height: 4px;
	}
	.headerRegist .hSection .textAddnews {
		padding:0 10px;
		text-align:left;
		background:none;
	}
	.headerRegist .hInquiry .hLogin a {
		background:url(/site/img/common/bg_login_sp.png) no-repeat 50% 0;
		padding:30px 0 0 0;
		background-size:auto 40px;
		width:40px;
		height:40px
		font-size:8px;
		padding-top:42px;
		text-align:center;
		color:#999999;
		font-weight:bold;
	}
	.headerRegist .headerInner .logoHead:after {
		background:none;
	}
	.hImage img {
		max-width:128px;
	}
	.aplus .hLogo {
		padding-left:5px;
	}
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#contents {
	padding:20px 0 78px;
}
.pb100 {
	padding-bottom:100px;
}
#contents.campaign {
	padding-bottom:0;
}
/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	background:url(/site/img/common/bg_line03.gif) repeat 0 0;
	padding:8px 0 8px 0;
}
#navi nav {
	max-width:1000px;
	margin:0 auto;
	padding:0 10px;
}
#navi nav ul {
	margin:0 -5px 0 0;
}
#navi li {
	padding:0 5px 0 0;
	width:25%;
	height: 55px;
	float:left;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#navi li a {
	display:inline-block;
	width:100%;
	height:55px;
	background:#FF4B39;
	padding:12px 5px 14px 5px;
	color:#FFF;
	text-decoration:none;
	position:relative;
	transition:all 0.1s linear;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
}
#navi li a:after {
	width:100%;
	height:5px;
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	background:#DC4131;
	background:-moz-linear-gradient(top, #DC4131 0%, #CE3D2E 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DC4131), color-stop(100%,#CE3D2E));
	background:-webkit-linear-gradient(top, #DC4131 0%,#CE3D2E 100%);
	background:-ms-linear-gradient(top, #DC4131 0%,#CE3D2E 100%);
	transition:all 0.1s linear;
}
#navi li a:hover {
	text-decoration:none;
	color:#fff;
	margin:5px 0 0 0;
	height:50px;
	background:#DC4131;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#navi li a img {
	display:inline-block;
	margin-right:8px;
	font-size:0;
	vertical-align:middle;
}
#navi li a span {
	display:inline-block;
	vertical-align:middle;
}
#navi #naviMaterial a {
	background:#FF9D00;
}
#navi #naviMaterial a:after {
	background:#DC8700;
	background:-moz-linear-gradient(top, #DC8700 0%, #CE7F00 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DC8700), color-stop(100%,#CE7F00));
	background:-webkit-linear-gradient(top, #DC8700 0%,#CE7F00 100%);
	background:-ms-linear-gradient(top, #DC8700 0%,#CE7F00 100%);
	transition:all 0.1s linear;
}
#navi #naviMaterial a:hover {
	background:#DC8700;
}
#navi #naviSample a {
	background:#00CD6B;
}
#navi #naviSample a:after {
	background:#00B15C;
	background:-moz-linear-gradient(top, #00B15C 0%, #00A656 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00B15C), color-stop(100%,#00A656));
	background:-webkit-linear-gradient(top, #00B15C 0%,#00A656 100%);
	background:-ms-linear-gradient(top, #00B15C 0%,#00A656 100%);
	transition:all 0.1s linear;
}
#navi #naviSample a:hover {
	background:#00B15C;
}
#navi #naviSearch a {
	background:#0081BC;
}
#navi #naviSearch a:after {
	background:#006FA2;
	background:-moz-linear-gradient(top, #006FA2 0%, #006898 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006FA2), color-stop(100%,#006898));
	background:-webkit-linear-gradient(top, #006FA2 0%,#006898 100%);
	background:-ms-linear-gradient(top, #006FA2 0%,#006898 100%);
	transition:all 0.1s linear;
}
#navi #naviSearch a:hover {
	background:#006FA2;
}
#navi #naviSearch.active a {
	text-decoration:none;
	color:#fff;
	margin:5px 0 0 0;
	height:50px;
	background:#006FA2;
}
@media screen\0 {
	#navi li a span {
		display:inline-block;
		padding-top:6px;
		vertical-align:top;
	}
}
/* *::-ms-backdrop,
} */
@media screen and (max-width:736px) {
	#navi {
		position:relative;
		background:#333;
		padding:7px 5px;
		-moz-box-shadow:inset 0 -2px 2px #040303;
		-webkit-box-shadow:inset 0 -2px 2px #040303;
		box-shadow:inset 0 -2px 2px #040303;
	}
	#navi nav {
		max-width:inherit;
		padding:0;
	}
	#navi nav ul {
		margin:0;
	}
	#navi li {
		padding:1px;
		width:25%;
		height:auto;
		float:left;
		font-size:12px;
	}
	#navi li a {
		max-width:inherit;
		height:inherit;
		width:100%;
		padding:9px 5px;
		text-align:center;
	}
	#navi li a:after {
		width:100%;
		height:0;
		position:absolute;
		content:"";
		bottom:0;
		left:0;
		background:#DC4131;
	}
	#navi li a:hover {
		text-decoration:none;
		color:#fff;
		margin:inherit;
		height:inherit;
	}
	#navi li a img {
		width:30px;
		height:auto;
		margin:0 0 5px 0;
		text-align:center;
		vertical-align:bottom;
	}
	#navi li a span {
		display:block;
		padding-top:0;
	}
	#navi #naviSearch.active a {
		text-decoration:none;
		color:#fff;
		margin:0;
		height:inherit;
		background:#006FA2;
	}
	#navi p.welcome {
		width:100%;
		color:#bfbfbf;
		font-size:12px;
		padding:0 0 12px 0;
	}
	#navi p.welcome strong {
		margin-left:5px;
		font-weight:normal;
	}
	#navi p.welcome img {
		position:relative;
		width:65px;
		top:3px;
		margin-right:8px;
		float:left;
		overflow:hidden;
	}
	#navi p.welcome span {
		display:inline-block;
		width:58%;
		padding-top:6px;
	}
	#navi p.welcome span a {
		color:#FFF;
		text-decoration:underline;
	}
	#navi p.thank {
		position:absolute;
		right:10px;
		top:9px;
		z-index:10;
		font-size:9px;
	}
	#navi p.thank a {
		padding:11px 15px 11px 10px;
		color:#FFF;
		background:#999 url(/site/img/common/icon_arrow01.png) no-repeat 94% 50%;
		background-size:4px auto;
		border-radius:10px;
		font-size:inherit;
	}
}

/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/
#footer {
	background:#333 url(/site/img/common/bg_line01.gif) repeat-x 50% 0;
	padding:6px 0 0 0;
	position:relative;
}
.fSection {
	-moz-box-shadow:inset 0 0 7px #040303;
	-webkit-box-shadow:inset 0 0 7px #040303;
	box-shadow:inset 0 0 7px #040303;
}
.fSectionInner {
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	padding:39px 10px 39px 10px;
}
#footer .pageTop {
	display:none;
	position:absolute;
	top:-76px;
	right:20px;
	text-align:center;
}
#footer .pageTopFixed {
	position:fixed;
	bottom:16px;
	top:auto;
	right:20px;
	left:auto;
}
#footer .pageTop a {
	display:inline-block;
	width:60px;
	height:60px;
	overflow:hidden;
}
.fSectionInner li {
	display:inline-block;
	background:url(/site/img/common/bg_line02.gif) no-repeat 0 50%;
	padding:3px 0 6px 21px;
	margin:0 0 0 15px;
}
.fSectionInner li a {
	display:inline-block;
	color:#FFF;
	font-size:14px;
}
.fSectionInner li a:hover {
	color:#FFF;
}
.fSectionInner li:first-child {
	background:none;
	padding-left:0;
	margin-left:0;
}
.fSection .storeBtn a {
	display:block;
	margin:0 auto 20px;
	max-width:320px;
	background:#FFF;
	padding:12px 9px 9px;
	border-radius:5px;
	color:#4D4D4D;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.fSection .storeBtn a span {
	padding-left:27px;
	background:url(/site/img/common/icon_home.png) no-repeat 0 50%;
	background-size:auto 18px;
}
.fSection .storeBtn a:hover {
	background:#FF9D00;
	text-decoration:none;
}
#copyright {
	text-align:center;
	background:#666;
	font-size:0;
	padding:19px 0;
}
@media screen and (max-width:736px) {
	#contents {
		padding:0;
	}
	#footer {
		background:#333 url(/site/img/common/bg_line01_sp.gif) repeat-x 50% 0;
		padding:5px 0 0 0;
		background-size:auto 5px;
	}
	.fSection {
		-moz-box-shadow:inset 0 0 4px #040303;
		-webkit-box-shadow:inset 0 0 4px #040303;
		box-shadow:inset 0 0 4px #040303;
	}
	.fSectionInner {
		max-width:inherit;
		padding:9px;
	}
	.fSectionInner li {
		width:50%;
		background:none;
		padding:0;
		margin:0;
		float:left;
		padding:1px!important;
		background:#333;
	}
	.fSectionInner li.fNaviLogout {
		float:none;
		margin-top:10px;
		width:100%;
	}
	.fSectionInner li.fNaviLogout a {
		border-radius:5px;
	}
	.fSectionInner li.fNaviLogout span {
		padding:8px 0 8px 35px;
		background:url(/site/img/common/icon_logout.png) no-repeat 0 50%;
		background-size:29px 29px;
	}
	.fSectionInner li.fNavi {
		width:50%;
	}
	.fSectionInner li a:hover,
	.fSectionInner li a {
		display:block;
		width:100%;
		background:#FFF;
		color:#000;
		font-size:12px;
		text-align:center;
		padding:15px 0;
	}
	.fSection .storeBtn a {
		margin-bottom:10px;
		max-width:230px;
		padding:15px 10px;
		font-size:12px;
	}
	.fSection .storeBtn a span {
		padding-left:20px;
		background-size:auto 13px;
	}
	#copyright {
		padding:10px 0 0;
		height:30px;
		position:relative;
	}
	#copyright img {
		height:8px;
	}
	#copyright .pageTop {
		position:absolute;
		top:0;
		right:0;
		height:30px;
		width:30px;
		background:url(/site/img/common/bg_pagetop.gif) no-repeat 50% 0;
		padding:30px 0 0 0;
		background-size:auto 30px;
	}
}
/* ------------------------------------------------------------------
	2-7. common styles
-------------------------------------------------------------------*/
.leadText {
	padding:14px 10px 16px;
	background:#FF4B39;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
}
@media screen and (max-width:736px) {
	.leadText {
		font-size:12px;
	}
}
.pt50 {
	padding-top:50px!important;
}
.textIntro {
	margin-bottom:27px;
	line-height:1.3;
	font-weight:bold;
	font-size:20px;
}
.grayBox {
	margin-bottom:30px;
	padding:15px 20px;
	background:#F5F5F5;
}
.questionList {
	margin:0 -30px;
}
.questionList dt {
	padding:15px 30px;
	border-top:1px solid #CCC;
}
.questionList dt span {
	padding-right:10px;
	font-weight:bold;
}
.questionList dd {
	padding:0 30px 13px;
}
.questionList dd:last-child {
	padding-bottom:0;
}
textarea {
	width: 100%;
	height:91px;
	padding:15px;
	border:1px solid #CCC;
	border-radius:4px;
}
.box {
	max-width:1000px;
	padding:0 10px 40px 10px;
	margin:0 auto;
}
.boxFix{
	padding: 0 10px 0 10px;
	margin-top:30px;
}
.box02 {
	background:#00557C;
	margin-top:-20px;
}
#pageNews .box02 {
	background:none;
}
.box02 .boxInner02 {
	max-width:1000px;
	margin:0 auto;
	padding:10px;
}
.boxadd {
	max-width:1000px;
	padding:40px 10px 40px 10px;
	margin:0 auto;
}
.newsGroup {
	max-width:1000px;
	padding:20px 20px 40px 10px;
	margin:0 auto;
}
.newsGroup .news {
	float:left;
	max-width:610px;
	width:65%;
}
.notice {
	padding:11px 20px 11px 20px;
	height:168px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border:1px solid #d4d4d4;
}
.notice li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #cdcdcd;
}
.notice li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.notice li a {
	color:#4d4d4d;
}
.banner {
	float:right;
	max-width:328px;
	width:34%;
}
.banner ul li {
	width:50%;
	float:left;
	padding:0 8px 13px 0;
	font-size:0;
}
.banner ul li img {
	box-shadow:0 0 2px #CCC;
}
.sample {
	background:#f5f5f5;
	border:1px solid #d4d4d4;
}
.sample ul {
	text-align:center;
	padding:21px 0 17px 0;
}
.sample li {
	width:20.4%;
	padding:0 15px 0 15px;
	margin:0 -2px;
	display:inline-block;
	min-width:165px;
	vertical-align:top;
}
.sample li .image {
	font-size:0;
}
.sample li .image img {
	border-radius:50%;
	-moz-box-shadow:0 1px 3px #cdcdcd;
	-webkit-box-shadow:0 1px 3px #cdcdcd;
	box-shadow:0 1px 3px #cdcdcd;
}
.sample li .link01 {
	padding:7px 10px 0 10px;
	text-align:left;
}
.sample li .link02 {
	padding:4px 10px 0;
	text-align:left;
}
.sample li .link02 a {
	color:#CA9800;
}
.pickup li {
	float:left;
	padding:15px 10px 0 10px;
	width:50%;
}
.pickupFix01 li {
	float:left;
	width:50%;
	/*padding-bottom:13px;*/
}
.pickInner {
	display:table;
	width:100%;
	position:relative;
}
.pickup li p.image {
	display:table-cell;
	vertical-align:top;
	width:44.68%;
	max-width:210px;
	font-size:0;
}
.pickup li p.image a {
	display:block;
	border:1px solid #D8CFC8;
	border-radius:4px;
	text-align:center;
	height:116px;
	position:relative;
	overflow:hidden;
	width:210px;
}
.pickup li p.image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	height:118px;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
}
/*.pickupFix01 li p.image img {
	position: absolute;
	left: 50%;
	top: 75%;
	width:auto;
	height:210px;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
}*/
.pickup01 li p.image a {
	height:90px;
	width:160px;
}
.pickup01 li p.image a img {
	height:90px;
}
.pickup li div.text {
	display:table-cell;
	padding:0 0 0 13px;
	vertical-align:top;
	line-height:1.4;
}
.pickup li div.text p.text01 {
	display:inline-block;
	position:relative;
	font-size:16px;
	font-weight:bold;
}
.pickup li div.text p.categoryColor00 {
	color:#F82E2E;
}
.pickup li div.text p.categoryColor01 {
	color:#F82E92;
}
.pickup li div.text p.categoryColor02 {
	color:#A342B1;
}
.pickup li div.text p.categoryColor03 {
	color:#00CD6B;
}
.pickup li div.text p.categoryColor04 {
	color:#BD5000;
}
.pickup li div.text p.categoryColor05 {
	color:#FF9D00;
}
.pickup li div.text p.categoryColor06 {
	color:#00BCB5;
}
.pickup li div.text p.categoryColor07 {
	color:#00B7F3;
}
.pickupFix01 li div.text p.text01 {
	display:inline-block;
	color:#0081bc;
	position:relative;
	font-weight:bold;
}
.pickup li div.text p.text02 {
	font-size:16px;
	font-weight:bold;
	padding:5px 0 1px 0;
	color:#0081bc;
}
.pickupFix01 li div.text p.text03 {
	line-height:1.4;
}
.pickup li div.text p.title01 {
	color:#CA9800;
	font-weight:bold;
}
.pickup li div.text p.title01 em.pcDisplay {
	display:inline !important;
}
.pickup li p.flag {
	position:absolute;
	top:1px;
	left:1px;
	width:66px;
	height:66px;
}
.more {
	margin:20px 10px 0 0;
	text-align:right;
}
.more a {
	background:#999;
	border-radius:20px;
	padding:4px 10px 4px 17px;
	color:#FFF;
}
.more a:hover {
	color:#FFF;
	text-decoration:none;
}
.more span {
	background:url(/site/img/common/bg_arrow06.png) no-repeat 100% 50%;
	padding:0 20px 0 0;
	font-size:12px;
	vertical-align:top;
}
.recommend .recommendList,
.recommend01 .recommendList {
	background:#f5f5f5;
	border:1px solid #d4d4d4;
	text-align:center;
	padding:20px 5px;
	text-align:center;
}
.recommend .recommendList ul,
.recommend01 .recommendList ul {
	margin:0 auto;
}
.recommend li,
.recommend01 li {
	display:inline-block;
	max-width:165px;
	margin:0 -3px;
	padding:0 10px;
	width:20%;
	vertical-align:top;
}
.recommendInner {
	background:#FFF;
	position:relative;
	-moz-box-shadow:0 0 3px #999;
	-webkit-box-shadow:0 0 3px #999;
	box-shadow:0 0 3px #999;
}
.recommendInner p.image img{
	width:100%;
	max-width:100%;
	display:inline-block;
	margin:auto;
}
.recommendInner div {
	padding:10px 15px;
}
.recommendInner p.image {
	text-align:center;
	font-size:0;
	padding:0 15px;
	display: block;
	height:115px;
	overflow:hidden;
	position:relative;
}
.recommendInner p.image a {
	display: table-cell;
	height: 115px;
	vertical-align: middle;
	text-align:center;
}
.recommendInner p.link01 {
	text-align:left;
	padding:0 0 10px 0;
	line-height:1.4;
}
.recommendInner p.text01 {
	color:#CA9800;
	text-align:left;
}
.recommendInner p.flag {
	position:absolute;
	top:0;
	left:0;
	width:66px;
	height:66px;
}
.recommend01 .recommendInner p.text01 {
	padding-bottom:10px;
}
.recommend01 .recommendInner .link01 {
	padding-bottom:0;
	font-weight:bold;
	margin-bottom: 10px;
}
.recommend01 .recommendInner .link01 a {
	color:#0081BC;
	clear: both;
	display:block;
}
.recommend01 .recommendInner div {
	border-top:1px solid #CACACA;
}
.recommend01 .recommendInner .text01 {
	color:#CA9800;
	text-align:left;
	font-weight:bold;
}
.itemList {
	margin:0 -1.2%;
	margin-bottom:13px;
}
.itemList li {
	float:left;
	max-width:480px;
	width:47.6%;
	margin:0 1.2%;
	margin-bottom:13px;
	vertical-align:top;
}
.itemList .image {
	float:left;
	margin-right:4%;
	max-width:118px;
	width:26%;
}
.itemList .image img {
	border-radius:3px;
}
.itemList .itemBlock {
	float:left;
	max-width:340px;
	width:70%;
}
.itemList .itemBlock .title {
	font-size:16px;
}
.itemList .itemBlock .title a {
	font-weight:bold;
	text-decoration:none;
}
.itemList .itemBlock .title a:hover {
	text-decoration:underline;
}
.itemList .itemBlock p {
	line-height:1.4;
}
.buttonList02 {
	padding:0 12px;
	box-sizing:border-box;
	margin:0 -8px 4px -8px;
}
.buttonList02 li {
	float:left;
	width:31.69%;
	margin:0 0.76% 15px;
}
.buttonList02 li a {
	display:inline-block;
	padding:14px 10px 15px 18px;
	width:100%;
	color:#4D4D4D;
	background:url(/site/img/common/bg_arrow04.gif) no-repeat 95.5% 50%;
	border:1px solid #CCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.buttonList02 li a:hover {
	text-decoration:none;
	color:#4D4D4D;
}
.yellowBg {
	background:#EC9304;
}
.blackBg {
	background:#1C1C1C;
}
.greenBg {
	background:#00B1BC;
}
.grayBg {
	background:#7A7A7A;
}
.blueBg {
	background:#00557C;
}
@media screen and (max-width:1000px) {
	.recommend li {
		padding:0 0.7%;
	}
}
#keyv {
	overflow:hidden;
	position:relative;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
#keyv li {
	float:left;
	display:block;
	font-size:0;
	position:relative;
	width:980px;
}

#keyv li img{
	max-width:980px;
	height:360px;
	margin:0 auto;
	display:block;
}
#keyv {
	position:relative;
}
#prev, #next {
	background-color:rgba(0,0,0,0.4);
	display:block;
	height:100%;
	width:50%;
	top:0;
	position:absolute;
	z-index:11;
}
#prev {
	left:-490px;
	background-image:url(/site/img/common/bg_prev.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
#next {
	right:-490px;
	background-image:url(/site/img/common/bg_next.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
.keyvText {
	position:absolute;
	top:0;
	/*-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);*/
	/*width:100%;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:10;
	right:0;
	/*height:100%;*/
}
.caroufredsel_wrapper {
	z-index:100;
}
.keyvText .text {
	width:360px;
	height:100%;
	display:inline-block;
}
.keyvText .inner {
	height:100%;
	padding:20px;
}
.keyvText .textInner {
	background:#4D4D4D url(/site/img/common/bg_keyv.png) no-repeat 0 0;
	color:#FFF;
	text-align:left;
	position:relative;
	height:100%;
	padding:25px 30px 0 30px;
	font-size:16px;
	opacity:0;
}
.keyvText .text .text01 {
	margin-bottom:1px;
	padding-bottom:5px;
	border-bottom:3px solid #FFF;
	font-size:28px;
	line-height:1.3;
}
.keyvText .text .text02 {
	line-height:1.7;
	margin:13px 0 15px 0;
}
#keyv .pageBox {
	position:absolute;
	width:100%;
	margin:0 auto;
	bottom:40px;
	left:0;
	font-size:0;
	text-align:right;
	z-index:100;
}
.pageInner {
	max-width:980px;
	padding:0 30px 0 0;
	margin:0 auto;
}
#keyv #pager01 a {
	display:inline-block;
	height:0;
	width:14px;
	padding-top:14px;
	margin:0 14px 0 0;
	font-size:0;
	background:url(/site/img/common/bg_page.png) no-repeat 0 0;
}
#keyv #pager01 a.selected {
	background:url(/site/img/common/bg_page_h.png) no-repeat 0 0;
}
.search {
	display:none;
	position:relative;
	z-index:100;
}
#pageSearch .search {
	display:block;
}
.search .searchBox {
	width:100%;
	background:url(/site/img/common/bg_line03.gif) repeat 0 0;
}
.search .searchInput {
	max-width:1000px;
	margin:0 auto;
	padding:10px 10px 2px;
	text-align:right;
}
.search .searchInput span {
	display:inline-block;
	background:#FFF;
	width:312px;
	-webkit-border-radius:30px;
	border-radius:30px;
	text-align:left;
	position:relative;
	height:42px;
}
.search .searchInput span input.searchText {
	font-weight:bold;
	font-size:15px;
	width:100%;
	height:42px;
	line-height:42px;
	padding:0 60px 0 20px;
	background:transparent;
	border:none;
}
.search .searchInput span .searchButton {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:42px;
	background:transparent;
	border:none;
	padding:0;
	background:url(/site/img/common/bg_search.png) no-repeat 17px 50%;
	cursor:pointer;
}
.search .searchInput span input::-webkit-input-placeholder {
	color:#acacac;
}
.search .searchInput span input::-moz-placeholder {
	color:#acacac;
}
.search .searchInput span input::-ms-input-placeholder {
	color:#acacac;
}
.linkList {
	text-align:center;
	padding-top:20px;
}
.linkList li {
	display:inline-block;
	padding:0 8px;
	height:65px;
	vertical-align:bottom;
}
.linkList li.textLinkerror {
	text-align:center;
	color:#0081BC;
	margin-top:5px;
	height:20px;
	display:block;
}
.linkList li.textLinkerror a {
	text-decoration:underline;
}
.linkList li.textLinkerror a:hover {
	text-decoration:none;
}
.linkList li.deliveryText {
	display:block;
	background:no-repeat;
	border:none;
}
.tableForm .linkList02 {
	text-align:center;
}
.tableForm .linkList02 li {
	display:inline-block;
	padding:0 8px;
	height:55px;
	float: none;
	vertical-align:bottom;
	overflow:hidden;
}
.tableForm .linkList02 li a {
	overflow:hidden;
}
.buttonList03 {
	margin-bottom:10px;
}
.buttonList03 li {
	padding:0 3px;
}
.buttonList03 .black {
	width:135px;
}
.button input {
	padding:0;
	margin:0;
	border:none;
	background:transparent;
	color:#FFF;
	font-weight:bold;
	width:100%;
	font-weight:bold;
	cursor:pointer;
}
.button,
a.button {
	margin:0;
	display:block;
	background:#47d46b;
	width:280px;
	border:5px solid #E5E5E5;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:15px 5px 0 5px;
	height:65px;
	text-decoration:none;
	position:relative;
	transition:all 0.1s linear;
	overflow:hidden;
	cursor:pointer;
}

.button.disable{
	background: #888;
	height: 60px;
	cursor: not-allowed;

}

.button.disable:hover{
	background: #888;
	height: 60px;
	margin: 0;
	cursor: not-allowed;
}

.button {
	padding:13px 5px 0 5px;
}
a.noBorder {
	border:5px solid #FFF;
	width:224px;
	height:55px;
	padding:9px 5px 0;
}
.button,
a.red {
	background:#FF4B39;
}

.button:after,
a.button:after {
	width:100%;
	height:5px;
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	background:#36a251;/*
	background:-moz-linear-gradient(top, #36a251 0%, #32974c 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#36a251), color-stop(100%,#32974c));
	background:-webkit-linear-gradient(top, #36a251 0%,#32974c 100%);
	background:-ms-linear-gradient(top, #36a251 0%,#32974c 100%);
	transition:all 0.1s linear;*/
}

a.red:after,
.button:after {
	background:#d23e2f;/*
	background:-moz-linear-gradient(top, #da4031 0%, #cc3c2e 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4031), color-stop(100%,#cc3c2e));
	background:-webkit-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
	background:-ms-linear-gradient(top, #da4031 0%,#cc3c2e 100%);*/
}
a.button01 {
	background:#3fbbd6;
}
a.button01:after {
	background:#32a3b4;/*
	background:-moz-linear-gradient(top, #32a3b4 0%, #2f99a8 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#32a3b4), color-stop(100%,#2f99a8));
	background:-webkit-linear-gradient(top, #32a3b4 0%,#2f99a8 100%);
	background:-ms-linear-gradient(top, #32a3b4 0%,#2f99a8 100%);*/
}
a.buttonOrange {
	background:#FF9D00;
}
a.buttonOrange:after {
	background:#A26603;
}
.button:hover,
a.button:hover {
	text-decoration:none;
	color:#fff;
	margin:5px 0 0 0;
	height:60px;
	background:#36a251;
}
a.noBorder:hover {
	height:50px;
}
a.red:hover,
.button:hover{
	background:#da4031;
}
.button:hover:after,
a.button:hover:after {
	height:0;
}

.button.disable:after{
	display: none;
}

a.button01:hover {
	background:#32a3b4;
}
a.button02 {
	width:auto;
	background:#FF4B39;
	border-color:#CCC;
}
a.button02:after {
	background:#da4031;/*
	background:-moz-linear-gradient(top, #da4031 0%, #cc3c2e 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4031), color-stop(100%,#cc3c2e));
	background:-webkit-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
	background:-ms-linear-gradient(top, #da4031 0%,#cc3c2e 100%);*/
}
a.button02:hover {
	background:#da4031;
}
a.black, .button.blackBtn {
	background:#6d6d6d;
	width:190px;
}
a.black:after, .button.blackBtn:after {
	background:#1f1f1f;/*
	background:-moz-linear-gradient(top, #1f1f1f 0%, #1d1d1d 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#1d1d1d));
	background:-webkit-linear-gradient(top, #1f1f1f 0%,#1d1d1d 100%);
	background:-ms-linear-gradient(top, #1f1f1f 0%,#1d1d1d 100%);*/
}
a.black:hover, .button.blackBtn:hover {
	background:#1e1e1e;
}
a.blue,
a.blue:hover {
	background:#0081BC;
}
a.blue:after {
	background:#016796;
}
.buttonDetail {
	float:right;
	height:40px;
}
.buttonDetail a {
	font-weight:bold;
}
a.button03 {
	display:inline-block;
	position:relative;
	height:34px;
	padding:3px 28px 0;
	background:#939191;
	color:#FFF;
	transition:all 0.1s linear;
	overflow:hidden;
	cursor:pointer;
	text-decoration:none;
}
a.button03:after {
	width:100%;
	height:5px;
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	border-bottom:5px solid #5d5c5c;
}
a.button03:hover {
	margin:5px 0 0 0;
	height:29px;
	background:#5d5c5c;
	color:#FFF;
	text-decoration:none;
}
a.button03:hover:after {
	height:0;
}
a.orange {
	background:#FF9D00;
}
a.orange:hover {
	background:#C57C04;
}
a.orange:after {
	background:#9F6403;
}
#general {
	max-width:1000px;
	padding:0 10px;
	margin:0 auto;
}
#general ul#topicPath {
	padding:11px 0 18px 0;
}
#general li {
	display:inline-block;
}
#general li a {
	display:inline-block;
	background:url(/site/img/common/bg_arrow04.gif) no-repeat 100% 50%;
	padding:0 17px 0 0;
	margin:0 10px 0 0;
}
#general .headline2 {
	font-size:0;
	padding:0 0 20px 0;
}
#general .headline2.pcDisplay {
	display:block !important;
}
#general .headline2.spDisplay {
	display:none !important;
}
#general .headline2 img {
	padding:0 16px 0 0;
	vertical-align:middle;
}
a.buttonOrange:hover {
	background:#FF9D00;
}
@media screen and (max-width:1000px) {
	#keyv li {
		width:100%;
	}
	#keyv li img {
		width:100%;
	}
	#prev {
		background-color:rgba(0,0,0,0);
		left:0;
		width:40px;
	}
	#next {
		background-color:rgba(0,0,0,0);
		right:0;
		width:40px;
	}
	.keyvText .keyvInner {
		padding-right:40px;
	}
	.keyvText .text .text02 {
		margin:7px 0 5px 0;
	}
	#keyv .pageInner {
		padding:0 70px 0 0;
	}
}
@media screen and (max-width:736px) {
	#general {
		padding:0;
	}
	#general .headline2 {
		padding:18px 0;
		background:#FF9D00;
		text-align:center;
	}
	#general .headline2 img {
		display:inline-block;
		width:auto;
		height:26px;
		padding:0 10px 0 0;
		vertical-align:middle;
	}
	#general .headline2 img.text {
		height:21px;
	}
	#general .headline2.blue {
		background:#00CD6B;
		text-align:center;
	}
	#general .headline2.blue img.text {
		height:23px;
	}
	#general .headline2.pcDisplay {
		display:none !important;
	}
	#general .headline2.spDisplay {
		display:block !important;
	}
	#prev {
		background:rgba(0,0,0,0);
		background-image:url(/site/img/common/bg_prev.gif);
		background-repeat:no-repeat;
		background-position:100% 50%;
		background-size:20px 50px;
		left:0;
		width:20px;
	}
	#next {
		background:rgba(0,0,0,0);
		background-image:url(/site/img/common/bg_next.gif);
		background-repeat:no-repeat;
		background-position:100% 50%;
		background-size:20px 50px;
		right:0;
		width:20px;
	}
	.hover,
	a:hover {
		text-decoration:none!important;
		opacity:1!important;
	}
	.box {
		max-width:inherit;
		padding:0;
	}
	.boxadd {
		max-width:inherit;
		padding:0;
	}
	.newsGroup {
		padding:0;
	}
	.newsGroup .news {
		float:none;
		width:100%;
		max-width:100%;
		margin-bottom:20px;
	}
	.notice {
		padding:0;
		border:none;
	}
	.notice li {
		float:none;
		width:100%;
		padding:10px 0 10px 0;
		display:block;
		border-bottom:1px solid #CCC;
	}
	.notice li div.inner {
		display:table;
		width:100%;
	}
	.notice li p.image {
		display:table-cell;
		vertical-align:middle;
		padding:0 25px 0 0;
	}
	.notice li p.image a {
		display:block;
		width:50px;
	}
	.notice li p.image img {
		width:50px;
	}
	.notice li p.link {
		display:table-cell;
		float:none;
		padding:0 15px 0 10px;
		line-height:1.4;
		vertical-align:middle;
	}
	.notice li p.link a {
		color:#000;
		text-decoration:none;
	}
	.more {
		display:block!important;
		margin:0;
	}
	.more a {
		display:block;
		text-align:center;
		padding:14px;
		background:none;
		border-radius:0;
	}
	.more a span {
		background:url(/site/img/common/bg_arrow03.png) no-repeat 100% 50%;
		background-size:auto 10px;
		color:#000;
		font-size:12px;
		padding:0 16px 0 0;
	}
	.imgWeb {
		padding:10px 10px 20px 10px;
		text-align:center;
		display:block!important;
		font-size:0;
	}
	.imgWeb img {
		width:100%;
		-moz-box-shadow:0 0 6px #989898;
		-webkit-box-shadow:0 0 6px #989898;
		box-shadow:0 0 6px #989898;
	}
	.banner {
		background:#CCC;
		background-size:auto 4px;
		margin:0;
		padding:10px 5px 0;
		max-width:100%;
		float:none;
		width:100%;
	}
	.banner .bannerInner {
		max-width:inherit;
		padding:0;
	}
	.banner .bannerInner ul {
		margin:0 5px;
	}
	.banner ul li {
		width:50%;
		float:left;
		padding:0 5px 10px 5px;
		font-size:0;
	}
	.banner ul li img {
		width:100%;
	}
	.pl25, .ph25, .pa25 { padding-left:25px !important; }
	.mt15, .mh15, .ma25 { margin-top:15px !important; }
	.ph30 { padding:0 15px !important; }
	.sample {
		background:#FFF;
		border:none;
	}
	.sample ul {
		padding:0;
	}
	.sample li {
		width:50%;
		padding:10px 5% 15px 5%;
		margin:0;
		display:block;
		min-width:inherit;
		float:left;
		border-right:1px solid #ccc;
		border-top:1px solid #ccc;
		position:relative;
	}
	.sample li:first-child {
		border-top:none;
	}
	.sample li:first-child + li {
		border-top:none;
	}
	.sample li:nth-child(2n) {
		border-right:none;
	}
	.sample li .image {
		padding:0 0 10px 0;
	}
	.sample li .image img {
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.sample li .link01 {
		padding:0;
		line-height:1.4;
		font-size:12px;
		padding-bottom:5px;
	}
	.sample li .link01 a {
		color:#000;
	}
	.sample li .link02 {
		padding:0;
		font-size:10px;
	}
	.sample .flag {
		position:absolute;
		top:0;
		left:0;
		width:60px;
	}
	.pickup li {
		float:none;
		padding:0;
		width:100%;
		border-bottom:1px solid #CCC;
		background:url(/site/img/common/bg_arrow02.png) no-repeat 100% 50%;
		background-size:auto 10px;
	}
	.pickInner {
		display:table;
		width:100%;
	}
	.pickup li p.image {
		display:table-cell;
		vertical-align:middle;
		width:160px;
		max-width:inherit;
	}
	.pickup li p.image a {
		height:90px;
		width:100%;
		border:none;
		border-radius:0;
	}
	.pickup li p.image img {
		width:auto;
		height:90px;
	}
	.pickup li div.text {
		display:table-cell;
		padding:0 25px 0 10px;
		vertical-align:middle;
		line-height:1.4;
	}
	.pickup li div.text p.text01 {
		display:inline-block;
		font-size:12px;
		position:relative;
		margin:0;
	}
	.pickup li div.text p.text02 {
		font-size:14px;
		font-weight:normal;
		padding:0 0 1px 0;
	}
	.pickup li div.text p.text02 a {
		color:#000;
	}
	.pickup li p.flag {
		top:0;
		left:0;
		width:50px;
		height:50px;
	}
	.pickup li div.text p.title01 {
	}

	.pickup li div.text p.title01 em.pcDisplay {
		display:none !important;
	}
	.pickupFix01 li {
		margin-bottom:0;
	}
	.recommend .recommendList {
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		padding:15px 0 15px 3px;
	}
	.recommend li {
		padding:0 4px;
		float:left;
		width:118px;
		margin:0;
	}
	.recommendInner p.flag {
		width:50px;
		height:50px;
	}
	.recommendInner p.image {
		padding:0 10px;
	}
	.recommendInner p.link01 {
		padding:6px 10px 5px 10px;
	}
	.recommendInner p.link01 a {
		color:#000;
	}
	.recommendInner p.link02 a {
		font-size:10px;
	}
	.recommendInner p.link01 a {
		color:inherit;
	}
	.recommend01 .recommendList {
		padding:0 0 5px 0;
		border:none;
		background:none;
	}
	.recommend01 li {
		float:none;
		max-width:inherit;
		width:100%;
		padding:0;
		background:url(/site/img/common/bg_arrow02.png) no-repeat 100% 50%;
		background-size:auto 10px;
		border-bottom:1px solid #CCC;
	}
	.recommend01 li:last-child {
		border:none;
	}
	.recommend01 .recommendInner {
		display:table;
		width:100%;
		padding:0;
		background:none;
		box-shadow:inherit;
	}
	.recommend01 .recommendInner .image {
		display:table-cell;
		width:160px;
		max-width:inherit;
		vertical-align:middle;
	}
	.recommend01 .recommendInner .image a {
		display:block;
		text-align:center;
		height:90px;
		position:relative;
		overflow:hidden;
		width:100%;
	}
	.recommend01 .recommendInner .image img {
		position: absolute;
		left: 50%;
		top: 50%;
		width:auto;
		height:90px;
		max-width:inherit;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		opacity:1;
	}
	.recommend01 .recommendInner div {
		display:table-cell;
		width:calc(100% - 160px);
		line-height:1.4;
		padding:0 25px 0 10px;
		vertical-align:middle;
	}
	.recommend01 .recommendInner .link01 {
		padding:0;
		border:none;
		line-height:1.4;
		text-align:left;
	}
	.recommend01 .recommendInner .link01 a {
		color:#000;
		font-size:14px;
	}
	.recommend01 .recommendInner .text01 {
		border-top:none;
		padding:0;
		color:#CA9800;
		text-align:left;
		margin-top:5px;
	}
	.recommend01 .recommendInner p.flag {
		position:absolute;
		top:0;
		left:0;
		width:50px;
		height:50px;
	}
	.keyvBox {
		position:relative;
	}
	.keyvText {
		position:static;
		top:auto;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
		width:auto;
		height:auto;
		padding:15px 15px 10px 15px;
	}
	.keyvText .keyvInner {
		max-width:inherit;
		padding:0;
		height:auto;
		text-align:left;
	}
	.keyvText .textInner {
		width:auto;
		height:auto!important;
		display:block;
		background:#FFF;
		color:#000;
		text-align:left;
		position:relative;
		padding:0;
		font-size:16px;
	}
	.keyvText .text {
		height:inherit!important;
		width:auto;
	}
	.keyvText .inner {
		padding:0;
		height:inherit!important;
	}
	#keyv .pageInner {
		padding:0;
	}
	.keyvText .text .text01 {
		font-size:15px;
		color:#ff9d00;
		font-weight:bold;
	}
	.keyvText .text .text02 {
		line-height:1.5;
		font-size:12px;
		padding:4px 0 7px 0;
	}
	#keyv #pager01 {
		position:static;
		padding:0;
		text-align:center;
	}
	.keyvText .textInner {
		background:none!important;
		padding:0;
		opacity:1!important;
	}
	#keyv .pageBox {
		position:static;
		margin:0 0 15px 0;
	}
	#prev, #next {
		top:16%;
		height:50px;
	}
	#keyv #pager01 a {
		display:inline-block;
		height:0;
		width:10px;
		float:none;
		padding-top:10px;
		margin:0 10px 0 0;
		font-size:0;
		background:url(/site/img/common/bg_page_sp.gif) no-repeat 0 0;
	}
	#keyv #pager01 a.selected {
		background:url(/site/img/common/bg_page_sp_h.gif) no-repeat 0 0;
	}
	.search {
		background:#333;
	}
	.search .searchBox {
		width:auto;
		background:none;
	}
	.search .searchInput {
		max-width:inherit;
		margin:0 auto;
		padding:6px 0 3px;
		text-align:right;
	}
	.search .searchInput span {
		display:inline-block;
		background:#FFF;
		width:100%;
		-webkit-border-radius:30px;
		border-radius:30px;
		text-align:left;
		position:relative;
		height:40px;
	}
	.search .searchInput span input.searchText {
		font-weight:bold;
		font-size:14px;
		width:100%;
		height:40px;
		line-height:40px;
		padding:0 50px 0 20px;
		background:transparent;
		border:none;
	}
	.search .searchInput span .searchButton {
		position:absolute;
		top:0;
		right:0;
		width:50px;
		height:42px;
		background:transparent;
		border:none;
		padding:0;
		background:url(/site/img/common/bg_search_sp.png) no-repeat 10px 50%;
		background-size:auto 21px;
	}
	.search .searchInput span input::-webkit-input-placeholder {
		color:#acacac;
	}
	.search .searchInput span input::-moz-placeholder {
		color:#acacac;
	}
	.search .searchInput span input::-ms-input-placeholder {
		color:#acacac;
	}
	.linkList {
		padding:9px 36px;
		background:#7A7A7A;
	}
	.linkList li {
		padding:0;
		display:block;
		width:100%;
		padding:7px 0;
		height:auto;
	}
	.linkList li.textLinkerror {
		padding-bottom:25px;
		text-decoration:underline;
	}
	.linkList li.textLinkerror a {
		color:#FFF;
		text-decoration:underline;
	}
	.linkList li.deliveryText {
		max-width:100%;
		color:#FFF;
	}
	.linkList02 {
		padding:15px 0 0;
	}
	.linkList02 li {
		padding:0;
		display:block;
		max-width:250px;
		padding:7px 0;
		height:auto;
		margin:0 auto;
	}
	.headline6{
		margin:0;
		padding-left:15px;
		font-weight:bold;
	}
	.headline7{
		padding-bottom:15px;
	}
	.boxGrayadd02{
		background:#f5f5f5;
		padding-right:15px;
		padding-left:15px;
		padding-bottom:15px;
	}
	.boxGrayadd03{
		background:#f5f5f5;
		padding-right:15px;
		padding-left:15px;
		padding-top:15px;
	}

	.button,
	a.button {
		display:block;
		background:#47d46b;
		width:inherit;
		border:4px solid #e8e8e8;
		text-align:center;
		color:#fff;
		font-size:15px;
		font-weight:bold;
		padding:15px 5px 16px 5px;
		height:auto;
		text-decoration:none;
		position:relative;
		transition:none;
		overflow:hidden;
	}
	.button:after,
	a.button:after {
		width:100%;
		height:4px;
		position:absolute;
		content:"";
		bottom:0;
		left:0;
		background:#36a251;
		background:-moz-linear-gradient(top, #36a251 0%, #32974c 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#36a251), color-stop(100%,#32974c));
		background:-webkit-linear-gradient(top, #36a251 0%,#32974c 100%);
		background:-ms-linear-gradient(top, #36a251 0%,#32974c 100%);
		transition:none;
	}
	a.button01 {
		background:#3fbbd6;
	}
	a.button01:after {
		background:#32a3b4;
		background:-moz-linear-gradient(top, #32a3b4 0%, #2f99a8 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#32a3b4), color-stop(100%,#2f99a8));
		background:-webkit-linear-gradient(top, #32a3b4 0%,#2f99a8 100%);
		background:-ms-linear-gradient(top, #32a3b4 0%,#2f99a8 100%);
	}
	.button:hover,
	a.button:hover {
		text-decoration:none;
		color:#fff;
		margin:0;
		height:inherit;
		background:#47d46b;
	}
	a.button01:hover {
		background:#3fbbd6;
	}
	.button:hover:after,
	a.button:hover:after,
	a.button01:hover:after {
		height:4px!important;
	}
	a.button02 {
		width:inherit;
		background:#FF4B39;
	}
	a.button02:after {
		background:#da4031;
		background:-moz-linear-gradient(top, #da4031 0%, #cc3c2e 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4031), color-stop(100%,#cc3c2e));
		background:-webkit-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
		background:-ms-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
	}
	a.button02:hover {
		background:#da4031;
	}
	a.black:hover, .button.blackBtn:hover,
	a.black, .button.blackBtn {
		width:inherit;
		background:#6d6d6d;
		width:70%;
		margin:0 auto;
	}
	a.black:hover:after, .button.blackBtn:hover:after,
	a.black:after, .button.blackBtn:after {
		background:#1d1d1d;
		background:-moz-linear-gradient(top, #1f1f1f 0%, #1d1d1d 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#1d1d1d));
		background:-webkit-linear-gradient(top, #1f1f1f 0%,#1d1d1d 100%);
		background:-ms-linear-gradient(top, #1f1f1f 0%,#1d1d1d 100%);
	}
	a.black:hover, .button.blackBtn:hover {
		background:#6d6d6d;
	}
	.button {
		width:inherit;
		background:#ff4b39;
	}
	.button:after {
		background:#da4031;
		background:-moz-linear-gradient(top, #da4031 0%, #cd3c2e 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4031), color-stop(100%,#cd3c2e));
		background:-webkit-linear-gradient(top, #da4031 0%,#cd3c2e 100%);
		background:-ms-linear-gradient(top, #da4031 0%,#cd3c2e 100%);
	}
	.button:hover,
	a.red:hover,
	a.red {
		background:#ff4b39;
	}
	a.red:hover:after,
	a.red:after {
		background:#d23e2f;
		background:-moz-linear-gradient(top, #da4031 0%, #cc3c2e 100%);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#da4031), color-stop(100%,#cc3c2e));
		background:-webkit-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
		background:-ms-linear-gradient(top, #da4031 0%,#cc3c2e 100%);
	}
	a.blue,
	a.blue:hover {
		background:#0081bc;
		border:none;
	}
	a.blue:after {
		background:#016796;
	}
	a.orange,
	a.orange:hover {
		background:#FF9D00;
	}
	a.orange:after {
		background:#9F6403;
	}
	.buttonList03 li {
		display:inline-block;
		padding:7px 1% 0 0;
		width:49%;
	}
	.buttonList03 li:last-child {
		padding-right:0;
	}
	.buttonList03 li a {
		width:100% !important;
	}
	.buttonDetail {
		float:none;
		margin:20px auto -40px;
		max-width:240px;
	}
	a.button03 {
		display:block;
		padding:6px 28px 10px;
		width:100%;
		height:auto;
		text-align:center;
	}
	a.button03:hover {
		height:auto;
		margin:0;
		background:#939191;
	}
	a.button03:hover:after {
		height:4px!important;
	}
	.boxGray01 .linkList02 {
		margin:0 0 -10px 0;
	}
	.boxGray01 .linkList02 li {
		width:100%;
		padding:0;
		margin:0 0 10px 0;
		max-width:inherit;
	}
	.boxGray01 .linkList02 li a {
		font-size:15px;
		padding:12px 0 11px;
	}
	.boxGray01 .linkList02 li a:hover:after,
	.boxGray01 .linkList02 li a:after {
		height:4px!important;
	}
	.buttonDetail {
		max-width:inherit;
		width:100%;
		font-weight:bold;
		margin:10px 0 -35px 0;
	}
}
@media screen and (max-width:736px) {
	#prev, #next {
		top:34%;
	}
	#keyv li img {
		max-width:inherit;
		width:auto;
		height:360px;
	}
}
@media screen and (max-width:640px) {
	#prev, #next {
		top:30%;
	}
}
@media screen and (max-width:480px) {
	#prev, #next {
		top:25%;
	}
	#keyv li img {
		max-width:inherit;
		width:auto;
		height:180px;
	}
}
@media screen and (max-width:320px) {
	#prev, #next {
		top:21%;
	}
}
/* ------------------------------------------------------------------
	document_detail
-------------------------------------------------------------------*/
.headBlock {
	position:relative;
	margin:0 auto 25px;
	max-width:980px;
}
.headBlockDetail {
	margin-top:50px;
}
.headBlock .blockImage {
	height:100%;
	text-align: center;
}
.headBlock .blockInner {
	position:absolute;
	top:0;
	right:0;
	max-width:320px;
	height:88%;
	margin:19px 22px;
	padding:24px 30px 0;
	background:#4D4D4D url(/site/img/common/bg_keyv.png) no-repeat 0 0;
	color:#FFF;
}
.headBlock .title {
	margin:0 5px 14px 0;
	padding:0 0 6px 3px;
	border-bottom:3px solid #FFF;
	font-size:28px;
	line-height:1.3;
}
.headBlock .blockText01 {
	width:220px;
	min-height:32px;
	margin-bottom:14px;
	padding:2px 2px 2px 12px;
	background:#FFF;
	color:#F7409A;
	font-size:16px;
	font-weight:bold;
}
.headBlock .blockText01 em {
	width:130px;
	display:inline-block;
	padding:4px 0 2px;
}
.headBlock .blockText01 span {
	float:right;
	padding:4px 10px;
	background:#F7409A;
	color:#FFF;
}
.headBlock .blockText02 {
	padding:0 2px;
	font-size:16px;
	line-height:1.8;
}
.headBlock02 {
	background:#F5F5F5;
}
.headBlock02 .blockImage {
	float:left;
	width:65.4%;
	height:100%;
	font-size:0;
}
.headBlock02 .blockImage img {
	width:100%;
	height:auto;
}
.headBlock02 .blockInner {
	float:right;
	max-width:300px;
	width:30.5%;
	height:89%;
	margin:20px 20px 19px 0;
}
.headBlock02 .title {
	margin:0 0 14px 0;
	font-size:26px;
}
.headBlock02 .blockText01 {
	max-width:220px;
	width:100%;
	min-height:32px;
}
.headBlock02 .blockText01 em {
	max-width:130px;
	width:65%;
	display:inline-block;
	padding:4px 0 2px;
}
.headBlock02 .blockText01 span {
	float:right;
	padding:4px 7px;
	background:#F7409A;
	color:#FFF;
}
.detailTitle {
	margin:0 auto 25px;
	max-width:850px;
	color:#4D4D4D;
	font-size:30px;
	font-weight:bold;
	line-height:1.3;
}
.detailText01 {
	margin:0 auto 30px;
	max-width:850px;
	padding-left:18px;
	border-left:4px solid #FF9D00;
	color:#4D4D4D;
	font-size:16px;
	line-height:1.8;
}
.block {
	max-width:980px;
	margin:0 auto 20px;
	padding:31px 40px 29px;
	background:#F5F5F5;
}
.block .blockImage01 {
	float:left;
	width:420px;
	margin-right:30px;
}
.block div {
	margin-top:-9px;
	font-size:14px;
	line-height:2;
}
.block01 .blockImage01 {
	float:right;
	max-width:420px;
	width:47%;
	margin-right:0;
}
.block01 div {
	float:left;
	max-width:450px;
	width:50%;
	margin-top:-8px;
	font-size:14px;
	line-height:2;
}
.block01 div h3 {
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
}
.group {
	clear:both;
	max-width:980px;
	margin:31px auto 20px;
}
.group .groupText01 {
	padding-bottom:33px;
	color:#4D4D4D;
	font-size:14px;
	line-height:2;
}
.group .video {
	width:640px;
	margin:0 auto;
	border:6px solid #CCC;
	font-size:0;
}
.group .groupInner {
	margin-bottom:40px;
	padding:21px 39px;
	border:1px solid #CCC;
	background:#F5F5F5;
	color:#4D4D4D;
	font-size:14px;
	line-height:2;
}
.iconAddnews {
	width:980px;
	margin:0 auto;
	margin-bottom:20px;
}
.iconAddnews li {
	float:left;
	text-align:center;
	font-weight:bold;
	margin-left:10px;
	border-radius:15px;
	padding: 3px 10px;
	color:#FFF !important;
	display:inline-block;
}
.iconAddnews .categoryColor01 {
	background:#f82e92 !important;
}
.iconAddnews .categoryColor02 {
	background:#a342b1 !important;
}
.iconAddnews .categoryColor03 {
	background:#00cd6b !important;
}
.iconAddnews .categoryColor04 {
	background:#bd5000 !important;
}
.iconAddnews .categoryColor05 {
	background:#ff9d00 !important;
}
.iconAddnews .categoryColor06 {
	background:#00bcb5 !important;
}
.iconAddnews .categoryColor07 {
	background:#00B7F3 !important;
}
.buttonBlock {
	margin-bottom:40px;
	padding:20px 0;
	border-top:1px solid #686868;
	-webkit-box-shadow:inset 0 1px 3px 0 #6A6A6A;
	-moz-box-shadow:inset 0 1px 3px 0 #6A6A6A;
	box-shadow:inset 0 1px 3px 0 #6A6A6A;
	background:url(/site/img/document/bg_block01.gif) repeat 0 0;
}
.buttonBlock .blockInner {
	width:650px;
	margin:0 auto;
}
.buttonBlock .buttonList {
	margin:0 -4px -10px;
}
.buttonBlock .buttonList li {
	float:left;
	width:156px;
	margin:0 4px 10px;
	background:#FFF;
	font-size:15px;
	font-weight:bold;
	text-align:center;
}
.buttonBlock .buttonList li a {
	display:block;
	padding:13px 10px 12px;
	border:3px solid #F82E2E;
	background:#FFF;
	color:#F82E2E;
	text-decoration:none;
	-ms-transition:all 0.3s ease-out 0s;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}
.buttonBlock .buttonList li a:hover {
	background:#F82E2E;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor00 a {
	border:3px solid #F82E2E;
	color:#F82E2E;
}
.buttonBlock .buttonList li.categoryColor00 a:hover,
.buttonBlock .buttonList li.categoryColor00 a.active {
	background:#F82E2E;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor01 a {
	border:3px solid #f82e92;
	color:#f82e92;
}
.buttonBlock .buttonList li.categoryColor01 a:hover,
.buttonBlock .buttonList li.categoryColor01 a.active {
	background:#f82e92;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor02 a {
	border:3px solid #a342b1;
	color:#a342b1;
}
.buttonBlock .buttonList li.categoryColor02 a:hover,
.buttonBlock .buttonList li.categoryColor02 a.active {
	background:#a342b1;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor03 a {
	border:3px solid #00cd6b;
	color:#00cd6b;
}
.buttonBlock .buttonList li.categoryColor03 a:hover,
.buttonBlock .buttonList li.categoryColor03 a.active {
	background:#00cd6b;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor04 a {
	border:3px solid #bd5000;
	color:#bd5000;
}
.buttonBlock .buttonList li.categoryColor04 a:hover,
.buttonBlock .buttonList li.categoryColor04 a.active {
	background:#bd5000;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor05 a {
	border:3px solid #ff9d00;
	color:#ff9d00;
}
.buttonBlock .buttonList li.categoryColor05 a:hover,
.buttonBlock .buttonList li.categoryColor05 a.active {
	background:#ff9d00;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor06 a {
	border:3px solid #00bcb5;
	color:#00bcb5;
}
.buttonBlock .buttonList li.categoryColor06 a:hover,
.buttonBlock .buttonList li.categoryColor06 a.active {
	background:#00bcb5;
	color:#FFF;
}
.buttonBlock .buttonList li.categoryColor07 a {
	border:3px solid #00b7f3;
	color:#00b7f3;
}
.buttonBlock .buttonList li.categoryColor07 a:hover,
.buttonBlock .buttonList li.categoryColor07 a.active {
	background:#00b7f3;
	color:#FFF;
}
.pagerBlock {
	max-width:980px;
	margin:45px auto 0;
	padding:15px 0;
	border-radius:8px;
	-webkit-box-shadow:inset 0 1px 3px 0 #6A6A6A;
	-moz-box-shadow:inset 0 1px 3px 0 #6A6A6A;
	box-shadow:inset 0 1px 3px 0 #6A6A6A;
	background:url(/site/img/document/bg_dot.gif) repeat 0 0;
	text-align:center;
}
.pagerBlock .pagerList {
	margin:0 auto;
	vertical-align:middle;
	display:inline-block;
}
.pagerBlock .pagerList li {
	display:inline-block;
	vertical-align:middle;
	width:auto;
	margin:0 5px;
	text-align:center;
}
.pagerBlock .pagerList li span {
	color:#D0D0D0;
}
.pagerBlock .pagerList li a {
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	background:#FFF;
	color:#FF9D00;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	vertical-align:middle;
}
.pagerBlock .pagerList li a:hover,
.pagerBlock .pagerList li a.active {
	background:#FF9D00;
	color:#FFF;
	text-decoration:none;
}
.pagerBlock .pagerList li.prev {
	padding-right:7px;
}
.pagerBlock .pagerList li.prev a,
.pagerBlock .pagerList li.prev span {
	width:auto;
	height:auto;
	padding-left:13px;
	background:url(/site/img/common/icon_prev.png) no-repeat 0 52%;
	color:#D0D0D0;
	text-decoration:none;
	font-weight:bold;
}
.pagerBlock .pagerList li.prev a:hover {
	text-decoration:underline;
}
.pagerBlock .pagerList li.next {
	padding-left:7px;
}
.pagerBlock .pagerList li.next a {
	width:auto;
	height:auto;
	padding-right:13px;
	background:url(/site/img/common/icon_next.png) no-repeat 100% 52%;
	color:#FFF;
	text-decoration:none;
}
.pagerBlock .pagerList li.next a:hover {
	text-decoration:underline;
}
.headSection {
	margin-bottom:20px;
}
.headSection h2 {
	background:#F82E92;
}
.headSection h2.categoryColor01 {
	background:#F82E92 !important;
}
.headSection h2.categoryColor00 {
	background:#F82E2E !important;
}
.headSection h2.categoryColor02 {
	background:#A342B1 !important;
}
.headSection h2.categoryColor03 {
	background:#00CD6B !important;
}
.headSection h2.categoryColor04 {
	background:#BD5000 !important;
}
.headSection h2.categoryColor05 {
	background:#FF9D00 !important;
}
.headSection h2.categoryColor06 {
	background:#00BCB5 !important;
}
.headSection h2.categoryColor07 {
	background:#00B7F3 !important;
}
.headSection h2 span {
	display:block;
	max-width:980px;
	margin:0 auto;
	padding:20px 8px 17px;
	color:#FFF;
	font-size:25px;
	font-weight:bold;
	text-align:left;
}
.headSection .sectionList {
	max-width:980px;
	margin:10px auto 0;
}
.headSection .sectionList li {
	float:left;
	width:auto;
	margin:0 0 10px 10px;
}
.headSection .sectionList li a {
	display:inline-block;
	padding:3px 10px 2px;
	border:2px solid #F82E92;
	border-radius:20px;
	font-size:14px;
	color:#F82E92;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.headSection .categoryColor01 li a {
	border:2px solid #F82E92;
	color:#F82E92;
}
.headSection .categoryColor01 li a:hover,
.headSection .categoryColor01 li a.active {
	background:#F82E92;
	color:#FFF;
}
.headSection .categoryColor00 li a {
	border:2px solid #F82E2E;
	color:#F82E2E;
}
.headSection .categoryColor00 li a:hover,
.headSection .categoryColor00 li a.active {
	background:#F82E2E;
	color:#FFF;
}
.headSection .categoryColor02 li a {
	border:2px solid #A342B1;
	color:#A342B1;
}
.headSection .categoryColor02 li a:hover,
.headSection .categoryColor02 li a.active {
	background:#A342B1;
	color:#FFF;
}
.headSection .categoryColor03 li a {
	border:2px solid #00CD6B;
	color:#00CD6B;
}
.headSection .categoryColor03 li a:hover,
.headSection .categoryColor03 li a.active {
	background:#00CD6B;
	color:#FFF;
}
.headSection .categoryColor04 li a {
	border:2px solid #BD5000;
	color:#BD5000;
}
.headSection .categoryColor04 li a:hover,
.headSection .categoryColor04 li a.active {
	background:#BD5000;
	color:#FFF;
}
.headSection .categoryColor05 li a {
	border:2px solid #FF9D00;
	color:#FF9D00;
}
.headSection .categoryColor05 li a:hover,
.headSection .categoryColor05 li a.active {
	background:#FF9D00;
	color:#FFF;
}
.headSection .categoryColor06 li a {
	border:2px solid #00BCB5;
	color:#00BCB5;
}
.headSection .categoryColor06 li a:hover,
.headSection .categoryColor06 li a.active {
	background:#00BCB5;
	color:#FFF;
}
.headSection .categoryColor07 li a {
	border:2px solid #00B7F3;
	color:#00B7F3;
}
.headSection .categoryColor07 li a:hover,
.headSection .categoryColor07 li a.active {
	background:#00B7F3;
	color:#FFF;
}
.buttonBlock01 {
	margin:70px 0 0;
	padding:8px 0;
	border:none;
	box-shadow:none;
	background:#CCC;
}
.buttonBlock01 .blockInner {
	max-width:980px;
	width:inherit;
	margin:0 auto;
}
.buttonBlock01 .buttonList {
	margin:0 -4px -10px;
}
.buttonBlock01 .buttonList li {
	float:left;
	width:115px;
	margin:0 4px 10px;
	background:#FFF;
	border:none;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.buttonBlock01 .buttonList li a {
	display:table;
	width:100%;
	padding:5px 10px 4px;
	border:3px solid #F82E2E;
	background:#FFF;
	color:#F82E2E;
	text-decoration:none;
	vertical-align:middle;
}
.buttonBlock01 .buttonList li a span {
	display:table-cell;
	height:35px;
	vertical-align:middle;
	text-align:center;
}
@media screen and (max-width:980px) {
	.headBlock .blockInner {
		height:86%;
	}
	.block {
		margin:0 10px 20px;
	}
	.group {
		margin:31px 10px 20px;
	}
	.headBlock02 .title {
		font-size:23px;
	}
	.headBlock02 .blockInner {
		height:89%;
	}
	.detailTitle {
		margin:0 10px 25px;
	}
	.detailText01 {
		margin:0 10px 30px;
	}
	.pagerBlock {
		max-width:inherit;
		margin:45px 10px 0;
	}
	.buttonBlock01 .blockInner {
		max-width:650px;
		width:inherit;
		margin:0 auto;
	}
}
@media screen and (max-width:900px) {
	.headBlock .blockInner {
		height:85%;
	}
	.headBlock02 .blockImage {
		float:left;
		width:61%;
	}
	.headBlock02 .blockInner {
		float:right;
		max-width:inherit;
		width:30.5%;
		height:87%;
	}
	.headBlock02 .title {
		font-size:20px;
	}
	.headBlock02 .blockText01 {
		min-height:inherit;
		font-size:13px;
	}
	.headBlock .blockText02 {
		font-size:13px;
	}
}
@media screen and (max-width:736px) {
	.headBlock01 {
		margin:15px 0 0;
		background:#FFF;
	}
	.headBlock01 .title {
		margin:0;
		padding:0 20px;
		color:#000;
		font-size:15px;
		font-weight:bold;
		text-align:center;
	}
	.headBlock01 .blockText01 {
		width:220px;
		min-height:26px;
		margin:0 auto;
		background:#F7409A;
		font-size:12px;
	}
	.headBlock01 .blockText01 em {
		width:135px;
		color:#FFF;
	}
	.headBlock01 .blockText01 span {
		float:right;
		padding:4px 14px 3px 12px;
		background:#FFF;
		color:#F7409A;
	}
	.headBlock {
		max-width:inherit;
		width:100%;
		margin-bottom:10px;
	}
	.headBlock .blockImage {
		font-size:0;
	}
	.headBlock .blockImage img {
		max-width:inherit;
		width:auto;
		height:360px;
	}
	.headBlock .blockInner {
		position:inherit;
		top:auto;
		right:auto;
		float:none;
		max-width:inherit;
		margin:0;
		padding:15px;
		background:#4D4D4D;
		color:#FFF;
	}
	.detailTitle {
		margin:10px 20px;
		max-width:inherit;
		font-size:15px;
		line-height:1.3;
	}
	.detailText01 {
		margin:0 20px 20px;
		padding:0;
		border:none;
		font-size:13px;
	}
	.headBlock02 {
		background:none;
	}
	.headBlock02 .blockImage {
		float:none;
		width:auto;
	}
	.headBlock .blockInner {
		float:none;
		width:auto;
	}
	.block {
		max-width:initial;
		margin:0 10px 30px;
		padding:0;
		background:#FFF;
	}
	.block .blockImage01 {
		float:none;
		width:inherit;
		margin-right:0;
	}
	.block .blockImage01 img {
		width:100%;
		height:auto;
	}
	.block div {
		margin:10px 10px 0;
		font-size:13px;
		line-height:2;
	}
	.block01 .blockImage01 {
		float:none;
		max-width:inherit;
		width:100%;
		padding-top:10px;
	}
	.block01 div {
		float:none;
		max-width:inherit;
		width:auto;
		margin:0 10px;
		font-size:13px;
		line-height:1.8;
	}
	.block01 div h3 {
		padding-bottom:10px;
		font-size:15px;
		line-height:1.3;
	}
	.group {
		margin:10px 10px 20px;
		padding:0 10px;
	}
	.group .groupText01 {
		padding:0 10px 30px;
		font-size:13px;
	}
	.group .groupText02 {
		padding-bottom:0;
	}
	.group .video {
		width:100%;
		margin:0;
		border:3px solid #CCC;
		font-size:0;
	}
	.group .groupInner {
		margin:20px 0;
		padding:10px 15px;
		font-size:12px;
	}
	.buttonBlock {
		margin:0;
		padding:15px 0;
		background-size:auto 2px;
	}
	.buttonBlock .blockInner {
		width:inherit;
		margin:0 10px;
	}
	.buttonBlock .buttonList {
		margin:0 -1% -2%;
	}
	.buttonBlock .buttonList li {
		width:48%;
		margin:0 1% 2%;
	}
	.buttonBlock .buttonList li a {
		width:100%;
		display:inline-block;
		padding:13px 10px 12px;
	}
	.pagerBlock {
		max-width:inherit;
		margin:0 auto;
		padding:15px 0;
		border-radius:inherit;
		background:url(/site/img/document/bg_dot.gif) repeat 0 0;
		background-size:auto 2px;
	}
	.pagerBlock .pagerList {
		width:300px;
		margin:0 auto;
	}
	.pagerBlock .pagerList li {
		display:inline;
		width:auto;
		margin:0 3px;
	}
	.pagerBlock .pagerList li span {
		color:#D0D0D0;
	}
	.pagerBlock .pagerList li a {
		display:inline-block;
		width:30px;
		height:30px;
		line-height:30px;
		background:#FFF;
		color:#FF9D00;
		font-size:11px;
	}
	.pagerBlock .pagerList li.prev {
		padding-right:7px;
	}
	.pagerBlock .pagerList li.prev span {
		font-size:11px;
	}
	.pagerBlock .pagerList li.prev a,
	.pagerBlock .pagerList li.prev span {
		padding-left:10px;
		background:url(/site/img/common/icon_prev.png) no-repeat 0 50%;
		background-size:6px auto;
	}
	.pagerBlock .pagerList li.next {
		padding-left:7px;
	}
	.pagerBlock .pagerList li.next a {
		padding-right:10px;
		background:url(/site/img/common/icon_next.png) no-repeat 100% 50%;
		background-size:6px auto;
	}
	.headSection {
		margin-bottom:0;
	}
	.headSection h2 span {
		padding:12px 8px 10px;
		font-size:18px;
		text-align:center;
	}
	.headSection .sectionList {
		max-width:inherit;
		margin:10px 5px 0;
	}
	.headSection .sectionList li {
		margin:0 0 10px 5px;
	}
	.headSection .sectionList li a {
		font-size:12px;
		min-height:inherit;
	}
	.buttonBlock01 {
		margin:0;
		padding:15px 0;
		border:none;
		box-shadow:none;
		background:#CCC;
	}
	.buttonBlock01 .buttonList li a span {
		display:inherit;
		width:100%;
		height:inherit;
		text-align:center;
	}
	.buttonBlock01 .blockInner {
		max-width:inherit;
		width:inherit;
		margin:0 10px;
	}
}
@media screen and (max-width:480px) {
	.headBlock .blockImage img {
		max-width:inherit;
		width:auto;
		height:180px;
	}
	.headBlock02 .blockImage img {
		width:100%;
		height:auto;
	}
}

/* ------------------------------------------------------------------
	aplus
-------------------------------------------------------------------*/
.aplusGroup {
	max-width:980px;
	margin:40px auto 0;
	padding:0 0 24px;
	border-bottom:1px solid #CCC;
}
.aplusGroup01 {
	margin:33px auto 14px;
	border-bottom:none;
	max-width:820px;
}
.aplusGroup .groupLeft {
	float:left;
	max-width:635px;
	width:65%;
}
.aplusGroup .groupRight {
	float:right;
	max-width:315px;
	width:33%;
}
.aplusGroup .noticeList li {
	margin-bottom:11px;
}
.aplusGroup .noticeList li .noticeImage {
	float:left;
	width:60px;
	margin-right:10px;
	border:1px solid #7C7C7C;
	font-size:0;
}
.aplusGroup .noticeList li .noticeImage02 {
	float:left;
	width:100px;
	margin-right:10px;
	border:none;
	font-size:0;
}
.aplusGroup .noticeList li .noticeText {
	float:left;
	width:calc(100% - 70px);
	margin-top:-3px;
	font-size:14px;
	line-height:1.45;
}
.aplusGroup .noticeList li .noticeText02 {
	float:left;
	width:calc(100% - 110px);
	margin-top:-3px;
	font-size:14px;
	line-height:1.45;
}
.aplusGroup .styleList01 {
	margin:0 -1.2%;
}
.aplusGroup .styleList01 li {
	float:left;
	max-width:310px;
	width:47.7%;
	margin:0 1.15% 2.3%;
}
.aplusGroup .styleList01 li a {
	display:block;
	padding:14px 30px 13px;
	background:#0081BC url(/site/img/common/icon_arrow03.png) no-repeat 95% 50%;
	background-size:8px auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow:1px 3px 3px 1px #DADADA;
	-moz-box-shadow:1px 3px 3px 1px #DADADA;
	box-shadow:1px 3px 3px 1px #DADADA;
	font-size:16px;
	text-align:center;
}
.aplusGroup .styleList01 li a:hover {
	text-decoration:none;
}
.aplusGroup .styleList01 li span {
	display:block;
	padding-top:1px;
	color:#FFF;
}
.aplusGroup .styleList02 li a {
	padding:20px 30px;
	background:#46AD68 url(/site/img/common/icon_arrow03.png) no-repeat 95% 50%;
	background-size:8px auto;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
.aplusGroup .styleList02 li a span {
	display:inline-block;
	vertical-align:middle;
}
.aplusGroup .styleList03 {
	margin:2px -1.2% 0;
}
.aplusGroup .styleList03 li {
	float:left;
	max-width:310px;
	width:47.7%;
	margin:0 1.15% 10px;
	padding-left:10px;
	text-indent:-10px;
}
.aplusGroup .styleList03 li a {
	padding-left:10px;
	background:url(/site/img/common/icon_arrow02.png) no-repeat 0 6px;
	background-size:6px auto;
}
.groupList {
	margin:0 -10px;
}
.groupList li {
	float:left;
	width:400px;
	margin:0 10px;
}
.groupListfix01 li.twitter iframe {
	border:1px solid #CCCCCC !important;
}
.groupListfix01 iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100%;
}
.fb_iframe_widget {
	display:block !important;
}
.fb_iframe_widget span {
	display:block !important;
}
.blockBanner {
	background:#CCC;
}
.blockBanner .bannerList {
	max-width:992px;
	margin:0 auto;
	padding:20px 0 17px;
}
.blockBanner .bannerList li {
	float:left;
	width:157px;
	margin-right:10px;
}
.blockBanner .bannerList li img {
	width:100%;
	height:auto;
}
.blockBanner .bannerList li:last-child {
	margin-right:0;
}
@media screen and (max-width:1024px) {
	.aplusGroup {
		max-width:inherit;
		margin:40px 10px 0;
	}
	.aplusGroup01 {
		max-width:680px;
		margin:0 auto;
		margin-top:33px;
	}
	.groupList {
		margin:0 -1.1%;
	}
	.groupList li {
		max-width:480px;
		width:48%;
		margin:0 1%;
	}
	.blockBanner .bannerList {
		max-width:inherit;
		margin:0 10px;
	}
	.blockBanner .bannerList li {
		width:16%;
		margin-right:0.8%;
	}
}
@media screen and (max-width:736px) {
	.iconAddnews {
		width:100%;
		padding: 10px 15px 0 15px;
		margin-bottom:5px;
	}
	.iconAddnews li {
		float:left;
		text-align:center;
		color:#FFF;
		font-size:13px;
		font-weight:bold;
		margin:0 0 8px 5px;
	}
	#header.aplus {
		padding:0;
	}
	#header.aplus .headerInner .logoHead {
		margin:1px 0 0 0;
		top:0;
		width:120px;
	}
	#header.aplus .hImage img {
		max-width:158px;
		margin-top:10px;
		margin-right:19px;
	}
	.aplusContent .box {
		margin-top:0 !important;
		padding-bottom:12px !important;
	}
	.box .content {
		padding:0;
	}
	.itemList {
		margin-bottom:0;
	}
	.headline3 {
		font-size:15px;
		padding:7px 10px;
		margin-bottom:0;
	}
	.itemList li {
		display:inline-block;
		position:relative;
		float:none;
		clear:both;
		max-width:100%;
		width:100%;
		margin:0;
		margin-bottom:0;
		border-bottom:1px solid #CCC;
		background:url(/site/img/common/icon_arrow.gif) no-repeat 97% 48%;
		-webkit-background-size:8px auto;
		-moz-background-size:8px auto;
		background-size:8px auto;
	}
	.itemList .image {
		display:inline-block;
		vertical-align:middle;
		float:none;
		margin-right:2%;
		font-size:0;
	}
	.itemList .image img {
		border-radius:0;
	}
	.itemList .itemBlock {
		display:inline-block;
		vertical-align:middle;
		float:none;
		max-width:100%;
		padding-right:9%;
	}
	.itemList .itemBlock .title a {
		font-size:13px;
		line-height:18px;
		color:#000;
	}
	.buttonList02 {
		padding: 0;
		margin: 0;
	}
	.buttonList02 li {
		float: none;
		width: 100%;
		margin: 0;
	}
	.buttonList02.sp50 li {
		width: 50%;
		float:left;
	}
	.buttonList02.sp50 li:nth-child(odd) {
		border-right:1px solid #CCC;
	}
	.buttonList02 li a {
		border-left:0;
		border-right:0;
		border-top:0;
		-webkit-border-radius: 0;
		border-radius: 0;
		background:url(/site/img/common/icon_arrow.gif) no-repeat 98% 48%;
		-webkit-background-size:8px auto;
		-moz-background-size:8px auto;
		background-size:8px auto;
	}
	.buttonList02.sp50 li a {
		background-position:95.5% 50%;
	}
	.aplusGroup {
		margin:0;
		padding:0 0 15px 0;
		border:none;
	}
	.aplusGroup .headline3 {
		margin-bottom:10px;
	}
	.aplusGroup .groupLeft {
		float:none;
		max-width:inherit;
		width:100%;
		padding:0;
	}
	.aplusGroup .groupLeft .groupInner {
		padding:20px 15px 15px;
		border-top:1px solid #CCC;
		background:#EEE;
	}
	.aplusGroup .groupRight {
		float:none;
		max-width:inherit;
		width:100%;
	}
	.aplusGroup .noticeList {
		margin:0;
	}
	.aplusGroup .noticeList li {
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #CCC;
	}
	.aplusGroup .noticeList li:last-child {
		margin-bottom:0;
	}
	.aplusGroup .noticeList li div {
		background:url(/site/img/common/icon_arrow04.png) no-repeat 98% 50%;
		background-size:6px auto;
	}
	.aplusGroup .noticeList li .noticeImage {
		float:none;
		display:inline-block;
		width:60px;
		margin:0 0 0 10px;
		border:1px solid #7C7C7C;
		font-size:0;
		vertical-align:middle;
		text-align:right;
	}
	.aplusGroup .noticeList li .noticeImage02 {
		float:none;
		display:inline-block;
		width:95px;
		margin:0 0 0 10px;
		border:none;
		font-size:0;
		vertical-align:middle;
		text-align:right;
	}
	.aplusGroup .noticeList li .noticeText {
		float:none;
		display:inline-block;
		width:calc(100% - 110px);
		margin-top:0;
		padding-left:10px;
		font-size:13px;
		vertical-align:middle;
	}
	.aplusGroup .noticeList li .noticeText02 {
		float:none;
		display:inline-block;
		width:calc(100% - 135px);
		margin-top:0;
		padding-left:10px;
		font-size:13px;
		vertical-align:middle;
	}
	.aplusGroup .noticeList li .noticeText a {
		color:#000;
	}
	.aplusGroup .styleList01 {
		margin:0 -2%;
	}
	.aplusGroup .styleList01 li {
		float:left;
		max-width:inherit;
		width:47.7%;
		margin:0 1.15% 1.5%;
	}
	.aplusGroup .styleList01 li a {
		display:block;
		padding:14px 30px 13px;
		background:#0081BC url(/site/img/common/icon_arrow03.png) no-repeat 94% 50%;
		background-size:6px auto;
		font-size:13px;
	}
	.aplusGroup .styleList02 li a {
		display:table;
		padding:15px 20px;
		background:#46AD68 url(/site/img/common/icon_arrow03.png) no-repeat 94% 50%;
		background-size:6px auto;
		color:#FFF;
		text-align:center;
		min-height:65px;
		width:100%;
	}
	.aplusGroup .styleList02 li a span {
		display:table-cell;
	}
	.aplusGroup .styleList03 {
		margin:30px 10px 15px;
	}
	.aplusGroup .styleList03 li {
		float:none;
		max-width:inherit;
		width:100%;
		margin:0 0 15px;
	}
	.aplusGroup .styleList03 li:last-child {
		margin:0;
	}
	.aplusGroup .styleList03 li a {
		color:#000;
	}
	.groupList {
		margin:0 10px 0;
	}
	.groupList li {
		float:none;
		max-width:inherit;
		width:100%;
		margin:0 0 15px 0;
	}
	.groupList li:last-child {
		margin:0;
	}
	.groupList li img {
		width:100%;
		height:auto;
	}
	.blockBanner .bannerList {
		max-width:inherit;
		margin:0 -1%;
		padding:2% 10px 0;
	}
	.blockBanner .bannerList li {
		display:inherit;
		float:left;
		width:48%;
		margin:0 1% 2%;
		font-size:0;
	}
	.blockBanner .bannerList li img {
		width:100%;
		height:auto;
	}
	.blockBanner .bannerList li:last-child {
		margin-right:0;
	}
	.fb_iframe_widget span {
		margin:0 auto !important;
	}
	.groupListfix01 li {
		margin-bottom:30px;
	}
	.groupListfix01 li:last-child {
		margin-bottom:30px;
	}
}
@media screen and (max-width:480px) {
	.aplusGroup .noticeList li .noticeText {
		width:calc(100% - 100px);
	}
	.aplusGroup .noticeList li .noticeText02 {
		width:calc(100% - 128px);
	}
	.aplusGroup .groupLeft .groupInner {
		padding:20px 10px 15px;
	}
}
/* ------------------------------------------------------------------
	samples_detail
-------------------------------------------------------------------*/
.wrapInner {
	max-width:980px;
	margin:0 auto;
}
.wrapInner.pcDisplay {
	display:block !important;
}
.bannerBlock {
	padding:55px 0 65px;
}
.bannerBlock .blockText,
.bannerBlock .blockImage {
	display:inline-block;
	width:49%;
	vertical-align:top;
}
.bannerBlock .blockText {
	padding:48px 0 0 41px;
}
.bannerBlock .blockImage {
	padding-right:40px;
	text-align:right;
}
.bannerBlock .title {
	font-size:30px;
	font-weight:bold;
	margin-bottom:14px;
	line-height:1.3;
}
.bannerBlock .subtitle {
	font-size:20px;
	font-weight:bold;
	color: #4CB05C;
}
.sampleText01 {
	padding-bottom:28px;
}
.samplesMainBlock {
	margin-bottom:40px;
}
.samplesMainBlock .wrapInner {
	position:relative;
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	padding:38px 39px;
}
.samplesMainBlock .text {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-bottom:24px;
	padding-right:42%;
}
.samplesMainBlock .text .subtitle {
	margin-bottom:5px;
	color: #CA9800;
}
.samplesMainBlock .text .title {
	margin-bottom:17px;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	color: #4cb05c;
}
.samplesMainBlock .text p {
	padding-left:2px;
	line-height:2;
}
.applyBox {
	display:inline-block;
	position: absolute;
	top:40px;
	right:39px;
	width:32.7%;
	vertical-align:top;
}
.applyText {
	padding:15px 15px 12px;
	background-color: #CCC;
}
.applyText p {
	margin-bottom:3px;
	padding:9px 16px 10px;
	font-size:14px;
	font-weight:bold;
	background-color: #FFF;
	border-bottom:2px solid #A3A3A3;
}
.applyText p span {
	display:block;
	padding-top:4px;
	font-size:16px;
	color: #FF4B39;
}
.applyBtn {
	padding:20px 22px 19px;
	background:url(/site/img/samples/bg_partern.gif) repeat;
	text-align:center;
}
.samplesMainBlock .moreInfoBox {
	margin-bottom:20px;
	padding:15px 27px 18px;
	background-color: #FFF;
	border:3px solid #4CB05C;
}
.samplesMainBlock .moreInfoBox h3 {
	margin-bottom:15px;
	font-size:18px;
	font-weight:bold;
	color: #4CB05C;
}
.samplesMainBlock .moreInfoBox p {
	line-height:20px;
}
.recommended {
	padding-bottom:0;
}
.recommended .pickup {
	padding:0 6px;
}
.recommended .pickup li {
	width:33%;
	padding:20px 0.5%;
}
.recommended .pickup li p.image {
	display:table-cell;
	vertical-align:top;
	max-width:160px;
	font-size:0;
}
.recommended .pickup li div.text {
	display:table-cell;
	padding:0 0 0 10px;
	vertical-align:top;
	line-height:1.4;
}

/* form */
.mainInner {
	max-width:820px;
	margin:0 auto;
	padding:0 10px 20px;
	line-height:1.6;
	color:#000;
}
.mainInner02 {
	max-width:inherit;
	padding: 0!important;
	font-size:13px;
	line-height:1.4;
}
.mainInner02 .box02{
	max-width:1000px;
	padding:20px 10px;
	line-height:1.6;
	margin:0 auto;
	color:#000;
}
.mainInner02 .box02 .tit02{
	font-size:28px;
}
.mainInner02 .boxImg02{
	max-width:641px;
	margin:0 auto;
}
.mainInner02 .box02 .txt02{
	line-height:26px;
	font-size:14px;
}
.mainInner03 {
	max-width:820px;
	margin:0 auto;
	line-height:1.6;
	color:#000;
}
.mainInner p.linkStyle a {
	text-decoration:underline;
}
.mainInner p.linkStyle a:hover {
	text-decoration:none;
}
.mainInner .elementInner {
	border:1px solid #ccc;
	/*border-top:none;*/
	padding:20px 30px 30px;
	background:#FFF;
}
.gray {
	background:#f5f5f5
}
.tableForm {
	width:100%;
	margin:40px 0 0 0;
}
.tableForm th,
.tableForm td {
	border:1px solid #ccc;
	background:#FFF;
	vertical-align:top;
	padding:15px 30px 15px 30px;
}
.tableForm td {
	vertical-align:middle;
}
.tableForm th {
	padding:22px 15px 15px 27px;
	max-width:259px;
	width:31.6%;
}
.require {
	background:#ff4b39;
	color:#FFF;
	font-size:11px;
	padding:2px 6px;
	border-radius:3px;
	display:inline-block;
}
.tableForm th label {
	margin-right:7px;
	display:inline-block;
	line-height:1.4;
	vertical-align:middle;
}
input.inputStyle {
	border:1px solid #c0c0c0;
	border-radius:5px;
	background:#FFF;
	font-size:14px;
	padding:11px 7px 9px 18px;
	width:270px;
}
input.size01 {
	width:67px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}
input.size02 {
	width:77px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
input.size03 {
	width:132px;
}
input.size04 {
	width:115px;
}
.boxWhite {
	background:#FFF;
	padding:30px;
	margin:30px 0 0 0;
}
.boxWhiters {
	margin:20px 0 0 0;
}
.boxWhite p {
	color:#ed7821;
	padding:17px 20px 16px 20px;
	background:#ffefe3;
	line-height:1.5;
}
.boxWhite .text01{
	text-indent:-15px;
	padding-left:30px;
}
.boxWhite .text02{
	text-indent:-15px;
	padding-left:0px;
}
.tableForm .pcDisplay {
	display:table-row!important;
}
.element .thank {
	text-align:center;
	padding:29px 0 10px 0;
}
.element .send {
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.element .send span {
	font-size:22px;
}
.element .send .errorText {
	display:block;
	padding-top:11px;
	font-size:14px;
	font-weight:normal;
}
.elementInner .boxWhite {
	padding:15px 0 0 0;
}
.elementInner .boxWhiters {
	padding:0px;
}
.linkList01 {
	padding-top:30px;
}
.linkList03 {
	padding-top:0px;
}
.date {
	position:relative;
	margin:0 -30px 0 0;
}
.selectSubInner .select select,
.date .select select {
	color:#000!important;
}
.date li {
	float:left;
}
.date li .select {
	width:115px;
	vertical-align:middle;
	display:inline-block;
}
.date li label {
	vertical-align:middle;
	padding:0 10px 0 6px;
	margin:0;
	display:inline-block;
}
.date li:last-child label{
	padding-right:0;
}
.listInfo .moreInfoBox {
		padding:15px 30px 15px 30px;
		border-top:1px solid #ccc;
}
.listInfo .moreInfoBox h3 {
	margin-bottom:15px;
	font-size:18px;
	font-weight:bold;
	color: #4CB05C;
}
.listInfo .moreInfoBox p {
	line-height: 20px;
}
@media screen and (max-width:1024px) {
	.samplesMainBlock .wrapInner {
		margin:0 10px;
		padding:25px 20px;
	}
	.applyBox {
		right:20px;
		width:34.7%;
		vertical-align:top;
	}
}
@media screen and (max-width:736px) {
	.wrap01 {
	width:100%;
	background: #FFF;
	padding:0;
	margin:0;
	}
	.linkList03 {
	padding-top:20px;
	}
	.gray.pb100 {
		padding-bottom:0;
	}
	.wrapInner.pcDisplay {
		display:none !important;
	}
	.bannerBlock {
		padding:0 0 0 0;
	}
	.bannerBlock .wrapInner {
		max-width:inherit;
		width:100%;
	}
	.bannerBlock .blockImage {
		width:100%;
		margin-bottom:35px;
		padding-right:0;
		text-align:center;
	}
	.bannerBlock .title {
		padding:15px 10px;
		margin-bottom:30px;
		background:#4CB05C;
		color:#FFF;
		font-size:18px;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
	}
	.bannerBlock .subtitle {
		padding:15px 10px;
		background:#868686;
		font-size:15px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}
	.recommended .pickup {
		padding:0;
	}
	.recommended .pickup li {
		width:100%;
		padding:0;
	}
	.recommended .pickup li div.text {
		padding:0 25px 0 10px;
		vertical-align:middle;
	}
	.samplesMainBlock .text {
		display:inline-block;
		vertical-align:top;
		width:100%;
		margin-bottom:12px;
		padding:0 10px;
		font-size:13px;
	}
	.samplesMainBlock {
		margin:20px 0 0 0;
	}
	.samplesMainBlock .text .subtitle {
		font-size:13px;
		font-weight:bold;
	}
	.samplesMainBlock .text .title {
		margin-bottom:10px;
		font-size:15px;
		font-weight:bold;
		line-height:1.3;
	}
	.samplesMainBlock .text p {
		padding-left:2px;
		line-height:2;
	}
	.samplesMainBlock .text ul {
		padding:0 0 20px 4px;
		line-height:2;
	}
	.sampleText01 {
		padding-bottom:15px;
	}
	.samplesMainBlock .wrapInner {
		position:relative;
		background-color:#FFF;
		padding:0;
		border:none;
	}
	.applyBox {
		position:inherit;
		top:auto;
		right:auto;
		left:auto;
		bottom:auto;
		width:100%;
		margin-top:20px;
	}
	.listInfo .moreInfoBox {
		padding:0;
		border-top:none;
	}
	.listInfo .moreInfoBox,
	.samplesMainBlock .moreInfoBox {
		margin:0 15px 20px;
		padding:0;
		background:none;
		border:none;
	}
	.listInfo .moreInfoInner,
	.samplesMainBlock .moreInfoInner {
		padding:0 15px 20px;
		background:#FFF;
		border:3px solid #4CB05C;
		border-top:none;
	}
	.listInfo .moreInfoBox h3,
	.samplesMainBlock .moreInfoBox h3 {
		margin-bottom:0;
		padding:15px 17px;
		font-size:15px;
		font-weight:bold;
		cursor:pointer;
		background:#FFF url(/site/img/common/icon_square_h.png) no-repeat 95% 50%;
		background-size:18px auto;
		border:3px solid #4CB05C;
		border-bottom:none;
		color:#4CB05C;
	}
	.listInfo .moreInfoBox h3.active,
	.samplesMainBlock .moreInfoBox h3.active {
			background:#4CB05C url(/site/img/common/icon_square.png) no-repeat 95% 50%;
		background-size:18px auto;
		color:#FFF;
	}

	/* form */
	.mainInner {
		max-width:inherit;
		padding:0 !important;
		font-size:13px;
		line-height:1.4;
	}
	.mainInner p.linkStyle {
		padding:15px;
		font-size:13px;
		line-height:1.4;
	}
	.elementInner .linkList.pt30 {
		padding-top:9px!important;
	}
	.mainInner p.linkStyle a {
		text-decoration:underline;
	}
	.mainInner p.linkStyle a:hover {
		text-decoration:none;
	}
	.mainInner .elementInner {
		border:none;
		border-top:none;
		padding:0;
		background:#FFF;
	}
	.gray {
		background:#fff;
	}
	.noteText {
		padding:15px;
	}
	.boxGray {
		background:#f5f5f5;
		padding:15px;
	}
	.boxGrayadd{
		background:#f5f5f5;
		padding-right:15px;
		padding-left:15px;
	}
	.boxGrayadd02{
		background:#f5f5f5;
		padding-right:15px;
		padding-left:15px;
	}
	.boxGrayadd03{
		background:#f5f5f5;
		padding-right:15px;
		padding-left:15px;
	}
	.tableForm {
		margin:0;
	}
	.tableForm th,
	.tableForm td {
		display:block;
		border:none;
		max-width:inherit;
		width:100%;
		vertical-align:top;
		padding:0 15px 0 15px;
	}
	.tableForm th {
		padding:16px 15px 7px 15px;
		width:auto;
	}
	.tableForm.tableForm01 td {
		padding:0 15px 0 25px;
	}
	.tableForm tr:last-child td {
		padding-bottom:16px;
	}
	.boxGray01 .tableForm td {
		padding:15px;
	}
	.boxGray01 .tableFormerror td {
		padding:0 15px 0 15px;
	}
	.boxGrayadd03 .tableForm td.pl25 {
		padding:0;
	}
	.boxGrayadd03 .tableForm tr:last-child td {
		padding-top:0;
	}
	.mainInner .linkList {
		 padding:9px 36px!important;
	}
	.mainInner .buttonList03 {
		margin-bottom:-10px;
		padding-bottom:0!important;
	}
	.mainInner .otherLink {
		margin-bottom:-18px;
	}
	.tableForm .pcDisplay {
		display:none!important;
	}
	.require {
		background:#ff4b39;
		color:#FFF;
		font-size:10px;
		padding:2px 7px;
		border-radius:3px;
	}
	.tableForm th label {
		margin-right:7px;
		display:inline-block;
		line-height:1.4;
		font-size:15px;
		font-weight:bold;
		vertical-align:middle;
	}
	.tableForm th {
		font-weight:bold;
		font-size:15px;
	}
	input.inputStyle {
		border:1px solid #c0c0c0;
		border-radius:5px;
		background:#FFF;
		-webkit-appearance:none;
		box-shadow:none;
		font-size:14px;
		padding:10px 7px 9px 10px;
		width:100%;
	}
	.boxWhite {
		padding:15px;
		margin:0;
	}
	.boxWhite p {
		border:2px solid #ff6767;
		color:#ff6767;
		padding:14px;
		background:#ffecec;
		line-height:1.5;
	}
	.element .thank {
		padding:29px 0 20px;
	}
	.element .thank img {
		width:70px;
	}
	.element .send {
		padding-bottom:29px;
		font-size:20px;
	}
	.element .send span {
		font-size:14px;
	}
	.element .send .errorText {
		font-size:12px;
	}
	.elementInner .boxWhite {
		padding:0 15px 15px 15px;
		background:#FFF;
	}
	.elementInner .boxWhite p {
		border:none;
		background:#ffefe3;
		font-size:13px;
		color:#ed7821;
	}
}
.boxGray02 .tableForm,
.boxGray01 .tableForm {
	margin:0;
}
.noteOrange {
	background:#ffefe3;
	color: #ed7821;
	line-height: 1.5;
	padding: 17px 20px 16px;
}
.noteOrange .text01 {
	text-indent:-15px;
	padding-left:15px;
}
.textLoginerror {
	margin-bottom:20px;
}
.noteOrange02 {
	background:#FFECEC;
	color: #FF6767;
	line-height: 1.5;
	padding: 17px 20px 16px;
	border:2px solid #FF6767;
}
.noteOrange02 img {
	padding-right:5px;
	margin-top:-2px;
}
.tableFormerror th {
	width:17%;
}
.boxLoginerror {
	background:#FFF;
	border:1px solid #CCCCCC;
	margin-top:45px;
}
.textLoginerror02 {
	text-align:center;
	margin-bottom:20px;
	margin-top:5px;
}
.headBox {
	background:#FFF;
	padding:20px 30px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.headBox .step {
	padding:0 0 20px 0;
}
.boxValidate {
	padding:17px 20px;
	background:#ffecec;
	border:1px solid #ff6767;
	margin:20px 0 0 0;
}
.boxValidate p.val {
	background:url(/site/img/common/icon_error.gif) no-repeat 0 0;
	padding:0 2px 10px 25px;
	color:#ff6767;
	font-weight:bold;
}
.boxValidate p.val:last-child {
	padding-bottom:0;
}
.tableForm .pic {
	width: 180px;
	padding:13px 0 0 0;
}
.headBox01 {
	border-top:1px solid #CCC;
}
select {
	height:35px;
	padding:6px 15px 5px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#FFF;
	border:1px solid #B8BECC;
	font-size:14px;
	outline:none;
	box-sizing:border-box;
}
.select {
	display:block;
	overflow:hidden;
	border:1px solid #B8BECC;
	border-radius:4px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#FFF url(/site/img/common/icon_arrow05.png) no-repeat 100% 50%;
	position:relative;
	z-index:10;
	width:270px;
}
.tableForm li{
	float:left;
}
.change02 {
	width:115px;
	float:left;
}
.textChange {
	float:left;
	padding-top:7px;
	margin:0 10px 10px;
}
select::-ms-expand{
	display:none;
}
.select select {
	width:100%;
	width:160%\0;
	border:none;
	background:none;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#acacac;
}
.select.size01 {
	width:170px;
}
.select.size02 {
	width:100px;
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
.select select {
	width:100%;
	}
}
:root .select select {
	width:155%\9;
}
select:-moz-focusring {
	color:transparent;
	text-shadow:0 0 0 #000;
}
.select select option {
	width:100%;
	outline:0;
}
.select.error {
	border:1px solid #ff6767;
}
.select.error select {
	background:#ffecec url(/site/img/common/icon_arrow05.png) no-repeat 100% 50%;
	font-weight:bold;
	color:#ff6767;
}
input.error {
	background:#ffecec;
	font-weight:bold;
	border:1px solid #ff6767;
}
input.error::-webkit-input-placeholder {
	color:#fb0018;
}
input.error:-moz-placeholder {
	color:#fb0018;
	opacity:1;
}
input.error::-moz-placeholder {
	color:#fb0018;
	opacity:1;
}
input.error:-ms-input-placeholder {
	color:#fb0018;
}

textarea.error {
	background:#ffecec;
	font-weight:bold;
	border:1px solid #ff6767;
}
textarea.error::-webkit-input-placeholder {
	color:#fb0018;
}
textarea.error:-moz-placeholder {
	color:#fb0018;
	opacity:1;
}
textarea.error::-moz-placeholder {
	color:#fb0018;
	opacity:1;
}
input.error:-ms-input-placeholder {
	color:#fb0018;
}

.tableForm th label span.space {
	padding-right:12px;
}

/* radio styles */
.radio {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
}
.radio input[type="radio"] {
	position:absolute;
	float:left;
	left:0;
	width:22px;
	height:22px;
	margin:0;
	padding:0;
	cursor:pointer;
	opacity:0;
}
.radio input[type="radio"] + label {
	display:block;
	background:url(/site/img/common/icon_radio01.gif) 0 0 no-repeat;
	height:22px;
	line-height:22px;
	padding:1px 20px 0 30px;
	margin:0;
	cursor:pointer;
}
.radio input[type=radio]:focus + label {
	background:url(/site/img/common/icon_radio01.gif) 0 0 no-repeat;
}
.radio input[type=radio]:checked + label,
.radio input[type=radio]:focus:checked + label,
.radio input[type=radio]:active + label,
.radio input[type=radio]:active:checked + label {
	background:url(/site/img/common/icon_radio02.gif) 0 0 no-repeat;
}
.radioList li {
	float:left;
}
.optionList li {
	margin-bottom:6px;
}
.optionList li input[type="text"] {
	width:100%;
}
.optionList .other {
	padding:10px 0 0 30px;
}
.optionList .checkbox {
	margin-bottom:0;
}
.optionList .other textarea {
	height:35px;
	overflow:hidden;
	padding:8px 18px;
}
.error input[type="radio"] + label {
	display:block;
	background:url(/site/img/common/icon_radio03.gif) 0 0 no-repeat;
	height:22px;
	line-height:22px;
	padding:1px 20px 0 30px;
	margin:0;
	cursor:pointer;
}
.error input[type=radio]:focus + label {
	background:url(/site/img/common/icon_radio03.gif) 0 0 no-repeat;
}
.error input[type=radio]:checked + label,
.error input[type=radio]:focus:checked + label,
.error input[type=radio]:active + label,
.error input[type=radio]:active:checked + label {
	background:url(/site/img/common/icon_radio04.gif) 0 0 no-repeat;
}

/* checkbox styles */
.checkbox {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 10px 0;
}
.checkbox input[type="checkbox"] {
	position:absolute;
	/*float:left;*/
	/*left:0;*/
	width:17px;
	height:17px;
	margin:0;
	padding:0;
	cursor:pointer;
	opacity:0;
}
.checkbox input[type="checkbox"] + label {
	/*display:block;*/
	background:url(/site/img/common/icon_check01.gif) 0 0 no-repeat;
	height:17px;
	padding:0 17px 0 28px;
	color:#000;
	margin:0;
	cursor:pointer;
}
.checkbox input[type=checkbox]:focus + label {
	background:url(/site/img/common/icon_check01.gif) 0 0 no-repeat;
}
.checkbox input[type=checkbox]:checked + label,
.checkbox input[type=checkbox]:focus:checked + label,
.checkbox input[type=checkbox]:active + label,
.checkbox input[type=checkbox]:active:checked + label {
	background:url(/site/img/common/icon_check02.gif) 0 0 no-repeat;
}
.checkList {
	position:relative;
	margin:0 0 -25px 0;
}
.checkList li {
	display:table;
	margin:0 0 20px 0;
	width:100%;
}
.checkList li .textTitle {
	display:table-cell;
	vertical-align:top;
	width:157px;
	padding:0 5px 0 0;
	color:#00557c;
}
.checkList li .listCheck {
	display:table-cell;
	vertical-align:top;
}
.boxGray02 th {
	max-width:144px;
	padding-top:15px;
	width:18%;
}
.selectGroup {
	margin:0 -30px -10px 0;
	position:relative;
}
.selectGroup label {
	margin:0;
}
.selectGroup > li {
	display:table;
	margin:0 0 5px 0;
	width:100%;
}
.selectGroup > li .title {
	width:65px;
	vertical-align:top;
	color:#00557c;
	display:table-cell;
}
.selectGroup > li ul {
	display:table-cell;
	vertical-align:top;
}
.selectGroup > li ul li {
	float:left;
	padding:0 0 10px 0;
}
.selectGroup ul > li:last-child {
	padding-left:10px;
}
.selectSubInner,
.selectGroup .titleSub,
.selectGroup .selectSub,
.selectGroup .selectSub p {
	float:left;
}
.selectGroup .titleSub,
.selectGroup .title,
.selectGroup .labelCss {
	padding:10px 0 0 0;
	margin:0 7px 0 7px;
}
.mainInner .elementInner .step {
	margin:0 0 16px 0;
}
@media screen and (max-width:820px) {
	.selectGroup > li ul li {
		float:none;
	}
	.selectGroup ul > li:last-child {
		padding-left:0;
	}
	.selectGroup .titleSub {
		width:50px;
	}
}
.tableForm01 th {
	padding-top:15px;
}
.tableForm02 th {
	padding-top:15px;
	padding-bottom:15px;
}
.listOption {
	margin:0 0 -6px 0;
}
.listOption li {
	display:inline-block;
	padding:0 10px 6px 0;
}
.tableForm01 .selectGroup .title {
	padding-top:0;
	width:50px;
}
.selectGroup span {
	padding-right:14px;
}
.boxRed {
	max-width:1000px;
	padding:20px 10px 0;
	margin:0 auto;
}
.boxRed p {
	background:#ffecec;
	border:1px solid #ff6767;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	color:#ff6767;
	padding:20px 0 20px 0;
}
.boxRed .pcDisplay {
	display:block !important;
}
.boxRed02 {
	max-width:inherit;
	padding:20px 30px;
}
.boxRed02 p {
	font-size:18px;
	padding:17px 10px;
}
.mainInner01 .element {
	background:#FFF;
	border:1px solid #CCC;
}
.mainInner01 .element01 {
	padding:20px 0;
	border-top:none;
}
.photoInfo {
	display:table;
	margin:35px 0 38px 0;
	width:100%;
}
.photoInfo03 {
	background:#f5f5f5;
}
.photoInfo .image {
	display:table-cell;
	vertical-align:middle;
	width:226px;
	padding:7px 0 0 40px;
}
.photoInfo .image img {
	width:100%;
}
.photoInfo .text {
	display:table-cell;
	vertical-align:middle;
	font-weight:bold;
	color:#4d4d4d;
	font-size:30px;
	padding:0 30px 0 30px;
}
.applyBox01 {
	position:static;
	width:100%;
}
.applyBox01 .applyText {
	padding:10px 3px 6px 3px;
}
.applyBox01 .applyText li {
	float:left;
	width:100%;
	padding:0 6px;
}
.applyText .threeItem li {
	width:33.33%;
}
.applyText .twoItem li {
	width:49.9%;
}
.applyBox01 .applyText p {
	color:#4d4d4d;
}
.boxElement {
	border:1px solid #ccc;
	padding:10px 10px 10px 10px;
	margin:20px 0 0 0;
	background:#FFF;
}
.boxElement span {
	background:#4cb05c;
	color:#FFF;
	font-size:14px;
	display:inline-block;
	margin:0 10px 0 0;
	padding:7px 12px 5px 8px;
	font-weight:bold;
}
p.agree {
	width:280px;
	margin:20px auto 0 auto;
	border:1px solid #ccc;
	background:#FFF;
	text-align:center;
	padding:11px 0 8px;
	border-bottom:3px solid #ccc;
}
.videoBox {
	max-width:642px;
	margin:60px auto 40px auto;
	border:6px solid #ccc;
}
.videoBox02 {
	max-width: 65%;
}
.videoBlock {
	position:relative;
	height:0;
	padding-bottom:56.21%;
	overflow:hidden;
}
.videoBlock iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#f7f0e4;
}
.couponBlock .image01 {
	margin:0 auto;
	max-width:400px;
}
.couponBlock .image02 {
	margin:0 auto 50px;
	max-width:233px;
}
.couponBlock .text01 {
	font-size:30px;
	font-weight:bold;
	padding:0 25px 15px;
}
.couponBlock .text01 {
	font-size:30px;
	font-weight:bold;
	padding:0 25px 15px;
}
.couponBlock .text02 {
	padding:0 25px 20px;
}
.couponBlock02 .text01 {
	padding:0 25px 50px;
	margin-top:30px;
}
.couponBlock02 .text02 {
	padding:0 25px 30px;
	line-height:28px;
	text-align:justify;
	width:97%;
}
.couponBlock02 .text02 li {
	text-indent: -22px;
	padding-left: 42px;
	width:auto;
}
.couponBlock02 .text02 li span{
	padding-right:10px;
}
.couponBlock02 .text03 li {
	text-indent: -14px;
	padding-left: 30px;
}
.couponBlock02 .text03 li span{
	padding-right:10px;
}
.couponBlock02 .text04{
	text-align:right;
	padding:0 25px 30px;
	line-height:28px;
}
.couponBlock02 .textPri li {
	text-indent: -22px;
	padding-left: 60px;
}
.couponBlock02 .textPri li span{
	padding-right:10px;
}
.couponBlock02 .textPri02 {
	padding-left:20px;
	text-indent:20px;
}
.couponBlock02 .textPri03 {
	padding-left:20px;
}
.couponBlock02 .textPri04 {
	padding-left:43px;
	padding-bottom:40px;
	margin-top:30px;
}
.blockElement {
	height:175px;
	overflow:hidden;
	overflow-y:auto;
	margin:30px 0 0 0;
	border:1px solid #d4d4d4; 
}
.blockElement .blockClick {
	margin:0 -5px;
	font-size:14px; 
}
.blockElement .title {
	font-weight:bold;
	color:#010101;
	font-size:16px;
	padding:27px 20px 0 20px;
}
.accordionNone {
	display:block!important;
}
.boxAplusdetail {
	max-width:640px;
	margin:0 auto;
}
.boxIframe {
	position:relative;
	height:0;
	margin:0 auto;
	margin-top:40px;
	overflow:hidden;
	padding-bottom:55.78%;
}
.boxAplusdetail iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.boxIframe {

}
.boxAplusdetail01 {
	text-align:center;
	margin-bottom:40px;
	margin-top:40px;
}
.footLinkaplus {
	max-width:980px;
	margin:0 auto;
	padding: 0 40px 29px;
}
.footLinkaplus li {
	float:left;
	margin:0 10px 10px 0;
	font-style:italic;
}
.agreeBox01 .agree {
	width:100%;
	max-width:600px;
}
@media screen and (max-width:736px) {
	.blockElement {
		height:auto;
		overflow:hidden;
		margin:0;
		border:none;
	}
	.blockElement .blockClick {
		margin:0;
		font-size:13px; 
	}
	.blockElement .title {
		font-weight:normal;
		font-size:inherit;
		padding:0;
	}
	.agreeBox01 .agree {
		max-width:inherit;
	}
	.couponBlock02 .textPri02{
		padding:0;
		text-indent:10px;
	}
	.couponBlock02 .textPri04 {
		padding-left:11px;
		padding-bottom:20px;
		margin-top:15px;
		font-weight:normal;
	}
	.couponBlock02 .text01 {
		padding:0 10px 25px;
		margin-top:15px;
		font-weight:normal;
	}
	.couponBlock02 .text02 {
		padding:0 10px 15px;
		line-height:20px;
		text-align:justify;
		width:100%;
		font-weight:normal;
	}
	.couponBlock02 .text02 li {
		text-indent: -22px;
		padding-left: 35px;
	}
	.couponBlock02 .text02 li span{
		padding-right:10px;
	}
	.couponBlock02 .text03 li {
		text-indent: -15px;
		padding-left: 15px;
	}
	.couponBlock02 .text03 li span{
		padding-right:10px;
	}
	.couponBlock02 .text04{
		font-weight:normal;
	}
	.couponBlock02 .text03 li span{
	padding-right:10px;
	}
	.couponBlock02 .text02 li span{
	padding-right:10px;
	}
	.mainInner02 .box02{
		padding:0px;
	}
	.mainInner02 .box02 .txt02{
		padding-right:20px;
		padding-left:20px;
		font-size:13px;
		margin-top:15px;
		margin-bottom:35px;
	}
	.mainInner02 .box02 .tit02 {
		font-size:15px;
		font-weight:bold;
		padding-left:20px;
		padding-right:20px;
		margin-top:15px;
		margin-bottom:15px;
	}
	.textIntro {
		margin:10px;
	}
	.grayBox {
		margin:15px;
		padding:10px 15px;
	}
	.questionList {
		margin:0;
		background:#FFF;
	}
	.questionList dt {
		border-top:none;
		padding:8px 15px;
	}
	.questionList dd,
	.questionList dd:last-child {
		padding:0 15px 13px;
	}
	.questionList dt span {
		display:block;
		margin-bottom:5px;
		font-size:15px;
	}
	.couponBlock .image01 {
		max-width:250px;
	}
	.couponBlock .image02 {
		margin-bottom:30px;
	}
	.couponBlock .text01 {
		background:#868686;
		padding:10px 20px;
		color:#FFF;
		font-size:15px;
		text-align:center;
	}
	.couponBlock .text02 {
		padding:10px 20px;
	}
	.videoBox {
		max-width:100%;
		margin:20px auto 20px auto;
		border:3px solid #ccc;
	}
	.videoBox02 {
		max-width:100%;
		margin:0 auto 20px auto;
	}
	.videoBoxaplus {
		margin:0 20px 35px 20px;
	}
	.boxGray02 th {
		max-width:inherit;
		width:100%;
	}
	.headBox {
		padding:15px;
		border:none;
	}
	.headBox .step {
		padding:0 0 15px 0;
	}
	.headBox .step img {
		width:100%;
	}
	.noteOrange {
		padding:15px;
		font-size:13px;
	}
	.boxValidate {
		margin:15px 0 0 0;
		padding:10px 10px 5px 10px;
	}
	.boxValidate02 {
		margin:15px 0 0 0;
		padding:10px;
	}
	.boxValidate p.val {
		font-size:13px;
		font-weight:bold;
		background:url(/site/img/common/icon_error_sp.gif) no-repeat 0 1px;
		background-size:17px auto;
		padding:2px 2px 5px 23px;
	}
	.boxValidate02 p.val {
	padding:2px 2px 5px 20px;
	}
	.boxValidate02 p.val:last-child {
		padding-bottom:none;
	}
	.select {
		width:100%;
		padding-left:0;
	}
	.tableForm li{
		float:none;
	}
	.change02{
		width:60%;
		margin-bottom:10px;
	}
	.tableForm.tableForm01 .pic {
		margin-left:-10px;
	}
	.tableForm .pic img {
		width:100%;
	}
	.select select {
		padding-left:10px;
	}
	input.size01 {
		width:90px;
		text-align:left;
	}
	input.size02 {
		width:120px;
		text-align:left;
	}
	.inputStyle.mr5 {
		margin-bottom:10px;
	}
	.inputStyle.size04 {
		width:150px;
	}
	.date {
		margin:0 0 -10px 0;
	}
	.date li {
		float:none;
		padding:0 0 10px 0;
		width:100%;
	}
	.date li .select {
		width:150px;
	}
	.radio input[type="radio"] {
		width:15px;
		height:15px;
	}
	.radio input[type="radio"] + label {
		background:url(/site/img/common/icon_radio01_sp.gif) 0 0 no-repeat;
		background-size:15px;
		padding:1px 15px 0 25px;
		height:15px;
		line-height:15px;
	}
	.radio input[type=radio]:focus + label {
		background:url(/site/img/common/icon_radio01_sp.gif) 0 0 no-repeat;
		background-size:15px;
	}
	.radio input[type=radio]:checked + label,
	.radio input[type=radio]:focus:checked + label,
	.radio input[type=radio]:active + label,
	.radio input[type=radio]:active:checked + label {
		background:url(/site/img/common/icon_radio02_sp.gif) 0 0 no-repeat;
		background-size:15px;
	}
	.error input[type="radio"] + label {
		background:url(/site/img/common/icon_radio03_sp.gif) 0 0 no-repeat;
		background-size:15px;
		height:15px;
		line-height:15px;
	}
	.error input[type=radio]:focus + label {
		background:url(/site/img/common/icon_radio03_sp.gif) 0 0 no-repeat;
		background-size:15px;
	}
	.error input[type=radio]:checked + label,
	.error input[type=radio]:focus:checked + label,
	.error input[type=radio]:active + label,
	.error input[type=radio]:active:checked + label {
		background:url(/site/img/common/icon_radio04_sp.gif) 0 0 no-repeat;
		background-size:15px;
	}
	textarea,
	.optionList .other textarea {
		box-shadow:none;
		-webkit-appearance:none;
		padding:10px 7px 9px 10px;
	}
	.optionList .checkbox {
		padding-left:24px;
		text-indent:-24px;
	}
	.optionList .other textarea {
		height:62px;
	}
	.boxGray02 .tableForm tr:first-child td {
		border-bottom:1px solid #e2e2e2;
	}
	.boxGray02 th {
		max-width:inherit;
		padding-top:15px;
		font-weight:bold;
		font-size:15px;
		width:100%;
	}
	.checkbox input[type="checkbox"] {
		width:15px;
		height:15px;
	}
	.checkbox input[type="checkbox"] + label {
		background:url(/site/img/common/icon_check01_sp.gif) 0 0 no-repeat;
		background-size:15px auto;
		height:15px;
		font-size:15px;
		line-height:15px;
		padding:0 25px 0 24px;
	}
	.checkbox input[type=checkbox]:focus + label {
		background:url(/site/img/common/icon_check01_sp.gif) 0 0 no-repeat;
		background-size:15px auto;
	}
	.checkbox input[type=checkbox]:checked + label,
	.checkbox input[type=checkbox]:focus:checked + label,
	.checkbox input[type=checkbox]:active + label,
	.checkbox input[type=checkbox]:active:checked + label {
		background:url(/site/img/common/icon_check02_sp.gif) 0 0 no-repeat;
		background-size:15px auto;
	}
	.checkList {
		position:relative;
		margin:0 0 0 0;
	}
	.checkList li {
		display:block;
		margin:0 0 15px 0;
		width:100%;
	}
	.checkList li .textTitle {
		display:block;
		vertical-align:top;
		width:100%;
		padding:0 0 10px 0;
		font-weight:bold;
		margin:0 0 0 -6px;
		color:#00557c;
		font-size:13px;
	}
	.checkList li .listCheck {
		display:table-cell;
		vertical-align:top;
	}
	.selectGroup {
		margin:0 0 -10px 0;
	}
	.selectGroup label {
		margin:0;
	}
	.selectGroup > li {
		display:table;
		margin:0 0 5px 0;
		width:100%;
	}
	.selectGroup > li .title {
		width:50px;
		vertical-align:top;
		color:#00557c;
		font-size:13px;
		font-weight:bold;
		display:table-cell;
	}
	.selectGroup > li ul {
		display:table-cell;
		vertical-align:top;
	}
	.selectGroup > li ul li {
		float:0;
		display:table;
		width:100%;
		padding:0;
		margin:0 0 10px 0;
	}
	.selectGroup ul > li:last-child {
		padding-left:0;
		margin-bottom:0;
	}
	.selectSubInner,
	.selectGroup .titleSub,
	.selectGroup .selectSub,
	.selectGroup .selectSub p {
		float:none;
	}
	.selectGroup .titleSub,
	.selectGroup .title,
	.selectGroup .labelCss {
		margin:0;
	}
	.selectGroup .titleSub {
		font-size:13px;
		width:50px;
		display:table-cell;
		vertical-align:top;
	}
	.selectGroup .selectSub .selectSubInner {
		float:none;
		margin:0 0 10px 0;
		width:100%;
		display:table;
	}
	.selectGroup .selectSub .selectSubInner p {
		float:left;
	}
	.selectGroup .labelCss {
		margin-left:5px;
	}
	.select.size01 {
		width:100%;
	}
	.select.size02 {
		width:70%;
	}
	.tableForm01 .selectGroup .title {
		display:block;
		line-height:1.7;
	}
	.tableForm01 .selectGroup .text span {
		display:block;
		line-height:1.7;
	}
	.mainInner01 .element01 {
		padding-top:0;
		border-top:none;
	}
	.mainInner .elementInner .step {
		margin:15px 15px 0 15px;
	}
	.mainInner .elementInner .step img {
		width:100%;
	}
	.boxRed {
		max-width:inherit;
		padding:15px;
		margin:0 auto;
	}
	.boxRed p {
		border:2px solid #ff6767;
		font-size:18px;
		color:#ff6767;
		padding:10px;
	}
	.boxRed .pcDisplay {
		display:none !important;
	}
	.boxRed .spDisplay {
		display:block !important;
	}
	.mainInner01 .element {
		border:none;
	}
	.photoInfo {
		display:table;
		margin:0 0 15px 0;
		width:100%;
		background:#f5f5f5;
	}
	.photoInfo .image {
		width:105px;
		padding:15px 0 15px 15px;
	}
	.photoInfo .image  img {
		width:90px;
	}
	.photoInfo .text {
		font-size:14px;
		padding:25px 25px 0 15px;
		color:#000;
		vertical-align:top;
	}
	.applyBox01 {
		position:static;
		width:100%;
	}
	.applyBox01 .applyText {
		padding:10px 3px 6px 3px;
	}
	.applyBox01 .applyText li {
		float:left;
		width:33.33%;
		padding:0 6px;
	}
	.applyBox01 .applyText p {
		color:#4d4d4d;
	}
	.boxElement {
		border:1px solid #ccc;
		padding:10px 10px 10px 10px;
		margin:20px 0 0 0;
		background:#FFF;
	}
	.boxElement span {
		background:#4cb05c;
		color:#FFF;
		font-size:14px;
		display:inline-block;
		margin:0 10px 0 0;
		padding:5px 7px 3px 7px;
		font-weight:bold;
	}
	.applyBox01 {
		width:100%;
	}
	.applyBox01 .applyText li {
		float:none;
		width:100%;
		padding:0;
	}
	.applyBox01 .applyText {
		padding:15px 15px 12px;
		background-color: #CCC;
	}
	.applyBox01 .applyText p {
		margin-bottom:3px;
		padding:9px 16px 10px;
		font-size:14px;
		font-weight:bold;
		background-color: #FFF;
		border-bottom:2px solid #A3A3A3;
	}
	.applyBox01 .applyText p span {
		display:block;
		padding-top:4px;
		font-size:16px;
		color: #FF4B39;
	}
	.boxElement {
		border:none;
		padding:15px 20px 0 15px;
		margin:0;
		font-size:15px;
		font-weight:bold;
	}
	.boxElement span {
		background:#4cb05c;
		color:#FFF;
		font-size:14px;
		display:inline-block;
		margin:0 10px 0 0;
		padding:6px 8px 3px 8px;
		font-weight:bold;
	}
	.boxElement strong {
		display:block;
		padding:10px 0 0 10px;
	}
	.agreeBox {
		background:#CCC;
		padding:12px 36px;
		margin:15px 0 0 0;
	}
	p.agree {
		width:auto;
		margin:0;
		border:none;
		background:#FFF;
		text-align:center;
		padding:20px 0;
		border-bottom:1px solid #a3a3a3;
	}
	.photoInfo01 {
		display:block;
		text-align:center;
		background:#FFF;
		margin:0;
	}
	.photoInfo01 .image {
		padding:0 !important;
		font-size:0;
		width:100% !important;
		display:inline-block;
	}
	.photoInfo01 .text {
		background:#868686;
		text-align:center;
		display:block;
		color:#FFF;
		font-weight:bold;;
		font-size:15px;
		padding:15px;
	}
	.photoInfo01 .image img {
		width:55% !important;
		max-width:350px;
	}
	.tableFormerror th {
		padding:16px 15px 7px 15px;
		width:100%;
	}
	.textLoginerror {
		margin-bottom:15px;
	}
	.noteOrange02 {
		padding: 17px 6px 16px;
		font-weight:bold;
	}
	a.buttonOrange {
		background:#FF9D00;
	}
	a.buttonOrange:after {
		background:#A26603;
	}
	a.buttonOrange:hover {
		background:#FF9D00;
	}
	.boxLoginerror {
		border:none;
		margin-top:0;
	}
	.linkListloginerror {
		background:none;
	}
	.textLoginerror02 {
		padding:0 15px 0 15px;
		text-align:left;
		margin-top:-10px;
	}
	.box02 {
		margin-top:0;
	}
	.boxFix {
		margin-top:0;
	}
	.box02 .boxInner02 {
		padding:5px;
	}
	.headBlockDetail {
		margin-top:0;
	}
	.boxAplusdetail {
		margin:35px 20px 35px 20px;
		width:auto;
		min-height: 158px;
	}
	.boxAplusdetail01 {
		margin:0 20px 35px 20px;
	}
	.footLinkaplus {
		padding:20px 30px 50px;
	}
	.footLinkaplus li {
		margin:0 10px 20px 0;
		font-size:12px;
	}
	.blockAplus {
		margin: 0 20px 30px;
	}
}

/* ------------------------------------------------------------------
	samples_detail
-------------------------------------------------------------------*/
.inquiryTitle {
	padding-bottom:8px;
	font-size:18px;
}
.inquiry dt {
	padding:16px 20px;
}
.inquiry dt p {
	padding-left:35px;
	text-indent:-35px;
}
.inquiry dt span {
	font-weight:bold;
	padding-right:11px;
}
.inquiry dd span {
	color:#FF4B39;
	font-weight:bold;
}
.inquiry dd {
	margin-bottom:20px;
	padding:16px 20px;
	background:#F5F5F5;
}
.inquiry dd span {
	padding-right:11px;
}
.inquiry dd p {
	padding-left:34px;
	text-indent:-34px;
}
.inquiryButton {
	border-bottom:none;
}
.noteList li {
	padding:0 0 16px 13px;
	background:url(/site/img/common/bg_dot.png) no-repeat 0 10px;
}
.noteList01 li .text01 {
	text-indent:-15px;
	padding-left:10px;
}
.noteList li:last-child {
	padding-bottom:0;
}
.borderBottom {
	border-bottom:1px solid #CCC;
}
.exchange li {
	width:25%;
}
.exchange li p.image {
	width:100%;
}
.exchange li p.image a {
	width:100%;
}
.fqa {
	padding:32px 28px 0 28px;
	font-size:14px;
}
.fqa dt {
	font-size:20px;
	font-weight:bold;
	padding:0 0 25px 0;
}
.fqa dd {
	padding:0 0 57px 0;
}
.fqa .listFqa {
	border-bottom:1px solid #ccc;
}
.fqa .listFqa li {
	border-top:1px solid #ccc;
}
.fqa .listFqa li p span {
	font-weight:bold;
	display:inline-block;
	padding:0 10px 0 0;
	font-size:15px;
}
.fqa .listFqa li p {
	padding:17px 40px 15px 20px;
	padding-left:42px;
	text-indent:-12px;
	line-height:1.4;
}
.fqa .listFqa li p.answer {
	margin:0 0 18px 0;
	display:none;
}
.fqa .listFqa li p.answer span {
	color:#ff4b39;
}
.fqa .listFqa li p.answer {
	background:#f5f5f5;
}
.fqa .listFqa li p.question {
	background:url(/site/img/common/bg_plus.gif) no-repeat 100% 50%;
}
.fqa .listFqa li p.question.active {
	background:url(/site/img/common/bg_minus.gif) no-repeat 100% 50%;
}
.grugBox {
	display:table;
	width:100%;
	margin:40px 0 60px 0;
	text-align:center;
}
.grugBox .text,
.grugBox .image {
	display:inline-block;
	vertical-align:middle;
}
.grugBox .image {
	padding:0 67px 0 0;
}
.grugBox .text {
	font-size:30px;
	font-weight:bold;
}
.videoItem {
	padding:30px 40px 30px 40px;
	background:#f5f5f5;
}
.videoItem .video {
	width:46.7%;
	max-width:422px;
	border:6px solid #ccc;
	float:left;
}
.videoItem .video .videoInner {
	height: 0;
		overflow: hidden;
    padding-bottom: 54.27%;
    position: relative;
}
.videoItem iframe {
    background: #f7f0e4;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.videoItem .text {
	width:50%;
	line-height:1.8;
	margin:-5px 0 0 0;
	float:right;
}
.videoItem .text100 {
	width:100%;
	line-height:1.8;
	margin:-5px 0 0 0;
	float:right;
}
.boxStoredetail {
	padding:30px 40px 30px 40px;
	background:#f5f5f5;
}
.boxStoredetail .imgStoredetail {
	width: 47.7%;
	max-width: 422px;
	float: left;
}
.boxStoredetail .boxText {
	width:49.3%;
	line-height:1.8;
	margin:-5px 0 0 0;
	float:right;
}
.boxStoredetail .boxText .titStoredetail {
	font-size:18px;
	font-weight:bold;
}
.boxStoredetail .boxText .boxImgStoredetail {
	padding:20px 0 10px 0;
}
.boxStoredetail .boxText .boxImgStoredetail li {
	float:left;
	margin-right:10px;
}
.boxStoredetail .boxText .boxImgStoredetail img.img01 {
	background-size:83px 36px;
	width:83px;
	height:36px;
}
.boxStoredetail .boxText .boxImgStoredetail img.img02 {
	background-size:83px 36px;
	width:67px;
	height:36px;
}
.boxStoredetail .boxMapStoredetail {
	background:#FFF;
	border:1px solid silver;
	float:left;
	margin-top:30px;
	width:100%;
}
.boxStoredetail .boxMapStoredetail .boxLeft {
	width: 51%;
	float: left;
}
.boxStoredetail .boxMapStoredetail .boxLeft p {
	padding:15px 20px 0px;
}
.boxStoredetail .boxMapStoredetail .boxLeft span {
	font-weight:bold;
}
.boxStoredetail .boxMapStoredetail .boxRight {
	position:relative;
	height:0;
	margin:5px;
	overflow:hidden;
	padding-bottom:33.35%;
}
.boxStoredetail .boxMapStoredetail .boxRight iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.boxArea {
	border:4px solid #d4d4d4;
	margin:19px 0 0 0;
}
.boxArea h3 {
	padding:20px 25px;
	font-weight:bold;
	font-size:18px;
	color:#000;
}
.boxArea .listArea li {
	float:left;
	width:25%;
	margin:0 0 10px 0;
	padding:0 9px 0 0;
	height:57px;
}
.boxArea .listArea {
	padding:0 16px 20px 25px;
}
.boxArea .listArea li a {
	display:table;
	width:100%;
	vertical-align:middle;
	background:#6d6d6d;
	color:#FFF;
	padding:5px 6px 5px 10px;
	position:relative;
	overflow:hidden;
	transition:all 0.1s linear;
	height:57px;
}
.boxArea .listArea li a:after {
	width:100%;
	height:5px;
	position:absolute;
	content:"";
	bottom:0;
	left:0;
	background:#242424;
	transition:all 0.1s linear;
}
.boxArea .listArea li a:hover:after {
	height:0;
}
.boxArea .listArea li a:hover {
	text-decoration:none;
	background:#242424;
	margin:5px 0 0 0;
	height:52px!important;
}
.boxArea .listArea li a span {
	display:table-cell;
	vertical-align:middle;
	padding:0 3px 0 0;
	letter-spacing:1px;
}
.boxArea .listArea li a strong {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.boxArea .listArea li a strong em {
	background: #ff7365;
	border-radius:4px;
	display:inline-block;
	white-space:nowrap;
	font-size:11px;
	padding:4px 5px 3px 3px;
	font-weight:bold;
}
.boxArea .listArea li a strong em.red {
	background:#dc1d0a;
	color:#fff;
}
.qrcode {
	text-align:center;
	padding:67px 0 67px  0;
}
.qrcode img {
	width:400px;
}
.freeArea p {
	line-height:2;
	font-size:14px;
	color:#4d4d4d;
}
.freeArea table {
	width:100%;
	max-width:880px;
	margin:20px auto;
}
.freeArea table th,
.freeArea table td {
	font-size:14px;
	border:1px solid #ccc;
	color:#4d4d4d;
	line-height:1.5;
	text-align:left;
	padding:10px 15px 7px;
}
.freeArea table th {
	background:#e8e8e8;
	text-align:center;
}
@media screen and (max-width:980px) {
	.qrcode {
		padding:30px 27px 30px  27px;
	}
	.qrcode img {
		width:100%;
		max-width:528px;
	}
	.boxArea .listArea li a span {
		font-size:14px;
	}
	.boxArea h3 {
		padding-left:18px;
	}
	.boxArea .listArea {
	    padding: 0 10px 20px 18px;
	}
	.boxArea .listArea li {
		width:33.33%;
	}
}
@media screen and (max-width:900px) {
	.boxArea .listArea li {
		padding-right:7px;
	}
	.boxArea .listArea li a {
		 padding:5px 6px 5px 8px;
	}
}
@media screen and (max-width:736px) {
	#pageNews .box02 {
		padding:0 10px 10px;
	}
	#pageNews .box02 .txt02 {
		padding-left:0;
		padding-right:0;
	}
	.freeArea table th,
	.freeArea table td {
		padding:7px 10px 5px;
	}
	.mainInner .inquiryBlock {
		margin:15px;
		border:2px solid #d4d4d4;
		padding:16px;
	}
	.inquiry dt {
		padding:8px 10px;
	}
	.inquiry dd {
		padding:8px 10px;
	}
	.mainInner .inquiryButton {
		padding:0!important;
		background:none;
	}
	.exchange li {
		width:50%;
		float:left;
	}
	.exchange li:nth-child(2n-1) {
		border-right:1px solid #d8cfc8;
	}
	.exchange li p.image {
		width:100%;
	}
	.exchange li p.image a {
		width:100%;
	}

	.fqa {
		padding:20px 15px 0 15px;
		font-size:14px;
	}
	.fqa dt {
		font-size:17px;
		font-weight:bold;
		padding:0 0 14px 0;
	}
	.fqa dd {
		padding:0 0 30px 0;
	}
	.fqa .listFqa li p span {
		font-weight:bold;
		display:inline-block;
		padding:0 10px 0 0;
		font-size:13px;
	}
	.fqa .listFqa li p {
		padding:15px 40px 15px 33px;
		text-indent:-13px;
		line-height:1.4;
	}
	.fqa .listFqa li p.answer {
		margin:0 0 5px 0;
		display:none;
	}
	.fqa .listFqa li p.answer span {
		color:#ff4b39;
	}
	.fqa .listFqa li p.answer {
		background:#f5f5f5;
	}
	.fqa .listFqa li p.question {
		background:url(/site/img/common/bg_plus_h.gif) no-repeat 100% 50%;
		background-size:30px auto;
	}
	.fqa .listFqa li p.question.active {
		background:url(/site/img/common/bg_minus_h.gif) no-repeat 100% 50%;
		background-size:30px auto;
	}
	.grugBox {
		margin:25px 0 25px 0;
	}
	.grugBox .image {
		padding:0 0 12px 0;
		display:block;
		text-align:center;
	}
	.grugBox .image img {
		height:50px;
	}
	.grugBox .text {
		font-size:13px;
		display:block;
		text-align:center;
	}
	.videoItem {
		padding:0 10px;
		background:#FFF;
	}
	.videoItem .video {
		width:100%;
		max-width:inherit;
		border:3px solid #ccc;
		float:none;
	}
	.videoItem .video .videoInner {
		height: 0;
	    overflow: hidden;
	    padding-bottom: 54.27%;
	    position: relative;
	}
	.videoItem iframe {
	    background: #f7f0e4;
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.videoItem .text {
		width:100%;
		line-height:1.5;
		margin:15px 5px 45px 5px;
		font-size:13px;
		float:none;
	}
	.boxArea {
		margin:10px 12px 10px 12px;
		border:none;
	}
	.boxArea h3 {
		padding:10px 12px;
		font-weight:bold;
		font-size:18px;
		color:#000;
		border:2px solid #333333;
		border-bottom:none;
		color:#fff;
		background:#333333 url(/site/img/common/bg_plus01.gif) no-repeat 100% 50%;
		background-size:35px auto;
	}
	.boxArea h3.active {
		background:url(/site/img/common/bg_minus01.gif) no-repeat 100% 50%;
		background-size:auto 18px;
		border:2px solid #ccc;
		border-bottom:none;
		color:#333;
	}
	.boxArea .listArea li {
		float:none;
		width:100%;
		height:auto;
		margin:0 0 6px 0;
		padding:0;
	}
	.boxArea .listArea {
		padding:0 12px 8px 12px;
		border:2px solid #ccc;
		border-top:none;
		display:none;
	}
	.boxArea .listArea li a:hover,
	.boxArea .listArea li a {
		display:table;
		width:100%;
		vertical-align:middle;
		background:#6d6d6d;
		color:#FFF;
		padding:9px 9px 9px 13px;
		position:relative;
		overflow:hidden;
		transition:all 0.1s linear;
		height:auto;
		font-size:15px;
		font-weight:bold;
		height:auto!important;
	}
	.boxArea .listArea li a:after {
		height:3px;
	}
	.boxArea .listArea li a:hover:after {
		height:3px;
	}
	.boxArea .listArea li a:hover {
		margin:0;
		height:auto;
	}
	.boxArea .listArea li a span {
		display:table-cell;
		vertical-align:middle;
		padding:5px 3px 5px 0;
		letter-spacing:1px;
	}
	.boxArea .listArea li a strong {
		display:table-cell;
		vertical-align:middle;
		text-align:right;
	}
	.boxArea .listArea li a strong em {
		background: #ff7365;
		border-radius:4px;
		display:inline-block;
		white-space:nowrap;
		font-size:11px;
		padding:3px 5px 3px 3px;
		font-weight:bold;
	}
	.boxArea .listArea li a strong em.red {
		background:#dc1d0a;
		color:#fff;
	}
	.boxStoredetail {
		padding: 0 10px;
		background: #FFF;
	}
	.boxStoredetail .imgStoredetail {
		width:100%;
		float:none;
		max-width:inherit;
	}
	.boxStoredetail .imgStoredetail img {
		width:100%;
	}
	.boxStoredetail .boxText {
		float:none;
		width:100%;
		margin:15px 0 0 0;
	}
	.boxStoredetail .boxText .textStoredetail {
		padding:5px;
	}
	.boxStoredetail .boxText .titStoredetail {
		font-size:15px;
		font-weight:bold;
	}
	.boxStoredetail .boxText .boxImgStoredetail {
		padding:10px 0 0 0;
	}
	.boxStoredetail .boxText .boxImgStoredetail img.img01 {
		background-size:83px 36px;
		width:83px;
		height:36px;
	}
	.boxStoredetail .boxText .boxImgStoredetail img.img02 {
		background-size:83px 36px;
		width:67px;
		height:36px;
	}
	.boxStoredetail .boxMapStoredetail {
		margin:15px 0 15px 0;
	}
	.boxStoredetail .boxMapStoredetail .boxLeft {
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.boxStoredetail .boxMapStoredetail .boxRight {
		float:none;
		padding-bottom:65%;
	}
	.boxStoredetail .boxMapStoredetail .boxLeft p {
	padding:15px 15px 0px;
	}
	.blockElement {
		margin:0 15px 20px;
		padding:0;
		background:none;
		border:none;
	}
	.blockClick {
		padding:0 5px 0;
		background:#FFF;
		border:3px solid #4CB05C;
		border-top:none;
		display:block;
		margin:0;
		display:none;
	}
	.blockElement .title {
		margin-bottom:0;
		padding:12px 17px 15px;
		font-size:15px;
		font-weight:bold;
		cursor:pointer;
		margin:0;
		background:#4CB05C url(/img/common/icon_square.png) no-repeat 95% 47.5%;
		background-size:18px auto;
		border:3px solid #4CB05C;
		border-bottom:none;
		color:#FFF;
	}
	.blockElement .couponBlock02 .text01 {
		margin-top:0;
	}
	.blockElement .title.active {
		background:#FFF url(/img/common/icon_square_h.png) no-repeat 95% 47.5%;
		background-size:18px auto;
		color:#4CB05C;
	}
}
@media screen and (max-width:600px) {
	.agreeBox01 .agree {
		max-width:inherit;
		display:block;
		text-align:left;
		text-indent:-24px;
		padding-left:70px;
	}
}



.stepList.pcDisplay {
	display:block;
}
.stepList {
	display:table !important;
	border:1px solid #D6D6D6;
	margin-bottom:20px;
	background:#F7F8F9;
	width:100%;
}
.stepList li {
	position:relative;
	z-index:10;
	display:table-cell;
	padding:5px 20px 5px 22px;
	color:#B1B5B9;
	vertical-align:middle;
	font-weight:bold;
	white-space:normal;
	text-overflow:clip;
	width:29%;
}
.stepList li img {
	margin:-1px 18px 0 0;
	vertical-align:middle;
}
.stepList li:first-child {
	z-index:11;
}
.stepList li:last-child {
	z-index:1;
}
.stepList li.active {
	background-color:#5E5E5E;
	color:#FFF;
}
.stepList li:first-child.active {
	padding-left:11px;
}
.stepList li:after,
.stepList li:before {
	display: block;
	content:"";
	position:absolute;
	right:-9px;
	top:0px;
	border-bottom:18px solid transparent;
	border-top:16px solid transparent;
	border-left:9px solid #DDD;
}
.stepList li:after {
	top:0;
	right:-8px;
	border-bottom-width:15px;
	border-top-width:16px;
	border-left:8px solid #F7F8F9;
}
.stepList li.active:after,
.stepList li.active:before {
	border-left-color:#5E5E5E;
}
.stepList li:last-child:after,
.stepList li:last-child:before {
	display:none;
}
.stepList li span.stepText {
	margin-right:10px;
	padding:1px 10px;
	background:#B1B5B9;
	border-radius:20px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:1;
}
.stepList li.active .stepText {
	background:#DF0000;
}

@media screen and (max-width:736px) {

	.stepList {
		display:table !important;
		border:1px solid #D6D6D6;
		background:#F7F8F9;
	}
	.stepList li {
		position:relative;
		z-index:10;
		display:table-cell;
		margin:0 auto;
		height:0;
		padding:5px 30px 5px 40px;
		color:#B1B5B9;
		vertical-align:middle;
		font-weight:bold;
		white-space:normal;
		text-overflow:clip;
		height:72px;
		width:20%;
		text-align:center;
	}
	.stepList li span.stepText {
		display:block;
		width:100%;
		margin-bottom:10px;
		margin-right:10px;
		padding:0;
		background:#B1B5B9;
		border-radius:20px;
		color:#FFF;
		font-size:12px;
		font-weight:bold;
		line-height:1;
		text-align:center;
		padding:2px 0 2px;
	}
	.stepList li:after,
	.stepList li:before {
		display: block;
		content:"";
		position:absolute;
		right:-9px;
		top:0;
		border-bottom:37px solid transparent;
		border-top:35px solid transparent;
		border-left:9px solid #DDD;
	}
	.stepList li:after {
		top:0;
		right:-8px;
		border-bottom-width:34px;
		border-top-width:35px;
		border-left:8px solid #F7F8F9;
	}
	.stepList li.active:after,
	.stepList li.active:before {
		border-left-color:#5E5E5E;
	}
	.stepList li:last-child:after,
	.stepList li:last-child:before {
		display:none;
	}/*
	.stepList li:last-child {
		width: 22.9%;
	}*/
	.stepList.pcDisplay {
		display:none !important;
	}

}
@media screen and (max-width:505px) {
		.stepList li {
		position:relative;
		z-index:10;
		display:table-cell;
		margin:0 auto;
		height:0;
		padding:5px 10px 5px 20px;
		color:#B1B5B9;
		vertical-align:middle;
		font-weight:bold;
		white-space:normal;
		text-overflow:clip;
		height:72px;
		width:20%;
		text-align:center;
	}
}
.button.width {
	font-size:15px; 
}
@media screen and (max-width:600px) {
	.agreeBox01 .agree {
		max-width:inherit;
		display:block;
		text-align:left;
		text-indent:-24px; 
		padding-left:70px; 
	}	
}
@media screen and (min-width:736px) {
	.button.width {
		width:300px; 
	}
	.blockElement {
		background:#FFF; 
	}
}
@media screen and (max-width:320px) {
	.button.width {
		font-size:13px;
		padding:13px 5px 18px 5px;
	}
}
@media screen and (max-width:736px) {
	.boxGeneral {
		background:#f5f5f5; 
	}
}