/*=================================
   Universal Reset
=================================*/
html,body{margin:0;padding:0;width:100%;height: auto;font-size:100%; font-size:14px;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace}
h1,h2,h3,h4,h5,h6,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; font-size:1.1em;}
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:#39F;}
*{-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 {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	overflow:hidden;
}
/*==================================================*/
header{border-top:6px solid #1399E6; border-bottom:6px solid #CC0; padding:42px 0 35px;}
header dl{width:963px;margin:auto;}
header dl dt{float:left; margin-left:25px; margin-right:88px;}
header dl dd ul li{float:left; padding-top:28px;padding-bottom:8px; font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
header dl dd ul li a{font-size:0.9em;display: inline-block; color:#999;/*padding:0 20px 4px 20px;*/padding: 0 33px 4px 33px;border-left:2px solid #999;}
header dl dd ul li:last-child a{ border-right:2px solid #999;}
header dl dd ul li a:hover{color:#1399E6;}
section{ border-bottom:14px solid #CCC;}
section img{display:block;margin:auto;}

div.index{background:url(images/index_bg.jpg) no-repeat; width:963px; height:506px; margin:auto;}
div.index h1{font-family:Verdana, Geneva, sans-serif;font-weight:bold;padding-top:34px; padding-left:55px;color:#00baf2;font-size:2.5em;}
div.index h1 span{color:#0071bb;font-size:0.55em;padding-left:15px;}
div.index ul{padding-top:70px;padding-left:105px;}
div.index ul li{font-size:1.3em;font-weight:bold; margin-bottom:42px;color:#666;}
div.index ul li:before{ content:'・'}

div.stripe{background:url(images/about_ul_bg.gif);}

/*--- About ---*/
div#aboutMenu{padding:26px 0 34px;}
div#aboutMenu ul{width:50%;margin:auto; border-left:1px dotted #E8E7E7; border-right:1px solid #FFF;}
div#aboutMenu ul li{ border-left:1px solid #FFF;border-right:1px dotted #E8E7E7; float:left; width:33.3%;}
div#aboutMenu ul li a{ text-align:center;}
div#aboutMenu ul li a img{display:block;margin:20px auto 15px;}
div#aboutMenu ul li a h2{color:#0071bb; padding-bottom:10px;font-weight:bold;font-family:Verdana, Geneva, sans-serif;}
div#aboutMenu ul li a p{color:#000;font-weight:bold; margin-bottom:40px}
div#aboutMenu ul li a:hover img{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
div#aboutMenu ul li a:hover h2{color:#029AFF;}
div#aboutMenu ul li a:hover p{ color:#848484;}

div#profire{background-color:#F0EFEF;}
div#profire dl{width:963px;margin:auto;padding:53px 0 53px;color:#666;}
div#profire dl dt{background:url(images/about_profire_bg.png) no-repeat 90px 0; float:left;font-size:3.6em;padding-right:80px;
padding-left:125px; min-height:234px; }
div#profire dl dd{overflow:hidden;}
div#profire dl dd ul li{ margin-bottom:22px;}

div#philosophy{ background-color:#00B3EC; color:#FFF; padding:24px 0 18px;}
div#philosophy dl{width:963px;margin:auto;}
div#philosophy dl dt{background:url(images/about_philosophy_bg.png) no-repeat 125px 0;float:left;font-size:3.6em;padding-left:125px;padding-top:15px;min-height:273px;padding-right:75px;}
div#philosophy dl dd{ padding-top:86px;}
div#philosophy dl dd h2{font-size:3.7em;}
div#philosophy dl dd h2 span{ font-size:1.3em;}
div#philosophy dl dd h2 span.blue{ color:#107fb8;}
div#philosophy dl dd p{font-size:1.65em; padding-top:15px;}

div#vision{background-color:#CC0;color:#FFF;margin-bottom:22px;}
div#vision dl{width:963px;margin:auto; background:url(images/about_vision_bg.png) no-repeat 627px 0; padding:0 50px 0 125px; min-height:320px;}
div#vision dl dt{font-size:3.6em; padding-top:50px;padding-bottom:50px;}
div#vision dl dd h2{font-size:3.7em;}
div#vision dl dd p{font-size:1.65em; padding-top:15px;}

/*--- Message ---*/
div#message{background-color:#F6F6F6;color:#666;}
div#message dl{ width:876px; margin:0 auto; padding:50px 0 173px;}
div#message dl dt{ padding-bottom:35px; font-size:2.4em;}
div#message dl dt strong{font-size:2.7em;font-weight:bold;padding-right:20px;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
div#message dl dd p{margin-bottom:45px; line-height:2.2em;font-weight:bold;font-size:1.22em;}


/*--- Servise ---*/
div#service ul{padding:23px 0;width:963px; margin:auto;}
div#service ul li{float:left; width:33%; text-align:center;}
div#service ul li a{display:block;}
div#service ul li a h2{color:#0071bb;font-weight:bold;}
div#service ul li a img{ margin-bottom:10px;}
div#service ul li a:hover img{opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
div#service ul li a:hover h2{color:#029AFF;}

div#service1{background-color:#CC0;}
div#service2{background-color:#00B3EC;}
div#service3{background-color:#F6CB87;}

div.serviceBox{ padding:30px 0;}
div.serviceBox dl{width:812px; margin:auto;}
div.serviceBox dt{float:left; width:320px;}
div.serviceBox dt.right{ float:right; text-align:right;}
div.serviceBox dd h3{color:#FFF; font-size:2.1em;padding:48px 0 20px;}
div.serviceBox dd p{color:#666;line-height:1.8em;font-size:1.15em;font-weight:bold;}

/*--- Recruit ---*/
div#recruit{background-color:#F6F6F6;color:#666; padding-bottom:185px;}
div#recruit dl{width:900px; margin:0 auto; padding:50px 0 60px;}
div#recruit dl dt{ padding-bottom:35px; font-size:2.4em;}
div#recruit dl dt strong{font-size:2.7em;font-weight:bold;padding-right:20px;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
div#recruit dl dd p{line-height:2.4em;font-weight:bold;font-size:1.22em;}
div#recruit h4{ padding-bottom:30px; font-weight:bold; font-size:2.4em;}
div#recruit > div{width:900px; margin:0 auto;}

div#recruit ul{border:1px solid #000; border-bottom:none; font-size:1.15em; margin-bottom:20px;}
div#recruit ul li{display:table; width:100%; border-bottom:1px solid #000;}
div#recruit ul li strong{display:table-cell;vertical-align:middle; width:250px;text-align:center; padding:25px 0; font-size:1.15em;
background-color:#BFDEF2;}
div#recruit ul li:nth-child(even) strong{background-color:#C1BFC0;}
div#recruit ul li p{display:table-cell; padding:0 15px;vertical-align:middle; background-color:#FFF; line-height:1.4em;}


/*--- Contact ---*/
div#contact{background-color:#F6F6F6;color:#666;}
div#contact dl{ width:876px; margin:0 auto; padding:50px 0 173px;}
div#contact dl dt{ padding-bottom:35px; font-size:2.4em;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;text-align: center;}
div#contact dl dt strong{font-size:2.7em;font-weight:bold;padding-right:20px;}
div#contact dl dd form ul{/*width:640px;*/width:750px; margin:auto;}
div#contact dl dd form ul li{margin-bottom:35px; width:100%;}
div#contact dl dd li strong{width:150px;float:left;font-size:1.15em;font-weight:bold;vertical-align:top;padding-top:5px; padding-right:24px;text-align:right;}
div#contact dl dd form input[type="text"],
div#contact dl dd form select[type="text"],
div#contact dl dd form textarea{
	width:466px;
	display:table-cell;
	vertical-align:top;
	padding:10px;
	border:none;
	box-shadow:rgba(79, 81, 82, 0.65098) 1px 1px 2px 1px inset;
	-webkit-box-shadow:rgba(79, 81, 82, 0.65098) 1px 1px 2px 1px inset;
	-moz-box-shadow:rgba(79, 81, 82, 0.65098) 1px 1px 2px 1px inset;}
div#contact dl dd form input[type="submit"]{
	display:block;
	background-color:#39A9C8;
	color:#FFF;
	text-align:center;
	width:348px;
	margin:auto;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	padding:22px 0;
	font-size:1.3em;
	font-weight:bold;
	text-shadow:1px 1px 0 #000;
	border-top:2px solid #64D6EE;
	border-left:2px solid #64D6EE;
	border-right:2px solid #36A5C5;
	border-bottom:2px solid #36A5C5;
}
div#contact dl dd form input[type="submit"]:hover{
	background-color:#2CC5D6;
	border-top:2px solid #6DD7E2;
	border-left:2px solid #6DD7E2;
	border-right:2px solid #27B9C9;
	border-bottom:2px solid #27B9C9;
	cursor: pointer;
	cursor: hand;
}
footer{
	background-color:#333;
	color:#FFF;
	text-align:center;
	padding:14px 0 10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.95em;
}
footer span.ftText{
	display: block;
	width: 98%;
	color:#FFF;
	text-align:right;
	padding:14px 0 10px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.95em;
}

header dl:after,
header dl dd ul:after,
div#aboutMenu ul:after,
div#profire dl:after,
div#philosophy dl:after,
div#service ul:after,
div.serviceBox dl:after,
div#contact dl dd form ul li:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
overflow:hidden;
}

.index_com {
    font-weight: bold;
    padding: 10px;
    /*font-size: 120%;*/
    line-height: 26px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

p.com{
	font-size: 105%;
	padding-right:20px;
	color:#696969;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	/*font-weight:bold;*/
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
	}

/*--- 商品状態エリア　---*/
.st_area{
	float : left ;
	padding:5px;
	width:20%;
}

.st2_area{
	float : left ;
	padding:5px;
	width:20%;
	text-align:center;
}

.tit01{
	background-color:#FF0000;
	font-weight:bold;
	color:#fff;
	font-size:230%;
	text-align:center;
	padding:40px 0 40px 0;
}

.tit02{
	text-align:center;
	padding:20px 0 20px 0;
	font-weight:bold;
	color:#fff;
	background-color:#33150a;
}

.td01{
	background-color:#dcdcdc;
	padding:20px;
	text-align:center;
	width:25%;
	border:1px solid #dcdcdc;
}

.td02{
	padding:20px;
	text-align:center;
	border:1px solid #dcdcdc;
}

.ta01{
	border:1px solid #dcdcdc;width:100%;
}

.td03{
	padding:20px;
	text-align:center;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	width:50%;
}

.td_a01{
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	width:321px;
}

.td_a02{
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	width:321px;
}

.td_a03{
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	padding:10px;
}

.td_a04{
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:10px;
}

.3_com{
	text-align:center;
	padding:20px 0 20px 0;
	font-weight:bold;
	color:#000000;
	background-color:#ffffff;
	font-size: 230%;
	font-family: serif;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	margin-bottom: -14px;
}

.perf01{
	float : left ;
	padding:5px;
	width:25%;
}

.perf02{
	float : left ;
	padding:5px;
	width:25%;
	text-align:center;
}

.perf03{
	padding: 10px;
	background-color:#ca2828;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color:#fff;
}

.tit03{
	background-color:#FF0000;
	font-weight:bold;
	color:#fff;
	font-size:200%;
	text-align:center;
	padding:40px 0 40px 0;
}

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
	border:1px solid #dcdcdc;
}
td, th {
	padding: 3px;
	height: 25px;
	border:1px solid #dcdcdc;
}
th {
	background: #f0e6cc;
}

.rank_area01{
	background-color:#333;
	color:#fff;
	font-weight:bold;
	border-right:1px solid #fff;
	text-align:center;
}

.rank_area02{
	background-color:#333;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.ex01{
	padding:20px;
	text-align:center;
	border:1px solid #dcdcdc;
}

.cont_area01{
	position: relative;
	margin-bottom:30px;
}

.cont_bt01{
	position: absolute;
	top: 242px;
	left: 78px;
}

.cont_bt02{
	position: absolute;
	top: 242px;
	left: 557px;
}

.br{
	clear:both;
	margin-bottom:20px;
}

.p_com{
	text-align:center;
	padding:20px 0 20px 0;
	font-weight:bold;
	color:#000000;
	background-color:#ffffff;
	font-size: 230%;
	font-family: serif;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	margin-bottom: -14px;
}

/*--- メール査定エリアボタン　---*/
.mail_b{
	position: absolute;
	top: 242px;
	left: 530px;
}

/*--- 買取---*/
#purchase {
    background: #f6f6f6;
    position: relative;
    padding: 0 0 10px;
    margin-bottom: 20px;
}

#purchase #caterogyBox h4 {
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    line-height: .9;
    padding: 0 0 15px;
    margin: 0;
    color: #fff;
}

.info {
    color: #696969;
    font-size: 105%;
    text-align: center;
    padding: 30px 0;
    letter-spacing: .05em;
    line-height: 2.0;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#purchase li {
    margin: 0 0 20px;
    height: 278px;
}

li.four {
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

section .inner {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

.clearfix {
    min-height: 1px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.innerList {
    position: relative;
    height: 100%;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
    margin: 0 0 20px;
}

p.title {
    font-size: 105%;
    padding: 10px;
		color: #696969;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		background: #dcdcdc;
		text-align: center;
		margin-top: 0px;
}

p.text {
    font-size: 102%;
    padding: 10px;
    color: #696969;
		font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.innerList figure {
    width: 100%;
    height: auto;
    line-height: 0;
		margin: 0px;
}
/*--- 買取---*/

/*--amazon--*/
#amazon{
	margin-bottom: 20px;
}
/*--amazon--*/

/*新header*/
header {
    color: #000;
    background: #fff;
    padding: 30px 0 0;
    line-height: 1.0;
    position: fixed;
    width: 100%;
    z-index: 3;
}
header .inner {
		max-width: 963px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}
header #logo {
    float: left;
    line-height: 0;
    margin: 0 15px 0 0;
}
header h1 {
    float: left;
    font-weight: 400;
    color: #696969;
    margin: 0;
    padding: 23px 0;
}
header .rightContent {
    float: right;
}
header .rightContent nav {
    float: left;
    margin: 20px 10px 0 0;
    line-height: 1.2;
}
header .rightContent nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
header .rightContent nav ul li {
    float: left;
    padding: 0 15px;
    border-right: 1px solid #fff;
}
header .rightContent nav ul li a{
	color: #696969;
}
header .rightContent nav ul li a:hover{
	opacity: 0.8;
}
nav#main {
    background: #f6f6f6;
    font-size: 16px;
    font-size: 1rem;

    line-height: 0;
    text-align: center;
    position: relative;
    margin: 25px 0 0;
}
nav#main .menu {
    width: 963px;
    margin: 0 auto;
    list-style: none;
    display: inline-block;
    padding: 0px;
    box-sizing: border-box;
}
nav#main .menu li {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 1.0;
    font-weight: 700;
}
nav#main .menu li:hover{
	opacity: 0.8;
}
nav#main .menu li a {
    cursor: pointer;
    text-decoration: none;
    display: block;
    padding: 5px 0;
    margin: 12px 0px;
    border-right: 1px solid #e5e5e5;
    color: #696969;
		line-height: 1.2;
}
nav#main .menu li small {
    font-family: Roboto Condensed,sans-serif;
    font-size: 10px;
    font-size: .625rem;
    color: #999;
    letter-spacing: .1em;
		margin-top: 3px;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
nav#main .menu li.corporate, nav#main .menu li.recruit, nav#main .menu li.purchase{
    margin: 0!important;
    padding: 0!important;
}
nav#main .menu li:last-child a {
    border: none;
}