@charset "UTF-8";


/* ---------------------------
	Layout Stylesheet
	1. Base
	2. Header
	3. Header Stats
	4. Global Navigation
	5. Breadcrumb
	6. Main
	7. Page
	8. Action
	9. Footer
	10. Footer Navigation
	11. Alert
	12. Loading
--------------------------- */


/* ---------------------------
	Base
--------------------------- */
body {
	min-width: 980px;
	line-height: 1.625;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-family: "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
	color: #393939;
	position: relative;
}

/*	Anchor
-----------------------------*/
a {
	text-decoration: none;
	color: #393939;
}
a:hover {
	text-decoration: underline;
}


/*	Image
-----------------------------*/
img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}



/* ---------------------------
	Header
--------------------------- */
.header {
	padding-top: 48px;
	position: relative;
}
.header_main { /* Override .container */
	margin-bottom: 10px;
	overflow: hidden;
}


/*	Header Logo
-----------------------------*/
.header_logo {
	margin-top: 10px;
	margin-left: 10px;
	width: 235px;
	height: 43px;
	float: left;
}
.header_logo a {
	display: block;
	padding-top: 43px;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: url(../img/common/logo_header.png) no-repeat top center;
}
.header_logo a:hover {
	opacity: 0.7;
}


/*	Header Action
-----------------------------*/
.header_action {
	float: right;
}
.header_action ul {
	font-size: 0; /* Remove Margin of Inline Block */
}
.header_action li {
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}
.header_action a {
	display: block;
}
.header_action a:hover {
	opacity: 0.7;
}



/* ---------------------------
	Header Stats
--------------------------- */
.header_stats {
	width: 100%;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	background: url(../img/common/line_header.png) repeat-x top left;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.header_stats .container:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 19px;
	border-color: transparent transparent transparent #fff;
	margin-right: -489px;
	position: absolute;
	right: 50%;
	top: 0;
	bottom: 0;
}
.header_status_fixed {
	box-shadow: 2px 2px 4px #aaa;
	position: fixed;
	z-index: 900;
}
/*	Header Stats Layout
-----------------------------*/
.header_stats_body {
	margin-left: auto;
	padding-left: 5px;
	min-width: 465px;
	max-width: 485px;
	height: 100%;
	background: #fff;
	font-size: 0; /* Remove Margin of Inline Block */
	position: relative;
}
.header_stats_body:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 19px 32px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	left: -18px;
	top: 0;
	bottom: 0;
}
.header_stats_body:after {
	content: "";
	display: block;
	width: 1000px;
	height: 32px;
	background: url(../img/common/line_header.png) repeat-x 56px top;
	position: absolute;
	left: 100%;
	top: 0;
}
.mini-logo-fixed {
	padding:0;
	margin:0;
	position: absolute;
	top: 0;
	padding-left: 3px;
	z-index: 990;
	display: none;
	width: 132px;
	height: 32px;

}
.mini-logo-fixed img {
	width: 132px;
	height: 32px;
}


.login-actions {
	min-width: 468px;
	max-width: 485px;
}

.header-registration {
	width: 120px;
}
.header-login{
	width: 80px;
}
.header-login img{
	width: 14px;
	margin:6px 6px 0 0;

}

/*	Header Stats Item
-----------------------------*/
.header_stats_body > a,
.header_stats_body dl,
.header_stats_body dl:before,
.header_stats_body dt,
.header_stats_body dd {
	display: inline-block;
	height: 32px;
	vertical-align: top;
}
.header_stats_body > a {
	display: inline-block;
	margin-left: 17px;
}
.header_stats_body > a:hover {
	opacity: 0.7;
}
.header_stats_body > a:first-child {
	margin-left: 0;
}
.header_stats_body dl:before {
	content: "";
	width: 27px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: left 4px;
}
.header_stats_body dt {
	font-size: 12px;
}
.header_stats_body dd {
	margin-left: 5px;
	font-size: 14px;
}
.header_stats_body dd span {
	margin-right: 2px;
	font-weight: bold;
	font-size: 18px;
	color: #635542;
}


/*	Header Stats Icon
-----------------------------*/
.header_stats_like:before {
	background-image: url(../img/common/icon_star.png);
}
.header_stats_history:before {
	background-image: url(../img/common/icon_note.png);
}
.header_stats_search:before {
	background-image: url(../img/common/icon_search.png);
}
.header_stats_profile:before {
	background-image: url(../img/common/icon_profile.png);
}
.header_stats_body .header_stats_profile:before {
	width: 32px;
}
.header_stats_registration:before {
	background-image: url(../img/common/icon_registration.png);
}
.header_stats_body .header_stats_registration:before {
	width: 38px;
}
.header_stats_login:before {
	background-image: url(../img/common/icon_login.png);
}



/* ---------------------------
	Global Navigation
--------------------------- */
.gnav:before {
	content: "";
	height: 8px;
	width: 100%;
	background: #8fc46c;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.gnav > ul {
	position: relative;
}
.gnav > ul:after {
	content: "";
	display: block;
	clear: both;
}
.gnav_item {
	width: 20%;
	float: left;
}


/*	Global Navigation Item Head
-----------------------------*/
.gnav_item_head {
	display: block;
	padding: 16px 0 14px;
	border-bottom: 8px solid;
	text-align: center;
	line-height: 1.25;
	font-weight: bold;
	font-size: 18px;
	color: #635542;
}
.gnav_item_head:hover {
	text-decoration: none;
	color: #a39a8e;
}
.gnav_item:nth-child(odd) .gnav_item_head {
	border-bottom-color: #3dad31;
}
.gnav_item:nth-child(even) .gnav_item_head {
	border-bottom-color: #8fc46c;
}


/*	Global Navigation Item Body
-----------------------------*/
.gnav_item_body {
	display: none;
	padding-top: 38px;
	width: 100%;
	height: 346px;
	border-top: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../img/common/bg_menu.png);
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	text-align: center;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 100;
}
.gnav_item_body.buy-area {
	height: 486px;
}
.gnav_item_body ul {
	font-size: 0;
}
.gnav_item_body li {
	display: inline-block;
	margin-left: 70px;
	border: 1px solid #fff;
	background: #fff;
	overflow: hidden;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	vertical-align: top;
}
.gnav_item_body li:first-child{
	margin-left: 0;
}
.gnav_item_body li.spacer{
	opacity: 0;
width:385px;
	height: 120px;
}
.gnav_item_body li a {
	display: block;
}
.gnav_item_body li a:hover {
	text-decoration: none;
}
.gnav_item_body li a:hover img {
	opacity: 0.7;
}
.gnav_item_body li span {
	display: block;
	padding: 17px 0 15px;
	border-top: 4px solid #4ab14c;
	font-size: 20px;
	color: #5b6554;
}


/*	Global Navigation Item Active
-----------------------------*/
.gnav_item.on .gnav_item_head {
	background: #49b06e;
	border-bottom-color: #009143;
	color: #fff;
}
.on .gnav_item_body {
	display: block;
}


/*	Global Navigation Indivisual Item
-----------------------------*/

/* 会社情報 */
.gnav_company li {
	margin-left: 16px;
}

/* 買う・探す */
.gnav_buy li {
	margin: 0 11px 22px;
}
.gnav_buy li:first-child {
	margin-left: 11px;
}
.gnav_buy li a {
	overflow: hidden;
}
.gnav_buy li img {
	width: 211px;
	float: left;
}
.gnav_buy li span {
	padding: 0;
	width: 170px;
	height: 120px;
	line-height: 120px;
	float: left;
	border: 0;
	border-left: 4px solid #4ab14c;
}

/* 活用・売却 */
.gnav_sell li {
	margin-left: 20px;
}

/* お役立ち情報 */
.gnav_info li {
	margin-left: 20px;
}



/* ---------------------------
	Breadcrumb
--------------------------- */
.breadcrumb {
	border-top: 1px solid #fff;
	background: url(../img/common/bg_breadcrumb.png) repeat-x top center;
	font-size: 0; /* Remove Margin of Inline Block */
}
.breadcrumb li {
	display: inline-block;
	padding-left: 20px;
	margin-left: 8px;
	line-height: 32px;
	vertical-align: top;
	font-size: 14px;
	position: relative;
}
.breadcrumb li:before {
	content: ">";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.breadcrumb li:first-child {
	margin-left: 15px;
	padding-left: 0;
}
.breadcrumb li:first-child:before {
	display: none;
}
.breadcrumb a,
.breadcrumb span {
	display: block;
	color: #635542;
}



/* ---------------------------
	Main
--------------------------- */
.main {
	background: url(../img/common/bg1.png);
}



/* ---------------------------
	Page
--------------------------- */
.page {
	padding-top: 20px;
	padding-bottom: 170px;
}


/*	Page Head
-----------------------------*/
.page_head {
	margin-bottom: 25px;
	border: 1px solid #e0e0e0;
	background: #fff;
}

.page_head h1 {
	padding: 15px 282px 11px 70px;
	border-bottom: 4px solid #29834f;
	line-height: 1.25;
	font-weight: bold;
	font-size: 24px;
	color: #29834f;
	position: relative;
}

.page_head h1:before,
.page_head h1:after {
	content: "";
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
}

.page_head h1:before {
	width: 30px;
	background-image: url(../img/common/icon_title.png);
	top: 0;
	left: 20px;
}

.page_head h1:after {
	width: 282px;
	background-image: url(../img/common/title_bg.png);
	background-size: cover;
	top: 0;
	right: 0;
}
.page_head small {
	margin-left: 15px;
	vertical-align: middle;
	font-size: 18px;
}


/*	Page Body
-----------------------------*/
.page_body {
	margin: 0 30px;
    background: #fff;
    padding: 1px;
    border: 1px solid #b2b2b2;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



/* ---------------------------
	Action
--------------------------- */
.action {
	padding: 20px 0;
	background: url(../img/common/bg_contact.png) repeat-x top center;
}
.action > .container { /* Override .container */
	width: 862px;
}
.action ul {
	display: inline-block;
	vertical-align: top;
	font-size: 0; /* Remove Margin of Inline Block */
}
.action li {
	display: inline-block;
	margin-left: 12px;
	vertical-align: top;
}
.action li:first-child {
	margin-left: 0;
}
.action li a {
	display: block;
}
.action li a:hover {
	opacity: 0.7;
}
.action p {
	display: inline-block;
	margin-left: 3px;
	vertical-align: top;
}



/* ---------------------------
	Footer
--------------------------- */
.footer {
	padding-top: 28px;
	height: 641px;
	background: url(../img/common/bg_footer_1.png) repeat-x top center;
	position: relative;
}
.footer:after {
	display: block;
	content: "";
	width: 1178px;
	height: 74px;
	background: url(../img/common/bg_footer_2.png) no-repeat 0 0;
	margin-left: -589px;
	position: absolute;
	left: 50%;
	bottom: 138px;
}


/*	Footer About
-----------------------------*/
.footer_about {
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.footer_about dl {
	background: url(../img/common/line_header.png) repeat-x top center;
}
.footer_about_head {
	display: inline-block;
	padding-top: 10px;
	padding-left: 12px;
	padding: 10px 15px 6px 12px;
	background: #fff;
	line-height: 1;
	font-weight: bold;
	font-size: 16px;
	color: #009143;
	position: relative
}
.footer_about_head:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 18px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -18px;
}
.footer_about_head span {
	display: block;
	padding-left: 10px;
	border-left: 4px solid #009143;
}
.footer_about dd {
	padding: 20px 20px 20px 0;
	overflow: hidden;
}
.footer_about_logo {
	margin-top: 5px;
	width: 124px;
	text-align: center;
	float: left;
}
.footer_about_body {
	overflow: hidden;
	line-height: 1.4;
}


/*	Footer Main
-----------------------------*/
.footer_main {
	margin-top: 130px;
	position: relative;
}
.footer_logo {
	position: absolute;
	left: 18px;
	top: 0;
}
.footer_logo:hover {
	opacity: 0.7;
}
.footer_main_body {
	padding-right: 35px;
	padding-top: 10px;
	text-align: right;
	color: #fff;
}
.footer_main_body li {
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
}
.footer_main_body li a {
	text-decoration: underline;
	color: #fff;
}
.footer_main_body li a:hover {
	text-decoration: none;
}
.footer_main_body address {
	font-size: 12px;
}


/*	Page Top
-----------------------------*/
.footer_top {
	position: fixed;
	bottom: 30px;
	right: 48px;
	z-index: 10000;
}
.footer_top a {
	display: block;
}
.footer_top a:hover {
	opacity: 0.7;
}



/* ---------------------------
	Footer Navigation
--------------------------- */
.fnav {
	margin-top: 25px;
	padding-left: 26px;
}
.fnav ul {
	padding-top: 5px;
	overflow: hidden;
}
.fnav_item {
	width: 160px;
	float: left;
}


/*	Footer Navigation Head
-----------------------------*/
.fnav_item_head {
	margin-bottom: 15px;
	padding-left: 7px;
	border-left: 4px solid #fff;
	line-height: 1;
}
.fnav_item_head span {
	display: inline-block;
	font-size: 16px;
	color: #fff;
}


/*	Footer Navigation Body
-----------------------------*/
.fnav_item_body {
	padding-left: 12px;
}
.fnav_item_body li {
	margin-bottom: 5px;
	font-size: 14px;
	color: #fff;
}
.fnav_item_body li:before {
	content: "・";
}
.fnav_item_body li a {
	font-size: 14px;
	color: #fff;
}


/*	Footer Navigation Length
-----------------------------*/
.fnav_item_length {
	width: 100%;
	padding-top: 25px;
	clear: both;
}
.fnav_item_length .fnav_item_head {
	margin-bottom: 10px;
	border-left-color: #8eba75;
}
.fnav_item_length .fnav_item_head span {
	color: #8eba75;
}
.fnav_item_length .fnav_item_body li {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top;
}
.fnav_item_length .fnav_item_body li:before {
	content: "｜";
	margin-left: -4px;
}
.fnav_item_length .fnav_item_body li:first-child:before {
	display: none;
}
.fnav_item_length .fnav_item_body li a {
	text-decoration: underline;
	color: #8eba75;
}
.fnav_item_length .fnav_item_body li a:hover {
	text-decoration: none;
}



/* ---------------------------
	Alert - Modal
--------------------------- */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}
.modal_inner {
	padding: 1px;
	width: 400px;
	height: auto;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	border: 4px solid #009143;
	word-break: break-all;
	font-size: 16px;
	color: #6a6a6a;
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -200px;
}
.modal_head {
	padding: 16px 0 13px;
	background: #009143;
	text-align: center;
	line-height: 1.25;
	font-size: 20px;
	color: #fff;
}
.modal_body {
	padding: 15px 20px;
	overflow: hidden;
	line-height: 1.4;
}
.modal_body a[class^="modal_"] {
	display: block;
	margin: 15px auto 0;
	width: 246px;
	border: 4px solid #39aa3b;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.modal_body a[class^="modal_"] span {
	display: block;
	padding: 15px 0 13px;
	background: #39aa3b;
	border: 2px solid #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.modal_body a[class^="modal_"]:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*  Modal Button Half
------------------------------- */
.modal_body a[class*="width_half"] { /* Override a[class^="modal_"] */
	width: 170px;
	margin-right: 0;
	margin-left: 0;
	float: left;
}
.modal_body .left_btn { /* Override .modal_body a[class*="width_half"] */
	margin-right: 10px !important;
}


/* ---------------------------
	Loading
--------------------------- */
.loading {
	margin: 35px 0;
	text-align: center;
	line-height: 1.25;
	font-weight: bold;
	font-size: 24px;
	color: #27a356;
}
.loading p {
	margin-top: 12px;
}