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

	--guide.css--

	1. Layout setting

****************************************************************** */
/*==================================================================
	1. Layout setting
===================================================================*/
#header, #navi, #footer {
	display:none;
}
#contents {
	padding-top:40px
}
#main {
	float:none;
	width:980px;
	padding:60px 36px 80px;
	background:#FFF;
}
.guideBlock p {
	font-size:108%;
	line-height:1.7;
	text-align:justify;
}
.linkLegal li {
	margin-bottom: 20px;
	overflow: hidden;
}
.linkLegal .title {
	margin-bottom:6px;
	color:#071223;
	font-size:138.5%;
}
.headline5 a {
	padding-right:20px;
	background:url(/img/common/icon_pdf.gif) 100% 55% no-repeat;
	color:#071223;
	font-size:108%;
	text-decoration:none;
}
.headline5 a:hover {
	color:#071223;
	text-decoration:underline;
}

.headline8 a {
	padding-right:20px;
	background:url(/img/common/icon_blank.gif) 100% 55% no-repeat;
	color:#071223;
	font-size:108%;
	text-decoration:none;
}

p.textBox {
	margin:20px auto;
	padding:15px;
	font-size:108%;
	background:#FBE8E8;
	color: #D70C1F;
}

@media screen and (max-width:736px) {
.headline8 {
	width: 50%;
}
}
.headline8 a:hover {
	color:#071223;
	text-decoration:underline;
}

p.rightText {
	margin-bottom: 10px;
	text-align: right;
}
.prA{
	padding-right:323px;
}
@media screen and (max-width:736px) {
.prA{
    padding-right: 0;
    width: 100%;
}
}
.prB{
	padding-right:104px;
}
@media screen and (max-width:736px) {
.prB{
    padding-right: 0;
}
}

.w100{width:99%;
}
@media screen and (max-width:736px) {
	#main {
		padding:30px 10px;
	}
	.linkLegal .title {
		font-size:100%;
	}
	.headline5 a {
		font-size:85%;
	}
	.headline8 a {
		font-size:85%;
	}
	p.rightText {
		font-size:93%;
	}
	p.textBox {
		font-size:85%;
	}
}