@charset "UTF-8";
/* *************************************************************
	基本設定
************************************************************* */
body { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
/*　フォント設定　*/
p { color: #333; font-size: 12px; letter-spacing: 0em; line-height: 20px; font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
a { color: #00a8ff; }
a:hover { color: #77d1ff; }
h1 { color: #333; font-size: 20px; }
h2 { color: #333; }
h3 { color: #333; font-size: 14px; }
/*　テキスト設定　*/
.textred { color: #ff0000; }
.textblue { color: #0081cc; }
.textwhite { color: #ffffff; }
.font14_20 { font-size: 14px; line-height: 20px; }
.font14_23 { font-size: 14px; line-height: 23px; }
.font14_26 { font-size: 14px; line-height: 26px; }
.font14_29 { font-size: 14px; line-height: 29px; }
.font14_31 { font-size: 14px; line-height: 31px; }
.font16_25 { font-size: 16px; line-height: 25px; }
.font16_25_orange { font-size: 16px; line-height: 25px; color: #ed6d00; }
.font12_18 { font-size: 12px; line-height: 18px; }
.font12_12 { font-size: 12px; line-height: 12px; }
.font_indent1 { margin-left: 0.8em; }
.font_indent2 { margin-left: 1.3em; }
.font_indent12 { margin-left: 0.8em; text-indent: -0.8em; }
.font_indent22 { margin-left: 1.3em; text-indent: -1.1em; }
.font_bold { font-weight: bold; }
/*　ライン設定　*/
.hasen { border-top: 1px dashed #dedede; border-bottom: none; margin-top: 20px; }
/*　余白設定　*/
.top5 { padding-top: 5px; }
.top8 { padding-top: 8px; }
.top10 { padding-top: 10px; }
.top15 { padding-top: 15px; }
.top20 { padding-top: 20px; }
.top30 { padding-top: 30px; }
.top40 { padding-top: 40px; }
.top50 { padding-top: 50px; }
.top80 { padding-top: 80px; }
.right25 { padding-right: 25px; }
.right28 { padding-right: 28px; }
.right35 { padding-right: 35px; }
.right50 { padding-right: 50px; }
.left15 { padding-left: 15px; }
.left35 { padding-left: 35px; }
.left50 { padding-left: 50px; }
.left110 { padding-left: 110px; }
.bottom5 { padding-bottom: 5px; }
.bottom20 { padding-bottom: 20px; }
.bottom30 { padding-bottom: 30px; }
.bottom50 { padding-bottom: 50px; }
/*　位置設定　*/
img.right { float: right; }
img.left { float: left; padding-right: 20px; padding-bottom: 20px; }
.center { text-align: center; }
		
/*-- .clearfix　(回り込み解除（回り込みの親要素に使用）） --*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{
	/* For Mac IE5 \*//*/
	width: 100%;
	/* End for Mac IE5 */ 
	display:inline-block;
	/* Hide for Mac IE5 \*/
	clear:both;
	height:1%;
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}
.clearfix{/* for Safari Opera */
	/* Hide for Mac IE5 \*/
	display:block;
	/* End Hide for Mac IE5 */
}
.clearbox { clear: both; }
/* *************************************************************
	レイアウト設定
************************************************************* */
/*　全体囲み設定　*/
#wrapper { margin: auto; width: 900px; text-align: left; background: url("../img/back_contents.gif") repeat-y; }
/*　ページヘッダ設定　*/
#head { margin: auto; width: 900px; height: 490px; background: url("../img/header_back.jpg") no-repeat; position: relative; }
	/*　タイヤガード　*/
	.tireguard-title { float: left; width: 409px; height: 107px; background: url("../img/head_tireguard_titleB2.gif") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute ; top: 43px; left: 60px; }
	/*　お問合せ　*/
	.head_toiawase a { width: 262px; height: 99px; background: url("../img/head_toiawase.gif") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute ; top: 50px; left: 595px; display: block; }
	/*　キーワード　*/
	.head_keyword { clear: both; width: 799px; height: 40px; background: url("../img/head_keyword.gif") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute ; top: 165px; left: 60px; }
	/*　3つの安心　*/
	.head_mittsunoanshin { width: 455px; height: 193px; background: url("../img/head_mittsunoanshin.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute ; top: 250px; left: 60px; }
　　.head_mittsunoanshin2023 { width: 455px; height: 193px; background: url("../img/head_mittsunoanshin2023.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute ; top: 250px; left: 60px; }
/*　錠商設定　*/
#headB { margin: auto; width: 900px; height: 184px; background: url("../img/header_backB.jpg") no-repeat; }
	/*　錠商　*/
	.josho-title { float: left; width: 278px; height: 55px; background: url("../img/header_josho.gif") no-repeat; text-indent: -9876px; 
		margin-top: 75px; margin-left: 50px; display: block; }
	
	.head_toiawaseB a { float: left; width: 262px; height: 99px; background: url("../img/head_toiawase.gif") no-repeat; text-indent: -9876px;
		 margin-top: 50px; margin-left: 260px; display: block; }
/*　メニュー　*/
.menu { width: 900px; height: 60px; background: url("../img/menu.gif") no-repeat; text-indent: -9876px; }
	.menu ul { margin: auto; width: 900px; }
	.menu li { display:inline; height: 60px; }
	.menu a{ display:block; float: left; height: 60px; background:url('../img/menu.gif') no-repeat; text-indent:-9876px; }
	/*--  メニューボタンの幅・背景画像位置指定 --*/
	#tireguard a{ width:251px; background-position: 0px 0px; }
	#tireguard a:hover{ background-position: 0px  -60px; }
	#tireguard_on a{ width:251px; background-position: 0px  -60px; }
	#kinko a{ width:201px; background-position: -251px 0px; }
	#kinko a:hover{ background-position: -251px  -60px; }
	#kinko_on a{ width:201px; background-position: -251px  -60px; }
	#oroshi a{ width:201px; background-position: -452px 0px; }
	#oroshi a:hover{ background-position: -452px  -60px; }
	#oroshi_on a{ width:201px; background-position: -452px  -60px; }
	#company a{ width:201px; background-position: -653px 0px; }
	#company a:hover{ background-position: -653px  -60px; }
	#company_on a{ width:201px; background-position: -653px  -60px; }
/*　フッタ　*/
#footer { margin: auto; width: 250px; height: 50px; padding-top: 10px; }
	.count { margin: auto; text-align: center; }
/* *************************************************************
	リセット設定
************************************************************* */
/* よく登場する要素のリセット */
body,h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }
/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }