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

body {
    margin:0;
    padding:0;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size:12px;
    color:#444444;
    line-height:140%;
    background-position: left top;
    background-image: url(../../common/img/main_bg2.jpg);
    background-repeat:repeat-x;
    background-color:#FFF;
}

body a:link,
body a:visited {
	color:#666666;
	text-decoration: underline;
}
body a:active,
body a:hover {
	color:#53c3db;
	text-decoration: none;
}


h2{
    margin: 0 0 20px;
    padding:0 5px 0;
    border-left:5px solid #E20A16;
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
}
h4{
    font-size: 20px;
    display: inline;
    line-height: 1;
    vertical-align: top;
}


div.topic_path{
    margin-bottom:15px;
    padding: 5px 10px;
    background-color: #EEEEEE;
}


p{
    margin:0 0 10px;
}

a:hover img{
    opacity:0.7;
    filter: alpha(opacity=70);
}



#footer a:link,
#footer a:visited {
	color:#FFFFFF;
	text-decoration: underline;
}
#footer a:active,
#footer a:hover {
	color:#FF6600;
	text-decoration: none;
}



.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*body{
    margin:0;
    padding:0;
    background-position: left top;
    background-image: url(../../common/img/main_bg.jpg);
    background-repeat:repeat-x;
    background-color:#FFF;
	}*/


.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.red{
    color:#FF0000;
}


/* container
**********************/
#container {
    margin:0 auto;
    padding:0;
    width:980px;
    font-size:12px;
    background-image:url(../../common/img/content_bg.jpg);
    background-repeat:repeat-y;
    background-position:left top;
}

#container2 {
    margin:0 auto;
    padding:0;
    width:980px;
    font-size:12px;
    background-image:url(../../common/img/content_bg02.jpg);
    background-repeat:repeat-y;
    background-position:left top;
}

#Wrapper{
    padding: 10px 10px 20px 20px;
}
#container2 #Wrapper{
    padding: 0 20px 20px;
}
#content {
    padding:0 10px 10px;
    
}

#header {
	position:relative;
	height:110px;
        background-color:#FFFFFF;
}

#logo{
    position:absolute;
    top:10px;
    left:10px
}
#logo a:hover img{
    opacity:1;
    filter: alpha(opacity=100);
}

#headerInfo{
    position:absolute;
    top:5px;
    left:430px
}


#gm {
    width:960px;
    height:41px;
    background-image:url(../../common/img/gm_bg.jpg);
    margin:0 auto;
    padding:0;
    line-height: 0%;
    position:absolute;
    top:69px;
    left:10px;
}
#gm ul{
	margin:0;
	padding:0;
	height:37px;
	list-style-type:none;
        line-height: 0%;
}
#gm ul li{
	margin:0;
	padding:0;
	float:left;
	height:37px;
        line-height: 0%;
}


#footer {
    padding:20px 10px 0;
    height:100px;
    background-color:#000000;
    background-position: left top;
    background-image: url(../img/footer_bg.jpg);
    background-repeat:repeat-x;
}
#footer div#footerArea{
    width:900px;
    margin:0 auto 20px;
}

#footer div#footerArea ul{
}

#footer div#footerArea ul li{
    margin:5px;
    float:left;
    color:#FFFFFF;
}

/* header
**********************/	




/* content
**********************/	
.fl{
	float:left;
}
.fr{
	float:right;
}
p.text01{
    margin:5px 5px 20px;
    font-size:12px;
    line-height:140%;
}


div.box01{
    margin:0 auto 20px;
    width:670px;
    background-image: url(../../common/img/h3box_bg01.jpg);
    background-repeat:repeat-y;
    border-bottom:1px solid #CCCCCC;
}
div.box01 h3{
    margin:0 auto;
    padding:7px 20px 0;
    background-image:url(../../common/img/h3_bg01.jpg);
    background-repeat:no-repeat;
    width:630px;
    height:24px;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
}
div.box01 h4{
    height:24px;
    font-size:16px;
    font-weight:bold;
}

div.box02{
    margin:0 auto 20px;
    width:670px;
}
div.box02 h3{
    margin:0 auto;
    padding:7px 20px 0;
    background-image:url(../../common/img/h3_bg01.jpg);
    background-repeat:no-repeat;
    width:630px;
    height:24px;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
}

div.box03{
    margin:0 auto 20px;
    width:670px;
    background-image: url(../../common/img/h3box_bg03.jpg);
    background-repeat:repeat-y;
    border-bottom:1px solid #CCCCCC;
}
div.box03 h3{
    margin:0 auto;
    padding:9px 20px 0;
    background-image:url(../../common/img/h3_bg03.jpg);
    background-repeat:no-repeat;
    width:630px;
    height:40px;
    font-size:20px;
    font-weight:bold;
    color:#333333;
}
div.box03 .wrap{
    padding:7px 20px 0;
    width: 630px;
}
div.box03 p.text01{
    margin: 0 20px 10px;
}


/*
rightcon
**********************/

#rightCon{
	margin:0 0 20px;
	width:230px;
}
#rightCon h3.h3Menu{
    width:210px;
    margin:0;
    padding:7px 10px 0;
    height:23px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:16px;
    background-image: url(../../common/img/menu_h3_bg01.jpg);
}
#rightCon div.h3MenuBox{
    margin:0 0 10px;
    padding:5px 10px 10px;
    width:210px;
    background-color:#FFFFFF;
}
#rightCon ul.btnList{
    
}
#rightCon ul.btnList li{
    margin:0 0 5px;
    width:230px;
}

/*
leftCon
**********************/
#leftCon{
	width:670px;
	margin:0 0 10px;
}

/* h2
***********************/
h2.h2_01{
    margin:20px 30px 10px;
    padding:0;
    font-size:30px;
    font-weight:bold;
}
/* h3
***********************/
h3.h3_01{
    margin:0 auto;
    padding:7px 20px 0;
    background-image:url(../img/h3_bg01.jpg);
    background-repeat:no-repeat;
    width:840px;
    height:24px;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
}
.h3_01_box{
    background-color:#000000;
    width:860px;
    margin:0 auto 20px;
    padding:10px;
    color:#AAAAAA;
}

h3.h3_02{
    margin:0 auto;
    padding:7px 20px 0;
    background-image:url(../img/sub2_h3bg02.jpg);
    background-repeat:no-repeat;
    width:840px;
    height:24px;
    font-size:16px;
    font-weight:bold;
    color:#333333;
}
.h3_02_box{
    background-color:#EFEFEF;
    width:860px;
    margin:0 auto 20px;
    padding:10px;
}

/* rightcon shop dl
***********************/
dl.shopDl{
    margin:0 0 10px;
}
dl.shopDl dt{
    font-weight:bold;
}
dl.shopDl dd{
    margin:0 5px 10px;
}


/* other
***********************/
ul.listArrow01{
    
}
ul.listArrow01 li{
    margin:0 5px 3px;
    padding:0 15px;
    background-image:url(../../common/img/icon_allow01.gif);
    background-repeat:no-repeat;
    background-position: left 50%;
}
ul.listArrow02{
}
ul.listArrow02 li{
    margin-left:10px;
    margin-bottom:8px;
    padding-left:20px;
    background-image:url(../../common/img/icon_allow02.gif);
    background-repeat:no-repeat;
    background-position: left 50%;
}

ul.listArrow03{
}
ul.listArrow03 li{
    margin-left:10px;
    margin-bottom:8px;
    padding-left:20px;
    background-image:url(../../common/img/icon_allowblog.gif);
    background-repeat:no-repeat;
    background-position: left 50%;
}



/* 各種notice設定
---------------------------------------*/
.noticeLink{
    margin:2px 5px 10px;
}
.noticeLink li,
.noticeLink dd{
    background:url("../../common/img/side_arrow.jpg") no-repeat scroll 0 0.4em transparent;
    padding-left:17px;
}
.noticeAttentionc{
    margin:0;
}
.noticeAttention li,
.noticeAttention dd{
    display:block;
    background:url("../../common/img/icon_kome_b.jpg") no-repeat scroll 0 0.5em transparent;
    padding-left:13px;
}
.noticeCaution{
    margin:0;
}
.noticeCaution li,
.noticeCaution dd{
    background:url("../../common/img/icon_kome_r.jpg") no-repeat scroll 0 0.5em transparent;
    color:#FF3300;
    padding-left:13px;
}

/*
    メニュー一覧
*********************************/
div.purpose{
    margin:10px 0;
    padding:0 15px;
    width:640px;
}
div#leftCondiv.purpose h4{
    margin:0 auto 10px;
    font-size:16px;
    font-weight:bold;
    color:#333333;
}
div.purpose ul{
    margin: 0 10px 15px;
}
div.purpose ul li{
    margin: 0px 7px 5px;
    padding-left:15px;
    display: block;
    width: 126px;
    float: left;
    background-image: url(../../common/img/icon_allow01.gif);
    background-repeat: no-repeat;
    background-position: left 50%;
}


/*
    各店舗でキャンペーン実施中！
************************************/
div#shopCam{
    padding: 5px 10px 10px;
    width: 650px;
}

div.shopCamBox{
    margin: 5px 5px 10px;
    width: 310px;
    float: left;
}
div.shopCamBox h4{
    margin: 0 0 7px;
    font-size:16px;
    font-weight:bold;
    color:#333333;
}
div.shopCamBox img.shopThumb{
    margin-right: 5px;
    width: 100px;
    float: left;
}
div.shopCamBox p{
    margin-left: 5px;
    width: 200px;
    float: right;
}

/*
    板金塗装その他カスタム系作業も大好評受付中！
************************************/
div#customMenu{
    padding: 5px 0 10px;
    width: 670px;
}

div.customMenuBox{
    margin: 5px 10px 10px 0;
    width: 213px;
    float: left;
}
div.customMenuBox img.customThumb{
    margin:0;
    width: 80px;
    float: left;
}
div.customMenuBox div.customMenuWrap{
    margin-right: 0;
    width: 126px;
    float: right;
}
div.customMenuBox div.customMenuWrap h4{
    margin: 0 0 5px;
    font-size:12px;
    font-weight:bold;
}


div.customMenuBox p{


}





.news_slider {
	position: relative; width: 600px; margin: 0 auto 20px auto; text-align: left;
}
.news_slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}
.news_slider .prev, .news_slider .next {
	position: absolute; top: 42%; display: none;
}
.news_slider .next {
	right: 0;
}
.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%; background: #eeeeed;
}
.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; width: 560px; top: 0; left: 20px; overflow: hidden;
}
.news_slider .view_all {
	font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;
}
.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	width: 270px; margin-right: 10px;
}
.news_slider .item div {
	font-size: .8em; width: 175px; padding: 10px 0 10px 0;
}
.news_slider .item img {
	padding: 10px;
}


 /*
    今月のお得情報
*************************************/

div.wrap dl.cam01{
    margin:10px 0;
    padding:0 15px;
    width:400px;
    float: right;
}
div.wrap dl.cam01 dt {
    padding: 2px 0;
color:#FF6600;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
div.wrap img.camThumb{
    display: block;
    width: 200px;
    float: left;
}





ul.newsList2{
    width:440px;
padding: 7px 0px 0px 15px;
    float:left;
}
ul.newsList2 li{
    margin:0;
    padding:0;
    background-image:none;
}
ul.newsList2 li p.date{
    padding:0 15px;
    width:100px;
    float:left;
    background-image:url(../../../common/img/icon_allowblog.gif);
    background-repeat:no-repeat;
    background-position: left 50%;
}
ul.newsList2 li p.newsText{
    width:310px;
    text-align:left;
    float:right;
}
img.iconNew{
    padding:0 10px;
}

.FactoryBox{
    padding:6px;
    width:200px;
    float:left;
}
.FactoryBox h4{
    font-size:14px;
    font-weight:bold;
    color:#333333;
}
.FactoryBox p{
    padding:2px;
}