@charset "utf-8";

#top_fla {
	width: 960px;
	clear: both;
	font-size: 0px;
	line-height: 100%;
	padding-top: 10px;
}

#top1,
#top2 {
	width: 960px;
	clear: both;
	overflow: hidden;
	font-size: 0px;
	line-height: 100%;
	margin-top: 30px;
}
#top2 {
	margin-bottom: 40px;
	margin-top: 10px;
}




#top #left {
	width: 190px;
	float: left;
	font-size: 0px;
	line-height: 100%;
	display: block;
	list-style: none;
	background-image: url(../img/top/left.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 15px;
}
#top #left li {
	font-size: 0px;
	line-height: 100%;
	padding: 0px;
}
#top #left li a {
	width: 160px;
	overflow: visible;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 25px;
}
#top #left li a:hover {
	background-image: url(../img/top/left.jpg);
}

#top #left li a#l_bn_tec {
	height: 80px;
}
#top #left li a:hover#l_bn_tec {
	background-position: -225px 0px;
}
#top #left li a#l_bn_case {
	height: 120px;
	margin-top: 63px;
}
#top #left li a:hover#l_bn_case{
	background-position: -225px -143px;
}

#top #left li a#l_bn_can1 {
	height: 60px;
	margin-top: 27px;
}
#top #left li a:hover#l_bn_can1{
	background-position: -225px -290px;
}
#top #left li a#l_bn_can2 {
	height: 60px;
	margin-top: 20px;
}
#top #left li a:hover#l_bn_can2{
	background-position: -225px -370px;
}

#top #left li a#l_bn_nisetai {
	height: 135px;
	margin-top: 30px;
}
#top #left li a:hover#l_bn_nisetai {
	background-position: -225px -460px;
}

#top #left li a#l_bn_hato {
	height: 80px;
	margin-top: 15px;
}
#top #left li a:hover#l_bn_hato {
	background-position: -225px -610px;
}

#top #right {
	width: 740px;
	float: right;
	margin-top: 15px;
}

#top #check {
	width: 740px;
	clear: both;
}

#top #main {
	width: 740px;
	clear: both;
	margin-top: 15px;
}

#top #center {
	width: 510px;
	float: left;
}

#top a#bn_tile {
	width: 510px;
	height: 90px;
	clear: both;
	display: block;
	overflow: visible;
	background-image:url(../img/top/bn_tile.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
#top a:hover#bn_tile {
	background-position: 0 -90px;
}

#top #topics_tit {
	width: 74px;
	height: 25px;
	clear: both;
	background-image:url(../img/top/topics_tit.gif);
	background-repeat: no-repeat;
}

#top #center dl {
	width: 510px;
	clear: both;
	overflow: hidden;
	margin-top: 5px;
}
#top #center dt {
	width: 70px;
	float: left;
}
#top #center dd {
	width: 410px;
	float: right;
	_padding-top: 1px;
}


#top #center .line_solid {
	background-image:url(../img/common/line_solid.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 10px;
	width: 100%;
	clear: both;
	margin-top: 20px;
}

#top #link_area {
	width: 510px;
	clear: both;
	overflow: hidden;
	margin-top: 20px;
}

#top #know {
	width: 240px;
	float: left;
}
#top #go {
	width: 240px;
	float: right;
}

#top #know h2,
#top #go h2 {
	width: 166px;
	height: 30px;
	clear: both;
	background-image:url(../img/top/know_tit.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#top #go h2 {
	width: 234px;
	background-image:url(../img/top/go_tit.gif);
}

#top .link {
	width: 240px;
	clear: both;
	overflow: hidden;
	font-size: 0px;
	line-height: 100%;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#top .link li {
	font-size: 0px;
	line-height: 100%;
	padding: 0px;
}
#top .link li a {
	height: 20px;
	overflow: visible;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 5px;
}

#top .link li a#know_concept {
	width: 82px;
	background-image: url(../img/top/know_concept.gif);
	margin-top: 12px;
}
#top .link li a#know_system {
	width: 141px;
	background-image: url(../img/top/know_system.gif);
}
#top .link li a#know_tec {
	width: 217px;
	height: 40px;
	background-image: url(../img/top/know_tec.gif);
}
#top .link li a#know_lineup {
	width: 107px;
	background-image: url(../img/top/know_lineup.gif);
}
#top .link li a#know_case {
	width: 83px;
	background-image: url(../img/top/know_case.gif);
}
#top .link li a#go_model {
	width: 131px;
	background-image: url(../img/top/go_model.gif);
	margin-top: 12px;
}
#top .link li a#go_machi {
	width: 131px;
	background-image: url(../img/top/go_machi.gif);
}
#top .link li a#go_catalog {
	width: 107px;
	background-image: url(../img/top/go_catalog.gif);
	margin-top: 25px;
}
#top .link li a#go_mail {
	width: 167px;
	background-image: url(../img/top/go_mail.gif);
}
#top .link li a:hover#know_concept,
#top .link li a:hover#know_system,
#top .link li a:hover#know_lineup,
#top .link li a:hover#know_case,
#top .link li a:hover#go_model,
#top .link li a:hover#go_machi,
#top .link li a:hover#go_catalog,
#top .link li a:hover#go_mail {
	background-position: 0px -20px;
}
#top .link li a:hover#know_tec {
	background-position: 0px -40px;
}

#top #credo_bg {
	width: 510px;
	clear: both;
	background-image:url(../img/top/credo_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	margin-top: 30px;
}

#top #credo_box {
	clear: both;
	padding-left: 15px;
	padding-right: 17px;
	padding-top: 15px;
}

#top #credo_logo {
	width: 124px;
	height: 62px;
	float: left;
	background-image:url(../img/top/credo_logo.gif);
	background-repeat: no-repeat;
	margin-top: 35px;
}

#top #credo_txt {
	width: 335px;
	float: right;
	padding-bottom: 15px;
}

#top #r_box {
	width: 200px;
	float: right;
}

#top a#r_model {
	width: 200px;
	height: 215px;
	clear: both;
	overflow: visible;
	display: block;
	background-image: url(../img/top/r_model.jpg);
	background-position: 0px 0px;
}
#top a:hover#r_model {
	background-position: 0px -215px;
}

#top #r_cata_bg {
	width: 200px;
	clear: both;
	overflow: hidden;
	background-image:url(../img/top/r_cata_bg.gif);
	background-repeat: repeat-y;
	margin-top: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#top #r_cata_tit {
	width: 126px;
	height: 30px;
	clear: both;
	background-image:url(../img/top/r_cata_tit.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 10px;
}

#top a#r_cata_pic {
	width: 176px;
	height: 109px;
	clear: both;
	display: block;
	overflow: visible;
	background-image:url(../img/top/r_cata_pic.jpg);
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-top: 5px;
}
#top a:hover#r_cata_pic {
	background-position: 0 -109px;
}

#top #r_cata_txt {
	width: 180px;
	clear: both;
	overflow: hidden;
	font-size: 85%;
	line-height: 140%;
	margin-left: 10px;
	margin-top: 5px;
}
#top a#r_cata_bt,
#top a#r_mail,
#top a#r_6,
#top a#r_lotte {
	width: 200px;
	height: 40px;
	clear: both;
	background-image:url(../img/top/r_cata_bt.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	display: block;
	margin-top: 5px;
}
#top a#r_cata_bt {
	width: 180px;
	height: 35px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#top a:hover#r_cata_bt {
	background-position: 0 -35px;
}

#top a#r_mail {
	height: 95px;
	background-image:url(../img/top/r_mail.jpg);
	margin-top: 15px;
}
#top a:hover#r_mail {
	background-position: 0 -95px;
}

#top a#r_6 {
	height: 73px;
	background-image:url(../img/top/r_6.gif);
	margin-top: 25px;
}
#top a#r_lotte {
	height: 73px;
	background-image:url(../img/top/r_lotte.gif);
	margin-top: 10px;
}
#top a:hover#r_6,
#top a:hover#r_lotte {
	background-position: 0 -73px;
}

#top #t_footer {
	width: 740px;
	clear: both;
	font-size: 85%;
	margin: 0px;
	text-align: left;
	line-height: 140%;
	padding-top: 40px;
	padding-bottom: 30px;
}

#top #t_pankz {
	width: 740px;
	clear: both;
	display: block;
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	margin: 0;
	text-align: left;
}
#top #t_pankz li {
	float: left;
	display: inline;
	background-image: url(../img/common/pankz_list.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 22px;
	margin-right: 8px;
	margin-top: 2px;
	_margin-top: 1px;
}
#top #t_pankz li#t_pankz_top {
	background-image: url(../img/common/pankz_top.gif);
	padding-left: 20px;
	margin-top: 0px;
	padding-top: 2px;
	_padding-top: 1px;
	padding-bottom: 2px;
}

#top #t_f_copy {
	width: 740px;
	clear: both;
	margin-top: 3px;
}

#top #t_f_link_bg {
	width: 740px;
	clear: both;
	background-image: url(../img/common/bg_slash_g.gif);
	background-repeat: repeat;
	overflow: hidden;
	margin-top: 8px;
}

#top .t_f_link {
	width: 720px;
	clear: both;
	margin-left: 10px;
	padding-top: 7px;
}

#top .t_f_link_l {
	width: 75px;
	float: left;
	padding-top: 3px;
}

#top .t_f_link_r {
	width: 635px;
	float: right;
	padding-bottom: 5px;
}
#top .t_f_link_r ul {
	clear: both;
	display: block;
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0px;
}
#top .t_f_link_r li {
	display: inline;
	background-image: url(../img/common/li_line.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 8px;
	margin-right: 2px;
}
#top .t_f_link_r li.t_f_link_top {
	background-image: url(../img/common/li_f_top.gif);
	background-position: 0 4px;
	padding-left: 3px;
}
#top .t_f_link_r li.t_f_link_none {
	background-image: none;
	padding-left: 0px;
}

#top #t_f_cp {
	width: 720px;
	clear: both;
	margin-left: 10px;
	margin-top: 3px;
	padding-bottom: 8px;
}

#top #t_f_txt {
	color: #999;
}






#top_lefts{
width:680px;
float:left;
padding-top:20px;
}
#top_rights{
width:250px;
float:right;
padding-top:20px;
}

#bt_list{
list-style:none;
}
#bt_list li{
padding-bottom:10px !important;
}
#bt_list li img{
vertical-align:bottom;
}

.news_dls{
position:relative;
overflow:hidden;
padding:2px 0px;
}
.news_dls dt{
width:100px;
float:left;
line-height:180%;
}
.news_dls dd{
width:550px;
float:left;
line-height:180%;
}






#kanren_box{
width:620px;
margin:30px auto 10px auto;
background:url(../img/top/kanren_re.gif) repeat-y 0 0;
border-bottom:1px solid #63636B;
}
#kanren_box ul{
list-style:none;
padding:15px 10px;
text-align:center;
}
#kanren_box ul li{
display:inline;
padding:5px 10px