/*=================================
   Universal Reset
=================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:14px;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,fieldset,form,legend{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,caption,th,address{font-style:normal;font-weight:normal;}
img{border:0 none;vertical-align:bottom;_vertical-align:text-bottom; max-width:100%;}
input,select,textarea{margin:0;padding:0;vertical-align:middle;}
input,select{ font-size: 16px;}
input[type="submit"]{border:none;border-radius:0;-webkit-appearance:none;appearance:none;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none; color:#FFF;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/*===============================================================================================*/
body{ background-color:#F7EEEC; color:#685f52;}

header{width:1002px; margin:auto; padding:15px 0;}
header dl{display:table; width:100%;}
header dl dt{vertical-align:top;display:table-cell;}
header h1{ padding-bottom:15px; font-weight:bold; font-size: 0px;}
header dl dd{vertical-align:bottom;text-align:right;display:table-cell;}
header dl dd p:first-child{ font-size:2.5em; font-weight:bold; padding-bottom:3px;}

nav{
	background-color:#994C4F;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
nav ul{ margin:auto; display:table; font-size:1.2em;}
nav ul li{ display:table-cell;}
nav ul li a{ text-align:center; padding:15px 65px; display:block; color:#f7eeec;}
nav ul li a:hover{ background-color:#B56A6F;}

section h2{
	text-align:center;
	font-size:2.6em;
/*	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.4em;
}
section#area01{
	background-color:#FFF;
	padding-top:82px;
	padding-bottom:40px;
}
section#area01 h2{
	padding-bottom: 42px;
	font-size: 42px;
	font-weight: bold;
	color:#994c4f;
	letter-spacing: 2px;
}
section#area01 h3{
	margin-top: 50px;
	margin-bottom: 80px;
	font-size: 20px;
	color: #994c4f;
	line-height: 1.5;
	text-align: center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 2px;
}
section#area01 img{
	display: block;
    margin: 0 auto;
}
.mainImg{ display:block; margin:60px auto 0;}

section#area02{background-color:#D3A6A0; padding:80px 0 100px 0;}
section#area02 h2{ color:#FFF;letter-spacing: 3px;}
section#area02 ul{ width:990px; margin:auto; display:table; table-layout:fixed; padding-top:45px;}
section#area02 ul li{ display:table-cell; color:#FFF; text-align:center; line-height:1.4em; font-size:1.2em;}
section#area02 ul li span{display: block;}
section#area02 ul li img{ margin-bottom:15px;}

section#area03{
	width:998px;
	margin:auto;
	background-color:#FFF;
	margin:50px auto 0;
	padding:50px 0 40px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
section#area03 ul{ display:table; table-layout:fixed; width:870px; margin:auto; padding-bottom:35px;}
section#area03 ul li{ display:table-cell;}
section#area03 ul li:last-child{ text-align:right;}
section#area03 div{ background: url(../images/line.png) no-repeat top center; padding-top:40px;}
section#area03 div a{
	display:block;
	background-color:#994C4F;
	width:667px;
	margin:auto;
	padding:30px 0 25px;
	text-align:center;
	color:#FFF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.4em;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
section#area03 div a:hover{ background-color:#B56A6F;}
section#area03 div p{padding-top:15px; text-align:center;}


section.area04{width:1003px; margin:auto; padding:55px 0;}
section.area04 h2{ color:#994C4F; padding-bottom:30px;}
section.area04 > p{font-size:1.3em; padding:0 3px 45px; line-height:1.4em;}


/*----------  買取事例  ----------*/
div.example{width:1001px; margin:auto;}
div.example dl{
	width:481px;
	float:left;
	font-size:1.8em;
	padding-bottom:58px;
}
div.example dl dt{
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#FFF;
	background-color:#994C4F;
	padding:10px 0;
	-webkit-border-top-left-radius: 16px;  
    -webkit-border-top-right-radius: 16px;
	-moz-border-radius-topleft: 16px;  
    -moz-border-radius-topright: 16px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	}
div.example dl dd{
	background-color:#FFF;
	background-repeat:no-repeat;
	padding:45px 0 55px 195px;
	-webkit-border-bottom-left-radius: 16px;  
    -webkit-border-bottom-right-radius: 16px;
	-moz-border-radius-bottomleft: 16px;  
    -moz-border-radius-bottomright: 16px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	font-size:1.1em;
	font-family: "Times New Roman", Times, serif;
}
div.example dl dd strong{ display:block; color:#C00; font-size:1.4em; padding-top:10px;}

div.example dl:nth-child(odd){margin-right:39px;}
div.example dl:last-child:after{
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div.example dl:nth-child(1) dd{background-image:url(../images/example_bg01.jpg); background-position:19px 0;}
div.example dl:nth-child(2) dd{background-image:url(../images/example_bg02.jpg); background-position:16px 0;}
div.example dl:nth-child(3) dd{background-image:url(../images/example_bg03.jpg); background-position:7px 28px;}
div.example dl:nth-child(4) dd{background-image:url(../images/example_bg04.jpg); background-position:20px 0;}
div.example dl:nth-child(5) dd{background-image:url(../images/example_bg05.jpg); background-position:14px 31px;}
div.example dl:nth-child(6) dd{background-image:url(../images/example_bg06.jpg); background-position:3px 0;}

/*----------  会社概要  ----------*/
ul#company{ width:1003px;margin:auto;border:1px solid #9D6B6B; border-bottom:none;margin-bottom:50px; font-size:1.7em;}
ul#company li{ padding:20px 25px; float:left;border-bottom:1px solid #9D6B6B;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
ul#company li:nth-child(odd){width:310px; background-color:#CC9999; color:#FFF; letter-spacing:10px;}
ul#company li:nth-child(even){ width:691px; background-color:#FFF; color:#966;}
ul#company li:nth-child(4n+1){ background-color:#9D6B6B;}
ul#company li:first-child{ letter-spacing:40px;}
ul#company:after{
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
section.area04 img{margin:0 auto 50px; display:block;}


/*----------  募集要項  ----------*/
#recruit{ width:999px;margin:auto;border:1px solid #aa6666; border-bottom:none;margin-bottom:50px; font-size:20px; line-height: 1.3;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#recruit th,
#recruit td{ padding:20px 25px;border-bottom:1px solid #aa6666;}
#recruit th{width:330px; background-color:#cacaca; color:#383838;}
#recruit tr:nth-child(even) th{background-color:#e1e1e1;}
#recruit td{ width:667px; background-color:#FFF; color:#aa6666;border-left:1px solid #aa6666;}
#recruit td span{font-size: 16px; font-weight: bold; padding-left: 20px;}


/*----------  ご利用規約  ----------*/
div#subinfo{background-color:#FFF;width:1000px;margin:auto;padding:30px;font-size:1.3em; line-height:1.8em;}
div#subinfo h3{ font-size:1.3em;}
div#subinfo p{ padding-bottom:50px;}

/*----------  お問い合わせ  ----------*/
ul#contact_tel li{text-align:center; font-size:1.3em; line-height: 1.8em;}
ul#contact_tel li:first-child{ font-size:2.4em;}

div#contact{width:1003px;margin:auto;font-size:1.5em; display:table;}
div#contact dl{ display:table-row;}
div#contact dt{
	display:table-cell;
	vertical-align:middle;
	width:310px;
	background-color:#CC9999;
	color:#FFF;
	padding-left:30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border:1px solid #9D6B6B;
	border-top:none;
}
div#contact dd{
	display:table-cell;
	vertical-align:middle;
	background-color:#FFF;
	padding:18px;
	border-bottom:1px solid #9D6B6B;
	border-right:1px solid #9D6B6B;
}
div#contact dl:first-child dt,div#contact dl:first-child dd{border-top:1px solid #9D6B6B;}
div#contact dl:nth-child(2n+1) dt{background-color:#9D6B6B;}
div#contact input[type="text"]{ padding:5px; border:1px solid #CC9999;color:#685f52; width:70%;}
div#contact input.form1{ width:18%; margin-right:2%;}
div#contact input.form2{ width:50%;}
div#contact input[type="radio"]{ margin:5px; margin-left:0;}
div#contact label{ padding-right:20px; font-size:0.8em;}
div#contact select{padding:5px; border:1px solid #CC9999;color:#685f52;}
div#contact textarea{ height:194px; width:70%;border:1px solid #CC9999;padding:5px; }
section.area04 input[type="submit"]{
	background-color:#994C4F;
	color:#FFF;
	text-align:center;
	display:block;
	width:67%;
	margin:34px auto 55px;
	padding:30px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2em;
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
section.area04 input[type="submit"]:hover{ background-color:#B56A6F;}



/*----------  footer  ----------*/
footer{
	background-color:#685F52;
	padding:55px 0 70px;
	color:#FFF;
	text-align:center;
}
footer aside{padding-bottom:100px;}
footer aside ul{ display:table; width:640px;margin:auto;}
footer aside ul li{ display:table-cell;border-right:1px solid #FFF;}
footer aside ul li:last-child{ border:none;}
footer aside ul li a{ display:block; padding:0 10px; font-size:0.9em;}
footer aside ul li a:hover{ text-decoration:underline;}