/*********************************************************
				下層ページ
*********************************************************/

/*--------- 共通パーツ ---------*/

.clear{
clear: both;
}

.alignleft{
width: 30%;
height: auto;
margin-right: 10px;
float: left;
}

.page-base .mainvisual {
	font-size: 40px;
	font-weight: lighter;
	color: #fff;
	letter-spacing: 0.2em;
	text-align: center;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	padding: 210px 0 130px;
}

.page-base .mainvisual span {
	font-size: 15px;
	letter-spacing: 0.2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	margin-top: 15px;
}

.page-base main {
	width: 1200px;
	padding: 60px 0 85px;
	margin: 0 auto;
}

.page-base section {
	margin-bottom: 40px;
}

.page-base .box {
	margin-bottom: 40px;
}

.page .tac { text-align: center; }

.page-base .red { color: #E60011; }

.page-base section:last-of-type {
	margin-bottom: 0;
}

.page-base .mb20 { margin-bottom: 20px; }

.page-base .center { margin: 0 auto; }

.page-base .text p {
	font-size: 14px;
	letter-spacing: 0.13em;
	line-height: 1.78;
}

.page-base h3 {
	font-size: 25px;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #000;
	padding: 0 10px 25px 10px;
	margin-bottom: 50px;
}

.page-base h3 span {
	font-size: 12px;
	letter-spacing: 0.03em;
	color: #d70011;
	margin-left: 10px;
}

.page-base h4 {
	font-size: 20px;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #000;
	display: inline-block;
	padding: 0 5px 5px 5px;
	margin-bottom: 20px;
}

.page-base h5 {
	font-size: 16px;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #000;
	display: inline-block;
	padding: 0 5px 5px 5px;
	margin-bottom: 15px;
}

.page-base .list li {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.13em;
	list-style: disc;
	margin-left: 1em;
	margin-bottom: 10px;
}

.page-base .btn {
	margin-top: 10px;
}

.page-base .btn a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 215px;
	background: #e60011;
	padding: 20px;
}

.page-base .btn a.contact {
	float: left;
	background: #e60011 url(../images/ico_contact.png) no-repeat 20px center;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	margin-right: 20px;
}

.page-base .btn a.document {
	float: left;
	background: #3e3e3e url(../images/ico_document.png) no-repeat 20px center;
	-webkit-background-size: 27.5px auto;
	background-size: 27.5px auto;
}

.page-base .btn a.document span {

}

.page-base .btn a span {
	display: block;
	letter-spacing: 0.03em;
	margin-left: 30px;
}

.page-base .btn a.long-btn {
	width: 450px;
}

.page-base .w10 { width: 10%; }
.page-base .w20 { width: 20%; }
.page-base .w25 { width: 25%; }
.page-base .w30 { width: 30%; }
.page-base .w35 { width: 35%; }
.page-base .w40 { width: 40%; }
.page-base .w45 { width: 45%; }
.page-base .w48 { width: 48%; }
.page-base .w49 { width: 49%; }
.page-base .w50 { width: 50%; }
.page-base .w55 { width: 55%; }
.page-base .w60 { width: 60%; }
.page-base .w65 { width: 65%; }
.page-base .w70 { width: 70%; }
.page-base .w75 { width: 75%; }
.page-base .w80 { width: 80%; }
.page-base .w85 { width: 85%; }

.page-base table {
	width: 100%;
	border: 2px solid #ccc;
}

.page-base table thead {
	padding: 25px;
	background: #f6f6f6;
}

.page-base table th,
.page-base table td {
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0.15em;
	vertical-align: middle;
	padding: 15px 25px;
	border: 2px solid #ccc;
}

.page-base table th {
	text-align: left;
	background: #f6f6f6;
}

.page-base table td {
	text-align: center;
}

.page-base table strong {
	font-size: 18px;
}

.page-base .dtc {
	display: table-cell;
}

.page-base .caption {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}

.page-footer {
	text-align: center;
	margin-bottom: 50px;
}

.page-footer li {
	display: inline-block;
	border-left: 1px solid  #000;
	padding: 5px 10px;
}

.page-footer li:last-child {
	border-right: 1px solid  #000;
	margin-right: 0;
}

.page-footer li .current {
	color: #E60011;
}

@media ( max-width: 769px ) {
	.page-base main {
		width: 100%;
		padding: 25px 10px 60px;
	}

	.page-base section {
		margin-bottom: 35px;
	}

	.page-base .text p {
		font-size: 13px;
		line-height: 1.76;
	}

	.page-base h3 {
		font-size: 15px;
		margin-bottom: 25px;
	}

	.page-base h3 span {
		font-size: 10px;
	}

	.page-base h4 {
		font-size: 12px;
		margin-bottom: 15px;
	}

	.page-base h5 {
		font-size: 11px;
		margin-bottom: 10px;
	}

	.page-base .list li {
		font-size: 14px;
	}

	.page-base table th,
	.page-base table td {
		padding: 15px;
	}

	.page-base table th {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		background: #f6f6f6;
	}

	.page-base table td {
		font-size: 12px;
		border-left: none;
		border-right: none;
	}

	.page-base .dtc {
		display: block;
	}

	.page-footer li {
		font-size: 13px;
		margin-bottom: 10px;
	}
}



/*--------- 404ページ / page-404 ---------*/

.page-404 main {
	padding: 150px;
}

@media ( max-width: 769px ) {
	.page-404 main {
		padding: 20px;
		margin-top: 60px;
	}
}



/*--------- 準備中ページ / page-maintenance ---------*/

main.page-maintenance {
	margin-top: 100px;
}



/*--------- コース案内ページ / page-course ---------*/

.page-course .boxes_01 .box {
	width: 555px;
}

.page-course .boxes_01 .box .btn {
	text-align: right;
}

.page-course .boxes_01 .box .btn a {
	color: #333;
	background: #fff;
	border: 1px solid #333;
	padding: 10px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.page-course .boxes_01 .box .btn a:hover {
	color: #fff;
	background: #E60011;
	border: 1px solid #E60011;
}

.page-course .boxes_01 .box .btn a:hover > span {
	background: url(../images/arw-stk_right_wh.png) no-repeat right center;
	-webkit-background-size: auto 14px;
	background-size: auto 14px;
}

.page-course .boxes_01 .box .btn a span {
	display: inline-block;
	background: url(../images/arw-stk_right_bk.png) no-repeat right center;
	-webkit-background-size: auto 13px;
	background-size: auto 13px;
	padding-right: 15px;
	margin-left: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.page-course .boxes_02 .box {
	width: 575px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	padding: 40px;
}

.page-course .boxes_02 .space {
	display: table-cell;
	width: 50px;
}

@media ( max-width: 769px ) {
	.page-course .boxes_01 .box {
		width: 100%;
		margin-bottom: 30px;
	}

	.page-course .boxes_02 .box {
		width: 100%;
		padding: 25px;
	}

	.page-course .section_02 figure {
		text-align: center;
	}

	.page-course .section_02 figure img {
		max-width: 500px;
	}

	.page-course .boxes_02 .space {
		display: none;
		width: 50px;
	}

	.page-course table td:first-child {
		text-align: left;
	}

	.page-course table td:last-child {
		text-align: right;
	}
}



/*--------- 理事長挨拶ページ / page-message ---------*/

.page-message .box.fr figure {
	background: #888;
}

@media ( max-width: 769px ) {
	.page-message .box.fr,
	.page-message .box.fl {
		float: none;
		width: 100%;
	}

	.page-message .box.fr {
		max-width: 300px;
		margin: 0 auto;
	}
}



/*--------- カリキュラムページ / page-curriculum ---------*/

.page-curriculum .boxes .box.fl figure {
	height: 250px;
	background: #888;
	border: 2px solid #3E3E3E;
}

.page-curriculum .boxes .box.fr .text p:first-child {
	margin-bottom: 20px;
}

@media ( max-width: 769px ) {
	.page-curriculum .box.fr,
	.page-curriculum .box.fl {
		float: none;
		width: 100%;
	}

	.page-curriculum .box.fl {
		max-width: 300px;
		margin: 0 auto 10px;
	}
}



/*--------- アクセスページ / page-access ---------*/

.page-access .boxes_03 .box {
	width: 48%;
}

.page-access .boxes_03 .box p {
	font-size: 12px;
	margin-bottom: 10px;
}

.page-access #station,
.page-access #airport {
	padding-top: 100px;
	margin-top: -100px;
}

.page-access #station figure,
.page-access #airport figure {
	margin-bottom: 10px;
}

.page-access .stations {
	margin-top: 40px;
}

@media ( max-width: 769px ) {
	.page-access .map iframe {
		width: 100%;
		height: 400px;
	}

	.page-access .map_airport > .fl,
	.page-access .map_airport > .fr {
		float: none;
		width: 100% !important;
	}
}

@media ( max-width: 400px ) {
	.page-access .map iframe {
		height: 200px;
	}
}



/*--------- 手続きと申請の流れページ / page-admission ---------*/

.page-admission .box.flow {
	border: 1px solid #888;
	position: relative;
	padding: 20px 0;
	margin-bottom: 30px;
}

.page-admission .tri {
	width: 35px;
	height: 24px;
	background: url(../images/ico_tri.png) no-repeat;
	-webkit-background-size: 35px auto;
	background-size: 35px auto;
	margin: 0 auto 30px;
}

.page-admission .box.flow:last-child:after {
	content: none;
}

.page-admission .box.flow p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.page-admission .box .btn .contact {
	width: 450px;
}

@media ( max-width: 769px ) {
	.page-admission .boxes {
		float: none;
	}

	.page-admission .boxes.fl {
		width: auto;
		max-width: 500px;
		margin: 0 auto;
	}

	.page-admission .box.flow {
		margin-bottom: 10px;
	}

	.page-admission .tri {
		margin: 0 auto 10px;
	}

	.page-admission .boxes.fr {
		width: 100%;
	}

	.page-admission .btn a.contact,
	.page-admission .btn a.document,
	.page-admission .btn a.long-btn {
		width: 100%;
		max-width: 400px;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.page-admission .box .btn a.contact {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 10px;
	}
}



/*--------- 必要書類ページ / page-documents ---------*/

.page-documents .boxes_01 .box {
	width: 48%;
}

.page-documents table tr {
	height: 70px;
}

.page-documents table th {
	text-align: center;
}

.page-documents .boxes_01 .btn a {
	width: 100%;
	display: block;
	float: none;
	max-width: 500px;
	margin: 0 auto;
}

@media ( max-width: 769px ) {
	.page-documents .box {
		float: none;
		width: 100% !important;
	}
}



/*--------- Q&Aページ / page-qa ---------*/

.page-qa .box h4 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.13em;
	line-height: 1.78;
	position: relative;
	border: none;
	margin-left: 2em;
	margin-bottom: 0;
}

.page-qa .box h4:before {
	content: "Q:";
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.13em;
	line-height: 1.55;
	position: absolute;
	left: -1.5em;
	top: 0;
	border-left: 4px solid #E60012;
	padding-left: 3px;
}

.page-qa .box p {
	position: relative;
	margin-left: 37px;
}

.page-qa .box p:before {
	content: "A:";
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.13em;
	line-height: 1.78;
	position: absolute;
	left: -1.5em;
	top: 0;
}

@media ( max-width: 769px ) {
	.page-qa .box h4 {
		font-size: 15px;
	}
}



/*--------- 寮・宿舎ページ / page-dormitory ---------*/

.page-dormitory h4 {
	border-left: 4px solid #E60011;
	border-bottom: 0;
	padding-left: 10px;
}

.page-dormitory .images {
	margin-bottom: 30px;
}

.page-dormitory .images > .fl {
	width: 46%;
	height: 620px;
}

.page-dormitory .images > .fl > figure {
	height: 60%;
	margin-bottom: 2%;
}

.page-dormitory .images > .fr {
	width: 53%;
	height: 620px;
}

.page-dormitory .images > .fr figure {
	height: 100%;
}

.page-dormitory .images figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-dormitory .images > .fl > .cf {
	height: 38%;
}

.page-dormitory .images > .fl > .cf figure {
	width: 49%;
	height: 100%;
}

.page-dormitory .tables .fl {
	width: 63%;
}

.page-dormitory .tables .fl table td {
	text-align: left;
}

.page-dormitory .tables .fr {
	width: 35%;
}

@media ( max-width: 769px ) {
	.page-dormitory .images > .fl,
	.page-dormitory .images > .fr,
	.page-dormitory .tables .fl,
	.page-dormitory .tables .fr {
		width: 100%;
	}

	.page-dormitory .images > .fl {
		margin-bottom: 2%;
	}

	.page-dormitory .images > .fl,
	.page-dormitory .images > .fl > figure,
	.page-dormitory .images > .fl > .cf figure,
	.page-dormitory .images > .fr {
		height: auto;
	}

	.page-dormitory .tables .fl table th,
	.page-dormitory .tables .fl table td {
		text-align: center;
		border: none;
		border-bottom: 2px solid #ccc;
		display: list-item;
		list-style: none;
	}

	.page-dormitory .tables .fl table tr:last-child td:last-child {
		border-bottom: none;
	}

	.page-dormitory .images > .fl > .cf figure {
		width: 100%;
		float: none;
	}

	.page-dormitory .images > .fl > .cf figure:first-child {
		margin-bottom: 2%;
	}

}



/*--------- 校舎・教室ページ / page-facilities ---------*/

.page-facilities .box .text {
	margin-bottom: 10px;
}

.page-facilities .box figure {
	width: 49%;
	background: #888;
	margin-bottom: 30px;
}
@media ( max-width: 769px ) {
	.page-facilities .box figure {
		float: none;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 20px;
	}
}



/*--------- 年間スケジュールページ / page-events ---------*/

.page-events h4 {
	font-size: 20px;
	letter-spacing: 0.2em;
	border-left: 4px solid #E60011;
	border-bottom: none;
	display: inline-block;
	padding: 5px 5px 5px 10px;
	margin-bottom: 20px;
}

.page-events .boxes_01 .box {
	width: 32%;
	height: 400px;
	margin-right: 2%;
	margin-bottom: 0;
}

.page-events .boxes_01 .box:nth-child(3n) {
	margin-right: 0;
}

.page-events .gallary {
	width: 930px;
	height: 350px;
	margin-left: -465px;
	position: fixed;
	left: 50%;
	top: 200px;
	z-index: 999;
	overflow: scroll;
}

.page-events .box small {
	text-align: right;
	margin-bottom: 3px;
}

.page-events .box .thumb {
	position: relative;
	height: 255px;
	overflow: hidden;
}

.page-events .box .thumb:hover > figcaption {
	cursor: pointer;
	opacity: 1;
}

@media ( max-width: 769px ) {
	.page-events .box .thumb:hover > figcaption {
		opacity: 0;
	}
}

.page-events .box .thumb figcaption {
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0,0,0,0.3);
	padding-top: 120px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.page-events .gallary li {
	line-height: 0;
	font-size: 0;
	float: left;
	width: 500px;
	height: 330px;
	margin-right: 15px;
}

.page-events .gallary li img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

@media ( max-width: 769px ) {
	.page-events .boxes_01 .box {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 auto 10px;
	}

	.page-events .boxes_01 .box:nth-child(3n) {
		margin-right: auto;
	}

	.page-events .gallary {
		width: 100%;
		left: 0;
		padding: 0 10px;
		margin: 0;
	}

	.page-events .gallary li {
		width: 100%;
	}

	.page-events .box .thumb figcaption {
		padding-top: 32%;
	}
}

@media ( max-width: 440px ) {
	.page-events .gallary li {
		height: 250px;
	}

	.page-events .gallary {
		height: 270px;
	}
}



/*--------- 周辺情報ページ / page-info ---------*/

.page-info figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page-info .boxes_01 .box.fl figure {
	height: 250px;
}

.page-info .boxes_02 .box {
	width: 48%;
}

.page-info .boxes_02 .box figure,
.page-info .boxes_02 .box .text {
	width: 48%;
}

.page-info .boxes_02 .box figure {
	height: 300px;
}

.page-info .boxes_02 .box h5 {
	margin-top: 10px;
}

@media ( max-width: 769px ) {
	.page-info .fl,
	.page-info .fr {
		float: none;
	}

	.page-info figure {
		width: 100% !important;
		max-width: 400px;
	}

	.page-info .box,
	.page-info .text {
		width: 100% !important;
	}

	.page-info .box figure {
		margin: 0 auto;
	}

	.page-info .boxes_02 h4 {
		margin-bottom: 30px;
	}
}



/*--------- 学校の特色ページ / page-about ---------*/

.page-about .boxes_02 h5 {
	border-bottom: none;
}

.page-about .boxes_02 h5:before {
	font-size: 20px;
	letter-spacing: 0;
	border: 1px solid #000;
	background: #F6F6F6;
	padding: 10px 15px;
	margin-right: 10px;
}

.page-about .boxes_02 h5.no1:before {
	content: "1";
}
.page-about .boxes_02 h5.no2:before {
	content: "2";
}
.page-about .boxes_02 h5.no3:before {
	content: "3";
}
.page-about .boxes_02 h5.no4:before {
	content: "4";
}
.page-about .boxes_02 h5.no5:before {
	content: "5";
}

.page-about .boxes_02 .text p {
	margin-left: 5px;
}



/*--------- お問い合わせページ / page-contact ---------*/

.page-contact .caption {
	font-size: 20px;
	line-height: 1.5;
	color: #000000;
	text-align: center;
	background: #ffffff;
	padding-bottom: 10px;
	margin-top: 0;
}

.page-contact .breadclumb {
	position: relative;
	width: 65%;
	margin: 30px auto;
}

.page-contact .breadclumb:after {
	content: "";
	position: absolute;
	top: 19px;
	left: 0;
	z-index: -2;
	width: 700px;
	height: 2px;
	background: #888;
}

.page-contact .breadclumb li {
	font-size: 16px;
	text-align: center;
	width: 200px;
	float: left;
	background: #fff;
	border: 2px solid #888;
	border-right: none;
	position: relative;
	padding: 10px 0;
	margin-right: 80px;
}

.page-contact .breadclumb li:after {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	right: -15px;
	z-index: -1;
	background: #fff;
	border: 2px solid #888;
	border-radius: 3px;
	-webkit-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
}

.page-contact .breadclumb li:last-child {
	border-right: 2px solid #888;
	margin-right: 0;
}

.page-contact .breadclumb li:last-child:after {
	content: none;
}

.page-contact .breadclumb li.current,
.page-contact .breadclumb li.current:after {
	color: #fff;
	background: #888;
}

.page-contact .boxes_03 a {
	text-decoration: underline;
}

.page-contact .boxes_03 a:hover {
	text-decoration: none;
}

.page-contact table {
	margin-bottom: 20px;
}

.page-contact table,
.page-contact table th,
.page-contact table td {
	text-align: left;
	border: none;
	background: none;
}

.page-contact table tr:nth-child(even) {
	background: none;
}

.page-contact table tr:nth-child(odd) {
	background: #F6F6F6;
}

.page-contact .required:before {
	content: "*";
	font-size: 16px;
	font-weight: bold;
	color: #E60011;
	margin-right: 5px;
}

.page-contact .form {
	width: 65%;
	margin: 0 auto;
}

.page-contact .form th {
	width: 280px;
}

.page-contact .form input,
.page-contact .form textarea {
	width: 100%;
	border: 1px solid #aaa;
	padding: 5px;
	line-height: 1.3;
	background: #fff;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.page-contact .form input.age {
	width: 100px;
}

.page-contact .form input.gender {
	width: auto;
}

.page-contact .form input.submit:hover,
.page-contact .form input.back:hover {
	cursor: pointer;
	color: #fff;
	background: #888;
}

.page-thanks .text p {
	text-align: center;
}

@media ( max-width: 769px ) {
	.page-contact .boxes .box {
		float: none;
		width: 100%;
	}

	.page-contact .breadclumb {
		text-align: center;
	}

	.page-contact .breadclumb ul {
		display: inline-block;
	}

	.page-contact .breadclumb:after {
		content: none;
	}

	.page-contact .breadclumb li {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.page-contact .form {
		width: 100%;
	}

	.page-contact table th,
	.page-contact table td {
		display: list-item;
		list-style: none;
	}

	.page-contact .form th {
		width: auto;
	}

}



/* 資料ダウンロードページ / page-request */

.page-request li {
	position: relative;
	padding-bottom: 20px;
}

.page-request li:after {
	content: "";
	position: absolute;
	left: -1em;
	bottom: 0;
	width: 100%;
	border-bottom: 2px dotted #aaa;
}

.page-request li span {
	vertical-align: middle;
}

.page-request li span:first-child {
	width: 450px;	
}

.page-request li .btn {
	text-decoration: none;

}

@media ( max-width: 769px ) {
	.page-request li span:first-child {
		width: 100%;
	}
}



/* 在校生の1日 / page-timetable */

.page-timetable .avatar {
	width: 275px;
	height: 340px;
	margin: 0 auto;
}

.page-timetable .avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media ( max-width: 769px ) {
	.page-timetable .fl,
	.page-timetable .fr {
		float: none;
		width: 100%;
	}

	.page-timetable .fl {
		margin-bottom: 15px;
	}

	.page-timetable table {
		width: 100% !important;
		max-width: 500px;
		margin: 0 auto;
	}
}



/* タブレットPC授業ページ / page-study_tablet */

@media ( max-width: 769px ) {
	.page-study_tablet h3 {
		line-height: 1.3;
	}

	.page-study_tablet .fl,
	.page-study_tablet .fr {
		float: none;
		width: 100%;
	}

	.page-study_tablet figure.fl {
		margin-bottom: 20px;
	}
}



/* プライバシーポリシー / page-pp */

main.page-pp {
	width: 800px;
	margin: 60px auto;
}

.page-pp .text p {
	margin-bottom: 15px;
	margin-left: 20px;
}

.page-pp .text p:first-of-type {
	margin-left: 0;
}

.page-pp .text strong {
	display: inline-block;
	margin-bottom: 10px;
}

@media ( max-width: 769px ) {
	main.page-pp {
		width: 100%;
	}
}

form{
width: 50%;
margin: auto;
text-align: center;
}
input[type="text"],
input[type="password"],
textarea {
background-color: #fff;
color: #333;
width: 100%;
border: 1px solid #ddd;
font-size: 100%;
padding: 10px;
box-sizing: border-box;
margin-top: 20px;
margin-bottom: 20px;
}
input[type="submit"] {
margin-top: 40px;
font-size: 100%;
padding: 20px;
background: #eee;
color: #535353;
cursor: pointer;
box-shadow: 0 0 1px rgba(0,0,0,.2);
border: 1px solid #ccc;
}