@charset "utf-8";
/* CSS Document */

.bn-login {
	margin: 0 auto 10px;
	width: 98%;
}
.bn-login img {
	width: 100%;
}

#information {
	display: block;
	margin: 30px auto 30px;
	width: 98%;
}

#information h1 img {
	margin: 0;
	width: 100%;
	border-bottom: solid 2px #CC3300;
}
#info {
	display: block;
	margin: 0;
	width: 100%;
}

.catch img {
	margin-bottom: 10px;
	width: 100%;
}

#philosophy {
	text-align: left;
	margin: 0 auto 30px;
	width: 98%;
}
#philosophy p {
	margin-top: 1em;
	text-indent: 1em;
}

#advantage {
	margin: 0 auto 30px;
	width: 98%;
}
#advantage dt {
	font-size: 16px;
	font-weight: 800;
	color: #900;
}
#advantage dd {
	margin: 10px 0 2em 1em;
	text-indent: 1em;
}

#point {
	margin: 0 auto 30px;
	width: 98%;
}

#point dt {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin: 2em 0 1.5em;
    padding: 0.5em 0.5em 0.2em 2.0em;
    border-bottom: 2px solid #B92A2C;
}
 
#point dt:before{
	content: "□";
	font-size: 100%;
	position: absolute;
	color: #999999;
	top: 0em;
	left: 0.3em;
	height: 12px;
	width: 12px;
}
 
#point dt:after{
	content: "□";
	font-size: 100%;
	position: absolute;
	color: #333333;
	top: 2;
	left: 0;
	height: 12px;
	width: 12px;
}

#point dd {
	margin-left: 1em;
}

.catch02 {
	font-size: 24px;
	font-weight:900;
	text-align: center;
	background: lighten(brown, 5%);
	color: #000;
	text-shadow: 4px 3px 0px #fff, 
               9px 8px 0px rgba(0,0,0,0.10);
	span {
    display: block;
    transform: rotate(-7.5deg);
  }
	width: 98%;
}


.catch03 {
	font-size: 16px;
	color: #C00;
	font-weight: 600;
	text-align: center;
	margin: 10px;
	width: 98%;
}

#pbox {
	margin: 0 auto 30px;
	width: 98%;
}
.note {
	font-size: 12px;
}

.subtit {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin: 2em 0 1.5em;
    padding: 0.5em 0.5em 0.2em 2.0em;
    border-bottom: 2px solid #B92A2C;
}
 
.subtit:before {
	content: "□";
	font-size: 100%;
	position: absolute;
	color: #999999;
	top: 0em;
	left: 0.3em;
	height: 12px;
	width: 12px;
}
 
.subtit:after {
	content: "□";
	font-size: 100%;
	position: absolute;
	color: #333333;
	top: 2;
	left: 0;
	height: 12px;
	width: 12px;
}

#pbox dd {
	margin-left: 1em;
}

.subtit01 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 1em;
	padding-bottom: 3px;
	padding-left: 6px;
	border-left: solid 3px #993300;
	border-bottom: solid 1px #666666;
}
.subtit02 {
	font-weight: bold;
	margin-top: 1em;
	padding-left: 6px;
	border-left: solid 3px #993300;
}

.privilege {
	margin: 30px 0;
}
.privilege li {
	font-weight: 800;
	color: #FFF;
	background-color: #C00;
	text-align: center;
	padding: 3px 0;
	margin: 0px auto 5px;
	width: 90%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}