@charset "SHIFT-JIS";



@-ms-viewport	{width: device-width;}



@import url("reset.css");



body	{margin: 0;

	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;

	background-color: #dfe3e8;}





/* ヘッダー */

.header	{
	padding: 30px 20px;
	background-color: #dfe3e8;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #003399;
}



.header h1	{
	margin: 0;
	padding: 0;
	font-size: 28px;
	color: #003399;
	line-height: 1;
	font-weight: bold;
}



.header h1 a	{
	color: #003399;
	text-decoration: none;
}


.header .logo	{
	margin: 0 15px 0 0;
	border: none;
	vertical-align: -15px;
}



/* フッター */

.footer	{
	margin-top: 50px;
	padding: 20px;
	background-color: #dfe3e8;
}



.footer p	{
	margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;
}

.footer a	{
	color: #666;
	text-decoration: none;
}





/* コンテンツ */

.contents	{
	background-color: #ffffff;
	padding: 30px 10px 3px 10px;
}



.contents h2{
	margin: 10px 0;
	font-size: 24px;
	font-weight: bold;
	color: #003399;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #003399;
	padding-left: 20px;
}



.contents p{
	font-size: 16px;
	margin: 10px 0;
}



/*フォーム*/

form{
	background-color: #ffffff;
	margin: 20px 0 10px 0;
}


form p	{margin: 20px 0 20px 0;}


label	{
	display: block;
	margin: 30px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	background-color: #dfe3e8;
	padding: 5px;
	color: #003399;
}



span	{ color: #cc1237;}
span.att { font-size: 12px; }


ul	{list-style:none;

	margin-left: 0px;

	border: solid 1px #000000;

	padding: 5px;

}

li	{

	font-size: 12px;

}



input[type="text"],

input[type="email"],

textarea	{width: 100%;

	padding: 5px 10px 5px 10px;

	border: solid 1px #aaa;

	border-radius: 0;

	background-image: none;

	font-family: inherit;

	font-size: 14px;

	-webkit-appearance: none;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;}



textarea	{height: 80px;}



input[type="text"]:focus,

input[type="email"]:focus,

textarea:focus	{

	background-color: #FFFFB3;

	}





/* ボタン */

input[type="submit"]	{
	display: inline-block;
	padding: 15px 10px;
	border: none;
	border-radius: 0;
	background-color: #fa0;
	background-image: none;
	color: #000;
	font-family: inherit;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	width: 150px;
	margin: 30px 0 0 0;
}



input[type="submit"]:hover, 
input[type="submit"]:focus	{
	outline: none;
	opacity: 0.8;
}



input[type="submit"]::-moz-focus-inner	{padding: 0;

	border: none;}





/* 事業所名 */
p.shop { margin:30px 0; font-size: 18px; font-weight: bold; color: #003399; }




/* エラー表示 */



.err{
margin: 20px 0 10px 0;
border: solid 1px #cc1237;
padding: 10px;
color: #cc1237;
background-color: #ffccd6;

}


/* SSL表示
---------------------------------------------------------------------------------------- */

.sslinfo{
	margin: 30px 0 30px 0;
	padding: 10px 10px 10px 10px;
	border: solid 1px #DF0101;
}

.sslinfo .title{
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	background-color: #DF0101;
	color: #FFFFFF;
}

.sslinfo .desc{
	color: #000000;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 0px 0;
}


/* コンテンツ括り */
body { background-color: #ffffff;}

.contents { max-width: 1000px; margin: 0 auto; }
.footer { text-align: center; }

input[type="submit"] { width: 100%; }

/* ボタン */
input[type="submit"].fin { background-color: #b30000; color: #fff; }
input[type="submit"].fin:hover { background-color: #e60000; }




/* メンテナンス表示
---------------------------------------------------------------- */

.mtinfo{ margin: 30px auto 30px auto; padding: 10px 10px 10px 10px;
			 border: solid 1px #DF0101; max-width: 1000px; }

@media (max-width: 1000px){
.mtinfo { margin: 30px 10px; }
}


.mtinfo .title{ margin: 0 0 10px 0; padding: 5px; font-size: 14px;
				    font-weight: bold;  line-height: 1.2; background-color: #DF0101;
					 color: #FFFFFF; }

.mtinfo .desc{ color: #000000; font-size: 14px; line-height: 1.4; margin: 0 0 0px 0; }

.mtinfo .mtdate{ color: #DF0101; 	font-size: 16px; 	line-height: 1.4; margin: 10px 0 0 0; font-weight: bold; }