@charset "utf-8";
/* ===================================================================

/* body要素
----------------------------------------------------------- */
body { text-align: center; background: #1d1d1d url(../img/bg/body.jpg) no-repeat center; background-attachment: fixed; font-size: 16px; color: #FFF;}
/* ------------ a Style */
a { text-decoration: none; color: #2D88B3;}
a:visited { text-decoration: none; color: #2D88B3;}
a:hover { text-decoration: underline; color: #0d79f1;}
a:active { text-decoration: none; color: #9F81D9;}

/* wrapper要素
----------------------------------------------------------- */
div#wrapper	{ width: 1024px; margin: 0 auto; text-align: left; position: relative;}

/* container要素
----------------------------------------------------------- */
div#container { width: 700px; padding-left: 280px; color: #0d79f1;}
h1	{ font-size: 0.7em; padding: 10px; text-align: left; color: #FFF;}

/* contents要素
----------------------------------------------------------- */
div#contents { /*:width: 580px;	padding: 10px 20px;*/ /*background: #F7F7F7;*/}

* html #mainpage div#contents { padding-top: 0; }
#mainpage div#contents,  x:-moz-any-link { padding-top: 280px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #mainpage div#contents { margin-top: 280px; }
}
#mainpage div#contents { padding-top: 280px\9; }

div#contents h2	{ border-bottom: 2px solid #CCC; padding: 0.5em; color: #0d79f1/*green#35b70e*/;}
div#contents h2	img { /*color: #0d79f1green#35b70e*/}
div#contents p { margin-bottom: 1em; margin: 0.5em; color: #FFF;}
div#contents .entry	{
	float: left; width: 205px; 
	margin: 5px 10px 20px 0;
	color: #fff;
	border: 2px solid #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(border-radius.htc);
	background-color: #1d1d1d;

}
#bankin div#contents .plicelist,
#bikepaint div#contents .plicelist {
	margin: 5px 10px 20px 0;
	width: 650px;
	float: left;
	color: #fff;
	border: 2px solid #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(../border-radius.htc);
	background-color: #1d1d1d;
	padding-bottom: 0.5em;
	
}

#bankin div#contents .plicelist dl,
#bikepaint div#contents .plicelist dl {
	float: left;
}
#bankin div#contents .plicelist dt,
#bankin div#contents .plicelist dd,
#bikepaint div#contents .plicelist dt,
#bikepaint div#contents .plicelist dd{
	padding: 0.5em;
}

#coating div#contents .plicelist {
	margin: 5px 0 20px 0;
	width: 650px;
	float: left;
	color: #fff;
	border: 2px solid #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(../border-radius.htc);
	background-color: #1d1d1d;
}
#coating div#contents .plicelist img { margin: 0.5em 0 0.5em 0.5em;}
#coating div#contents #aftercare img { padding: 1em 0 0.5em 0;}

div#contents .entry	p img {}
div#contents .syousai { text-align: left;}
div#contents .syousai a { color: #0d79f1; text-decoration: underline; font-weight: bold; font-size: 0.9em;}
div#contents .syousai a:hover { color: #989898; text-decoration: none;}


.blue { color: #0d79f1; font-size: 0.9em;}
#osirase { list-style-type: circle; padding: 0.5em; color: #FFF;}
.imgborder { border: 10px solid #FFF;}

#toiawase { /*margin-top: 1em;*/ clear: both;}
#toiawase a { display: block; width: 656px; height: 68px; background: url(../img/contact2.jpg) 0 0 no-repeat; }
#toiawase a:hover { background-color: #FFFFFF;}
#toiawase a:hover img { visibility: hidden;}

#bankintoiawase { float: left;}
.tyousei01 { margin-left: 7em !important;} /*スリキズのお問い合わせ位置を調整*/
#bankintoiawase a { margin: 1em auto; display: block; width: 200px; height: 250px; background: url(../img/bankinotoiawase02.jpg) 0 0 no-repeat;}
#bankintoiawase a:hover { background-color: #FFFFFF;}
#bankintoiawase a:hover img { visibility: hidden;}

#biketoiawase { padding: 1.5em 0.5em;}
.tyousei02 { float: right;} /*スリキズのお問い合わせ位置を調整*/
#biketoiawase a {  display: block; width: 200px; height: 250px; background: url(../img/bankinotoiawase02.jpg) 0 0 no-repeat;}
#biketoiawase a:hover { background-color: #FFFFFF;}
#biketoiawase a:hover img { visibility: hidden;}

.pageTop { text-align: right; width: 600px; clear: both; padding: 1px;}
.pageTop a { color: #FFF !important; text-decoration: underline !important; font-weight: bold;}
.pageTop a:hover { color: #FFF; text-decoration: none; background-color: #0d79f1;}

/* #footer要素
----------------------------------------------------------- */
address	{ font-family: Arial, Helvetica, sans-serif; padding: 10px; color: #FFF; margin-bottom: 3em; font-size: 1.2em;}
address a { color: #FFF !important; text-decoration: underline;}
address img { float: left; padding-right:1em;}

/* subContents要素
----------------------------------------------------------- */
div#subContents	{ width: 260px; padding: 0.5em 10px 10px 10px; /*position: fixed;*/ top: 10px; z-index: 20; position: absolute;
background:url(../img/background.jpg) 80px repeat-y;}
/** html div#subContents { position: absolute; top: expression(eval(document.documentElement.scrollTop+10));}*/
div#subContents ul { padding: 0 10px; line-height: 180%;}
/* move-navigation*/
div#subContents h2 { color: #999; margin-bottom: 0; margin-left:13px; border-right: solid 1px #ccc; background:url(../img/navigation.jpg) no-repeat;}
div#subContents #hide { position:absolute; top:350px; left:-190px;}
ul#sliding-navigation { list-style: none; font-size: 1em;	margin: 15px 0;	padding: 0;}
ul#sliding-navigation li.sliding-element h3, ul#sliding-navigation li.sliding-element a { 
display: block; width: 200px; padding: 5px 18px; margin: 0; margin-bottom: 5px;}
ul#sliding-navigation li.sliding-element h3 {
color: #fff; background:#333 url(../img/heading_bg.jpg) repeat-y; font-weight: normal;}
ul#sliding-navigation li.sliding-element a { 
color: #999; background:#222 url(../img/tab_bg.jpg) repeat-y; border: 1px solid #1a1a1a; text-decoration: none;}
ul#sliding-navigation li.sliding-element a:hover { color: #ffff66; }

<!-- s3Slider jQuery plugin -->
#slider { 
    width: 650px; /* important to be same as image width */
    height: 270px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 650px; /* important to be same as image width or wider */
    position: absolute;
	/*top: 0;
	left: 1.5em;*/
}
.sliderImage { float: left; position: relative;	display: none;}
.sliderImage img { border: 10px solid #FFF;}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 625px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	line-height: 1.5;
}
.clear { clear: both;}
.sliderImage span strong { font-size: 14px;}
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0;}
ul { list-style-type: none;}	

#topnews {
		margin-top: 0.5em;
        overflow: auto;
}
#topnews ul a{
		color: /*#2D88B3*/#FFFFFF;        
		text-decoration: none;
		border-bottom: 1px solid #2D88B3;
}

#topnews ul a:hover{
		color: #ffff66;
		border: none;  
		text-decoration: underline;      
}

#topnews li{
	list-style-position: outside;
	margin: 0.2em 2.5em;
	background-repeat: no-repeat;
	list-style-image: url(../img/arrow.gif);
    line-height: 1.5;	
}