﻿html{
	font-size: 62.5%;
}

body{
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #f0f1fd;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #000000;
	-webkit-text-size-adjust: 100%;
}

section{
	margin: 0px auto;
	margin-top: 8px;
	margin-bottom:12px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

h1{
	margin:0px auto;
	font-size: 24px; font-size: 2.4rem;
	width:100%;
	background-color:#ffffff;
	line-height:32px;
	line-height:3.2rem;
	text-align:center;
	text-shadow: none;
	color:#000000;
	margin-left:0px;
	margin-top:1px;
	margin-bottom:0.5rem;
	border-bottom:1px solid gainsboro;
}

h2{
	margin:0px auto;
	font-size: 20px; font-size: 2.0rem;
	width:99%;
	padding-left:1%;
	line-height:28px;
	line-height:2.8rem;
	text-shadow: none;
	color:#030333;
	background-color:#ffffff;
	margin-top:1rem;
	margin-bottom:1rem;
	margin-left:2rem;
	padding-bottom:1rem;
	border-bottom:1px solid gainsboro;
}

h3{
	margin:0px auto;
	font-size: 16px; font-size: 1.6rem;
	width:99%;
	padding-left:1%;
	line-height:24px;
	line-height:2.4rem;
	text-shadow:none;
	color:#030333;
	background-color:#ffffff;
	margin-bottom:0.5rem;
	margin-top:2rem;
}

article {
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom:8px;
	margin-left:10px;
	margin-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	line-height: 22px;
	line-height: 2.2rem;
	color: #000000;
	font-size: 14px;
	font-size: 1.4rem;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	border-bottom:1px solid laveder;
}

input[type=button] {
	color: slateblue;
	/*border-radius:1em;  */
	font-weight:normal;
	font-size:14px;
	font-size:1.4rem;
	background-color:lavender;
	width:70px;
	width:7rem;
	height:26px;
	border-bottom:2px #9A8DBD solid;
	border-right:2px #9A8DBD solid;
	font-weight:800;
	text-shadow: 1px 1px 2px rgba(112,112,112,0.8);
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

input[type=submit] {
	color: slateblue;
	font-weight:normal;
	font-size:18px;
	font-size:1.8rem;
	background-color:lavender;
	width:70px;
	width:7rem;
	height:26px;
	border-bottom:2px #9A8DBD solid;
	border-right:2px #9A8DBD solid;
	font-weight:800;
	text-shadow: 1px 1px 2px rgba(112,112,112,0.8);
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

input[type=reset] {
	color: lavenderblush;
	font-weight:normal;
	font-size:18px;
	font-size:1.8rem;
	background-color:lavender;
	width:70px;
	width:7rem;
	height:26px;
	border-bottom:2px gray solid;
	border-right:2px gray solid;
	font-weight:800;
	text-shadow: -1px -1px 1px rgba(8,20,16,0.8);
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#contentsmaster {
	padding: 0px;
	background-color: #ebecf0;
	margin: 0px auto;
	width: 100%;
}

#centerpain {
	border-top:1px solid silver;
	border-left:1px solid ivory;
	border-right:1px solid ivory;
	border-bottom:1px solid silver;
	width: 1024px;
	margin: 0px auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	background-color:whitesmoke;
}

#headermain {
	margin: 0px auto;
	top: 0px;
	text-indent: 0px;
	width:100%;
	height:50px;
	font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia,游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	border-top:1px solid lavenderblush;
	border-bottom:2px solid slategray;
	margin-bottom:0px;
	background-color:#FFFFFF;
}

#endbar {
	margin: 0px auto;
	top: 0px;
	text-indent: 1px;
	width: 100%;
	height:64px;
	background-color: #eeeff4;
	border-top: 0px solid slategray;
	padding-top:20px;
	padding-top:2rem;
	margin-bottom:10px;
	margin-bottom:1rem;
	color:navy;
}

div.cover {
	display: table;
	margin: 0px auto;
	padding: 0px;
	border-spacing: 6px 3px;
	border-spacing: 0.6rem 0.3rem;
	width: 1024px;
}
div.cover div.boxleft {
	display: table-cell;
	width: 506px;
	border-bottom:2px solid lightslategray;
	border-top:2px solid gainsboro;
	border-left:1px solid lavender;
	border-right:1px solid darkgray;
	background-image:none;
	background-color:white;
}
div.cover div.boxright {
	display: table-cell;
	width:506px;
	border-bottom:2px solid lightslategray;
	border-top:2px solid gainsboro;
	border-left:1px solid lavender;
	border-right:1px solid darkgray;
	background-image:none;
	background-color:white;
}

div.boxcenter {
	margin: 0px auto;
	display: block;
	width:1012px;
	margin-left:6px;
	margin-right:6px;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:0.6rem;
	margin-right:0.6rem;
	margin-top:0.3rem;
	margin-bottom:0.3rem;
	/*border-bottom:2px solid lightslategray;
	border-top:2px solid gainsboro;
	border-left:1px solid lavender;
	border-right:1px solid darkgray;*/
	background-image:none;
	background-color:white;
}
.txtcenter{
	text-align:center;
}
.txtblock{
	display:inline-block;
	margin-left: 1rem;
	margin-right: 1rem;
}
.txtthin{
	font-size:12px;
	font-size:1.2rem;
	color:lightslategray;
}

.txtthick{
	font-weight:600;
	color: "#030333";
}

.txtblue{
	color:mediumblue;
	font-weight: 600;
}

.txtred{
	color:orangered;
	font-weight: 600;
}

.txtmargin{
	margin-left: 3rem;
	margin-right: 2rem;
	margin-top:1rem;
}

.txtformtitle{
	margin-top: 2rem;
}

.txtforminput{
	margin-left: 3rem;
}

.txtintro{
	margin-left: 3rem;
	margin-right: 2rem;
}

.txtexplain{
	margin-left: 3rem;
	margin-right: 2rem;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}

@media screen and (max-width : 768px) {
	html{
		font-size: 62.5%;
	}

	h1{
	margin:0px auto;
	font-size: 16px;
	font-size: 1.6rem;
	width:99%;
	border-top:1px solid snow;
	border-left:1px solid whitesmoke;
	border-right:1px solid lightgrey;
	border-bottom:2px solid dimgray;
	background-image:none;
	line-height:26px;
	line-height:2.6rem;
	text-align:center;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

h2{
	margin:0px auto;
	font-size: 16px;
	font-size:1.6rem;
	width:99%;
	border-top:1px solid snow;
	border-left:1px solid whitesmoke;
	border-right:1px solid lightgrey;
	border-bottom:2px solid dimgray;
	background-image:none;
	line-height:24px;
	line-height:2.4rem;
}

h3{
	margin:0px auto;
	font-size: 14px; font-size: 1.4rem;
	width:100%;
	border-top:1px solid snow;
	border-left:1px solid whitesmoke;
	border-right:1px solid lightgrey;
	border-bottom:1px solid dimgray;
	background-image:none;
}

	article {
	margin: 0px auto;
	margin-top: 4px;
	margin-bottom:8px;
	width:96%;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	line-height: 14px;
	line-height: 1.4rem;
	color: #303030;
	font-size: 14px;
	font-size: 1.4rem;
	font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#contentsmaster {
	background-image:none;
}
#centerpain {
	/*border-top:1px solid snow;
	border-left:1px solid whitesmoke;
	border-right:1px solid lightgrey;
	border-bottom:1px solid silver;*/
	width: 98%;
	margin: auto;
	background-color: white;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

#headermain {
	margin: 0px auto;
	top: 0px;
	text-indent: 1px;
	width: 100%;
	height:36px;
	background-image:url('../img/topback.png');
}

div.cover {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div.cover div.boxleft {
	margin: 0px auto;
	display: block;
	width: 98%;
	border-bottom:2px solid #9D8FBF;
	border-top:1px solid lavender;
	border-left:1px solid lavender;
	border-right:1px solid #9D8FBF;
}
div.cover div.boxright {
	margin: 0px auto;
	display: block;
	width: 98%;
	border-bottom:2px solid #9D8FBF;
	border-top:1px solid lavender;
	border-left:1px solid lavender;
	border-right:1px solid #9D8FBF;
}

div.boxcenter {
	margin: 0px auto;
	display: block;
	width:98%;
	border-bottom:2px solid #9D8FBF;
	border-top:1px solid lavender;
	border-left:1px solid lavender;
	border-right:1px solid #9D8FBF;
}

div.contents {
	display:inline-block;
	float:left;
	font-size:12px;
	font-size:1.2rem;
	background-color:whitesmoke;
	border-top:1px solid silver;
	border-left:1px solid silver;
	border-bottom:2px solid dimgray;
	border-right:2px solid dimgray;
	border-radius:5px;
	box-shadow:0px 0px 10px rgba(147,112,219,0.4);
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	text-align:center;
	width:64px;
	width:6.4rem;
	height:16px;
	height:1.6rem;
	padding-top:4px;
	padding-top:0.4rem;
	}
}