html, button, input, select, textarea { 
  font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', "ＭＳ Ｐゴシック", sans-serif;  color: #ccc;
  color: #ccc;
}

html, body {
  background:#000;
  font-size: 1em;
  line-height: 1.4;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

a:focus { outline:none;}


/**/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*-----------------
common style
-----------------*/
.Tover {
  cursor:pointer;
  opacity:1;
}

.Tover:hover {
  opacity:0.7;
  -webkit-transition: opacity 0.1s linear 0;
  transition: opacity 0.1s linear 0;
}

img.Hover {
  cursor:pointer;
}


/*-- FONT --*/

.f-large { font-size:1.5em; }
.f-xlarge { font-size:2.2em; }
.f-xxlarge { font-size:2.5em; }
.f-small { font-size:0.9em; }
.f-xsmall { font-size:0.8em; }
.f-xxsmall { font-size:0.7em; }


/**/
body.entrance {
	background: #000;
	color: #f6f6f6;
}


/*------------------------
header
--------------------------*/
/* -- header -- */
div#header {
  clear:both;
  position:relative;
  background: #000 url(../images/limegreen_line.gif) repeat-x 0 60px;
  height: 84px;
  width:1000px;
  min-width:1000px;
  margin:0 auto;
  padding: 0 0 6px 0;
  z-index:10;
}
#header header {
  position:relative;
  width:1000px;
  margin:0 auto;
  color:#ffffff;
}
#header header #khilogo {
  float:left;
  width: 171px;
  height: 60px;
}
#header header #btn-home {
  float:right;
  width:86px;
  height:21px;
  padding:24px 20px 0 0;
  vertical-align:bottom;
}



/*------------------------
footer
--------------------------*/
footer {
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:0 0 10px 0;
	background:url(../images/bg_grade_B.jpg) repeat-x left bottom;
}
footer p {
	margin:0 20px 0px 20px;
	
	font-size:x-small;
	color: #808080;
	text-align:right;
}



/* -- breadcrumbs -- */

#breadcrumbs {
  width:1000px;
  min-width:1000px;
  margin: 0 auto;
  background: #000;
  border-top:1px solid #999;
  /*border-bottom:1px solid #999;*/
  color:#CCC;
  font-size:11px;
  vertical-align:middle;
}
#breadcrumbs .inner {
  width:975px;
  margin:0 auto;
  padding: 3px 0 3px 18px;
}

#breadcrumbs p {
  margin:0;
  padding:0;
}

#breadcrumbs .arrow {
  margin:0 5px;
  color:#aaa;
  font-size:10px;
}
#breadcrumbs .place {
  color:#aaa;
}
#breadcrumbs a {
  color:#CCC;
  text-decoration:none;
  font-weight:bold;
}
#breadcrumbs a:hover {
  color:#69be28;
  text-decoration:underline;
}

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



/*------------------------
container
--------------------------*/

#container {
	width:1000px;
	margin:0 auto;
  font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:0.8em;
	line-height:1.6;
}

/*------------------------*/
/*------------------------
 entrance
 --------------------------*/

body.entrance footer {
	background: none;
}

body.entrance .content {
	width: 517px;
	margin:0 auto;
	line-height:1.8;
}

body.entrance .content h1 {
	margin: 70px auto 20px auto;
}

body.entrance .content p {
	margin:2em 0;
}

body.entrance #btnLogin {
	text-align:center;
}