@charset "shift_jis";

/* 全体の基本設定 */
body {
	font-family	: 'ＭＳ Ｐゴシック',sans-serif;
	font-size	: 12px;
	background-color:#FFF;
	margin		: 0; 
	padding		: 0; 
	color		: #333333;
	line-height: 150%;
}
/* -----------------*/
/* タイトル */
#header {
	width				: 720px;

	margin			: auto;
	border				: 0px #000000 solid;
	vertical-align		: middle;
	background-color	: #FFFFFF;
}

#header p.title {
	font-size			: 24px;
	font-weight			: bold;
	color				: #ffffff;
	padding				: 10px;
}


/* 黒オビの部分 */
.midashi {
	width:100%;
	height:40px;
	margin:auto;
	background-color: #EEE;
	font-size: 100%;
	color:#666;
	font-weight:bold;
	vertical-align:middle;
	padding: 10px;
	letter-spacing: 0.5em;
	box-sizing: border-box;
	overflow: hidden;
}

/* エラー時赤オビの部分 */
.midashi2 {
	width:100%;
	height:40px;
	margin:auto;
	background-color: #FF0000;
	font-size: 100%;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	padding: 10px;
	letter-spacing: 0.5em;
	box-sizing: border-box;
	overflow: hidden;
}

/* 問い合わせ先情報 */
.contact{text-align:right;
padding:10px;}


/* 説明文 */
.explanation {
	margin	: 20px auto 10px auto;
padding:20px;
color   : #333333;
	font-size: 12px;
}

/* 個人情報バックの表 */
.kojin {
	width: 600px;
	margin	: 10px auto 10px auto;
	background-color:#FFFFFF;
}



/* メインフォーム */
#mainform {
	width			: 720px;
	margin			: 0px auto 5px auto;
	background-color:#FFFFFF;
}

/* 「同意する」チェックボックス */
#mainform #agreement {
	text-align: center;
	padding: 0 0 10px 0;
}

.mail_att{background-color:#FF0000;
display:block;
padding:6px;
color:#FFFFFF;
font-weight: bold;
font-size:22px;
margin:6px;}



/* 確認画面の注意書き */
.attention {
width:670px;
border:#FF0000 1px solid;
padding:5px;
color:#FF0000;
line-height:150%;
font-size:140%;
font-weight:bold;
}


.bold{font-weight:bold;
font-size:110%;
width:60%;
line-height: 150%;
background-color: #FBFF87;
text-decoration:underline;}


/* 次へボタン */
.regist{
width:400px;
margin:15px auto 0px;
text-align:center;
padding:5px;
}

#wrap{border-right:1px solid #32acad;
border-left:1px solid #32acad;
width:720px;
margin:0px auto;}

#mainform table.maintable {
	width			: 700px;
	margin-left		: auto;
	margin-right	: auto;
	border			: 0px #000000 solid;
	background-color: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
}



#mainform tr.title {
	background-color	: #FFFFFF;
	color               : #333333;
}

#mainform td.cell1 {
	background-color	: #32acad;
    color               : #FFFFFF;
}

#mainform td.cell2 {
	background-color	: #FFF;
	color               : #333333;
}

#mainform td.cell3 {
	background-color	: #fafafa;
}

#mainform td.cell9 {
	width				: 180px;
}

#mainform td.cell10 {
	width				: 80px;
table-layout:fixed;

}

#mainform td.cell11 {
	width				: 200px;
}



#mainform #address {
	width	: 100%;
	border	: 1px #ffffff solid;
}

#mainform #address tr.line1 {
	background-color	: #FFFFFF;
}

#mainform #address td.cell1 {
	text-align			: left;
	vertical-align		: middle;
	background-color	: #110B48;
	padding				: 5px 5px 5px 10px;
	border-right		: 1px #ffffff solid;
}



#footer {
	width			: 720px;
	margin-left		: auto;
	margin-right	: auto;
	padding			: 10px 0px;
	background-color: #32acad;
}

#footer p.copyright {
	text-align		: center;
	color			: #ffffff;
	font-family		: Arial, Century, 'Century Gothic', 'ＭＳ Ｐゴシック';
}
/* ---------------------------------- */
.linedot {
	border: 1px dotted #333333;
}

.linedot1 {
	border: 1px dotted #666666;
}

.style1 {
	font-size: 12px;
}

.style3 {
	font-size: 16;
}

.style4 {
	color: #666666;
}

.style5 {
	font-size: 12px;
	color: #666666;
}

.style6 {
	color: #FF0000;
}

.style8 {
	font-size: 16;
	font-weight: bold;
}

.style10 {
	font-size: 12px;
    font-weight: bold;
}

.style11 {
	font-size: 12px;
	text-align: right;
}

.glay {
	color: #999999;
}

.ex {
	font-size: 80%;
	letter-spacing: 0.1em;
	color: #666666;
}
.ex2 {
	font-size: 80%;
	letter-spacing: 0.1em;
	color: #FF0000;
}

.ex3 {
		font-size: 80%;
	font-weight:bold;
	letter-spacing: 0.1em;
	color: #FF0000;
}


*.typeA {
	border: solid 1px #999999;
}

div #error {
	font-size: 12px;
	color: #ff0000;
	font-weight:bold;
}

p.error {
	font-size: 14px;
	font-weight:bold;
	color: #ff0000;
	text-align:center;
}
.copy{
	background-color:#57607A; 
	color:#FFFFFF;
	text-align:center;
	font-family		: Arial, Century, 'Century Gothic', 'ＭＳ Ｐゴシック';
}


/* 共通リンク
================================================== */
a {color:#109CCD;text-decoration:underline;}
a:hover {color:#CCCCCC;text-decoration:underline;}
a img {border:none;}

.clear { clear:both; } 

.card{
border:double 2px #FF0000;
	width:600px;
	font-size:14px;
	text-align: left;
	padding:10px;
	font-weight:bold;
	margin:8px auto;
	line-height:140%;
}