@import url(http://fonts.googleapis.com/css?family=Linden+Hill);
body{
	background: #000 url(../img/background_skull-logo.jpg) no-repeat fixed center top;
}

header{
	margin: 24px 0 48px;
	width: 100%;
	height: 92px;
	background: url(../img/header.png) repeat-x center;
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #212121;
	overflow: hidden;
}

#contents{
	display: block;
	margin: 64px 0 48px;
	padding: 5px 0;
	width: 100%;
	background: url(../img/div-bg.png) repeat fixed center;
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #212121;
	overflow: hidden;
	pasition:relative;
}
#contents:before{
	content:"";
	background: url(../img/yellow-line.png) repeat-x 0 top;	
	display: block;
	/*padding-top: 50px;*/
	width: 100%;
	height: 90px;
	pasition:absolute;
	top: 5px;
}
#contents:after{
	content:"";
	background: url(../img/yellow-line.png) repeat-x 0 bottom;	
	display: block;
	width: 100%;
	height: 100px;
	pasition:absolute;
}


section#INFO,
section#SHOP,
/*
section#RECRUIT,
section#CONTACT,
*/
div.contentWidth,
section#LINKAREA
{
	margin: 0 auto;
	width: 960px;
	display: block;
	overflow: hidden;
}

section#INFO,
section#SHOP{
	padding-bottom:70px;
	margin-bottom: 70px;
	background: url(../img/dotLine.png) no-repeat center bottom;
}
section#INFO div#INFOAREA{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 36px;
}
section#INFO div#INFOAREA article{
	display: block;
	margin: 0 6px 30px 0;
	width: 300px;
	padding-right: 12px;
	height: 125px;
	overflow: hidden;
	float: left;
}

section#RECRUIT,
section#CONTACT{
	width: 480px;
	float: left;
	overflow: hidden;
}

div#contents article,
div#contents nav,
div#contents section#INFO p,
div#contents section#RECRUIT p,
div#contents section#CONTACT p,
#contents .contentWidth p.pagetopcenter{
	margin: auto 20px;
}

footer{
	padding: 35px 0 40px;
	background: #000;
	background:rgba(0,0,0,.5);
	border-top: 1px solid #212121;
}

header,
#contents,
footer{
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.9); /* Firefox用 */
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.9); /* Safari,Chrome用 */
	box-shadow: 0 0 4px rgba(0,0,0,.9); /* CSS3 */
}

.slide_Large{
	border: 1px solid #333;
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.9); /* Firefox用 */
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.9); /* Safari,Chrome用 */
	box-shadow: 0 3px 10px rgba(0,0,0,.9);
}



/* text css */
nav ul,
nav ul li{
	display: inline;
}

header div.contentWidth{
	margin-top:22px ;
}

header h1{
	display: block;
	width: 148px;
	height: 48px;
	float: left;
	background: url(../img/logo.png) no-repeat;
	text-indent: -9999px;
	/*ここあとでとる*/
	/*margin-left: 23px;*/
}

section#slider h1{
	display: none;
}


header nav{
	font-size: 15px;
	margin-top: 20px;
	/*ここあとでとる*/
	margin-right: 6px;
	float: right;
}
header nav li{
	margin: auto 8px;
}
header nav li a,
header nav li a:link{
	color:#fff;
	text-decoration: none;
}
header nav li a:hover,
header nav li a:link:hover{
	text-decoration: none;
}

section h1,
article h2,
header nav
{
	font-family: 'Linden Hill', serif;
	font-weight: normal;
	-moz-text-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Firefox用 */
	-webkit-text-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Safari,Chrome用 */
	text-shadow: 1px 2px 2px rgba(0,0,0,.9); /* CSS3 */
}

section h1{
	font-size: 24px;
	color: #505050;
	margin-bottom: 50px;
}


article h2{
	font-size: 16px;
	color: #6c5317;
	margin:50px 0 30px;
}

article p,
article table,
section p,
section nav{
	font-size: 90%;
}
section#INFO div#INFOAREA article a{
	text-decoration: none;
	margin-bottom: 10px;
}

section#INFO div#INFOAREA article img{
	display: block;
	padding: 6px;
	background: #1c1c1c;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Firefox用 */
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Safari,Chrome用 */
	box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* CSS3 */
}
section#INFO div#INFOAREA article h2{
	display: block;
	width: 125px;
	height: 75px;
	color: #fff;
	font-size: 13px;
	line-height: 1.4em;
	margin:20px 0 0;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #444;
}

section#INFO div#INFOAREA article span.newsdate{	
	display: block;
	padding-top: 5px;
	width: 125px;
	color: #6c5317;
	font-size:9px;
	overflow: hidden;
	border-top: 1px solid #1c1c1c;
	float:left;
}
section#INFO .bl-hover{
	background: #161616;
}
section#INFO div#INFOAREA article.bl-hover img{
	background: #333;
}
nav.movenav li{
	margin-right: 18px;
}
nav.movenav li a,
nav.movenav li a:link{
	padding-left: 14px;
	background: url(../img/menu-arrow.png) no-repeat left center;
	line-height: 1.6em;
	color:#fff;
	text-decoration: none;
}
nav.movenav li a:hover,
nav.movenav li a:link:hover{
	color:#999;
}
table,tr,td,th{
    border-collapse: collapse;
}
caption {
	color: #777;
	caption-side: bottom;
	text-align: right;
}
table th{
	font-size: 10px;
	font-weight: normal;
	color: #777;
}
table th,
table td{
	padding: 6px 3px;
}

table col.fragNAME{
	width: 270px;
}
table col.fragADD{
	width: 480px;
}
table col.fragTEL{
	width: 170px;
}
table col.dealerNAME{
	width: 235px;
}
table col.dealerADD{
	width: 455px;
}
table col.dealerTEL{
	width: 160px;
}
table col.dealerBRAND{
	width: 35px;
}
table th{
	text-align: left;
}
a.textBTN{
	color: #666;
	font-size: 14px;
	display: block;
	text-align: ;
	width:220px;
	height:50px;
	margin: 32px 0 8px;
	border:1px solid #333;
	position:relative;
	text-decoration: none;
	line-height: 50px;
	padding-left: 20px;
	background: #1f1f1f;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#161616));
	background: -moz-linear-gradient(top, #222, #161616);
	vertical-align: middle;
}
a.textBTN:hover{
	color: #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#262626));
	background: -moz-linear-gradient(top, #333, #262626);
	border-color:#444;
}
a.textBTN:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: solid 2px #6c5317;
	border-right: solid 2px #6c5317;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}

section#LINKAREA {
	display: block;
	margin-bottom: 80px;
}
section#LINKAREA p{
	margin: 20px;
}
section#LINKAREA h1{
	display: none;
}
section#LINKAREA a{
	text-indent: -9999px;
	display: block;
	width: 434px;
	height: 85px;
	float: left;
	border: 1px solid #262626;
	margin: 10px;
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Firefox用 */
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* Safari,Chrome用 */
	box-shadow: 1px 2px 2px rgba(0,0,0,.9); /* CSS3 */
}
section#LINKAREA a:hover,
section#LINKAREA a:link:hover{
	border-color:#444;
	opacity: .7;
}
section#LINKAREA a#link-HIROMU{
	background: url(../img/20120402new_logo.jpg) no-repeat;/*../img/link-HIROMU.png*/
}
section#LINKAREA a#link-coral{
	background: url(../img/link-rakuten.png) no-repeat;
}
footer p{
	display: inline;
}
footer p#copyright{
	color: #6c5317;
	float: right;
}
footer p a,
footer p a:link{
	text-decoration: none;
	margin-right: 16px;
	vertical-align: text-top;
}

.pagetop{
	margin-top: 14px;
	text-align:right;
}
.pagetopcenter{
	margin-top: 45px;
	text-align:right;
}

.facebook img{
  vertical-align: bottom;
}
.facebook:hover img{
  opacity: .7;
}