@charset "UTF-8";

/* -----------------------------------------------

	error/404error.html
	error/500error.html
	maintenance.html

----------------------------------------------- */

.sp {
	display: none;
}

/* ヘッダー
----------------------------------------------- */
div#header {
	width: auto;
	padding: 0 10px
}

div#header div#headerInner {
	width: auto;
	max-width: 980px;
}

div#header #ci {
	top: 0 !important;
}


/* コンテント
----------------------------------------------- */
div#content {
	width: auto;
	max-width: 980px;
}

div#content div#mainCol.wideCol {
	width: auto;
}

div#content div#mainCol div.section {
	padding: 0 10px 1.6em 10px;
}


/* フッター
----------------------------------------------- */
div#footer {
	max-width: 980px;
	width: auto;
}


@media screen and (max-width:750px) {
	.sp {
		display: block;
	}
	span.sp,img.sp,a.sp {
		display: inline;
	}
	
	.pc	{
		display: none;
	}
	
	body {
		background: none;
	}
	
	div#frame {
		padding: 10px 0 0;
	}
	
	div#header {
		width: auto;
		height: 42px;
		padding: 0 10px 0px;
		box-shadow: 0px 4px 7px #cccccc;
		background: none;
	}
	
	div#header div#headerInner {
		background: none;
	}

	div#header div#headerInner p#ci img {
		width: 50%;
		height: auto;
	}
	
	div#footer p.copyright {
		float: none;
		margin: 0 auto;
	}
}


/* -----------------------------------------------

	stpapp_cancer_code/index.html
	stpapp/unsupported.html

----------------------------------------------- */

/* 汎用クラス
----------------------------------------------- */
.pl1em {
	padding-left: 1em !important;
}

/* リンクのホバー体裁
----------------------------------------------- */
a.txLinkHoverStyleRespError {
	color: #333333;
}
a.txLinkHoverStyleRespError:link,
a.txLinkHoverStyleRespError:visited {
	text-decoration: none !important;
}
a.txLinkHoverStyleRespError:hover,
a.txLinkHoverStyleRespError:active {
	text-decoration: underline !important;
}

/* 別窓アイコン
----------------------------------------------- */
img.blankIconTxStnRespError {
	margin-left: 5px;
	vertical-align: middle;
}

/* -----------------------------------------------
	sp-style
----------------------------------------------- */
@media screen and (max-width:750px) {
	/* リンクのホバー体裁
	----------------------------------------------- */
	a.txLinkHoverStyleRespError:hover,
	a.txLinkHoverStyleRespError:active {
		text-decoration: none !important;
	}
}