@charset "utf-8";

/* ========================================================
	common.css
*======================================================== */

/* font-size===========================================

11px -> 79%
12px -> 86%
13px -> 93%
14px -> 100%
15px -> 108%
16px -> 115%
17px -> 122%
18px -> 129%
19px -> 136%
20px -> 143%
21px -> 150%
22px -> 158%
23px -> 165%
24px -> 172%
25px -> 179%
26px -> 186%

===================================================== */
/*--------------------------------------------------------

	container
	
----------------------------------------------------------*/
#wrapper{
	width: 100%;
	border-bottom: #099CFF solid 30px;
	padding-bottom: 50px;
}



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

	header
	
----------------------------------------------------------*/
#header{
	width: 100%;
	border-top: #099CFF solid 4px;
	margin-bottom: 4px;
}

#header .inr{
	position: relative;
}
	/*タイトル*/
	#header h1{
		text-align: center;
		padding-top: 75px;
		margin-bottom: 28px;
	}
	/*サポートセンターTOPボタン*/
	#header #btnTop{
		position: absolute;
		top: 0px;
		right: 0px;
	}



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

	#stepArea
	
----------------------------------------------------------*/
#stepArea{
	width: 100%;
	text-align: center;
	background: url(../img/texture01.gif) left top repeat;
	padding: 20px 0px;
	margin-bottom: 20px;
}



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

	#main
	
----------------------------------------------------------*/
#main{
	width: 960px;
	margin:0px auto 0px auto;
}



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

	headline
	
----------------------------------------------------------*/
.hl01{
}

.blockTtl{
	font-weight: normal;
	text-align: center;
	background-color: #DEF1FF;
	padding: 15px 0px 0px;
}



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

	.sslArea
	
----------------------------------------------------------*/
#main .sslArea{
	border: #FFC20D solid 1px;
	padding: 3px 20px 3px 3px;
}

#main .sslArea dl{
	background-color: #FFFAEA;
}

	#main .sslArea dt{
		float: left;
		width: 17px;
		padding: 12px 15px 8px;
	}
	
	#main .sslArea dd{
		min-height: 30px;
		background-color: #FFFFFF;
		padding: 12px 0px 0px 23px;
		margin-left: 47px;
	}



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

	form
	
----------------------------------------------------------*/
/* フォームテーブル
-----------------------------------------------------*/
input.txt,
select,
textarea{
	border:1px solid #CCCCCC;
	padding: 5px;
}


/*TABLE*/
.cmnTbl{
	width: 100%;
	border-collapse: collapse;
	border: #99D5FF solid 1px;
	table-layout: fixed;
}

.cmnTbl th,
.cmnTbl td{
	border-top: #99D5FF solid 1px;
	border-bottom: #99D5FF solid 1px;
	padding: 8px 25px;
	word-wrap: break-word;
	overflow-wrap:break-word;
}

	.cmnTbl th{
		font-weight: normal;
		text-align: left;
		background-color: #DEF1FF;
		padding-top: 12px;
	}

/*住所*/
.cmnTbl td .adList dt{
	float: left;
	padding: 5px 0px 0px;
	width: 100px;
}

.cmnTbl td .adList dd{
	overflow: hidden;
	padding-bottom: 10px;
}

	.cmnTbl td .adList dd img{
		cursor: pointer;
	}

/*参加企業リスト*/
.companyArea{
	border: #99D5FF solid 1px;
	padding: 20px 20px 5px;
 }
 
.companyArea .companyList{
	margin: 0px -15px 0px 0px;
}

.companyArea .companyList li{
	width: 214px;
	float: left;
	margin: 0px 15px 10px 0px;
	word-wrap: break-word;
}
	.companyArea .companyList li:nth-child(4n+1){
		clear: both;
	}

/*プライバシーポリシー*/
.privacy {
	width: 99.7%;
	height: 220px;
	border: #CCCCCC solid 1px;
	overflow: auto;
}

.privacy h2 {
	font-size: 115%;
	font-weight: normal;
	margin-bottom: 1.5em;
}

.privacy h3 {
	font-size: 108%;
	margin-bottom: 0.5em;
}

.privacy h4 {
	font-weight: normal;
	margin-bottom: 0.2em;
}

.privacy dl{
	margin-bottom: 1.5em;
}

.privacy dl dt{
	float: left;
	width: 90px;
}

.privacy dl dd{
	padding-left: 90px;
	/*margin-bottom: 1.2em;*/
}

.privacy dl dd ul li{
	text-indent: -2.5em;
	padding-left: 2.5em;
	margin-bottom: 0.5em;
}

.privacy .signBox {
	float: right;
	width: 250px;
}

/*同意*/
.agreeArea {
	text-align: center;
	background-color: #EEEEEE;
	padding: 15px 0px 15px;
}


/*formBtnBox*/
/*送信ボタン*/
.formBtnBox{
	width: 100%;
	text-align:center;
	margin-top: 50px;
}

.formBtnBox img{
	cursor: pointer;
}

/*確認*/
.formBtnBox ul{
	width: 510px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}


/* --form default設定-- */

/*fieldset {
	border:none;text-align:center;
}

input, textarea {
	line-height:1.4;
	padding:0.1em;
	vertical-align:middle;
}*/

input[type="checkbox"],
input[type="radio"] {
	vertical-align:middle;
}

input[type="image"] {
	cursor:pointer;
}

/*input[type="submit"] {
	padding:0.1em;
}

legend {
	background:#fff;
	padding:0.3em;
}

select {
	padding:0;
}*/


/*　確認ページ
-----------------------------------------------------*/
/*参加企業リスト*/
.companyArea .companyBox{
	font-size: 108%;
	line-height: 2em;
	text-align: center;
	margin-bottom: 10px;
	word-wrap: break-word;
	overflow-wrap:break-word;
}


/*　エラーページ
-----------------------------------------------------*/
/*ヘッダ*/
.errorTit{
	color: #B20000;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	border: #B20000 solid 2px;
	padding: 15px 10px 13px;
	margin-bottom: 20px;
}

/*セルごと*/
.err{
	background-color: #ffecec !important;
}

.errorMes{
	color: #B20000;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 5px;
}


/*　完了ページ
-----------------------------------------------------*/
#thanksArea{
	background-color: #DEF1FF;
	padding: 85px 0px 75px;
}

#thanksArea h3{
	color: #007aca;
	font-size: 251%;
	text-align: center;
	margin-bottom: 50px;
}


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

	.inr
	
----------------------------------------------------------*/
.inr{
	width: 960px;
	margin:0px auto 0px auto;
}

.inr02{
	padding: 20px;
}


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

	layout
	
----------------------------------------------------------*/

.txtCenter{ text-align:center !important;}
.txtLeft{ text-align:left !important;}
.txtRight{ text-align:right!important;}


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

	float
	
----------------------------------------------------------*/

.fLeft{ float: left;}
.fRight{ float: right;}


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

	color
	
----------------------------------------------------------*/

.fRed{ color: #D80000;}


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

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


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

	font-size
	
----------------------------------------------------------*/
.fSize01{ font-size: 122% !important;}


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

	margin
	
----------------------------------------------------------*/

.mb00{ margin-bottom:0px !important;}
.mb05{ margin-bottom:5px !important;}
.mb08{ margin-bottom:8px !important;}
.mb10{ margin-bottom:10px !important;}
.mb12{ margin-bottom:12px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mb35{ margin-bottom:35px !important;}
.mb40{ margin-bottom:40px !important;}
.mb45{ margin-bottom:45px !important;}
.mb50{ margin-bottom:50px !important;}
.mb55{ margin-bottom:55px !important;}
.mb60{ margin-bottom:60px !important;}
.mb65{ margin-bottom:65px !important;}
.mb70{ margin-bottom:70px !important;}
.mb75{ margin-bottom:75px !important;}
.mb80{ margin-bottom:80px !important;}
.mb85{ margin-bottom:85px !important;}
.mb90{ margin-bottom:90px !important;}
.mb95{ margin-bottom:95px !important;}
.mb100{ margin-bottom:100px !important;}
.mb110{ margin-bottom:110px !important;}

.ml00{ margin-left:0px !important;}
.ml05{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.ml55{ margin-left:55px !important;}

.mr05{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr30{ margin-right:30px !important;}
.mr40{ margin-right:40px !important;}
.mr50{ margin-right:50px !important;}
.mr60{ margin-right:60px !important;}
.mr70{ margin-right:70px !important;}
.mr80{ margin-right:80px !important;}
.mr90{ margin-right:90px !important;}
.mr100{ margin-right:100px !important;}

.mt00{ margin-top:0px !important;}
.mt05{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}
.mt35{ margin-top:35px !important;}
.mt40{ margin-top:40px !important;}
.mt45{ margin-top:45px !important;}
.mt50{ margin-top:50px !important;}
.mt55{ margin-top:55px !important;}

.pt00{ padding-top:0px !important;}
.pt05{ padding-top:5px !important;}
.pt06{ padding-top:6px !important;}
.pt07{ padding-top:7px !important;}
.pt08{ padding-top:8px !important;}
.pt10{ padding-top:10px !important;}
.pt15{ padding-top:15px !important;}
.pt20{ padding-top:20px !important;}
.pt25{ padding-top:25px !important;}
.pt30{ padding-top:30px !important;}
.pt35{ padding-top:35px !important;}
.pt40{ padding-top:40px !important;}
.pt45{ padding-top:45px !important;}
.pt50{ padding-top:50px !important;}
.pt55{ padding-top:55px !important;}
.pt60{ padding-top:60px !important;}
.pt65{ padding-top:65px !important;}
.pt70{ padding-top:70px !important;}
.pt75{ padding-top:75px !important;}
.pt80{ padding-top:80px !important;}

.pb00{ padding-bottom:0px !important;}
.pb05{ padding-bottom:5px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}

.pl00{ padding-left:0px !important;}
.pl05{ padding-left:5px !important;}
.pl10{ padding-left:10px !important;}
.pl15{ padding-left:15px !important;}
.pl20{ padding-left:20px !important;}
.pl25{ padding-left:25px !important;}
.pl30{ padding-left:30px !important;}

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

	width
	
----------------------------------------------------------*/

.wAuto{ width:auto !important}
.w30{ width:30px !important}
.w40{ width:40px !important}
.w50{ width:50px !important}
.w60{ width:60px !important}
.w70{ width:70px !important}
.w80{ width:80px !important}
.w90{ width:90px !important}
.w100{ width:100px !important}
.w110{ width:110px !important}
.w116{ width:116px !important}
.w126{ width:126px !important}
.w132{ width:132px !important}
.w140{ width:140px !important}
.w150{ width:150px !important}
.w160{ width:160px !important}
.w180{ width:180px !important}
.w190{ width:190px !important}
.w200{ width:200px !important}
.w210{ width:210px !important}
.w220{ width:220px !important}
.w230{ width:230px !important}
.w240{ width:240px !important}
.w250{ width:250px !important}
.w265{ width:265px !important}
.w284{ width:284px !important}
.w292{ width:292px !important}
.w300{ width:300px !important}
.w310{ width:310px !important}
.w320{ width:320px !important}
.w330{ width:330px !important}
.w340{ width:340px !important}
.w350{ width:350px !important}
.w360{ width:360px !important}
.w380{ width:380px !important}
.w395{ width:395px !important}
.w400{ width:400px !important}
.w420{ width:420px !important}
.w424{ width:424px !important}
.w460{ width:460px !important}
.w473{ width:473px !important}
.w490{ width:490px !important}
.w500{ width:500px !important}
.w600{ width:600px !important}
.w620{ width:620px !important}
.w640{ width:640px !important}
.w660{ width:660px !important}
.w680{ width:680px !important}
.w700{ width:700px !important}
.w740{ width:740px !important}