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

/* Page
--------------------------------------------------------------------------------*/
.topicPath {
	clear: both;
	padding: 0.8em 0px;
}
.topicPath p{
	font-size: 10px;
}
/*ページの先頭へ戻る*/
.goPageTop{
	margin-top: 5px;
	text-align: right;
}
.goPageTop img{
	margin: 0 3px 2px 0;
}

/* div#mainContainer
--------------------------------------------------------------------------------*/
div#mainContainer {
	width: 100%;
	background: url(../images/header_bg.gif) repeat-x top;
}
div#areaHeader {
	width: 1024px;
	margin: 0px auto;
}

/* div#areaHeader
--------------------------------------------------------------------------------*/
div#areaHeader .description {
	padding: 6px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 15px;
	display: block;
}
div#areaHeader .title_rogo {
	float: left;
}
div#areaHeader .free_area form {
	padding-top: 25px;
	padding-left: 15px;
}
div#areaHeader .free_area form label img {
	vertical-align: middle;
}

div#areaHeader .free_area ul {
	float: right;
}
div#areaHeader .free_area ul li {
	float: left;
	padding-right: 1em;
	margin: 10px 1em 0px 0px;
	font-size: 10px;
	background: url(../images/line_rows_1px.gif) repeat-y right;
}
div#areaHeader .free_area ul li.end {
	padding-right: 0px;
	margin-right: 0px;
	background: none;
}
div#areaHeader .free_area ul li a {
	padding-left: 1em;
	background: url(../images/bullet_link01.gif) no-repeat left center;
}
div#areaHeader .free_area ul li a:hover {
	color: #666;
	text-decoration: none;
}

/* div#blockGlobal < div#areaHeader
--------------------------------------------------------------------------------*/
div#blockGlobal {
	clear: both;
	height: 47px;
}
div#blockGlobal li {
	float: left;
}
div#blockGlobal li span {
	display: none;
}
div#blockGlobal li a {
	height: 47px;
	display: block;
}
div#blockGlobal li a:hover,
div#blockGlobal li.on a {
	background-position: 0px -47px;
}
div#blockGlobal li.menu_01 a {
	width: 148px;
	background-image: url(../images/global_menu_01.jpg);
}
div#blockGlobal li.menu_02 a {
	width: 145px;
	background-image: url(../images/global_menu_02.jpg);
}
div#blockGlobal li.menu_03 a {
	width: 146px;
	background-image: url(../images/global_menu_03.jpg);
}
div#blockGlobal li.menu_04 a {
	width: 146px;
	background-image: url(../images/global_menu_04.jpg);
}
div#blockGlobal li.menu_05 a {
	width: 146px;
	background-image: url(../images/global_menu_05.jpg);
}
div#blockGlobal li.menu_06 a {
	width: 146px;
	background-image: url(../images/global_menu_06.jpg);
}
div#blockGlobal li.menu_07 a {
	width: 147px;
	background-image: url(../images/global_menu_07.jpg);
}


/* div#areaWrap top専用
--------------------------------------------------------------------------------*/
div#columnWrapTop{
	float: left;
	width: 767px;
	background: url(../images/columnLeft_bgtop.gif) repeat-y top left;
}


/* div#areaContent
--------------------------------------------------------------------------------*/
div#areaContent,
.topicPath {
	width: 978px;
	margin: 0 auto;
}

div#columnWrap{
	float: left;
	width: 767px;
	background: url(../images/columnLeft_bg.gif) repeat-y top left;
}

div#columnMain{
	float: right;
	width: 557px;
	line-height: 145%;
}

div#columnLeft{
	float: left;
	width: 200px;
	background: url(../images/columnLeft_bgend.gif) no-repeat top left;
}
div#columnRight{
	float: right;
	width: 206px;
}
div.Wrapclear{
	clear: both;
	height: 1px;
	width: 200px;
	font-size: 0;
	vertical-align: top;
}

/*  div#columnLeft
----------------------------------------*/
/* メインメニュー */

div#columnLeft #menuInner{
	padding: 12px;
}
div#columnLeft ul.mainMenu,
div#columnLeft ul.subMenu{
	margin-bottom: 10px;
	list-style-type: none;
}
div#columnLeft ul.mainMenu li{
	line-height: 35px;
}
div#columnLeft ul.mainMenu li a{
	height: 36px;
	width: 154px;
	padding-left: 22px;
	overflow: hidden;
	color: #666666;
	text-decoration: none;
	display: block;
	background: url(../images/left_menu_bg.gif) no-repeat 0 -36px;
}
div#columnLeft ul.mainMenu li a:hover{
	color: #FF0000;
	background-position: 0 0;
}
div#columnLeft ul.mainMenu li.btnimgon{
	height: 36px;
	width: 154px;
	padding-left: 22px;
	overflow: hidden;
	background: url(../images/left_menu_bg.gif) no-repeat;
}

/* サブメニュー */
div#columnLeft ul.subMenu li{
	padding: 10px 0 10px 18px;
	border-bottom: #999999 2px dotted;
	background: url(../images/left_submenu.gif) no-repeat 3px 13px;
}
div#columnLeft ul.subMenu li.subMenuend{
	border: none;
}

/* 取り扱いエリア */

div#columnLeft .areaTitle{
	padding: 5px 0;
	margin: 5px 5px 10px 5px;
	font-weight: bold;
	color: #043E98;
	text-align: center;
	background: url(../images/left_area_bg.gif) repeat-x;
}
div#columnLeft .areaImg{
	padding: 0 0 2em 0.5em;
	margin: 5px;
	line-height: 155%;
	background: url(../images/left_area_img.jpg) no-repeat bottom;
}

/* ソーシャルブックマーク */
div#columnLeft .sbmBtn {
	padding: 0 0 2em 0.5em;
	margin: 5px;
}

/*  div#columnRight
----------------------------------------*/
/* 鍵サービス内容 */
div#columnRight .rightmgn{
	margin: 5px;
}
div#columnRight .rightCall span{
	display: none;
}
div#columnRight .rightCall a{
	height: 156px;
	width: 206px;
	display: block;
	background: url(../images/right_call.jpg) no-repeat 0 0;
}
div#columnRight .rightCall a:hover{
	background-position: 0 -156px;
}
div#columnRight .rightService{
	width: 178px;
	padding: 8px;
	border: #C0C0C0 1px solid;
	border-top: none;
	background: url(../images/right_service_bg.gif) repeat-x top;
}
div#columnRight .rightService a{
	padding: 0 0.5em;
	border-right: #EF4EB8 1px solid;
}
div#columnRight .rightService a.linkfirst{
	padding-left: 0;
	border-right: #EF4EB8 1px solid;
}
div#columnRight .rightService a.linkend{
	border-right: none;
}
div#columnRight .rightService p{
	margin-top: 1em;
	line-height: 145%;
}

/* 鍵の豆知識、鍵のトラブル！はこちら、鍵のご相談はこちら */

div#columnRight  ul.rightMenu li span{
	display: none;
}
div#columnRight  ul.rightMenu li.blog a,
div#columnRight  ul.rightMenu li.trouble a,
div#columnRight  ul.rightMenu li.contact a {
	width: 196px;
	height:52px;
	display: block;
	margin:5px 0;
}
div#columnRight  ul.rightMenu li.blog a {
	background: url(../images/right_knowledge_btn.jpg) no-repeat 0 0;
}
div#columnRight  ul.rightMenu li.trouble a {
	background: url(../images/right_trouble_btn.jpg) no-repeat 0 0;
}
div#columnRight  ul.rightMenu li.contact a {
	background: url(../images/right_contact_btn.jpg) no-repeat 0 0;
}
div#columnRight  ul.rightMenu li a:hover{
	background-position: 0 -52px;
}

/* 鍵の豆知識（ブログ）専用 */
div.rightmgn div.blogmenu{
	border:#CCCCCC 1px solid;
	border-top:#043E98 3px solid;
	border-bottom:none;
}
div.rightmgn div.blogmenuend{
	border:#CCCCCC 1px solid;
	border-top:#043E98 3px solid;
}
div.rightmgn div.blogmenuend div.blogtitle,
div.rightmgn div.blogmenu div.blogtitle{
	background-color:#3675B6;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
}
div.rightmgn div.blogmenuend ul,
div.rightmgn div.blogmenu ul{
	list-style-type:none;
	margin:0;
	padding:10px;
}
div.rightmgn div.blogmenuend ul li,
div.rightmgn div.blogmenu ul li{
	padding:5px 0;
}

/* div#footerContainer
--------------------------------------------------------------------------------*/
div#footerContainer{
	background: url(../images/foot_bg.gif) repeat-x;
}
div#footerContainer .areaFooter{
	padding: 10px;
	font-size: 10px;
	line-height: 200%;
	text-align: center;
}
div#footerContainer .areaFooter a{
	padding: 0 1em;
	border-right: #999999 1px solid;
}
div#footerContainer .areaFooter a.linkend{
	border-right: none;
}