@charset "utf-8";


/* ----------------------------------------
	00 contents
------------------------------------------*/

#contents #cont-main {
	height: 780px;
	min-width: 890px;
	max-width: 1280px;
	width: expression(document.body.clientWidth < 892? "890px" : document.body.clientWidth > 1280? "1280px" : "auto");
	color: #434437;
}
.knl-idx {
	background: url(../img/cmn_bg_i.jpg) top center no-repeat !important;
}
.knl-sub {
	background: url(../img/cmn_bg_s.jpg) top center no-repeat !important;
}

#contents #cont-main #cont-body {
	position: relative;
	width: 890px;
	height: 780px;
	margin: 0 auto;
}


/* ----------------------------------------
	00 navi
------------------------------------------*/

#navi-container #navi {
	left: 0px;
}



/* ----------------------------------------
	01 head
------------------------------------------*/

#knl-head {
	position: relative;
	width: 890px;
	height: 120px;
	/*background: #FCC;*/
}

h1.title {
	position: absolute;
	left: 325px;
	top: 25px;
	width: 110px;
	height: 20px;
}
/*
h2.logo {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 156px;
	height: 115px;
}
*/
#to_top {
	position: absolute;
	left: 682px;
	top: 10px;
	width: 127px;
	height: 26px;
}
#to_top a {
	display: block;
	width: 127px;
	height: 26px;
	background: url(../../share/img/cmn_to_top_of.png) top left no-repeat;
	text-indent: -9999px;
}
#to_top a:hover {
	background: url(../../share/img/cmn_to_top_on.png) top left no-repeat;
}



/* ----------------------------------------
	02 navi
------------------------------------------*/

#knl-navi {
	position: absolute;
	left: 166px;
	top: 55px;
	width: 703px;
	height: 55px;
	/*text-align: left;*/
}
#knl-navi #n-01 {
	position: absolute;
	left: 0px;
}
#knl-navi #n-02 {
	position: absolute;
	left: 157px;
}
#knl-navi #n-03 {
	position: absolute;
	left: 291px;
}
#knl-navi #n-04 {
	position: absolute;
	left: 425px;
}
#knl-navi #n-05 {
	position: absolute;
	left: 557px;
}

#knl-navi #knl-navi-01 {
	display: block;
	position: absolute;
	left: 0px;
	text-indent: -9999px;
	width: 146px;
	height: 55px;
	background: url(../img/cmn_nv_s_01_of.png) top left no-repeat;
}
#knl-navi #knl-navi-01:hover {
	background: url(../img/cmn_nv_s_01_on.png) top left no-repeat;
}
#knl-navi #knl-navi-02 {
	display: block;
	position: absolute;
	left: 157px;
	text-indent: -9999px;
	width: 146px;
	height: 55px;
	background: url(../img/cmn_nv_s_02_of.png) top left no-repeat;
}
#knl-navi #knl-navi-02:hover {
	background: url(../img/cmn_nv_s_02_on.png) top left no-repeat;
}
#knl-navi #knl-navi-03 {
	display: block;
	position: absolute;
	left: 291px;
	text-indent: -9999px;
	width: 146px;
	height: 55px;
	background: url(../img/cmn_nv_s_03_of.png) top left no-repeat;
}
#knl-navi #knl-navi-03:hover {
	background: url(../img/cmn_nv_s_03_on.png) top left no-repeat;
}
#knl-navi #knl-navi-04 {
	display: block;
	position: absolute;
	left: 425px;
	text-indent: -9999px;
	width: 146px;
	height: 55px;
	background: url(../img/cmn_nv_s_04_of.png) top left no-repeat;
}
#knl-navi #knl-navi-04:hover {
	background: url(../img/cmn_nv_s_04_on.png) top left no-repeat;
}
#knl-navi #knl-navi-05 {
	display: block;
	position: absolute;
	left: 557px;
	text-indent: -9999px;
	width: 146px;
	height: 55px;
	background: url(../img/cmn_nv_s_05_of.png) top left no-repeat;
}
#knl-navi #knl-navi-05:hover {
	background: url(../img/cmn_nv_s_05_on.png) top left no-repeat;
}



/* ----------------------------------------
	03 page
------------------------------------------*/

#knl-page-l {
	position: absolute;
	left: 45px;
	top: 120px;
	width: 400px;
	height: 580px;
	/*background: #09F;*/
}

#knl-page-r {
	position: absolute;
	left: 445px;
	top: 120px;
	width: 400px;
	height: 580px;
	/*background: #FC6;*/
}



.to_home {
	bottom: 20px !important;
}




/* ----------------------------------------
	04 foot
------------------------------------------*/

#knl-foot {
	position: absolute;
	left: 100px;
	top: 670px;
	width: 715px;
	height: 30px;
	/*background: #3C9;*/
}

#knl-foot #btn-prev {
	float: left;
	padding-left: 16px;
	background: url(../../share/img/icon_arw01_l.png) top left no-repeat;
}
#knl-foot #btn-prev:hover {
	background: url(../../share/img/icon_arw01_l_on.png) top left no-repeat;
}
#knl-foot #btn-next {
	float: right;
	padding-right: 16px;
	background: url(../../share/img/icon_arw01_r.png) top right no-repeat;
}
#knl-foot #btn-next:hover {
	background: url(../../share/img/icon_arw01_r_on.png) top right no-repeat;
}
#knl-foot a.move_page,
#knl-foot a.move_page:link {
	height: 16px;
	color: #434437;
	font-size: 80%;
	line-height: 1.4;
	border-bottom: 1px dotted #434437;
	text-decoration: none;
}
#knl-foot a.move_page:visited {
	/*
	color: #39F;
	border-bottom: 1px dotted #39F;
	*/
	color: #434437;
	border-bottom: 1px dotted #434437;
	text-decoration: none;
}
#knl-foot a.move_page:hover,
#knl-foot a.move_page:active {
	color: #bb8966;
	border-bottom: 1px dotted #bb8966;
	text-decoration: none;
}