@import "default.css";

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

/* 外枠 */
#wrapper {
	width: 100%;
	margin: 0 auto 5px;
	padding-bottom: 30px;
	
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
}

/* hタイトル */
h1.title {
	margin: 0 0 15px;
	padding: 10px 0 10px 10px;
	font-size: 21px;
	font-weight: bold;
	color: #000000;
	background-color: #009900;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
background: #2BBD20;
background: linear-gradient(#87FF1F, #2BBD20);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#87FF1F), to(#2BBD20));
background: -webkit-linear-gradient(#87FF1F, #2BBD20);
background: -moz-linear-gradient(#87FF1F, #2BBD20);
background: -ms-linear-gradient(#87FF1F, #2BBD20);
background: -o-linear-gradient(#87FF1F, #2BBD20);
-pie-background: linear-gradient(top, #87FF1F, #2BBD20);
	
behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/

/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4N0ZGMUYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyQkJEMjAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NjkpIiAvPgo8L3N2Zz4=);
}
h2.title {
	margin: 0 0 10px;
	padding: 5px;
	color: #15380D;
	font-weight: bold;
	background-color: #69BD31;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
}
h2.titleT {
	margin: 0 0 5px;
	padding: 8px;
	color: #990000;
	font-weight: bold;
	font-size: 16px;
	border-left: 5px #990000 solid;
}

/* innerWrap */
.innerWrap {
	width: 700px;
	margin: 0 0 15px;
}
	.innerWrap .floatL {
		float: left;
		width: 550px;
	}
	.innerWrap .floatR {
		float: right;
		width: 128px;
	}

/* テキスト */
.txtNext {margin-bottom: 20px;}

/* テキスト位置 */
.txtC {
	margin-bottom: 10px; 
	text-align: center;
	font-size: 12px;
}



/* フロー */
#flow {
	width: 100%;
	margin: 0 0 15px;
	display: inline-block;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
}
	#flow li {
		width: 20%;
		margin-bottom: 5px;
		padding: 5px 10px 5px 5px;
		display: inline-block;
		color: #FFFFFF;
		background-color: #CCCCCC;
		list-style-type: decimal !important;
		list-style-position: left top;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		
		behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
	}
	#flow li span {
		width: 21px;
		margin-right: 5px;
		color: #CCCCCC;
		background-color: #FFFFFF;
		text-align: center;
		font-weight: bold;
		display: inline-block;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		
		behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
	}
	
	#flow li.act {background-color: #D96D12;}
	#flow li.act span {color: #D96D12;}


/************************************************/
/* コンテンツブロック							*/
/************************************************/


/* コンテンツ */
#contents {
	width: 700px;
	margin: 0 auto;
	padding: 20px 20px 20px;
	background-color: #FFFFFF;
/*	border: 1px #EAEAEA solid;*/
	
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

box-shadow: #ccc 0px 10px 20px;
-webkit-box-shadow: #ccc 0px 10px 20px;
-moz-box-shadow: #ccc 0px 10px 20px;

behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/
}
#contentsWrap {width: 1000px;}

/* 個人情報保護方針 */
#privacyWrap {
	width: 500px;
	height: 200px;
	margin: 0 auto 20px;
	padding: 10px 20px;
	border: 3px #000000 solid;
	overflow: auto;
}
dl dt {
	font-weight: bold;
	font-size: 14px;
	color: #69BD31;
}
dl dd {
	margin: 0 0 15px 5px;
	padding: 0 0 14px 0;
	font-size: 12px;
	border-bottom: 1px #c9c9c9 dotted;
}

/* 入力フォーム　テーブル */
table.sercht {
	width: 546px;
	margin: 0 auto 10px;
	border: 3px #000000 solid;
}
	table.sercht th {
		padding: 20px 15px;
		border-right: 1px #CCCCCC solid;
		border-bottom: 1px #CCCCCC solid;
		background-color:#E0E0E0;
		font-weight: bold;
		white-space: nowrap;
	}
	table.sercht td {
		padding: 20px 15px;
		border-right: 1px #CCCCCC solid;
		border-bottom: 1px #CCCCCC solid;
	}

/************************************************/
/* フォーム関連									*/
/************************************************/
label.flab {
	float: left;
	width: 5em;
	display: block;
}
.formb {text-align: center;}
a.fbtn,
a.fbtn2 {
	margin: 0 5px;
	padding: 3px 10px;
	text-align: center;
	color: #FFFFFF !important;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

box-shadow: #ccc 0px 2px 3px;
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;

background: #1260A1;
background: linear-gradient(#46AAFF, #1260A1);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#46AAFF), to(#1260A1));
background: -webkit-linear-gradient(#46AAFF, #1260A1);
background: -moz-linear-gradient(#46AAFF, #1260A1);
background: -ms-linear-gradient(#46AAFF, #1260A1);
background: -o-linear-gradient(#46AAFF, #1260A1);
-pie-background: linear-gradient(#46AAFF, #1260A1);

behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/

/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0NUE5RkUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxMjYxQTIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNjMpIiAvPgo8L3N2Zz4=);


}
a.fbtn:hover {
background: #2382D2;
background: linear-gradient(#7AC2FF, #2382D2);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7AC2FF), to(#2382D2));
background: -webkit-linear-gradient(#7AC2FF, #2382D2);
background: -moz-linear-gradient(#7AC2FF, #2382D2);
background: -ms-linear-gradient(#7AC2FF, #2382D2);
background: -o-linear-gradient(#7AC2FF, #2382D2);
-pie-background: linear-gradient(#7AC2FF, #2382D2);

behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/

/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3OEMxRkUiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNDgzRDIiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyMDEpIiAvPgo8L3N2Zz4=);

}

a.fbtn2 {
	color: #666666 !important;
	
background: #D5D5D5;
background: linear-gradient(#EDEDED, #D5D5D5);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEDED), to(#D5D5D5));
background: -webkit-linear-gradient(#EDEDED, #D5D5D5);
background: -moz-linear-gradient(#EDEDED, #D5D5D5);
background: -ms-linear-gradient(#EDEDED, #D5D5D5);
background: -o-linear-gradient(#EDEDED, #D5D5D5);
-pie-background: linear-gradient(#EDEDED, #D5D5D5);

behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/

/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MTAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFREVERUQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNENUQ1RDUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MTApIiAvPgo8L3N2Zz4=);

}

a.fbtn2:hover {
background: #EDEDED;
background: linear-gradient(#D5D5D5, #EDEDED);
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D5D5D5), to(#EDEDED));
background: -webkit-linear-gradient(#D5D5D5, #EDEDED);
background: -moz-linear-gradient(#D5D5D5, #EDEDED);
background: -ms-linear-gradient(#D5D5D5, #EDEDED);
background: -o-linear-gradient(#D5D5D5, #EDEDED);
-pie-background: linear-gradient(#D5D5D5, #EDEDED);

behavior: url(http://net-system.sakura.ne.jp/ijime/PIE.htc);/*絶対パスで記述*/

/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0Q1RDVENSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0VERURFRCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzI3KSIgLz4KPC9zdmc+);

}

/* テキストエリア用 */
textarea {
	width: 90%;
	height: 6em;
}

small {
	color: #666666;
	font-size: 11px;
}

/************************************************/
/* clear										*/
/************************************************/
.clearfix,
#contentsWrap:after,
.innerWrap:after {
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}