@charset "utf-8";
/*--------------------------------------*/
/* CSS Document                         */
/* top CSS                           */
/* Version: 2008/05/18                  */
/*--------------------------------------*/


/*  マウスオーバー用テキスト
----------------------------------------*/
/*鍵のトラブル・鍵のご相談*/
/*鍵の豆知識*/
div#columnMain ul.topbtn span,
div#columnMain div.topknowledge .knowledgeimg .knowledgetx span{
	display: none;
}

/*  カコミ
----------------------------------------*/
div#columnMain dl.topinfo,
div#columnMain div.topmenu,
div#columnMain div.topknowledge{
	width: 535px;
	padding: 10px;
	margin: 0;
	border: #CCCCCC 1px solid;
	border-top: none;
}
/*お知らせ*/
div#columnMain dl.topinfo dt{
	float: left;
	clear: left;
	width: 5em;
	padding: 3px;
	margin: 0 8px 5px 0;
	color: #FFFFFF;
	text-align: center;
	background-color: #278DDF;
}
div#columnMain dl.topinfo dd{
	padding: 3px;
	margin: 5px;
}
div#columnMain dl.topinfo .more{
	margin-top: 5px;
	text-align: right;
}

/*鍵取り扱いメニュー*/
div#columnMain div.topmenu .leftbox{
    float: left;
    width: 260px;
    margin-bottom: 10px;
}
div#columnMain div.topmenu .rightbox{
    float: right;
    width: 250px;
    margin-bottom: 10px;
}
div#columnMain div.topmenu .longbox{
    clear: both;
    margin-top: 0px;
}
div#columnMain div.topmenu .leftbox img,
div#columnMain div.topmenu .rightbox img,
div#columnMain div.topmenu .longbox img{
    float: left;
    margin-right: 15px;
}
div#columnMain div.topmenu .leftbox dt a,
div#columnMain div.topmenu .rightbox dt a,
div#columnMain div.topmenu .longbox dt a{
    padding-left: 12px;
    font-weight: bold;
    background: url(../images/top_menu_arrow.gif) no-repeat 0 4px;
}
div#columnMain div.topmenu .leftbox dd,
div#columnMain div.topmenu .rightbox dd,
div#columnMain div.topmenu .longbox dd{
    margin-top: 5px;
    line-height: 145%;
    display: block;
} 

/*鍵のトラブル・鍵のご相談*/
div#columnMain ul.topbtn li{
	float: left;
}
div#columnMain ul.topbtn .trouble a{
	height: 79px;
	width: 275px;
	margin: 10px 5px 10px 0;
	display: block;
	background: url(../images/top_trouble_btn.jpg) no-repeat 0 0;
}
div#columnMain ul.topbtn .contact a{
	height: 79px;
	width: 275px;
	margin: 10px 0;
	display: block;
	background: url(../images/top_contact_btn.jpg) no-repeat 0 0;
}
div#columnMain ul.topbtn a:hover{
	background-position: 0 -79px;
}
/*トピックス*/
div#columnMain div.toptopics{
	clear: left;
	height: 42px;
	padding-left: 90px;
	margin: 10px 0;
	line-height: 45px;
	background: url(../images/top_topic_bg.gif) no-repeat;
}
div#columnMain div.toptopics a{
	color: #FF0000;
}
/*鍵の豆知識*/
div#columnMain div.topknowledge .knowledgeimg{
	float: left;
	width: 120px;
	margin-right: 10px;
}
div#columnMain div.topknowledge .knowledgeimg .knowledgetx a{
	height: 18px;
	width: 120px;
	margin-top: 5px;
	display: block;
	background: url(../images/top_knowledge_btn.gif) no-repeat 0 0;
}
div#columnMain div.topknowledge .knowledgeimg .knowledgetx a:hover{
	background: url(../images/top_knowledge_btn.gif) no-repeat 0 -18px;
}
div#columnMain div.topknowledge dl{
	width: 390px;
	padding: 1px;
	margin: 5px 0 5px 130px;
	border: #DDDDDD 1px solid;
}
div#columnMain div.topknowledge dl dd{
	width: 5em;
	padding: 3px;
	margin: 0 0 5px 10px;
	color: #FFFFFF;
	text-align: center;
	background-color: #FE706D;
}
div#columnMain div.topknowledge dl dt{
	padding: 0 10px 5px 10px;
	line-height: 145%;
}