/* レイアウトCSS Document */


/* 基本レイアウト　*/
#wrapper{
	width:960px;
	margin:0 auto;
}


section{
	clear:both;
	padding-bottom:100px;
}


h2{
	width:auto;
	text-align:center;
	font-size:large;
	font-weight:bold;
	padding:50px;
	color:#fff;
}

p{
	color:#fff;
	width:auto;
	text-align:center;
	font-size:medium;
	line-height:2em;

}


p.point{
	font-size:xx-large;
	font-weight:bold;
	padding:50px;
}


p.strong{
	font-size:350%;
	font-weight:bold;
	padding:70px;
	text-align:center;
	text-shadow: 0 0 10px #fff, 0 0 20px #faa028, 0 0 30px #faa028, 0 0;
	letter-spacing:0.05em;
}


/*　title　*/

#title{
	height:700px;
	margin-top:40px;
}

	
p.top{
	padding:25px;
	background-color:#faa028;
	opacity:0.7;
	font-size:large;
	font-weight:bold;
	text-align:left;
	line-height:2em;
	letter-spacing:0.1em;
	position:absolute;
	top:440px;
	color:#000;
	}


.main-photo{
	clear:both;
	width:952px;
	height:673px;
	margin:0 auto 0 auto;
	border:4px solid #faa028;
}




/* たとえば～　*/

div#left,div#center{
	float:left;
	width:314px;
	height:450px;
	margin-right:0px;
	margin-bottom:50px;
	border-top:4px solid #faa028;
	border-bottom:4px solid #faa028;
	border-left:4px solid #faa028;
}

div#right{
	float:left;
	width:314px;
	height:450px;
	margin-bottom:50px;
	border-top:4px solid #faa028;
	border-bottom:4px solid #faa028;
	border-left:4px solid #faa028;
	border-right:4px solid #faa028;

}


p.parts{
	font-size:x-large;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	letter-spacing:-0.02em;
}
p.gray{
	font-size:larger;
	color:#777;
	text-align:right;
	padding-right:10px;
	padding-bottom:5px;
}

img.parts-photo{
	display:block;
	width:295px;
	height:350px;
	margin-left:8px;

}

p.up{
	clear:both;
	font-size:700%;
	font-weight:bold;
	color:#fff;
	padding-bottom:50px;
	margin-top:-270px;
	text-shadow:3px 3px 3px #333;
}

.up-image{
	width:369px;
	height:369px;
	margin:0 auto 0 300px;
}

span{
	border-bottom:10px dotted #faa028;
}

/*  こんな経験　　*/

.komatta{
	padding-bottom:100px;
}

p.bond-deha{
	text-align:left;
	line-height:4em;
	
}

.bond-logo{
	width:110px;
	height:40px;
	margin:0 5px -16px 0;
}

div.annsinn{
	width:820px;
	height:400px;
	margin-left:auto;
	margin-left:auto;
}


li{
	font-size:medium;
	font-weight:bold;
	list-style-type: square;
	margin-bottom:1.5em;
	letter-spacing:0.2em;
	color:#fff;
}

span.underline{
	border-bottom:3px solid #faa028;
}

/*  topに戻るボタン  */

#pagetop{
	position:fixed;
	right:20px;
	bottom:20px;
	cursor:pointer;
}


/*  買取フォームへボタン  */

a.button{ 
	display: block;  
	padding:30px;
	margin:30px auto;
	width:400px;
	
  background-color: #222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#faa028));
  background-image: -webkit-linear-gradient(top, #ffffff, #faa028);
  background-image: -moz-linear-gradient(top, #ffffff, #faa028);
  background-image: -ms-linear-gradient(top, #ffffff, #faa028);
  background-image: -o-linear-gradient(top, #ffffff, #faa028);
  background-image: linear-gradient(top, #ffffff, #faa028);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #333;
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
  text-shadow: 0 1px 0 #eee;

}


a.button:hover {
  background-color: #222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#faa028), to(#d2322d));
  background-image: -webkit-linear-gradient(top, #faa028, #d2322d);
  background-image: -moz-linear-gradient(top, #faa028, #d2322d);
  background-image: -ms-linear-gradient(top, #faa028, #d2322d);
  background-image: -o-linear-gradient(top, #faa028, #d2322d);
  background-image: linear-gradient(top, #faa028, #d2322d);
  border: 1px solid #faa028;
  border-bottom: 1px solid #bbb;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}



/*  footer  */

#footer{

	width:960px;
	height:5px;
	margin:40px auto;
	text-align:center;
	color:#333;
}