@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

html { overflow-y:scroll;}
body {
	font-family:"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo,Osaka,sans-serif;
}

a {	
	color: #004EB4;
	outline:none;
	text-decoration:underline;
}

a:hover {
	color: #58b5f5;
	text-decoration:underline;
}
	
img { border:0;}

form {
	margin:0;
	padding:0;
}

p,
table,
ul{ font-size: 100%;}
td {
	vertical-align: top;
	line-height: 150%;
}
p {	line-height: 150%;}


/************* 共通 *************/

	

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix { zoom: 100%;}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

.clear { clear:both; }

.fl { float:left;}
.fr { float:right;}

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.bcenter {
	margin-left: auto;
	margin-right: auto;
}

.ie_img {/* IE6で画像に隙間がでる対策 */
	font-size: 0;
	line-height: 0;
}
/************* 共通フォントサイズ/色 ***************************************************************/

.red { color:red;}
.bold { font-weight: bold;}

.f11 { font-size:79%;}
.f12 { font-size:85%;}


/************* 共通余白 *************/
.m5 { margin:5px;}
.m10 { margin:10px;}
.m20 { margin:20px;}
.m30 { margin:30px;}

.ml5 { margin-left:5px;}
.ml10 {	margin-left:10px;}
.ml20 {	margin-left:20px;}
.ml30 {	margin-left:30px;}

.mt5 { margin-top:5px;}
.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}

.mr5 { margin-right:5px;}
.mr10 {	margin-right:10px;}
.mr20 {	margin-right:20px;}
.mr30 {	margin-right:30px;}

.mb5 { margin-bottom:5px;}
.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.mb30 {	margin-bottom:30px;}

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


/* ---------- ロールオーバー処理 ---------- */
a img.bn,
#right_con .menu_box a img  {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1.0;
}

a:hover img.bn,
#right_con .menu_box a:hover img {
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* ---------- main ---------- */
body {
}

h2 {
	width: 700px;
	margin: 0 auto;
	color: #333333;
	font-size:18px;
}
table.tb01{
	width: 700px;
	margin: 20px auto 30px;
	border-collapse: collapse;
	font-size:14px;
	color: #333333;
}
	table.tb01 th, table.tb01 td {
		padding: 10px;
		border: 1px solid #999999;
		vertical-align: middle;
		line-height: 200%;
	}
	table.tb01 th{
		width:120px;
		background-color: #eeeeee;
	}
	table.tb01 td{}
	
input,select {
	margin: 3px 10px;
	padding: 5px;
}	
input.date { width: 40px;}
select.jun01 {
	width: 100px;
	margin-left: 20px;
}
input.jun02 { width: 87px; margin-left: 90px;}
input.jun03 { width: 200px; margin-left: 90px;}
input.name { width:100px;}
input.add01 { width: 100px;}
input.add02 { width: 90%;}
input.add03 { width: 70%;}
input.add04 { width: 40%;}
input.tel { width: 100px;}



/* ---------- 以下追加しました ---------- */

.error_msg {
	text-align:center;
	color:red;
	font-weight:bold;
	margin-top:30px;
}

.error_mark {
	color:red;
	font-weight:bold;
}

.html_msg {
	text-align:center;
	color:green;
	font-weight:bold;
	margin-top:30px;
	line-height: 150%;
}

.info_title {
	text-align:center;
	color:green;
	font-weight:bold;
	margin-top:30px;
	line-height: 150%;
}

.info_msg {
	width:400px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	line-height: 150%;
}

h1 {
	width: 700px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	color: #333333;
	font-size:20px;
	border-bottom:3px double #5A5132;
}



#privacy{
	
	width:700px;
	margin: 20px auto;
	color: #000000;
}

#privacy h2 {
	width:660px;
	margin-bottom:20px;
	padding:5px 20px;
	border-left:5px solid green;
	clear:both;
	color: #333333;
	font-size:100%;
}

#privacy h3 {
	margin-bottom:20px;
	padding:5px 20px;
	border-left:5px solid #E3906E;
	clear:both;
	color: #333333;
	font-size:93%;
}

#privacy h4 {
	margin: 20px 15px;
	font-size:93%;
}
#privacy p {
	margin-left:20px;
	font-size:93%;
}

#privacy .txt_box {
	width: 650px;
	margin: 0 auto;
}

#privacy input.link { margin:0 auto;}