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

/*  2階層目共通
----------------------------------------*/
div#columnMain h2.secondh2{
	margin-bottom: 10px;
}
div#columnMain h3.secondh3{
	clear: both;
	height: 31px;
	width: 547px;
	padding-left: 10px;
	color: #666666;
	line-height: 31px;
	letter-spacing: 0.2em;
	background: url(../images/h3_darkblue_bg.gif) no-repeat;
}
div#columnMain h4{
	height: 22px;
	padding: 0 0 2px 15px;
	margin-bottom: 10px;
	border-bottom: #C2C2C2 1px solid;
	color: #666666;
	line-height: 25px;
	background: url(../images/2nd_h4_bg.gif) no-repeat;
}
div#columnMain h4.long{
	height: 30px;
	padding: 0 0 2px 15px;
	margin-bottom: 10px;
	border-bottom: #C2C2C2 1px solid;
	font-weight: bold;
	color: #666666;
	line-height: 120%;
	background: url(../images/2nd_h4_bglong.gif) no-repeat;
}
div#columnMain h4.news{
	border: none;
}
div#columnMain h3.secondh3:first-letter {
	padding-right: 1px;
	font-size: 1.5em;
	color: #043E98;
}
/*カコミ*/
div#columnMain div.kakomi,
div#columnMain div.flow1,
div#columnMain dl.faq,
div#columnMain dl.voice,
div#columnMain div.company,
div#columnMain dl.companyprofile {
	width: 535px;
	padding: 10px;
	margin: 0;
	border: #CCCCCC 1px solid;
	border-top: none;
	border-bottom: none;
}
div#columnMain div.kakomi p{
	margin: 0.5em 0;
}
/*最後のカコミ*/
div#columnMain dl.link,
div#columnMain div.privacy,
div#columnMain div.sitemap,
div#columnMain div.blog,
div#columnMain div.flowend,
div#columnMain dl.companyhistory,
div.kakomi-contact {
	width: 535px;
	padding: 10px;
	margin: 0;
	border: #CCCCCC 1px solid;
	border-top: none;
}

/*ご相談・お問い合わせ*/
div.flow1 div.phone,
div.kakomi-contact div.phone{
	margin: 10px 0 5px 0;
}
div.flow1 div.goform,
div.kakomi-contact div.goform{
	height: 30px;
	width: 334px;
	padding: 8px 0 0 200px;
	margin-bottom: 20px;
	background: url(../images/2nd_contact_form.gif) no-repeat;
}
div.flow1 div.goform a,
div.kakomi-contact div.goform a{
	height: 23px;
	width: 194px;
	display: block;
	background: url(../images/2nd_contact_formbtn.gif) no-repeat;
}
div.flow1 div.goform a:hover,
div.kakomi-contact div.goform a:hover{
	background-position: 0 -23px;
}
div.flow1 div.goform span,
div.kakomi-contact div.goform span{
	display: none;
}



/*  会社概要
----------------------------------------*/
/*ごあいさつ*/
div#columnMain div.company img{
	margin: 10px 0 10px 130px;
}
div#columnMain div.company p{
	text-indent: 1em;
}
/*会社概要*/
div#columnMain dl.companyprofile dt{
	float: left;
	clear: left;
	width: 115px;
	padding: 5px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	color: #3675B6;
}
div#columnMain dl.companyprofile dd{
	padding: 5px 5px 5px 133px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	background: url(../company/images/company_bg_blue.gif) repeat-y;
	background-color: #f5f5f5;
}
/*沿革*/
div#columnMain dl.companyhistory dt{
	float: left;
	clear: left;
	width: 115px;
	padding: 5px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	color: #38961F;
}
div#columnMain dl.companyhistory dd{
	padding: 5px 5px 5px 133px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	background: url(../company/images/company_bg_green.gif) repeat-y;
	background-color: #f5f5f5;
}

/*  鍵の種類
----------------------------------------*/
/*鍵の種類：上段info*/
div#columnMain div.kakomi div.typeimg{
	float: left;
	margin: 0 10px 10px 0;
	border: #CCCCCC 2px solid;
}
div#columnMain div.kakomi div.typeinfo{
	float: right;
	width: 262px;
	line-height: 145%;
}
div#columnMain div.kakomi div.typeinfo dl.info1{
	margin-top: 1em;
}
div#columnMain div.kakomi div.typeinfo dl.info1 dt{
	float: left;
	clear: left;
	height: 1em;
	width: 68px;
	padding: 5px;
	border: #C2C2C2 1px solid;
	border-bottom: none;
	color: #FFFFFF;
	line-height: 1em;
	background-color: #3675B6;
}
div#columnMain div.kakomi div.typeinfo dl.info1 dt.end{
	border-bottom: #C2C2C2 1px solid;
}
div#columnMain div.kakomi div.typeinfo dl.info1 dd{
	height: 1em;
	padding: 5px 5px 5px 8px;
	margin-left: 78px;
	border: #C2C2C2 1px solid;
	border-bottom: none;
	border-left: none;
	line-height: 1em;
}
div#columnMain div.kakomi div.typeinfo dl.info1 dd.end{
	border-bottom: #C2C2C2 1px solid;
}
/*鍵の種類：下段info*/
div#columnMain div.kakomi .info2{
	clear: both;
}
div#columnMain div.kakomi .info2 td.left{
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	color: #3675B6;
	background-color: #E2EBF4;
}
div#columnMain div.kakomi .info2 td.left2{
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	background-color: #CCCCCC;
}
div#columnMain div.kakomi .info2 td.right{
	padding: 5px;
	border-bottom: #ffffff 1px solid;
	text-align: center;
	background-color: #f5f5f5;
}
div#columnMain div.kakomi .info2 td.right2{
	padding: 5px;
	border-bottom: #ffffff 1px solid;
	background-color: #f5f5f5;
}


/*  鍵のご相談
----------------------------------------*/
/*ご相談フォーム*/
div.kakomi-contact dl.form{
	margin: 0.5em 0;
}
div.kakomi-contact dl.form dt{
	float: left;
	clear: left;
	width: 115px;
	padding: 5px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	color: #3675B6;
}
div.kakomi-contact dl.form dd{
	padding: 5px 5px 5px 133px;
	margin-bottom: 2px;
	border-right: #FFFFFF 2px solid;
	background: url(../contact/images/bg_blue.gif) repeat-y;
	background-color: #f5f5f5;
}
div.kakomi-contact .txred{
	margin: 0.5em 0;
	color: #FF0000;
}
div.kakomi-contact .formmgn{
	margin: 0 5px;
}
div.kakomi-contact .formwidth1{
	width: 250px;
}
div.kakomi-contact .formwidth2{
	width: 360px;
}
/*確認する*/
div.kakomi-contact div.formbtn{
	margin: 20px 0 20px 205px;
}
div.kakomi-contact div.formbtn a{
	height: 23px;
	width: 144px;
	display: block;
	background: url(../contact/images/contact_btn.gif) no-repeat;
}
div.kakomi-contact div.formbtn a:hover{
	background-position: 0 -23px;
}
div.kakomi-contact .formbtn span{
	display: none;
}
/*  鍵のトラブル
----------------------------------------*/
/*鍵の各種サービス*/
div#columnMain div.kakomi div.troubleservice{
	clear: right;
	height: 30px;
	width: 334px;
	padding: 8px 0 0 200px;
	margin: 20px 0;
	background: url(../images/trouble_service.gif) no-repeat;
}
div#columnMain div.kakomi div.troubleservice a{
	height: 24px;
	width: 174px;
	display: block;
	background: url(../images/trouble_btn.gif) no-repeat;
}
div#columnMain div.kakomi div.troubleservice a:hover{
	background-position: 0 -24px;
}
div#columnMain div.kakomi div.troubleservice span{
	display: none;
}
/*  鍵交換の流れ
----------------------------------------*/
div#columnMain div.flow1 .arrow,
div#columnMain div.kakomi .arrow{
	clear: both;
	margin-left: 256px;
}
/*  よくある質問
----------------------------------------*/
dl.faq dt{
	height: 26px;
	padding: 3px 0 0 30px;
	margin: 10px 0 5px 0;
	overflow: visible;
	color: #043E98;
	background: url(/images/faq_q.gif) no-repeat;
}
dl.faq dd{
	padding: 3px 0 10px 30px;
	margin: 5px 0 10px 0;
	border-bottom: #3B74BB dotted 2px;
	background: url(/images/faq_a.gif) no-repeat;
}
dl.faq dd.end{
	border-bottom: none;
}
dl.faq ul.faq{
	padding-left: 0.5em;
	margin: 0.5em 0;
	list-style: disc;
}
dl.faq ul.faq li{
	list-style-position: inside;
}
/*  鍵のレスキュ−
----------------------------------------*/
div.kakomi p.service{
	margin-bottom: 2em;
}
div.kakomi div.servicetx{
	width: 370px;
	margin: 0 0 30px 160px;
}
div.kakomi div.taio{
	height: 27px;
	padding: 5px 0 0 60px;
	margin-top: 10px;
	overflow: visible;
	color: #3675B6;
	background: url(../images/service_taio.gif) no-repeat;
}

/*  料金表
----------------------------------------*/
div.kakomi td.komoku{
	width: 14%;
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	color: #ffffff;
	background-color: #3B74BB;
}
div.kakomi td.pricetx{
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	color: #ffffff;
	text-align: center;
	background-color: #999999;
}
div.kakomi td.price19{
	width: 19%;
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	text-align: center;
	background-color: #E2EBF4;
}
div.kakomi td.price24{
	width: 24%;
	padding: 5px;
	border: #ffffff 1px solid;
	border-top: none;
	border-left: none;
	text-align: center;
	background-color: #E2EBF4;
}
div.kakomi div.pricecap{
	margin: 10px 0;
	font-size: 80%;
}

/*  ブログ
----------------------------------------*/
/*日付表示（ブログ・お知らせ共通）*/
div.blog div.mtdate,
div.kakomi div.mtdate{
	margin: 3px 0;
	color: #3675B6;
	text-align: right;
}
div.blog p{
	margin-bottom: 30px;
	display: block;
}
/*詳細ページ*/
div.comment-title{
	padding: 10px 0 10px 15px;
	margin: 1em 0 0 0;
	border-top: #cccccc solid 1px;
	background: url(../news/images/news_icon.gif) no-repeat left center;
}
div.blog dl.mtcomment .formwidth1{
	width: 250px;
	margin-bottom: 0.5em;
}
div.blog dl.mtcomment .formwidth2{
	width: 360px;
	margin-bottom: 0.5em;
}
div.blog ul.mtbtn{
	margin: 1em 0 2em 0;
}
div.blog ul.mtbtn li{
	float: left;
}
div.blog ul.mtbtn li.kakunin a,
div.blog ul.mtbtn li.toko a{
	height: 24px;
	width: 114px;
	display: block;
}
div.blog ul.mtbtn li.kakunin a{
	margin-right: 10px;
	background: url(../blog/images/blog_btn_kakunin.gif) no-repeat;
}
div.blog ul.mtbtn li.toko a{
	background: url(../blog/images/blog_btn_toko.gif) no-repeat;
}
div.blog ul.mtbtn li.kakunin a:hover,
div.blog ul.mtbtn li.toko a:hover{
	background-position: 0 -24px;
}
div.blog ul.mtbtn li.kakunin span,
div.blog ul.mtbtn li.toko span{
	display: none;
}


/*  お知らせ
----------------------------------------*/
/*トップ*/
div.kakomi dl.news{
	margin-bottom: 2em;
}
div.kakomi dl.news .title{
	padding: 5px;
	border: none;
	color: #FFFFFF;
	text-align: center;
	background-color: #3675B6;
}
div.kakomi dl.news dt{
	float: left;
	clear: left;
	width: 120px;
	padding: 5px;
	margin-right: 5px;
	border-bottom: #3675B6 1px dotted;
}
div.kakomi dl.news dd{
	padding: 5px;
	margin-left: 135px;
	border-bottom: #3675B6 1px dotted;
}
/*詳細*/
div.kakomi div.newstx{
	margin: 0 0 1em 1em;
}
div.news-komidashi{
	padding-left: 15px;
	margin: 1em 0 0.5em 0;
	background: url(../news/images/news_icon.gif) no-repeat left center;
}
div.kakomi ul.news{
	margin-left: 1.5em;
	list-style: disc;
}
div.kakomi ul.news li{
	list-style-position: outside;
}
div.kakomi div.newstx div.goback{
	margin-top: 1em;
	text-align: right;
}
div.kakomi div.newstx div.goback img{
	margin: 0 3px 2px 0;
}

/*  お客さまの声
----------------------------------------*/
dl.voice dt{
	padding: 6px 0 18px 8px;
	margin: 10px 0 2px 0;
	font-weight: bold;
	color: #3675B6;
	background: url(/images/voice_voice.gif) no-repeat bottom;
	background-color: #E2EBF4;
}
dl.voice dd{
	padding: 0 8px;
	margin-bottom: 2em;
}

/*  リンク集
----------------------------------------*/
div#columnMain dl.link dt {
	float: left;
	clear: left;
	width: 150px;
	padding: 5px;
	margin: 0 10px 0 0;
	background-color: #E2EBF4;
}
div#columnMain dl.link dd {
	padding: 5px 5px 5px 160px;
	margin: 10px 0 10px 0;
	border-bottom: #E2EBF4 1px solid;
}
/*  個人情報保護方針
----------------------------------------*/
div.privacy p{
	margin: 0.5em 1em;
	display: block;
}
div.privacy p.read{
	margin: 0;
}
div.privacy div.midashi{
	margin: 1.5em 0 0.5em 0;
	font-weight: bold;
}
/*  サイトマップ
----------------------------------------*/
div.sitemap ul.sitemapleft{
	width:150px;
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
}
div.sitemap ul.sitemapright{
	width:50%;
	float: left;
	margin:10px 0 0 10px;
	padding:0;
}
div.sitemap ul.sitemapleft li a{
	background: url(../images/sitemap_icon.gif) no-repeat 10px center;
	padding: 5px 5px 5px 25px;
	display:block;
}
div.sitemap ul.sitemapleft li a.topbg{
	background: url(../images/sitemap_icon.gif) no-repeat 10px center;
	display:block;
	padding: 5px 5px 5px 25px;
	background-color: #CCDEF4;
	margin-bottom:10px;
}
div.sitemap ul.sitemapleft li a.topbg:hover{
	background: url(../images/sitemap_icon_on.gif) no-repeat 10px center;
	background-color: #C7E8C5;
	color:#355C02;
}
div.sitemap ul.sitemapright li a{
	background: url(../images/sitemap_icon.gif) no-repeat 10px center;
	padding: 5px 5px 5px 25px;
	display:block;
	background-color: #E2EBF4;
	margin-bottom:10px;
}
div.sitemap ul.sitemapright li a:hover{
	background: url(../images/sitemap_icon_on.gif) no-repeat 10px center;
	background-color: #DBEEDC;
	color:#355C02;
}