body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #494949;
	font-size: 13px;
	line-height: 150%;
	/*font-family: Arial, Helvetica, , "MS UI Gothic", sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body div {
	text-align: center;
	margin: 0 auto;
}
p{
	padding: 0px;
	margin: 0px;
}
a{
	color: #0088CC;
	text-decoration: none;
}
img{
	border: 0px;
}
a:hover{
	text-decoration: underline;
}
a#guide{
	color: #494949;
}
/************************* INDEX-DIV ************************/
div.main{
	width: 982px;
}
div.navigation{
	background-image: url(images/background-navigation.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 5px;
}

/* index_photo */
div.index_photo{
	margin-top: 20px;
	margin-bottom: 5px;
}

/* head-line */
div.headline{
	background-image: url(images/background-headline.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 30px;
	margin-bottom: 5px;
}
#h_left{
	width: 150px;
	font-size: 12px;
/*	font-weight: bold;*/
	text-align: left;
	color: #666666;
	padding: 2px 5px 5px 5px;
	margin-left: 15px;
	float: left;
}
#h_right{
	font-size: 12px;
	color: #666666;
	padding: 2px 5px 5px 5px;
	float: left;
}

/* footer */
div.footer{
	width: 980px;
	height: 55px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
#f_left{
	font-size: 11px;
	text-align: left;
	color: #666666;
	padding: 5px;
	float: left;
}
#f_right{
	font-size: 11px;
	text-align: right;
	color: #666666;
	padding: 5px;
	float: right;
}

/************************* CONTENTS ************************/

div.contents{
	width: 980px;
	border: 1px solid silver;
	background-color: white;
	margin-bottom: 5px;
	overflow:auto;
}

/* page navi */
table.pagenavi{
	border-top: 1px solid #F2F2F2;
	width: 700px;
	height: 80px;
	font-size: 12px;
}
/* page navi */
table.pagenavi02{
	border-top: 1px solid #F2F2F2;
	width: 915px;
	height: 80px;
	font-size: 12px;
}



/************************* IMPRESSION ************************/
body#silver{
	background-color: #F2F2F2;
}
div.imp{
	background-image: url(images/imp/background-navi_imp.gif);
	width: 982px;
	height: 72px;
}
div.imp_head{
	margin-bottom: 15px;
}
#navi{
	padding-top: 45px;
	text-align: right;
}
#imp{
	background-image: url(images/background-border.gif);
	background-repeat: repeat-y;
}


/* text_area */
#imp_left{
	width:190px;
	text-align: left;
	float: left;
}
#imp_right{
	text-align: left;
	width: 700px;
	margin-right: 48px;
	margin-top: 20px;
	float: right;
}


/* text_title */
#imp_title01{
	background-image: url(images/imp/imp/background-imp01.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 250px;
}
#staff_title01{
	background-image: url(images/imp/background-staff01.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}

#vo_title01{
	background-image: url(images/imp/background-vo01.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#vo_title02{
	background-image: url(images/imp/background-vo02.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}




/* text */
p.imp_title{
	color: #888888;
	padding-left: 10px;
	padding-top: 130px;
	text-align: left;
	font-size: 16px;
}
p.vo_title{
	color: #888888;
	padding-left: 10px;
	padding-top: 55px;
	text-align: left;
	font-size: 16px;
}


div.imp_text01{
/*	background-image: url(images/photo_sample.gif);*/
	background-repeat: no-repeat;
	height: 350px;
	text-align: left;
}
div.imp_text02{
	background-image: url(images/photo_sample.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 350px;
	text-align: left;
}
p.imptext_01{
	margin-left: 360px;
	margin-top: 0px;
	text-align: left;
}
p.imptext_02{
	margin-right: 360px;
	margin-top: 0px;
	text-align: left;
}

/* voice_table */
table.voice{
	width: 700px;
}
td.voice{
	text-align: left;
	padding: 10px;
	line-height: 180%;
	font-size: 13px;
}


/************************* COMPANY ************************/
/* company */
div.company{
	background-image: url(images/company/background-navi.gif);
	width: 982px;
	height: 72px;
}
#com01{
	background-image: url(images/company/background-company.jpg);
	background-repeat: no-repeat;
}
div#com_text{
	margin-left: 190px;
	margin-top: 200px;
	text-align: left;
}
table.company{
	width: 700px;
}
td.com_title{
	font-size: 13px;
	text-align: right;
	line-height: 180%;
	padding: 15px;
}
td.com_text{
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	border-left: 7px solid #3399FF;
	padding: 10px;
	margin: 5px;
	padding: 15px;
}


/************************* CONTACT ************************/
/* contact */
div.contact{
	background-image: url(images/contact/background-navi.gif);
	width: 982px;
	height: 72px;
}
#con01{
	background-image: url(images/contact/background-contact.jpg);
	background-repeat: no-repeat;
}
div#com_text{
	margin-left: 190px;
	margin-top: 200px;
	text-align: left;
}

table.contact{
	width: 700px;
}
td.con_title{
	background-color: #E9E9E9;
	font-size: 15px;
	text-align: right;
	padding: 10px;
	margin: 3px;
}
td.con_border{
	background-color: #0088CC;
	width: 15px;
}
td.con_text{
	font-size: 13px;
	line-height: 180%;
	padding: 10px;
	margin: 3px;
}

/************************* FAQ ************************/
/* faq */
div.faq{
	background-image: url(images/faq/background-navi.gif);
	width: 982px;
	height: 72px;
}
#faq00{

}
#faq01{
	background-image: url(images/faq/background-faq01.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#faq02{
	background-image: url(images/faq/background-faq02.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#faq03{
	background-image: url(images/faq/background-faq03.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#faq04{
	background-image: url(images/faq/background-faq04.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#faq05{
	background-image: url(images/faq/background-faq05.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}
#faq06{
	background-image: url(images/faq/background-faq06.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 108px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E5E5E5;
}

div#faq_text{
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}
p.answer{
	padding: 15px;
	margin: 10px 0 20px 0;
	line-height: 200%;
	text-align: left;
	background-color: #F0F0F0;
	font-size: 1.1em;
}
/************************* muffler ************************/
/* muffler */
div.muffler{
	background-image: url(images/muffler/background-navi.gif);
	width: 982px;
	height: 72px;
}
#muf01{
	background-image: url(images/muffler/background-muffler.jpg);
	background-repeat: no-repeat;
}
div#muf_text{
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 200px;
	text-align: left;
}

/*history*/
table.history{
	border:none;
	width: 900px;
}
td.history{
	font-size: 13px;
	line-height: 180%;
}

/* photo variation -concept-*/
div.con_photo{
	background-image: url(images/muffler/con_photo01.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 450px;
	margin-right: -10px;
	text-align: left;
}
div#con_photo{
	padding-top: 160px;
	padding-right: 450px;
	text-align: left;
}

/**/
div.con_photo02{
	background-image: url(images/muffler/con_photo02.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 450px;
	margin-left: -30px;
	text-align: left;
}
div#con_photo02{
	padding-top: 80px;
	padding-left: 530px;
	padding-right: 50px;
	text-align: left;
}


/************************* Rideon ************************/
/* Rideon */
div.rideon{
	background-image: url(images/rideon/background-navi.gif);
	width: 982px;
	height: 72px;
}
#ride01{
	background-image: url(images/rideon/background-muffler.jpg);
	background-repeat: no-repeat;
}
div#ride_text{
    margin: 20px;
	text-align: left;
}
p#ride_text{
	font-size: 12px;
	margin-top: 5px;
}

/* 2021-03-09 */
p.ride_center{
    text-align: center;
    font-weight: bold;
    margin: 2em 0;
}
span.number{
    color: red;
    font-weight: bold;
    font-size: 3em;
}

/* faq */
.ride_faq{
    text-align: left;
    margin: 2em;
    line-height: 2em;
}
.ride_faq_q{
    font-weight: bold;
    color:#0088cc;
    font-size: 1.3em;
    padding-top: 1em;
    border-bottom: 1px dotted;
}
.ride_faq_a{
    padding-left: 2em;
}

.ride_mousikomi{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
}
    
    
/*2020-04-28*/
.calendar{
    width: 915px;
    height: 500px;
    border-collapse: collapse;
}
.calendar thead{
    vertical-align: middle;
    font-weight: bold;
}
.calendar td{
    width: 14%;
    border: 1px solid silver;
    padding: 5px;
    margin: 0;
    vertical-align:top;
}
.calendar span{
    font-size: 11px;
	margin-top: 5px;
    display: block;
}
.calendar td.holiday{
    background: #ffccff;
}
.calendar td.sat-sun{
    background: #99ccff;
}

/************************* Special ************************/
/* special */
div.spe{
	background-image: url(images/special/background-navi.gif);
	width: 982px;
	height: 72px;
}
#spe01{
	background-image: url(images/special/background-spe.jpg);
	background-repeat: no-repeat;
}
div#spe_text{
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}

/* photo variation */
div.spe_faq01{
	background-image: url(images/special/inst_photo01.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 5px;
	text-align: left;
}
div.spe_faq02{
	background-image: url(images/special/inst_photo02.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 5px;
	text-align: left;
}
div#spe_faq02{
	padding-right: 450px;
	text-align: left;
}
table.spe{
	width: 900px;
	background-color: #EEEEEE;
	border: 1px solid silver;
	padding: 5px;
	margin: 5px;
}
td.spe_title{
	font-size: 13px;
	line-height: 150%;
	padding: 10px;
	margin: 5px;
	text-align: right;
}
td.spe_text{
	font-size: 13px;
	line-height: 150%;
	text-align: left;
	border-left: 7px solid #3399FF;
	padding: 10px;
	margin: 5px;
}
/************************* Policy/sitemap ************************/
/* policy */
div.policy{
	background-image: url(images/policy/background-navi.gif);
	width: 982px;
	height: 72px;
}
div#p_text{
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}

/* sitemap */
div.sitemap{
	background-image: url(images/sitemap/background-navi.gif);
	width: 982px;
	height: 72px;
}
div#map_text{
	margin-left: 30px;
	margin-top: 30px;
	text-align: left;
}
table.map{
	border: none;
	padding: 5px;
	width: 900px;
}
td.map{
	line-height: 180%;
	font-size: 15px;
}

/************************* Head_Title ************************/



/* faq */
div.faq{
	background-image: url(images/faq/background-navi.gif);
	width: 982px;
	height: 72px;
}






/************************* Navigation_footer/guide ************************/
div.guide{
	width: 980px;
	border: 1px solid #E2E2E2;
	margin-top: 5px;
	margin-bottom: 5px;
}
#head{
	border-bottom: 1px solid #E2E2E2;
	text-align: left;
	padding: 5px;
	font-size: 11px;
	line-height: 25px;
}
table.guide{
	font-size: 11px;
	width: 900px;
}
td.guide{
	line-height: 180%;
}


/************************* FONT / H / P / Span ************************/
h1{
	color: #787878;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3{
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#imp_right h3{
	font-size: 20px;
	line-height: 2em;
}
h4{
	color: black;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

/* strong */
strong.14{
	color: black;
	font-size: 18px;
	line-height: 180%;
}


/* copyright */
p.copy{
	font-size: 11px;
	color: #666666;
}

/************************* navigation list ************************/
a#home{
	display: block;
	width: 103px;
	height: 38px;
	background: url(images/navi/home.gif) no-repeat top left;
	text-indent: -400000px;
	float: left;
}
a#home{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_home.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
a#about{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_about.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
a#work{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_work.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
a#blog{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_blog.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
a#link{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_link.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
a#crap{
	display: block;
	width: 78px;
	height: 51px;
	background: url('images/footer_crap.gif') no-repeat top left;
	text-indent: -400000px;	
	float: left
}
/* hover */

a:hover#home{
	background-position: 0 -51px;
}
a:hover#about{
	background-position: 0 -51px;
}
a:hover#work{
	background-position: 0 -51px;
}
a:hover#blog{
	background-position: 0 -51px;
}
a:hover#link{
	background-position: 0 -51px;
}
a:hover#crap{
	background-position: 0 -51px;
}

