@charset "utf-8";

/* DEAFAULT
-------------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	line-height:1;
}
img {
	border:none;
	vertical-align:top;
}
a img, :link img, :visited img, :active img, :hover img {
	border: 0;
}
ol, ul {
	list-style: none;
}
input	{
	display: inline;
	vertical-align: middle;
}


/* GLOBAL CONTROL
-------------------------------------------------------------------------- */
body {
	background-color:#fff;
	font-size:100%;
	color:#4f4e4d;
	text-align:center;
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
div {
	text-align:left;
}
a { text-decoration: underline; }
a:link { color: #4C4C80; }
a:visited { color: #896958; }
a:active,
a:hover { text-decoration:underline; color:#7878CC; }
.left {
	display:inline;
	float:left;
}
.right {
	display:inline;
	float:right;
}
.clear {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block; }

/* End hide from IE-mac */
p {
	line-height:150%;
	font-size:78%;
	color: #665555;
	margin: 0;
	padding: 0;
}

dt,dd,td,th {
	line-height:150%;
	font-size:78%;
	color:#4f4e4d;
}

.txt-center {
	text-align:center;
}
.txt-right {
	text-align:right;
}
.note {
	font-size:70%;
}
.em {
	font-weight:bold;
}

.vtop {
	vertical-align:top;
}

.vbottom {
	vertical-align:bottom;
}

.vmiddle {
	vertical-align:middle;
}
/* ヘッダー */
#headerWrapper {
	border-bottom: 2px solid #D36985;
	zoom: 1;
}
#logoNavi {
	position: relative;
	z-index: 0;
}

#logo {
	position: absolute;
	left: 0;
	z-index: 0;
}


.logo { background-position: 0 0; display: block; 
		height: 55px; text-indent: -9999px; overflow: hidden; }

.cS		{ background-image: url(/CSP/img/bt/sprites/c.png?switch=2025062510); background-repeat: no-repeat; border: 0; }

.offL	{ text-indent: -9999px; overflow: hidden; }

/*  先テル新トンマナ用追加    */
#headerWrapperContact {
	border-bottom: 2px solid #998A8A;
	zoom: 1;
}
#headerContact {
	margin: 0 auto;
	position: relative;
}
#headContactSummary {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 0;
	position: absolute;
}
#ctctBreadcrumbs p {
	font-size:10px;
}

#ctctBreadcrumbs a {
	font-weight:normal;
}

.pankuzu {
	font-size:10px;
	line-height:120%;
	padding-top:14px;
}
.pankuzu a{
	font-weight: normal;
}

.mainContentsTitleOuter { background: none; }
.mainContentsTitleInner {
	line-height: 21px;
	border-bottom: 1px solid #988989;
	background: url(/CSP/img/kr/icons/icon_heading.png?switch=2025062510) no-repeat 0 1px;
	padding-left: 25px;
	padding-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.mainContentsTitleInner h2		{ font-size: 18px; }

.mainContentsSecondTitleOuter	{ background: none; }
.mainContentsSecondTitleInner	{
	line-height: 21px;
	border-bottom: 1px solid #988989;
	background: url(/CSP/img/kr/icons/icon_heading.png?switch=2025062510) no-repeat 0 1px;
	padding-left: 25px;
	padding-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.rc_SiteTitle {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	padding: 10px;
}
.rc_SiteTitle span {
	font-size: 20px;
	font-weight: bold;
}
.rc_VertLineRed {
	width: 4px;
	height: 20px;
	top: 5px;
	left: 5px;
	background-color: #CC0000;
	float: left;
	margin-right: 5px;
}
.submitArea {
	background-color: #F7F5EC;
	margin-top: 20px;
	padding: 10px;
	text-align:center;
}
.btConfirm {
	background: url(/CSP/img/my/btn_confirm.png?switch=2025062510) no-repeat;
	width: 165px;
	height: 45px;
	border: 0;
}
.btConfirm:hover {
	background-position: 0 -45px;
}

/******　ページトップへ　*******/

#pagetop {
	width:800px;
	margin:0;
	padding-bottom:10px;
}

/******　ページトップへ111124修正　*******/

.pagetop {
	width:800px;
	padding-bottom:30px;
}
/* フッター */
#footer {
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-top: 20px;
	position: relative;
}
#copyrightnew {
	position: absolute;
	left: 0;
	/*120927追記*/
	padding:0 10px;
}

/*120927追記*/
#copyrightnew a {
	font-size:10px;
	color:#435B67;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-weight:bold;
}

/*120927追記*/
#copyrightnew img {
	margin-bottom:8px;
}

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }
.itemTxt, .itemTxt2, .twoColLTxt {
	color: #333333;
}

#headerContact {
	width: 800px;
}
#headerWrapperContact {
	border-top: 16px solid #BFB4AB;
}
#headContactSummary {
	margin-top: -14px;
}
#container {
	margin: 0px auto;
	width: 800px;
}
#pageBody {
	width: 800px;
	margin:10px auto 20px;
}
#contents {
	text-align:center;
	margin:0 0 20px 0;
}
#ctctBreadcrumbs p {
	margin: -5px 0 5px 0;
	line-height: 120%;
}
#logoNavi {
	height: 80px;
}
#logo {
	top: 12px;
}
.mainCntHeadLead {
	padding: 10px 10px 20px;
}
.attMsg {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 10px 0;
}
#inputForm,
#confirmForm {
	padding: 0;
}
.logo {
	width: 540px;
}
.promoWord {
	display: none;
}
.mainContentsTitleInner {
	margin-top: 20px;
}
.inquiryTable {
	width: 100%;
	margin-top: 20px;
}
.oneCol, .inputCol, .oneCol2, .inputCol2 {
	padding: 10px;
	display: table-cell;
	color: #333333;
}
.oneCol, .twoColR, .twoColL {
	vertical-align: middle;
}
.inputCol {
	width: 506px;
}
.inputCol label {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}
.inputCol span {
	text-align: right;
	line-height: 16px;
	vertical-align: middle;
}
.inputCol input {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 5px;
}
.inputCol .isDisabled {
	background: #EEEEEE;
	border: solid 1px #AAA;
	color: #AAA;
	box-sizing: boder-box;
}
.oneCol, .oneCol2 , .oneCol3 {
	font-size: 12px;
}
.oneCol {
	width: 230px;
}
.oneCol2 > p {
	font-size: 12px;
	color: #333333;
}
.twoColL {
	display: table-cell;
	width: 130px;
	padding: 10px;
}
.twoColR {
	display: table-cell;
	width: 79px;
	padding: 10px;
}
.oneCol .itemTxt {
	width: 185px;
	font-size: 12px;
}
.txtBoxM {
	width: 230px;
	margin-left: 10px;
}
.txtBoxL {
	width: 480px;
}
.iconMust {
	padding: 3px 5px 2px;
	margin-right: 10px;
}
#footer {
	height: 103px;
}
#footerLinks {
	right: -15px;
}
#copyrightnew {
	top: 10px;
}
#footerLinks li {
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}
.inquiryTable {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.oneCol, .inputCol, .twoColL, .twoColR {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.oneCol, .twoColL, .twoColR, .twoColR2 {
	background-color: #EEEBE4;
	font-weight: bold;
}
.inquiryWrap,
.middleInquiryWrap  {
	display: table;
}
.inquiryDetailLine {
	margin-top: 5px;
}
.inquiryDetailLine:first-child {
	margin-top: 0px;
}
.telBtnTxt {
	padding: 20px 0 0 10px !important;
}
.chkedTxt {
	color: #333333;
	font-weight: bold;
}
/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w28	{ width: 28px; }
.w100	{ width: 100px; }
.w120	{ width: 120px; }
.w130	{ width: 130px; }
.w154	{ width: 154px; }
.w160	{ width: 160px; }
.w200	{ width: 200px; }
.w222	{ width: 222px; }
.w240	{ width: 240px; }
.w340	{ width: 340px; }
.w460	{ width: 460px; }
.w480	{ width: 480px; }
.w513	{ width: 513px; }
.w600	{ width: 600px; }
.wFull	{ width: 100%; }

/* HEIGHT */
.h1e	{ height: 1em; }
.h23	{ height: 23px; }
.h66	{ height: 66px; }
.h200	{ height: 200px; }
.h300	{ height: 300px; }

/*LINE-HEIGHT*/
.lh23	{ line-height: 23px; }
.lh30	{ line-height: 30px; }
.lh66	{ line-height: 66px; }
.lh120	{ line-height: 120px; }
.lh156	{ line-height: 156px; }


.pB0	{ padding-bottom: 0px !important; }

/* POSITION */
.taL	{ text-align: left !important; }
.taC	{ text-align: center !important; }
.taR	{ text-align: right !important; }

/* FOREGROUND */
.fgGray	{ color: #666666; }
.fgGray2	{ color: #333333; }
.fgLGray	{ color: #999999; }
.fs10	{ font-size: 10px; }
.fs11	{ font-size: 11px; }
.fs12	{ font-size: 12px; }
.fs14	{ font-size: 14px; }
.fs24	{ font-size: 24px; }

.pH10 {
padding-left: 10px;
padding-right: 10px;
}
.mT5 {
margin-top: 5px;
}
.mT10 {
margin-top: 10px;
}
.mT13 {
margin-top: 13px;
}
.mT20 {
margin-top: 20px;
}

/*PC用MARGIN*/
.pcMT75 { margin-top: 75px; }
.pcMT120 { margin-top: 120px; }
.pcML140 { margin-left: 140px; }

/*PC用WIDTH*/
.pcW100 { width: 100px; }
.pcW120 { width: 120px; }
.pcW130 { width: 130px; }
.pcW160 { width: 160px; }
.pcW240 { width: 240px; }
.pcW340 { width: 340px; }
.pcW460 { width: 460px; }

/*PC用HEIGHT*/
.pcH23	{ height: 23px; }
.pcH52	{ height: 52px; }
.pcH66	{ height: 66px; }
.pcH200	{ height: 200px; }
.pcH300	{ height: 300px; }

/*PC用LINE-HEIGHT*/
.pcLh66	{ line-height: 66px; }
.pcLh156	{ line-height: 156px; }

.mL10 {
margin-left: 10px;
}
.mL20 {
margin-left: 20px;
}
.mB5 {
margin-bottom: 5px;
}
.mB20 {
margin-bottom: 20px;
}
.mR10 {
margin-right: 10px;
}
.mHA {
margin-left: auto;
margin-right: auto;
}
.pn {
padding: 0 !important;
}
.p5 {
padding: 5px;
}
.bdCell {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
.bgThNml th {
background-color: #EEEBE4;
font-weight: bold;
color: #333333;
font-size: 12px;
}
.bdCell th, .bdCell td {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
}

.bdCellCheck {
border: 1px solid #CCCCCC;
padding:10px 0;
width: 600px;
}
.bgThNmlCheck th {
font-weight: bold;
color: #333333;
font-size: 12px;
vertical-align: top;
padding-left:30px;
}
.bdCellCheck th,.bdCellCheck td {
border: 0;
}
.bdCellCheck th {
padding-left:50px;
}
.pCell10 th, .pCell10 td {
padding: 10px;
}
.vaM {
vertical-align: middle;
}
.dibBL	{ display: inline-block !important; *display: inline !important; zoom: 1; }
.iconMustEmpty {
width: 20px;
padding: 1px 5px;
}
.pointerCursor {
cursor: pointer;
}
.offL {
text-indent: -9999px;
overflow: hidden;
}
.b {
font-weight: bold;
}
.n {
font-weight: normal;
}
.vaM {
vertical-align: middle;
}
.dn {
display: none;
}
.fgRed {
color: #FF0000;
}
.bgPinkErr {
	background-color: #FF6666 !important;
}
.iconMust {
color: #FFFFFF;
font-size: 10px;
text-align: center;
background-color: #FF0000;
}
.tfF {
border-top: 1px solid #8E8E8E;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #8E8E8E;
line-height: 1;
padding: 4px 2px;
}
.lhDe {
line-height: 1;
}
.lh15{
line-height: 1.5;
}
.fr{float:right;}
#footerLinks {
	font-size:10px;
	overflow: hidden;
	position: absolute;
	top: 20px;
}
#footerLinks li {
	float: left;
	font-size:10px;
	border-right: 1px solid #DDD;
}
.footerInfoDtl {
	float: right;
	font-size: 11px;
	line-height: 1.5;
}
.footerTermsLink {
	right: 10px;
	top: 15px;
	font-size: 10px;
	overflow: hidden;
	position: absolute;
}
.footerTermsLink > li {
	margin-left: 5px;
	margin-right: -1px;
	margin-top: 5px;
	padding-right: 5px;
	float: left;
	font-size: 10px;
	border-right: 1px solid #DDD;
}
.footerTermsLink > li > a {
	text-decoration: none;
}
/* .footerTermsLink {
	font-size: 10px;
	margin-top: 8px;
	padding: 0 8px;
	float: right;
} */
.hpbInfoLink > li {
	float: left;
	padding-right: 14px;
}
.hpbInfoLink > li + li{
	border-left: 1px solid #DDDDDD;
	padding-left: 14px;
}
#privacypolicy {
	background-color: #FFFFFF;
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 20px;
	font-size:12px;
}
.fl{float:left;}
.fr{float:right;}
/* ボタン */
.btn {
	display: block;
	border: 0;
	padding-left: 4px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.btn > span {
	padding-right: 4px;
	display: block;
}
.btn > span > input,
.btn > span > span {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
	font-weight: bold;
	cursor: pointer;
}
/* height30px */
.btn3H30 {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat left -1050px;
	line-height: 30px;
}
.btn3H30 > span {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat right -1110px;
}
.btn3H30 > span > input {
	height: 30px;
}
.btn3H30 > span > input,
.btn3H30 > span > span {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') repeat-x 0 -1170px;
	color: #666666;
}
.btn3H30:hover {
	background-position: 0 -1080px;
}
.btn3H30:hover > span {
	background-position: right -1140px;
}
.btn3H30:hover > span > input,
.btn3H30:hover > span > span {
	background-position: 0 -1200px;
	color: #A3A3A3;
}
/* height50px */
.btn3H50 {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat left -750px;
	line-height: 50px;
}
.btn3H50 > span {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat right -850px;
}
.btn3H50 > span > span {
	display: block;
	padding: 5px 0;
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') repeat-x 0 -950px;
	color: #666666;
	height: 40px;
}
.btn3H50 > span > span > label > span {
	display: block;
	margin: 5px 0;
}
.btn3H50:hover {
	background-position: 0 -800px;
}
.btn3H50:hover > span {
	background-position: right -900px;
}
.btn3H50:hover > span > span {
	background-position: 0 -1000px;
	color: #A3A3A3;
}
#footerLinks li a {
	text-decoration:none;
}
#footerLinks li a:hover {
	text-decoration:underline;
}

#postContents {
	margin-top: 30px;
}
.pageTopLink {
	margin-top: 20px;
	text-align: right;
}
.pageTopLink > a {
	font-size: 12px;
	color: #4C4C80;
	text-decoration: none;
}
.pageTopLink > a:hover {
	color: #7878CC;
	text-decoration: underline;
}
.arrowT {
	padding-left: 10px;
	background: url("/CSP/img/my/arw_top.gif?switch=2025062510") no-repeat left center;
}
.mod_color_e50000 {
color: #e50000;
}

/************************************************************
 * IME-MODE
 ************************************************************/
.imeOn {
	ime-mode: active;
}

.imeOff {
	ime-mode: inactive;
}

.wordBreak {
	word-break: break-all;
}
.pdF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
}
.inquiryBtn {
	margin-top: 10px;
}
.arrowR {
	background-position: -196px -243px;
	display: inline-block;
	padding-left: 8px;
}
.iS {
	background-image: url(/CSP/img/bt/sprites/i.png?switch=2025062510);
	background-repeat: no-repeat;
}

@media screen and (max-width: 800px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
	textarea {
		-webkit-appearance: none !important;
	}
	.inputCol select {
		border: 1px solid #BBBBBB;
		border-radius: 5px;
		height: 30px;
	}
	.tfF {
		border: 1px solid #BBBBBB;
	}
	.rc_SiteTitle {
		padding: 5px 10px;
	}

	#headerContact {
		width: 100%;
	}
	#container, #pageBody {
		width: 100%;
		margin: 0 auto 20px;
	}
	#headerWrapperContact {
		padding: 3px 5px;
	}
	#headerWrapperContact {
		border-top: 22px solid #BFB4AB;
	}
	#headContactSummary {
		margin-top: -20px;
	}
	#ctctBreadcrumbs p {
		padding: 5px;
	}
	.inquiryTable {
		margin-top: 10px;
		box-sizing: border-box;
	}
	.inputCol input,
	.inquiryTable .txtBoxL,
	.inquiryTable .txtBoxM {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;		
	}
	.inquiryTable .txtBoxL {
		padding: 5px 10px;
		width: 100%;
	}
	.inquiryTable .txtBoxM {
		width: 95%;
	}
	#logoNavi {
		height: 60px;
	}
	#footer {
		height: 103px;
	}
	#logo {
		top: 2px;
	}
	#inputForm {
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.logo {
		width: 132px;
		display: block;
		float: left;
	}
	.promoWord {
		display: block;
		float: left;
		margin: 0px 4px;
		color: #666666;
		font-size: 10px;
		letter-spacing: 0.5px;
		margin-top: -2px;
	}
	.iconMust {
		padding: 1px 3px 2px;
		margin: 0 5px 5px 0;
	}
	.mainCntHeadLead {
		padding: 5px 8px;
	}
	.attMsg {
		font-size: 12px !important;
		padding-left: 5px;
		padding-right: 5px;
	}
	.mainContentsTitleInner {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background-position: 5px -1px;
		padding: 0 5px 0 25px;
		margin-top: 0;
	}
	#footer {
		height: 100px;
	}
	#footerLinks {
		right: 10px;
		top: 15px;
	}
	#copyrightnew {
		top: 55px;
	}
	#footerLinks li {
		padding-right: 5px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: -1px;
	}
	.contentsTitle {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 0 5px;
	}
	.oneCol, .inputCol, .twoColL, .twoColR {
		padding: 3px 5px;
	}
	.oneCol, .twoColL {
		width: 65px;
	}
	.inputCol span {
		display: block;
		text-align: left;
		margin-left: 10px;
	}
	.twoColRWrap {
		display: table-cell;
	}
	.twoColRWrap,
	.twoColRWrap > .twoColR,
	.twoColRWrap > .inputCol,
	.inputCol,
	.twoColR {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	.twoColRWrap > .twoColR,
	.twoColRWrap > .inputCol {
		padding: 3px 5px;
	}
	.oneCol,
	.twoColL {
		vertical-align: top;
	}
	.inputCol {
		vertical-align: middle;
	}
	#ctctBreadcrumbs p {
		margin: 0;
		line-height: 120%;
	}
	.twoColR, .twoColR2 {
		background: #FFF !important;
		padding: 5px 7px 0 7px;
		border-top: none !important;
		border-bottom: none !important;
	}
	.twoColR p, .twoColR2 p {
		background-color: #EEEBE4;
		padding: 3px 5px;
		width: 100%;
		border: 1px solid #CCCCCC;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.btbN {
		border-top: none !important;
		border-bottom: none !important;
		padding: 3px 7px 3px 7px;
	}
	.btN {
		border-top: none !important;
		padding: 3px 7px 5px 7px;
	}
	.oneCol .itemTxt, .twoColL .twoColLTxt {
		line-height: 1.4;
		width: 65px;
	}
	.oneCol2 {
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.oneCol2 > p {
		padding: 0 15px;
		width: 100%;
		border: solid 1px #CCC;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.inputCol2 {
		padding: 0 0 0 30px;
		width: 100%;
		min-height: 12px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.twoColL .itemTxt2 {
		line-height: 1;
	}
	.btn {
		padding-left: 1px !important;
	}
	.btn > span {
		padding-right: 1px !important;
	}

	.bdCellCheck {
		border: none;
		width: 100%;
	}

	.submitArea {
		margin-top: 10px;
		padding: 10px 20px;
	}
	/*SP用PADDING*/
	.spPl25 {padding-left: 25px;}
	.spPl40 {padding-left: 40px;}


	/*PC用WIDTH→SP*/
	.pcW100, .pcW120, .pcW130, .pcW160, .pcW240, .pcW340, .pcW460 { width: 100%;}

	/*PC用HEIGHT→SP*/
	.pcH23, .pcH66, .pcH200, .pcH300	{ height: auto; }

	/*PC用LINE-HEIGHT→SP*/
	.pcLh66, .pcLh156	{ line-height: 1; }

	/*PC用MARGIN→SP*/
	.pcMT75, .pcMT120 { margin-top: 0; }
	.pcML140 {margin-left: 0;}

	/*チェックボックス*/
	.inputCol input[type="checkbox"] {
		display: none;
	}
	.inputCol input[type="checkbox"] + label:before {
		background: url("/CSP/img/common/smb/checkbox_onoff.png?switch=2025062510") no-repeat;
		background-position: 0 0;
		background-size: 17px 35px;
		content: "";
		display: inline-block;
		height: 18px;
		vertical-align: middle;
		width: 20px;
	}
	.inputCol input[type="checkbox"]:checked + label:before {
		background-position: 0 -18px;
	}
	/*Android4.1バグ対応*/
	.inputCol select.isDisabled {
		position: relative;
		z-index: 1;
	}
	.inputCol label {
		display: table-cell;
		line-height: 16px;
		padding-left: 20px;
		text-indent: -20px;
		vertical-align: middle;
	}
	.chkboxWrap {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: table;
		width: 100%;
	}
	.chkboxWrap .chkBtn {
		display: table-cell;
	}
	.middleInquiryWrap,
	.middleInquiryWrap .twoColR,
	.middleInquiryWrap .inputCol {
		display: block !important;
	}
	.backBtn {
		font-size: 12px;
	}
	.confirmBtn {
		font-size: 16px;
	}
}

/*telInquiryWrap*/
.glayLayer {
	background: #000000;
	display: none;
	filter: alpha(opacity=60);
	height: 126%;
	left: 0;
	max-height: 126%;
	opacity: 0.60;
	position: fixed;
	-webkit-tap-highlight-color: rgba(0,0,0,0)!important;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.telInquiryWrap {
	display: none;
	left: 0;
	margin: auto;
	padding: 20px 20px 25px;
	position: absolute;
	right: 0;
	width: 650px;
	z-index: 1001;
}
@media screen and (max-width: 800px) {
	.telInquiryWrap {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	.telInquiryWrap .contentsTitle {
		padding: 0px;
	}
}
* html .telInquiryInner {
	position: absolute;
}
.telInquiryInner {
	background: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 20px 5%;
}
.closeTxt {
	height: 10px;
	position: relative;
	width: 100%;
}
.closeTxt img.closeBtn {
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: -30px;
}
.telTxt {
	color: #FF0000;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
}
.prepareList li {
	font-size: 12px;
	margin: 5px 0 0 10px;
	text-indent: -1em;
}

/* 201708トンマナ変更
-------------------------------------------------------------------------- */

.dib {
	display: inline-block;
}

.btnPrimary,
.btnSecondary {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px 1px 2px;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.btnPrimary,
a.btnPrimary {
	border-color: #D36985;
	color: #CC4466;
	height: 50px;
	line-height: 46px;
	text-decoration: none;
}
.btnSecondary,
a.btnSecondary {
	border-color: #BFB9B0;
	color: #666666;
	height: 37px;
	line-height: 33px;
	text-decoration: none;
}
.btnPhoneNum {
	padding-left: 20px;
	position: relative;
}
.btnPhoneNum::before {
	background-image: url("/CSP/img/common/smb/icon_phone.png?switch=2025062510");
	background-size: 16px 16px;
	content: "";
	display: inline-block;
	height: 16px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-71px, -9px);
	transform: translate(-71px, -9px);
	width: 16px;
}

.publicationInquiryHeaderInner {
	padding: 10px;
}
.headerLogo {
	display: inline-block;
}
.headerLogo > img {
	height: 35px;
	width: auto;
}

.mainHead {
	background-color: #D36985;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	padding: 6px 4px;
	text-align: center;
}
.mainHeadLead {
	font-size: 12px;
	margin: 12px 8px;
}
.contentsInner {
	color: #665555;
	margin-top: 16px;
	padding: 0 8px;
}
.subHead {
	font-size: 16px;
	line-height: 1.5;
}
.subHead ~ .subHead {
	margin-top: 24px;
}
.headLead {
	font-size: 12px;
	margin: 12px 0;
}
.completeHead {
	text-align: center;
	white-space: nowrap;
}
.completeHeadLead {
	font-size: 12px;
	margin: 16px 0 0;
}
.leadBr {
	display: none;
}

.phoneNumWrap {
	margin: 8px 0 0;
}
.phoneNum {
	display: none;
}
.phoneNumLead {
	margin-top: 8px;
}

.formTable {
	border: solid #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0;
	margin-top: 8px;
}
.formTableHeader,
.formTableData {
	border: solid #CCCCCC;
	border-style: solid;
	border-width: 1px 0 0 1px;
	font-size: 14px;
	word-break: break-all;
}
.formTableHeader {
	background-color: #F4F4F4;
	font-weight: bold;
	padding: 8px;
}
.formTableHeader.required {
	padding-right: 42px;
	position: relative;
}
.formTableHeader.required::before {
	background-color: #FF0000;
	border-radius: 2px;
	color: #FFFFFF;
	content: "必須";
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.formTableHeaderNote {
	color: #999999;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	margin-top: 5px;
}
.formTableData {
	line-height: 1.5;
	min-height: 21px;
	padding: 12px 8px;
}
.formTableDataPartitionWrap {
	padding: 0;
}
.formTableDataPartition {
	padding: 12px 8px;
}
.formTableDataPartition + .formTableDataPartition {
	border-top: 1px solid #CCCCCC;
}

.tableForm {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 16px;
	height: 40px;
	line-height: 1.5;
	padding: 4px;
}
.tableForm::-ms-expand {
	display: none;
}
.tableForm::placeholder {
	color: #999999;
}
.tableFormFull {
	width: 100%;
}
.tableFormTextarea {
	height: 80px;
	width: 100%;
}
.tableFormYearItem {
	margin-right: 5px;
}
.tableFormSeats,
.tableFormZip {
	width: 90px;
}
.tableFormZipItem {
	margin: 0 5px 0 10px;
}
.tableFormSelect {
	border-bottom-width: 2px;
	padding: 0 20px 0 8px;
}
.tableFormSelectLabel {
	display: inline-block;
	position: relative;
}
.tableFormSelectLabel::before {
	border-color: #333333 transparent transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	content: "";
	display: block;
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
}
.tableFormLabel {
	display: block;
	line-height: 1.5;
}
.tableFormItem {
	display: block;
	font-size: 12px;
	margin-top: 5px;
}

.formTableAlertWrap {
	background-color: #FFF0F0;
	border: 1px solid #CC0000;
	font-weight: bold;
	margin: 8px;
	padding: 8px;
}
.formTableAlertList {
	color: #FF0000;
	font-size: 12px;
}
.formTableAlertList > li {
	line-height: 19px;
}
.formTableAlertList > li ~ li {
	margin-top: 8px;
}
.formTableAlertList > li::before {
	background: linear-gradient(to bottom, #FC7D77, #FF534F);
	color: #FFFFFF;
	content: "！";
	display: inline-block;
	font-size: 13px;
	margin-right: 4px;
	text-align: center;
	width: 19px;
}
.tableFormAlert {
	background-color: #FFF0F0;
	border-color: #CC0000;
}

.btnWrap {
	margin-top: 16px;
}
.confirmLead {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.btnWrapInner {
	margin-top: 8px;
}
.btnConfirm ~ .btnConfirm {
	margin: 8px 0 0;
}

#footer {
	height: 100px;
	margin-top: 40px;
}
#footerLinks {
	right: 10px;
	top: 15px;
}
#copyrightnew {
	top: 55px;
}
#footerLinks li {
	margin-left: 5px;
	margin-right: -1px;
	margin-top: 5px;
	padding-right: 5px;
}

@media (min-width: 768px) {
	a { text-decoration: none; }

	.btnPrimary,
	a.btnPrimary {
		display: inline-block;
		height: 44px;
		line-height: 40px;
		width: 200px;
	}
	.btnSecondary,
	a.btnSecondary {
		display: inline-block;
		height: 44px;
		line-height: 40px;
		width: 200px;
	}
	.btnPrimary:hover,
	.btnSecondary:hover {
		opacity: 0.7;
	}

	.publicationInquiryHeader {
		border-bottom: 3px solid #E9E9E9;
	}
	.publicationInquiryHeaderInner {
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 1000px;
		padding: 9px 15px;
	}
	.headerLogo {
		background: url(/CSP/img/bt/sprites/c.png?switch=2025062510) no-repeat;
		background-position: 0 0;
		display: block;
		height: 52px;
		width: 512px;
	}
	.headerLogo > img {
		display: none;
	}
	.contents {
		margin: 0 auto;
		max-width: 980px;
		padding: 0 8px;
	}
	.mainHead {
		background-color: #FFFFFF;
		border-bottom: 3px solid #D36985;
		color: #333333;
		font-size: 20px;
		margin-top: 16px;
		padding: 0;
		text-align: left;
	}
	.mainHeadLead {
		font-size: 12px;
		margin: 16px 0;
	}
	.contentsInner {
		color: #665555;
		margin: 32px auto 0;
		max-width: 820px;
		padding: 0 16px;
	}
	.subHead ~ .subHead {
		margin-top: 32px;
	}
	.completeHeadLead {
		text-align: center;
	}
	.leadBr {
		display: block;
	}

	.phoneNumWrap {
		background-color: #F4F4F4;
		margin: 8px 0 0;
		padding: 20px;
		position: relative;
	}
	a.btnPhoneNum {
		display: none;
	}
	.phoneNum {
		color: #CC4466;
		display: inline-block;
		font-size: 20px;
		font-weight: bold;
	}
	.phoneNumLead {
		left: 200px;
		margin-top: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.formTableRow {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.formTableHeader,
	.formTableData {
		display: table-cell;
		vertical-align: middle;
	}
	.formTableHeader {
		box-sizing: border-box;
		line-height: 1.5;
		padding: 12px 8px;
		width: 236px;
	}

	.tableForm {
		font-size: 14px;
	}
	.tableFormTxt {
		width: 300px;
	}
	.tableFormLabelWrap {
		padding: 12px 8px 12px 86px;
		position: relative;
	}
	.tableFormLabel {
		left: 8px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.btnWrap {
		margin-top: 32px;
		text-align: center;
	}
	.confirmLead {
		font-size: 12px;
		font-weight: normal;
	}
	.btnWrapInner {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		margin-top: 16px;
	}
	.btnConfirm ~ .btnConfirm {
		margin: 0 24px 0 0;
	}

	#footer {
		height: 103px;
	}
	#footerLinks {
		right: 0;
	}
	#copyrightnew {
		top: 10px;
	}
	#footerLinks li {
		margin-left: 15px;
		padding-right: 15px;
	}
	.footerTermsLink{
		right: 0;
	}
	.footerTermsLink li {
		margin-left: 15px;
		padding-right: 15px;
	}
}