@charset "utf-8";
/* Copyright 2013 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */



/* heading
---------------------------------------------- */
/*--h2_page_ttl--*/
h2#h2_page_ttl{
	border-bottom:#CEC8C8 solid 3px;
	font-size:179%;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:13px;
	margin-bottom:30px;
	color:#333333;

}

h2#h2_page_ttl span{
	border-bottom:#13BBCC solid 3px;
	padding-bottom:8px;
}

h2#h2_page_ttl span span{
	font-weight:normal;
	color:#999999;
}

h2#h2_page_ttl span{visibility:visible;}


/*--h3_page_ttl--*/

h3.h3_type02{
    background:url(../img/ico_heading01.gif) no-repeat left 0.9em;
    font-size:129%;
    line-height:1.2;
    padding-left:26px;
	color:#666;
	border-top:none;
}


/* div
---------------------------------------------- */

div.submit_field01 {
    margin: 0 auto;
    width: 800px;
}

div.submit_field02 {
    margin: 0 auto;
    width: 780px;
}

div.form_area01 {
    margin: 0 auto;
	border:#CCCCCC 1px solid;
	padding:20px;
}

p.table_ttl01{
	font-weight:bold;
	color:#333333;
	font-size:115%;
	background:none;
}
div.submit_info{
	margin: 0px auto;
	width: 800px;
}

div.tooltip {  
    width: 250px;  
    position: absolute;  
    left: -9999px;  
    background: #EEE;  
    padding: 5px;  
    border: 1px solid #AAA;  
}  
  
div.tooltip p{  
    color: #FFF;  
    background: #222;  
    padding: 5px 10px;  
}  

/* input
---------------------------------------------- */
input{padding:3px;}

input.input_error,
select.input_error{ background:#F6ABAB; }


/* ol
---------------------------------------------- */
/*--breadcrumb--*/
ol#breadcrumb{
	width:960px;
	margin:0 auto 20px;
	list-style:none;
	overflow:hidden;
	font-size:86%;
	line-height:1.2;
	padding:10px 0;
	border-bottom:1px dotted #CCCCCC;
}

ol#breadcrumb li{
	background:url(../img/ico_breadcrum01.gif) no-repeat right center;
	float:left;
	padding-right:16px;
	margin-right:11px;
	color:#666666;
}

ol#breadcrumb li:last-child{
	background:none;
	padding-right:0;
	margin-right:0;
}

ol#breadcrumb li a{color:#666666;}

ol#breadcrumb li a:hover{
	color:#13BBCC;
	text-decoration:underline;
}



/* table
---------------------------------------------- */
/*--table_type_submit01--*/
table.table_type_submit01{
	border-top:1px dotted #AFBBC7;
	width:100%;
	line-height:1.2;
}

table.table_type_submit01 th{
	border-bottom:1px dotted #AFBBC7;
	font-weight:normal;
	text-align:left;
	padding:12px;
	background:#F7F7F7;
}

table.table_type_submit01 td{
	border-bottom:1px dotted #AFBBC7;
	font-weight:normal;
	text-align:left;
	padding:12px;
}

table.table_type_submit01 td.public{
	background:#F7F7F7;	
	padding:0 12px;
	color:#666666;
	font-size:86%;
}

/*--table_approval--*/
table.table_approval{
	width:750px;
	margin:0 auto;
	line-height:1.2;
	border:1px solid #dde1e6;
}

table.table_approval tr{border-bottom:1px dotted #BCC2C4;}
table.table_approval tr:last-child{border-bottom:none;}

table.table_approval th,
table.table_approval td{
	line-height:1.4;
	padding:10px;
}

table.table_approval th{
	background:#fdfdfd;
	font-weight:normal;
	text-align:left;
}


/* a
---------------------------------------------- */
a.tooltip{position:relative;}
a.tooltip span{
	background:#222;
	border:6px solid #CCCCCC;
	width: 250px;
	display: block;
	color: #FFF;
	position: absolute;
	top:-5px;
	left:15px;
	padding:10px;
	visibility: hidden;
	word-break:break-all;
	opacity:0.8;
}

a.tooltip:hover,
a.tooltip:hover span{
	visibility:visible;
	z-index: 100;
}

a.tooltip img{vertical-align:middle;}


/* etc
---------------------------------------------- */
/*--width--*/
.w40{width:40px;}
.w57{width:57px;}
.w110{width:110px;}
.w120{width:120px;}
.w150{width:150px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w480{width:480px;}
.w570{width:570px;}
.w610{width:610px;}
.w650{width:650px;}

.w4per{width:4%;}
.w5per{width:5%;}
.w6per{width:6%;}
.w7per{width:7%;}
.w8per{width:8%;}
.w9per{width:9%;}
.w10per{width:10%;}
.w11per{width:11%;}
.w12per{width:12%;}
.w13per{width:13%;}
.w14per{width:14%;}
.w16per{width:16%;}
.w20per{width:20%;}
.w25per{width:25%;}
.w30per{width:30%;}
.w34per{width:34%;}
.w38per{width:38%;}
.w40per{width:40%;}
.w48per{width:48%;}
.w50per{width:50%;}
.w52per{width:52%;}
.w68per{width:68%;}
.w80per{width:100%;}
.w100per{width:100%;}

/*--height--*/
.h90{height:90px;}
.h350{height:350px;}

/*--font--*/
.f_2minus{font-size:86% !important;}
.f_1minus{font-size:93% !important;}
.f_4plus{font-size:129% !important;}
.f_6plus{font-size:143% !important;}

/*--color--*/
.red{color:#E91E2A !important;}
.org{color:#F98F00;}
.gry{color:#979797;}
.blu{color:#35C8C8;}

/*--display--*/
.dis_blo{display:block;}
.dis_inline_blo{display:inline-block;}
.dis_table{
	display:table;
	table-layout:fixed;
}
.dis_table_cell{display:table-cell;}

/*--font-weight--*/
.normal{font-weight:normal !important;}

/*--margin--*/
.mb_120{margin-bottom:120px !important;}
.mt_04{margin-top:4px !important;}
.mt_100{margin-top:100px !important;}

/*--padding--*/
.pb_05{padding-bottom:5px;}
.pb_20{padding-bottom:20px;}
.pt_74{padding-top:74px;}
.pt_125{padding-top:125px;}
.pr_10{padding-right:10px;}
.pl_10{padding-left:10px;}


/*--border--*/
.bdrbtm_dot01{border-bottom:1px dotted #AFBBC7;}

.error{color: red;}


.error_first_name,
.error_last_name,
.error_other_name,
.error_birthday,
.error_email,
.error_email_conf,
.error_passwd,
.error_state,
.error_place{
	color: red;
	display:none;
	}