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

 SITE NAME : パソコン修理工房
 SITE URL : 
 SUMMARY : base.css
 AOTHER : REVELS SHIN5+
 LAST UPDATE : 
 
-------------------------------------------------------------*/
html{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f6f7f7), color-stop(0.51, #b7b9c5), color-stop(1.00, #f6f7f7));
	background: -webkit-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -moz-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -o-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -ms-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: #E0F7FE;
}
body{

}
#wrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: #FFF;
}
h1{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 600px;
	margin-left: 5px;
}
header{
	width: 600px;
	float: left;
	margin-left: 5px;
}

header p{
	background: url(../images/title.png);
	height: 121px;
	width: 586px;
	text-indent: -9999px;
}

section#inquiry{
	background: url(../images/inquiry.png);
	float: right;
	height: 164px;
	width: 346px;
	margin-top: -20px;
	margin-right: 5px;
}
section#inquiry ul{}
section#inquiry ul li{
	height: 40px;
	width: 314px;
	text-indent: -9999px;
	margin-left: 15px;
}
section#inquiry ul li.tel{
	background: url(../images/tel.png);
	margin-top: 43px;
}
section#inquiry ul li a.mail{
	background: url(../images/mail.png) no-repeat 0px 0px;
	margin-left: 0px;
	margin-top: 36px;
	display: block;
	height: 30px;
	width: 314px;
}

nav{
	width: 960px;
	height: 50px;
	clear: both;
}
#navigation{
	width: 960px;
	overflow: hidden;
	height: 50px;
}
#navigation li
{
	float:left;
}

#navigation li a
{
	display: block;
	outline: none;
	width: 100%;
	text-indent: -9999px;
	background: url(../images/nav.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 50px;
	position: relative;

}

#navigation li a.trouble {
	width:280px;
	background:url(../images/nav.png) no-repeat 0 0;
	height: 50px;
}
#navigation li a.send {
	width:215px;
	background:url(../images/nav.png) no-repeat -465px 0px;
}
#navigation li a.flow {
	width:185px;
	background:url(../images/nav.png) no-repeat -280px 0px;
}
#navigation li a.company {
	width:120px;
	background:url(../images/nav.png) no-repeat -680px 0px;
}
#navigation li a.inquiry {
	width:160px;
	background:url(../images/nav.png) no-repeat -800px 0px;
}
	
	#navigation a .hover {
	background: transparent url(../images/nav.png) no-repeat 0px 0px;
	opacity: 0;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	
	}
	
	#navigation .trouble .hover {
	background:url(../images/nav.png) no-repeat 0 -50px;
	
	}
	#navigation .flow .hover{
	background:url(../images/nav.png) no-repeat -280px -50px;
	
	}
	#navigation .send .hover {
	background:url(../images/nav.png) no-repeat -465px -50px;
	}
	#navigation .company .hover {
	background:url(../images/nav.png) no-repeat -680px -50px;
	}
	#navigation .inquiry .hover {
	background:url(../images/nav.png) no-repeat -800px -50px;
	}


section#main{
	width: 960px;
	margin-top: 15px;
	overflow: hidden;
}
#wrapper #main {
}
#wrapper #main {
}

aside{
	float: left;
	width: 320px;
}
aside p.quick{
	background: url(../images/sindan.png) no-repeat 0px 0px;
	height: 147px;
	width: 298px;
	text-indent: -9999px;
	margin-left: 12px;
}
aside p.quick a{
	height: 147px;
	width: 298px;
	display: block;
}
#shop{
	background-color: #01128E;
	width: 320px;
	padding-top: 15px;
	margin-top: 10px;
	margin-bottom: 25px;
}
#shop p{
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
#shop dl{
	font-size: 13px;
	color: #FFF;
	text-align: left;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
#shop dl dt{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 230px;
	text-indent: -9999px;
}
#shop dl dd{
	margin-top: 5px;
}
#shop dl dd a:link,
#shop dl dd a:visited{
	color: #FFF;

}
#shop dl dd a:hover{
	color: #F90;

}

#shop p.side-map{
	display: block;
	height: 160px;
	background: #CCC;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#side-banner h3{
	margin-left: 5px;
}
#side-banner{
	width: 300px;
}
#side-banner p{
	margin-bottom: 15px;
	text-align: right;
}

article{
	float: right;
	width: 620px;
}

section#banner01{
	width: 606px;
	margin-bottom: 15px;
}
section#banner01 p{
	width: 606px;
	margin-top: 15px;
}

section#banner02{}
section#banner02 p{
	margin-bottom: 15px;
}

div.tothetopfixed {
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 1500;
}	

div.tothetopfixed a {
	display: block;
	color: #0000FF;
	padding: 10px;
	margin: 0;
	border-radius: 5px;
	font-size: 0.8em;
	background: #F89B26;
}

div.tothetopfixed a:hover {
	background: #0B308E;
	color: #ffffff;
}