@charset "utf-8";
/* CSS Document */


body{
	font-size:12px;
	color:#333;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%; 
} 
body img{border:0;}

ul,ol{
	list-style:none;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

/*リンク画像透明*/
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70 )";
	background:#FFF;
}
/*リンク画像透明*/

/*リンク下線無し*/
a{text-decoration:none;}
/*リンク下線無し*/

/*リンク色*/
a:link{color:#0000ff;/*デフォルト*/}
/*リンク色*/

/*リンクhover時下線*/
a:hover{text-decoration:underline !important;} 
/*リンクhover時下線*/



/* ---ClearFix--- */ 
.clearfix:after{
	content: ".";
	display: block;
	 height: 0px;
	 clear: both;
	 visibility: hidden; 
} 
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .clearfix{
	height: 1px; 
} 
.clearfix{
    display: block;
} 
/* ---ClearFix--- */

/*float解除*/
.clear{clear:both;}   
/*float解除*/

.bold{font-weight:bold;}
.red{color:#F00;}
.blue{color:#00F;}
.green{color:#0C0;}



/* 全体センター寄せ */
#container{
	clear:both;
	width:920px;
	text-align:left;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}
/* 全体センター寄せ */



/* h1 */
h1{
	width:915px;
	height:25px;
	line-height:25px;
	margin:0 auto 0 auto;
	padding:0 0 0 5px;
	font-size:12px;
	color:#666;
}
/* h1 */



/* ヘッダー */
#header_background{
	background:url(img/background_header.jpg) repeat-x;
	width:100%;
	height:91px;
	margin:0;
	padding:0;
}
#header{
	width:920px;
	height:91px;
	margin:0 auto 0 auto;
	padding:0;
}
p#toplogo{
	margin:0;
	padding:0;
	float:left;
}
p#time{
	margin:0;
	padding:0;
	float:right;
}
/* ヘッダー */



/* ナビ背景 */
#navi_background{
	clear:both;
	background:url(img/background_navi.jpg) repeat;
	width:100%;
	height:49px;
	margin:0;
	padding:0;
}
/* ナビ */
#navi{
	width:920px;
	height:49px;
	margin:0 auto 0 auto;
	padding:0;
}	
#navi li{
	margin:0;
	padding:0;
	float:left;
}
/* ロールオーバー */
#navi li#navi1 a,
#navi li#navi2 a,
#navi li#navi3 a,
#navi li#navi4 a,
#navi li#navi5 a{
	display:inline-block;
}
#navi li#navi1 a:hover,
#navi li#navi2 a:hover,
#navi li#navi3 a:hover,
#navi li#navi4 a:hover,
#navi li#navi5 a:hover{
	background-color:transparent;
}
#navi li#navi1 a:hover img,
#navi li#navi2 a:hover img,
#navi li#navi3 a:hover img,
#navi li#navi4 a:hover img,
#navi li#navi5 a:hover img{
	visibility:hidden;
}
li#navi1{
	background:url(img/navi11.jpg) no-repeat;
	width:184px;
	height:49px;
	margin:0;
	padding:0;
}
li#navi2{
	background:url(img/navi22.jpg) no-repeat;
	width:184px;
	height:49px;
	margin:0;
	padding:0;
}
li#navi3{
	background:url(img/navi33.jpg) no-repeat;
	width:184px;
	height:49px;
	margin:0;
	padding:0;
}
li#navi4{
	background:url(img/navi44.jpg) no-repeat;
	width:184px;
	height:49px;
	margin:0;
	padding:0;
}
li#navi5{
	background:url(img/navi55.jpg) no-repeat;
	width:184px;
	height:49px;
	margin:0;
	padding:0;
}
/* ロールオーバー */
/* ナビ */



/* パンくず */
#pankuzu{
	clear:both;
	width:920px;
	margin:0;
	padding:0;
	height:35px;
	line-height:35px;
	font-size:11px;
	color:#666;
}
#pankuzu ol{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}
#pankuzu li{
	display:inline;
	margin:0;
	padding:0;
}
#pankuzu a:link{color:#963;}
#pankuzu a:visited{color:#963;}
#pankuzu a:hover{color:#930;}
#pankuzu a:active{color:#963;}
/* パンくず */



/* スライド */
#slide{
	width:736px;
	height:253px;
	margin:0 8px 15px 0;
	padding:0;
	float:left;
}
/* スライド */

/* スライドの右側 */
#slide_right{
	float:right;
	width:176px;
	height:253px;
	margin:0 0 15px 0;
	padding:0;
}
#slide_right img{
	margin:0;
	padding:0;
}
/* スライドの右側 */

/* =======================================
    スライドショー
======================================= */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* slideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(img/btnNext.jpg) no-repeat center center;
}

/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
/* =======================================
    スライドショー
======================================= */



/* コンテンツ */
#contents{
	clear:both;
	width:640px;
    margin:0 0 90px 0;
	padding:0 0 0 10px;
	float:right;
}


/* コンテンツ */



/* サイドメニュー */
#sidebar{
	clear:left;
	width:265px;
	margin:0 0 90px 0;
	padding:0 5px 0 0;
	float:left;
}
#repair_menu{
	width:263px;
	height:660px;
	margin:0 0 20px 0;
	padding:0;
	border:solid 1px #666;
	color:#999;
}
ul#repair_menu_1{
	margin:15px 0 0 15px;
	padding:0;
}
ul#repair_menu_2{
	margin:30px 0 0 15px;
	padding:0;
}
#repair_menu ul li{
	margin:0 0 10px 0;
	padding:0;
	height:38px;
	line-height:19px;
}
#repair_menu ul li img{
	float:left;
	margin-right:15px;
}
#repair_menu a:link{color:#333;}
#repair_menu a:visited{color:#000;}
#repair_menu a:hover{color:#630;}
#repair_menu a:active{color:#966;}


#brand-watch_repair_price{
	width:263px;
	height:590px;
	margin:0 0 15px 0;
	padding:0;
	border:solid 1px #666;
}
#brand-watch_repair_price ul{
	margin:15px 0 0 15px;
	padding:0;
}
#brand-watch_repair_price ul li{
	margin:0 0 10px 0;
	padding:0;
	height:38px;
	line-height:38px;
	font-size:13px;
}
#brand-watch_repair_price ul li img{
	float:left;
	margin-right:10px;
}
#brand-watch_repair_price a:link{color:#333;}
#brand-watch_repair_price a:visited{color:#000;}
#brand-watch_repair_price a:hover{color:#630;}
#brand-watch_repair_price a:active{color:#966;}

img#blog{
	margin:3px 0 0 3px;
	padding:0;
}
/* サイドメニュー */



/* フッター上の ページトップへ ここから */	
#footer_pagetop{
	clear:both;
	margin:0 5px -5px 0;
	padding:0;
	text-align:right;
}
/* フッター上の ページトップへ ここまで */	



/* フッター */
#footer_background{
	background:url(img/background_footer.jpg) repeat;
	clear:both;
	width:100%;
	height:230px;
	margin:0;
	padding:0;
}
#footer{
	width:920px;
	height:230px;
	text-align:left;
	margin:0 auto 0 auto;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	color:#FFF;
	
}
/*フッターリンクの色*/
#footer a{text-decoration:none;}
#footer a:link{color:#FFF;}
#footer a:visited{color:#FFF;}
#footer a:hover{color:#999;}
#footer a:active{color:#FFF;}
/*フッターリンクの色*/


#footer_left{
	width:255px;
	height:200px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#footer address{
	width:215px;
	margin:5px 0 0 40px;
	padding:0;
	font-style:normal;
	font-size:12px;
	line-height:1.9em;
}

#footer_right{
	width:655px;
	height:185px;
	margin:0;
	padding:15px 0 0 0;
	float:right;
}
#footer_right #fotter_navi_box{
	display:block;
	width:645px;
	height:70px;
	margin:0 0 20px 0;
	padding:0;
	letter-spacing:0.1em;
	border-bottom:1px double #666;
}
#footer_right ul.fotter_navi{
	display:block;
	width:645px;
	height:30px;
	margin:0 0 0 0;
	padding:0;
}
#footer_right ul.fotter_navi li{
	display:block;
	width:180px;
	margin:0;
	padding:0;
	line-height:30px;
	letter-spacing:0.1em;
	text-align: center;
	float:left;
}

p#kaitori_by_brand{
	height:20px;
	margin:0 0 10px 25px;
	padding:0;
	line-height:1.5em;
	color:#FF6;
}
#footer_right ul.by_brand{
	display:block;
	width:180px;
	height:60px;
	margin:0 0 0 25px;
	padding:0;
	letter-spacing:0.1em;
	float:left;
}
#footer_right ul.by_brand li{
	height:25px;
	margin:0;
	padding:0;
	line-height:2.0em;
}

p#copyright{
	clear:both;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:center;
}
/* フッター */