@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	color: #333;
	background-color: #FFF;
}

#header, #content {
	margin: 0 auto;
	max-width: 680px;
}

#header h1 {
	margin: 0;
	border-radius: 0 0 16px 16px;
	background: rgb(255, 153, 0);
	color: rgb(255, 255, 255);
	font-size: 1.1em;
	line-height: 50px;
	text-align: center;
	letter-spacing:-1px;
}

#header h2 {
	margin: 0;
	color: rgb(255, 153, 0);
	font-size: 1.1em;
	line-height: 30px;
	text-align: center;
}

#header p {
	font-size: 16px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

#content a {
	color: #FF9900;
	text-decoration: underline;
}

#content a:hover {
	color: #CC3333;
	text-decoration: underline;
}

#content .section {
	margin:0 5px 15px 5px;
	padding: 10px;
	border-radius: 16px;
	border: 1px solid rgb(255, 153, 0);
}

#content .section h2 {
	margin: 0;
	border-bottom: 1px solid rgb(255, 153, 0);
	color: rgb(255, 153, 0);
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
}

#content .section h2 .small {
	font-size: 0.7em;
	line-height: 1.2em;
	letter-spacing: 1px;
}

#content .section p {
	font-size: 16px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

#content .section .font09 {
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: 1px;
	margin:10px;
}

#content .section ul.orange {
	padding: 10px 10px 10px 25px;
	border-radius: 16px;
	border: 1px solid rgb(255, 153, 0);
	background: rgb(255, 153, 0);
	color: rgb(255, 255, 255);
	font-size: 1em;
	line-height: 1.5em;
	letter-spacing: 1px;
}

#content .section ul.normal {
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 1px;
}

#content .section ul.print_description,
#content .section ol.print_description {
    margin-left:-10px;
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.3em;

}

#content .section ul.print_description li,
#content .section ol.print_description li {
	margin-top: 10px;
}

#content .section .role_table {
	border-collapse: collapse;
	border-spacing: 0;
}

#content .section .role_table .head {
	background: #FFE7B3;
	font-size: 0.8em;
	line-height: 1.3em;
	letter-spacing: 1px;
}

#content .section .role_table td {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#content .section .role_table td .none {
	border-bottom:none;
	border-top:none;
}

#content .section .regist_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.8em;
	line-height: 1.3em;
	letter-spacing: 1px;
	text-align: center;
}

#content .section .regist_table .cell_title {
	color: #FFFFFF;
	background-color: #663333;	
	border: 1px solid #000;
}

#content .section .regist_table .cell_data45 {
	width: 45%;
	border: 1px solid #000;
}

#content .section .rzegist_table .cell_data_dummy {
	width: 10%;	
	border-collapse: collapse;
	border:none;
}

#content .section .regist_table .cell_data {
	width: 10%;
	border: 1px solid #000;
}


#content .subsection {
	margin-bottom: 20px;
	padding: 0 10px;
}

#content .subsection h3 {
	margin: 0;
	border-bottom: 1px solid rgb(255, 153, 0);
	color: rgb(255, 153, 0);
	font-size: 16px;
	line-height: 1.4em;
}

.centering {
	text-align:center;
	padding:5px;
}

.circle {
	margin:0px auto;
	font-weight:bold;
	border-radius:50%;
	height: 140px;
	width: 140px;
	border-radius:70px;
	-moz-border-radius:70px;
	-webkit-border-radius: 70px;
	background:#cccccc 95% center no-repeat;
}
.square {
	margin:0px auto;
	font-weight:bold;
	color:#fff;
	height: 140px;
	width: 140px;
	background:#cc6600 95% center no-repeat;
}

.inText1{
	padding-top:4em;
}

.inText2{
	padding-top:3em;
}
.inText3{
	padding-top:2em;
}

.btn{
	padding: 6px 22.5px;
	border: 0;
	cursor: pointer;
	font-size: 16px;
}

.btn:disabled, .btn:hover{
	opacity: .75;
}

.btn:disabled{
	cursor: default;
}

.btn-orange {
	background: #fe7f25;
	color: #fff;
}

#content .check-policy{
	background-color: rgba(255, 153, 0, 0.1);
	border: 0;
	border-radius: 0;
}

footer {
	padding: 10px;
	margin-top: 0;
	text-align: center;
	background-color: #fff;
}