@charset "utf-8";

/*header*/

#top{
	background-color:#3c2b23;
}

#logoarea{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:50px;
}
#logoarea p{
	float:left;
	padding:12px 0 0 5px;
}
#logoarea .ani{
	float:left;
	padding:5px 0 0 5px;
}
#logoarea h1{
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	float:right;
	margin-top:17px;
}

ul{
	list-style-type: none;
}

/*link arrow*/
a.arrow { padding-left:10px;}
a.arrowr { padding-left:10px;}


ul.arrow li { font-size:11px; margin:0 0 0 8px; padding-left:12px; float:left; list-style-image:none;}
ul.arrow li a {color:#000; text-decoration:none;}
ul.arrow li a:hover, ul.arrow li a:active {color:#fb0b41; text-decoration:underline;}


p.pTop { float:right; padding:0 5px 20px 0;}
p.pTop a { display:block; height:16px; padding-left:10px;}
p.pTop a{color:#666; text-decoration:none;}
p.pTop a:hover,
p.pTop a:active {color:#999; text-decoration:underline;}


.btBack { padding:10px 0 10px 0; clear:both;}
.btnBack { padding:10px 0; clear:both;}

.noBorder { border:none !important;}

/* form table */
.contents .mainContents table.formTbale {
	width:100%;}
.contents .mainContents table.formTbale th { width:150px;}
.contents .mainContents table.formTbale th,
.contents .mainContents table.formTbale td {
	padding:10px;
	line-height:160%;}
.contents .mainContents table.formTbale textarea {
	padding:3px;
	width:400px;
	border:1px solid #999;}
.contents .mainContents table.formTbale input {
	border:1px solid #999;
	padding:3px;}
.contents .mainContents table.formTbale td.chkBox input {
	border:none;
	margin-right:3px;
	vertical-align:middle;}

table.noBorder,
table.noBorder td,
table.noBorder th {
	border:none !important;
	text-align:left !important;
	font-size:1em !important;}

/* form */

button.btn { line-height:120%; padding:2px 5px; font-size:12px;}
select { font-size:14px; margin:0 5px;}

.contents .listBtn { text-align:center; margin:20px 0 0 0;}
.contents .listBtn input {
	font-weight:bold;
	font-size:14px;
	margin:0 5px;
	text-align:center;
	/*
	width:185px;
	*/
	height:30px;
}
.contents .listBtn input:hover {}

/*color*/
.black { color:#000; }
.red { color:#f00 !important; }
.red2 { color:#A5222D !important; }
.blue { color:#005DAD !important; }
.blueB { color:#005DAD; font-weight:bold;}
.green { color:#069; }

/*font size*/
.small { font-size:11px !important;}
.large { font-size:14px; }
.largeB { font-size:1.1em; font-weight:bold; }
.largeB15 {
	font-size:1.5em;
	font-weight:bold;
	line-height: 1em;
}
.wnormal { font-weight:normal; }

/*general*/
span.tindent { margin:0 0 0 1em; display:block;}
.spacer { clear:both; margin:0px; padding:0px; }
.floatR {float:right;}
.floatL {float:left;}
.clr {clear:both;}
.clrn {clear:none;}
/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
/* IE 7 and MacIE*/
.clearfix { display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.textRight {text-align:right !important; }
.textLeft,
tr.textLeft td,
tr.textLeft th {text-align:left !important; }
.textC,
.center,
tr.textC td,
tr.textC th{text-align:center !important; }

.textVa { vertical-align:middle !important;}
p.foot, div.foot { padding-bottom:2.5em; }
.imgr { float:right; margin:0 0 0 10px; _margin:0; _padding-left:10px;}
.imgl { float:left; margin:0 10px 0 0;}
.caption { font-size:0.9em; line-height:130% !important; margin-bottom:12px !important;}
.caption p { line-height:130% !important; margin-bottom:12px !important;}
.caption img { margin-bottom:2px !important;}

.pl5px { padding-left:5px !important;}
.pl1em {
	padding-left:1em !important;
}
.pl2em {
	padding-left:2em !important;
}


.pl10px { padding-left:10px !important;}
.pl15px { padding-left:15px !important;}
.pl20px { padding-left:20px !important;}

/*space bottom*/
.mb0 { margin-bottom:0 !important; }
.mb05em { margin-bottom:0.5em !important; }
.mb1em { margin-bottom:1em !important; }
.mb2em { margin-bottom:2em !important; }
.mb3em { margin-bottom:3em !important; }
.mb6em { margin-bottom:6em !important; }
.mb10em { margin-bottom:10em !important; }
.pb0 { padding-bottom:0 !important; }
.pb1em { padding-bottom:1em !important; }
.pb2em { padding-bottom:2em !important; }
.pb3em { padding-bottom:3em !important; }
.pb4em { padding-bottom:4em !important; }
.pb45em { padding-bottom:4.5em !important; }
.pb5em { padding-bottom:5em !important; }
.pb6em { padding-bottom:6em !important; }
/*top space*/
.mt0 { margin-top:0 !important; }
.mt05em { margin-top:0.5em !important; }
.mt1em { margin-top:1em !important; }
.mt2em { margin-top:2em !important; }
.mt3em { margin-top:3em !important; }
.pt0 { padding-top:0 !important; }
.pt1em { padding-top:1em !important; }
.pt2em { padding-top:2em !important; }
.pt3em { padding-top:3em !important; }
/*top bottom space*/
.mtb1em { margin-bottom:1em !important; margin-top:1em !important; }
.mtb2em { margin-bottom:2em !important; margin-top:2em !important; }
.mtb3em { margin-bottom:3em !important; margin-top:3em !important; }
/*right space*/
.mr0 { margin-right:0 !important; }
.mr1em { margin-right:1em !important; }
.mr2em { margin-right:2em !important; }
/*no space*/
.mpt0 { margin-top:0 !important; padding-top:0 !important; }
.mpb0 { margin-bottom:0 !important; padding-bottom:0 !important; }
.mp0 { margin:0 !important; }
.pd0 { padding:0 !important; }
/*padding*/
.pd10 { padding:10px !important; }
.pd20 { padding:20px !important; }

.tbl-sys {
	background-image: none;
}

.nobg { background:none !important;}

.hover:hover{
	opacity:0.6;
}

	/* IE6 Hack */
* html .newline {
	page-break-before: always;
}

.vamdle { vertical-align:middle !important;}
