@charset "utf-8";
/*-------------*/
/*基本設定start*/
/*-------------*/
html * {
	font-family:"メイリオ",Meiryo,Arial,Helvetica,sans-serif;
	font-size:100%;
}
body {
	margin:0;
}
form {
	margin:0 auto;
	padding:0 5px;
	max-width:980px;
}

select,option {
	border-radius:5px;
	height:25px;
	line-height:25px;
	cursor:pointer;
}
input[type="text"],
input[type="number"],
input[type="email"],
button,
textarea {
	padding:2px 3px 0px 5px;
	border:1px #666 solid;
	border-radius:5px;
	height:21px;
	line-height:21px;
	margin-bottom: 10px;
}
label {
	border-radius:5px;
	height:25px;
	line-height:27px;
	display:inline-block;
	cursor:pointer;
}
input[type="submit"] {
	padding-right:5px;
}
input::-webkit-input-placeholder {
	color:#999;
}
input:-ms-input-placeholder {
	color:#999;
}
input::-moz-placeholder {
	color:#999;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0;
	padding-right:3px;
}
input[type="number"] {
	-moz-appearance:textfield;
	padding-right:3px;
}
p,span,div,ul,ol,a {
	margin:0;
	padding:0;
	line-height:25px;
}
a:link,
a:visited {
	color:#00f;
}
ul,ol {
	list-style-type:none;
}
.bold {
	font-weight:bold;
}
.c_red {
	color:red;
}
.c_blue {
	color:blue;
}
.c_white {
	color:blue;
}
.inlineBlock {
    display: inline-block;
}
/*見出しの文字サイズ*/
h1 {
    font-size: 125%;
}
h2 {
	font-size:120%;
}
h3 {
	font-size:115%;
}
h4 {
	font-size:110%;
}
h5 {
	font-size:105%;
}
h6 {
	font-size:100%;
}
/*-----------*/
/*基本設定end*/
/*-----------*/

/*---------------*/
/*入力項目系start*/
/*---------------*/
input.require,
select.require,
label.require,
textarea.require {
	background-color:#ff3;
}
input.ng,
select.ng,
label.ng,
textarea.ng {
	background-color:#fcc;
}
input[type="radio"],
input[type="checkbox"] {
	/*left:0;
	position:absolute;
	outline:none;
	opacity:0;*/
	display: none;
}
/*リストボックス*/
select {
	margin:0;
	padding:0 13px 0 3px;
	border-radius:5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background: url(../img/arw.png) right 50% no-repeat;
	background-size:12px, 100%;
	border:1px solid #666;
	margin-bottom: 10px;
}
select::-ms-expand {display:none;}
select option {
	background-color: white;
}

/*チェックボックス、ラジオボタン*/
label.radio {
	background:url(../img/radio.png) no-repeat;
	background-size:23px auto;
	background-position:2px 1px;
	margin:1px;
	padding:0 5px 0 28px;
}
label.checkbox {
	background:url(../img/checkbox.png) no-repeat;
	background-size:23px auto;
	background-position:2px 1px;
	margin:1px;
	padding:0 5px 0 28px;
}
label.check {background-position:2px -68px;}
label.require {background-position:2px -137px;}
label.ng {background-position:2px -206px;}
label.disable {background-position:2px -275px;}

/*任意・OK・必須・NGのアイコン*/
img.icon {
	background:url(../img/icon.png) no-repeat;
	background-size:45px auto;
	background-position:0 0;
	display:inline-block;
	height:25px;
	width:0;
	margin:0;
	padding:0 23px 0 22px;
}
img.ok {background-position:0 -50px;}
img.require {background-position:0 -100px;}
img.ng {background-position:0 -150px;}

/*入力項目の幅調整*/
.w01,.w02,.w03,.w04,.w05,.w06,.w07,.w08,.w09,.w10,.w15,.w20,.w25,.w30 {width:100%;}
.w01 {max-width:1em;}
.w02 {max-width:2em;}
.w03 {max-width:3em;}
.w04 {max-width:4em;}
.w05 {max-width:5em;}
.w06 {max-width:6em;}
.w07 {max-width:7em;}
.w08 {max-width:8em;}
.w09 {max-width:9em;}
.w10 {max-width:10em;}
.w15 {max-width:15em;}
.w20 {max-width:20em;}
.w25 {max-width:25em;}
.w30 {max-width:30em;}
/*-------------*/
/*入力項目系end*/
/*-------------*/

/*---------------*/
/*表示文字系start*/
/*---------------*/
/*文章の最初の１文字分を空ける場合*/
p.indent {text-indent:1em;}
/*最初の文字が※等から始まる場合*/
p.atten {
	margin:0 0 0 1em;
	text-indent:-1em;
}
/*最初の文字が※等から始まる場合*/
p.atten2 {
	margin:0 0 0 2.4em;
	text-indent:-1em;
}
/*最初の文字が(1)等から始まる場合*/
p.cap {
	margin:5px 0 0 1.4em;
	text-indent:-1.4em;
}
/*最初の文字が(1)の中の[1]等から始まる場合*/
p.cap2 {
	margin:0 0 0 2.8em;
	text-indent:-1.4em;
}
/*最初の文字が(1)等から始まる場合の後の文字*/
p.captxt {
	margin:0 0 0 1.4em;
}
/*最初の文字が(1)の中の[1]等から始まる場合*/
p.captxt2 {
	margin:0 0 0 2.8em;
}



/*-------------*/
/*表示文字系end*/
/*-------------*/

/*ヘッダー表示*/
header {
	margin-bottom:5px;
}
header > div > p {
	margin:0 auto;
	max-width:980px;
	text-align: left;
}
header > div.logo {
	border-bottom:3px solid #999;
	padding:5px 0 0 10px;
	position: relative;
}
header > div.logo img {
	width: 150px;
	margin: 5px 0 5px 5px;
	vertical-align: middle;
}
header > div.logo p:first-child a img {
	width: 50px;
}
header > div.logo p:last-child {
	display: none;
}
header > div.title {
	background-color: #FFF;
	text-align:center;
	padding:5px 5px 0 5px;
}
header > div.title > p {
	padding-left: 20px;
}
header > div.title > p > img {
	/* max-width: 70%; */
	width: 70%;
}
header > div.step {
	/* background-color:#ddd; */
	padding:5px 0 0 5px;
}
header > div.step > p img {
	/* max-width:33%; */
	max-width:49%;
}
header > div.step .goStep1,
header > div.step .goStep2 {
	cursor: pointer;
}
header > div.step > p > img:first-child {
	/* max-width:31.3%; */
	max-width:46%;
}

/*フッター表示*/
footer {
	position:relative;
	margin: 10px 2px 0;
	padding:5px;
	border-top:2px solid #f04;
	font-size:70%;
	color:#333!important;
}
footer ul {
	display: none;
}
footer > div {
	line-height:1.5;
	text-align:center;
}
footer > div > span {
	line-height:1.5;
	display:inline-block;
}
/*見出しの表示*/
.step_icon {
	background:url(../img/step_icon.png) no-repeat;
	background-size:50px auto;
	line-height:20px;
	margin:0 0 10px;
	padding:1px 0 15px 55px;
	border-bottom:3px solid #347;
}
.step_icon1 {background-position:2px 0px;}
.step_icon2 {background-position:2px -100px;}
.step_icon3 {background-position:2px -200px;}
.step_icon4 {background-position:2px -300px;}
.step_icon5 {background-position:2px -400px;}
.step_icon6 {background-position:2px -500px;}

/*規約表示*/
#policy_title {
	margin:5px 0 0;
	padding:8px 0 4px 5px;
	border-left:4px solid #246;
	background-color:#def;
}
/*同意の文字表示*/
div#policy {
	margin:20px 0;
	padding:5px 4px 10px 6px;
	border:4px solid #ddd;
}
/*初期状態では非表示の文字*/
div#policy2 {
	display:none;
}
/*タイトル(太字)*/
div#policy p.title {
	font-weight:bold;
	margin:5px 0 2px;
	padding:5px 0 2px;
}

/*文字の後に線を標示*/
div#policy p.lead {
	margin:0 0 5px;
	padding:0 0 10px;
	border-bottom:1px solid #999;
}

div#openbar {
	margin:24px 0 0;
	height:30px;
	line-height:30px;
	border-radius:5px;
	text-align:center;
	cursor:pointer;
	background-color:#666;
}
div#openbar > span {
	color:#fff;
	font-weight:bold;
	background:url(../img/arrow.png) left top no-repeat;
	background-size:15px auto;
	background-position:0 4px;
	padding:0 0 0 17px;
}

.btnArea  {
	margin: 20px 30px;
}

/*ボタン*/
a.btn {
	line-height:40px;
	height:40px;
	max-width:95%;
	width:400px;
	margin:40px auto 0;
	display:block;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
a.btn > span {
	background:url(../img/arrow.png) left top no-repeat;
	background-size:20px auto;
	padding:0 0 0 22px;
}
/*次画面ボタン*/
a.ok {
	margin-top: 34px;
	border-bottom: 10px solid #606060;
	background-color:#808080;
	color:#fff;
}
a.ok:active {
	margin-top: 42px;
	border-bottom: 2px solid #1a1a1a;
}
a.ok > span {
	background: none;
	padding: 0;
}

/*未入力ボタン*/
a.require {
	border:2px solid #990;
	background-color:#ff0;
	color:#000;
	cursor:not-allowed;
}
a.require > span {
	background-position:0 -79px;
}

/*入力NGボタン*/
a.ng {
	border:2px solid #f66;
	background-color:#fff;
	color:#f00;
	cursor:not-allowed;
}
a.ng > span {
	background-position:0 -79px;
}
/*戻るボタン*/
a.pre {
	display:inline-block;
	font-weight:normal;
	text-align:left;
	margin:40px 0 20px 0;
}
a.pre > span {
	background:url(../img/arrow.png) left top no-repeat;
	background-size:20px auto;
	padding:0 0 0 22px;
	background-position:0 -38px;
	text-decoration:underline;
}

/*住所検索ボタン*/
a.searchAddress {
    display: inline-block;
    /*width: 100px;
	text-align: center;
	padding: 5px 0;
	background-color: #c5e0b4;
	text-decoration: none;*/
    color: #000;
    margin-left: 50px;
    /*border: 1px solid #41719c;
	border-radius: 5px;*/
}

/*セキュリティコードとは*/
a.whatSecCode {
	color: #000;
	margin-left: 50px;
}

/*お問い合わせ*/
div.contact {
	width:auto;
	margin:0;
	padding:10px 10px;
	border-top:1px solid #999;
	background-color:#ccc;
}
div.contact > div.out {
	width:auto;
	margin:0 auto;
	padding:4px;
	background-color:#fff;
}
div.contact div.box {
	padding:10px 5px 10px;
	border:1px solid #bbc;
}
div.contact p.title {
	max-width:250px;
	font-size:110%;
	background-color:#ddd;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
	margin:0 auto 12px;
}
div.contact div.body1 {
	margin-bottom: 15px;
}
div.contact div.body p {
	text-align: center;
}
div.contact p.sub {
	border-radius:10px;
	font-weight:bold;
}
div.contact p.sub span {
	display:inline-block;
}
div.contact p.sub span.dial {
	line-height:40px;
	height:40px;
	padding:3px 10px 0 10px;
	background-size:40px auto;
	background-color:#ccc;
	border-radius:10px;
	font-weight:bold;
	margin-left: 10px;
}
/*フリーダイヤル表示*/
p.freedial {
	text-align:center;
}
p.freedial > span {
	line-height:40px;
	height:40px;
	padding:3px 10px 0 10px;
	background-size:40px auto;
	background-color:#ccc;
	border-radius:10px;
	font-size:133%;
	font-weight:bold;
}
div.contact p.note {
	font-size:90%;
	margin:0 0 10px;
	color:#333;

}
div.contact p.note span {
	display:inline-block;
}
span.caution,p.caution {
	text-indent:-1.0em;
	margin-left:1.0em;
}

/*入力テーブル*/
div.input_table {
	line-height:30px;
	border-bottom:1px solid #999;
}
div.input_table > div {
	position:relative;
}
div.input_table > div > div {
	width:auto;
	min-width:45px;
	height:auto;
	margin:0;
	border-top:1px solid #999;
}
div.input_table > div > div:first-child {
	/*各入力項目のタイトル*/
	font-weight:bold;
	min-height:25px;
	background-color:#eee;
	padding:9px 55px 1px 7px;
}
div.input_table > div > div:nth-of-type(2) {
	/*各入力項目の入力状態*/
	position:absolute;
	top:0;
	right:0;
	height:25px;
	padding:5px;
	background-color:#ccc;
}
div.input_table > div > div:last-child {
	/*入力項目表示*/
	padding:4px 0 4px 3px;
}
.input_head {
	/*タイトル行*/
	line-height:35px;
	border-left:4px solid #245;
	background-color:#dff;
	margin:20px 0 0;
	padding:3px 5px 0 3px;
	font-weight: bold;
}

.kiyaku_section .input_head {
	/*タイトル行(規約画面)*/
	line-height:35px;
	border: 1px solid #000;
	background-color:#fffbc5;
	margin:30px 0 20px;
	padding:10px 5px;
	font-weight: bold;
}

.kiyaku_section .input_head p span {
	display: inline-block;
}

/*確認テーブル*/
div.confirm_table {
	line-height:30px;
	border-bottom:1px solid #999;
}
div.confirm_table > div {position:relative;}
div.confirm_table > div > div {
	width:auto;
	min-height:25px;
	margin:0;
	border-top:1px solid #999;
}
div.confirm_table > div > div:first-child {
	/*各入力項目のタイトル*/
	font-weight:bold;
	background-color:#eee;
	padding:9px 55px 1px 6px;
}
div.confirm_table > div > div:last-child {
	/*入力(選択)内容表示*/
	padding:9px 0 5px 1em;
}
div.confirm_table > div > div > img {
	height: 55px;
	margin-right: 15px;
}
.confirm_group {
	/*グループタイトル行*/
	position:relative;
	line-height:35px;
	border-left:4px solid #245;
	border-top:4px solid #245;
	background-color:#adf;
	margin:0;
	padding:3px 5px 0 3px;
}
.confirm_group > a {
	/*グループタイトルに表示するボタン*/
	position:absolute;
	top:0;
	right:0;
	line-height:30px;
	height:28px;
	width:90px;
	margin:3px 2px 2px 2px;
	display:inline-block;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	border:1px solid #333;
	background-color:#666;
	color:#fff;
}
.confirm_group > a > span {
	/*グループタイトルに表示するボタン*/
	background:url(../img/arrow.png) left top no-repeat;
	background-size:15px auto;
	background-position:0 -87px;
	padding:0 0 0 17px;
}
.confirm_head {
	/*タイトル行*/
	line-height:35px;
	border-left:4px solid #245;
	background-color:#dff;
	margin:20px 0 0;
	padding:3px 5px 0 3px;
	font-weight: bold;
}

/*jquery-uiのdatepicker(カレンダー)の表示用*/
/*祭日*/
.holiday > a.ui-state-default {
	background: #fcc!important;
	color: red!important;
}
/*日曜日*/
td.ui-datepicker-week-end:first-child a.ui-state-default {
	background-color:#fcc!important;
	color: #f00!important;
}
/* 土曜日*/
td.ui-datepicker-week-end:last-child a.ui-state-default {
	background-color:#ccf!important;
	color:#00f!important;
}

/*フォームボタン4*/
.fBtn04 {
	margin:50px 0 0;
}
.fBtn04 a {
	padding:0 0 0 14px;
	background:url(../img/ico_arw07.png) left center no-repeat;	
}

#age {
    background-color: #fff !important;
    border: none;
    display: inline-block;
    width: 20px;
}
#agreedoc {
	display: block;
	width:100%;
	height:130px;
	overflow-y:auto;
	padding:0;
}

@media screen and (min-width:500px) {
    /*入力項目の幅調整*/
    .w01 {width:1em;min-width:1em;}
	.w02 {width:2em;min-width:2em;}
	.w03 {width:3em;min-width:3em;}
	.w04 {width:4em;min-width:4em;}
	.w05 {width:5em;min-width:5em;}
	.w06 {width:6em;min-width:6em;}
	.w07 {width:7em;min-width:7em;}
	.w08 {width:8em;min-width:8em;}
	.w09 {width:9em;min-width:9em;}
	.w10 {width:10em;min-width:10em;}
	.w15 {width:10em;min-width:15em;}
	.w20 {width:10em;min-width:20em;}
	.w25 {width:10em;min-width:25em;}
	.w30 {width:10em;min-width:30em;}

	header > div.logo img {
		vertical-align:middle;
		margin: 5px 0 10px 5px;
		width: 200px;
	}
	header > div.logo p:first-child a:first-child img {
		width: 80px !important;
	}
	header > div.logo p:last-child {
		display: block;
		position: relative;
		height: 0;
	}
	header > div.logo p:last-child a {
		position: absolute;
		top: -75px;
		right: 35px;
	}
	header > div.logo p:last-child a img {
		width: 160px !important;
	}

	/*最初の文字が(1)等から始まる場合*/
	p.cap {
		margin:5px 0 0 1.5em;
		text-indent:-1.5em;
	}
	/*ヘッダー表示*/
	header {margin-bottom:10px;}
	header > div.logo {
		padding:2px 0 1px 20px;
		border-top:3px solid #f04
	}
	header > div.logo > img {
		width:150px;
	}
	header > div.title {
		padding:10px 15px 5px 15px;
	}
	header > div.step {
		padding:10px 0 5px 10px;
	}
	header > div.step > p > img {
		width:25%;
	}
	header > div.step > p > img:first-child {
		width:24%;
	}
	footer {
		font-size:90%;
	}
	footer ul {
		display: block;
		max-width: 980px;
		padding: 0;
		margin: 0 auto;
		text-align: left;
		font-size: 10px;
	}
	footer ul li {
		display: inline;
		border-left: 1px solid #5d5d5d;
		padding: 0 5px;
	}
	footer ul li:first-child {
		border-left: none;
	}
	footer ul li a {
		color: #5d5d5d !important;
		text-decoration: underline;
	}
	footer > div {
		max-width:980px;
		margin:0 auto;
		text-align:right;
	}
	/*規約表示*/
	.policy_title {
		padding:15px 0 15px 10px;
		border-left:8px solid #246;
	}
	div#policy {
		margin:20px 0;
		padding:25px 15px 20px 20px;
		border:8px solid #ddd;
	}
	div.contact {
		margin:0;
		padding:10px;
		border-top:1px solid #999;
		background-color:#ccc;
	}
	div.contact > div.out {
		padding:10px;
		background-color:#fff;
	}
	div.contact > div.out > div.box {
		display:table-cell;
		width:50%;
	}
	a.btn {
		line-height:50px;
		height:50px;
		max-width:400px;
	}
	/*入力テーブル*/
	div.input_table {
		display:table;
		border-collapse:collapse;
		width:100%;
	}
	div.input_table > div {
		display:table-row;
		position:static;
		height: 55px;
	}
	div.input_table > div > div {
		vertical-align:top;
		display:table-cell;
	}
	div.input_table > div > div:first-child {
		text-align:right;
		width:20%;
		min-width:180px;
		padding:17px 5px 0 10px;
	}
	div.input_table > div > div:nth-of-type(2) {
		position:static;
		width:60px;
		padding:15px 0 0 0;
		text-align:center;
	}
	div.input_table > div > div:last-child {
		padding:15px 0 5px 5px;
	}

	/*確認テーブル*/
	div.confirm_table {
		display:table;
		border-collapse:collapse;
		width:100%;
	}
	div.confirm_table > div {
		display:table-row;
		position:static;
	}
	div.confirm_table > div > div {
		vertical-align:top;
		display:table-cell;
	}
	div.confirm_table > div > div:first-child {
		text-align:left;
		width:20%;
		min-width:180px;
		padding:11px 0 11px 10px;
	}
	div.confirm_table > div > div:last-child {
		padding:11px 0 11px 10px;
		border-left:1px solid #999;
	}

	.kiyaku_section .input_head {
		/*タイトル行(規約画面)*/
		padding:10px 20px !important;
	}
	#agreedoc {
		height:80px;
	}
}

/*お問い合わせ*/
.fContact01{
	position:relative;
	margin:0;
	padding:30px 0 30px;
	/* border-top:1px solid #9d9d9d;
	background:url(../img/bg03.gif) left top repeat; */
}
.fContact01:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	/* background:#b9b9b9;
	background:-moz-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(198,198,198,0.15) 100%);
	background:-webkit-linear-gradient(top,rgba(0,0,0,0.15) 0%,rgba(198,198,198,0.15) 100%);
	background:linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(198,198,198,0.15) 100%); */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000',endColorstr='#26c6c6c6',GradientType=0 );
}
.fContact01 img{
	vertical-align:middle;
}
.fContact01 .companyImg {
	width: 90%;
}
.fContact01_in{
	position:relative;
	width:942px;
	margin:0 auto;
	padding:4px;
	background-color:#b6bdcb;
}
.fContact01_in:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	background:url(../img/contact_ico01.png) left top no-repeat;
	background-size:100px auto;
}
.fContact01_box{
	padding:25px 15px 22px;
	background-color: #fff;
}
.fContact01_head{
	float:left;
	width:446px;
	padding:20px 0 0;
}
.fContact01_body{
	float:right;
	width:445px;
}
.fContact01_tit{
	line-height:1;
	margin:0 0 17px;
	text-align:center;
}
.fContact01_txt{
	text-align:center;
}
.fContact01_sub{
	line-height:35px;
	padding:9px 0 11px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background-color:#008000;
	text-align:center;
}
.fContact01_img{
	display:block;
	margin:20px 0 0;
	text-align:center;
}
.fContact01_note{
	margin:12px 0 0;
	color:#666;
}

.fContact01_box:after{content:''; display:block; clear:both; height:0;}
*:first-child+html .fContact01_box{zoom:1;} /*ie7*/
/*メインビジュアル2*/
.fVisual02{
	position:relative;
	min-width:950px;
	height:200px;
	margin:0;
}
.fVisual02_tit{
	position:absolute;
	top:29px;
	left:0;
	width:100%;
	text-align:center;
}
.fVisual02_img {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -550px;
}
.fVisual02 .anystretch img {
	max-width: none;
}
.fContact01_img span{
	padding:0 0 0 60px;
	background:url(../img/ico_tel01.png) left center no-repeat;
	-webkit-background-size:55px auto;
	-moz-background-size:55px auto;
	background-size:55px auto;
	font-size:150%
}
.fContact01_img span.tel{
	padding:0 0 0 60px;
	background:url(../img/ico_tel02.png) left center no-repeat;
	-webkit-background-size:55px auto;
	-moz-background-size:55px auto;
	background-size:55px auto;
	font-size:150%
}
.fContact01_img span.fax{
	padding:0 0 0 60px;
	background:url(../img/ico_fax01.png) left center no-repeat;
	-webkit-background-size:55px auto;
	-moz-background-size:55px auto;
	background-size:55px auto;
	font-size:150%
}
.fContact01_img a{
	padding:5px 0 0 0;
	display:block;
	line-height:50px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#e9e9e9;
	background:-moz-linear-gradient(top,#e9e9e9 0%,#d4d4d4 100%);
	background:-webkit-linear-gradient(top,#e9e9e9 0%,#d4d4d4 100%);
	background:linear-gradient(to bottom,#e9e9e9 0%,#d4d4d4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9',endColorstr='#d4d4d4',GradientType=0 );
	color:#319f2c;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.secCodeArea {
    position: relative;
}

.secCodeArea .toolChip {
    position: absolute;
    height: 240px;
    width: 427px;
    top: -230px;
    left: 100px;
    display: none;
    border: 1px solid #000000;
}

.secCodeArea .toolChip img {
    height: 100%;
}

#error {
    color: red;
    font-weight: bold;
    text-align: center;
}

.ui-dialog {
    background-color: #fff;
}

.ui-dialog-titlebar {
    background-color: red;
    color: #fff;
    font-weight: bold;
}