@charset "utf-8";
@media print, screen and (min-width: 751px) {
	/*----------------------------------------

		mainTitle

	----------------------------------------*/
	#mainTitle {
		background-color: #06C;
		color: #FFF;
		height: 100px;
		width: 100%;
		z-index: 996;
	}
	#mainTitle h1 {
		font-size: 2.4rem;
		line-height: 100px;
	}
	/*----------------------------------------

		pageLinkMenu

	----------------------------------------*/
	#followBox{
		position:relative;
		top:atuo;
		left:0;
		width:100%;
		z-index: 995;
	}
	#followBox.fixed{
		position:fixed;
		top:51px;
	}
	#currentPage {
		display:none;
	}
	#pageLinkMenu {
		width: 100%;
		background-color: #FFF;
		border-bottom: 2px solid #0044ae;
		z-index: 998;
		padding-bottom: 9px;
	}
	#pageLinkMenu a {
		color: #0044ae;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: left;
		float: left;
		display: inline;
		padding-top: 11px;
		margin-right: 20px;
	}
	#pageLinkMenu a:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	#pageLinkMenu img {
		width: 8px;
		height: 8px;
		vertical-align: 0px;
		margin-right: 4px;
	}

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

		mainContents

	----------------------------------------*/
	#mainContents .titleNumber {
		font-weight: bold;
		font-size: 2.0rem;
		margin-top: 40px;
		padding-top: 0;
	}
	#mainContents .titleSS {
		margin-top: 30px;
	}
	#mainContents .list_decimal .indentBox {
		margin-left: -1.5em;
		margin-bottom: 10px;
	}
	#mainContents p, #mainContents ul {
		margin-top: 10px;
	}
	#mainContents li {
		margin-bottom: 1em;
	}

}



@media only screen and (max-width: 750px) {
	/*----------------------------------------

		mainTitle

	----------------------------------------*/
	#mainTitle {
		color: #FFF;
		text-align: center;
		position: relative;
		background-color: #06C;
		background: -moz-linear-gradient(top, #00509f 0%, #0066cc 10%, #0066cc 100%);
		background: -webkit-linear-gradient(top, #00509f 0%,#0066cc 10%,#0066cc 100%);
		background: linear-gradient(to bottom, #00509f 0%,#0066cc 10%,#0066cc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00509f', endColorstr='#0066cc',GradientType=0 );
	}
	#mainTitle h1 {
		padding-top: 18px;
		padding-bottom: 20px;
		font-size: 2.4rem;
	}
	#followBox {
		position:absolute;
		top:atuo;
		left:0;
		width:100%;
		z-index: 995;
	}
	#followBox.fixed {
		position:fixed;
		top:51px;
	}
	#currentPage {
		width: 100%;
		border-top: 2px solid #DF0A17;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
		background: #FFF;
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}
	#currentPage a {
		font-weight: 400;
		font-size: 1.6rem;
		text-align: center;
		line-height: 38px;
		color: #DF0A17;
		display: block;
		width: 100%;
		background-image: url(/commons/v1/img/followIcondown.svg);
		background-position: 95% center;
		background-repeat: no-repeat;
		-webkit-background-size: 14px 9px;
		-moz-background-size: 14px 9px;
		background-size: 14px 9px;	
	}
	#pageLinkMenu {
		display: none;
		border-top: 1px solid #CCC;
		box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
		box-shadow:none
	}
	#pageLinkMenu a {
		font-weight: 400;
		font-size: 1.6rem;
		line-height: 38px;
		display: block;
		text-align: center;
		color: #333;
		border-top: 1px solid #fff;
	}
	#pageLinkMenu img {
		display: none;
	}
	#pageLinkMenu li a {
		padding: 7px;
		font-size: 1em;
		line-height: 1.2em;
		color: #666666;
		background-color: #f0eeeb;
		border-bottom: 1px solid #e0e0e0;
	}
	#followBox.open #currentPage {
		box-shadow:none;	
	}
	#followBox.open #currentPage a {
		background-image: url(/commons/v1/img/followIconup.svg);
	}
	#followBox.open #pageLinkMenu {
		box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.3)

	}
	/*----------------------------------------

		pankuzu

	----------------------------------------*/
	#pankuzu {
		display: none;
	}
	/*----------------------------------------

		mainContents

	----------------------------------------*/
	#mainContents .titleNumber {
		font-weight: 400;
		font-size: 20px;
		line-height: 24px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
		padding: 0;
	}
	#mainContents .list_decimal .indentBox {
		margin-left: -1.5em;
		margin-bottom: 10px;
	}
}