@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */


@media screen and (min-width: 671px){


/* -----------------------------------------------------------
    header
----------------------------------------------------------- */

#panel-btn {
	display:none;
}

header {
	background: #a38879;
}

/*2017.9.26 add*/
header.mexpro {
	background: #231815;
}

header #header_login, header #header_nav{
	width: 1200px;
    margin: 0 auto;
	display: table;
}

header #header_login h1 {
	display: table-cell;
	vertical-align: middle;
	padding: 25px 0;
}

header #header_login h1 img {
	margin: 0 30px 0 0;
	max-width: none;
}

header #header_login ul {
	display: table-cell;
	vertical-align: middle;
	text-align:right;
}

header #header_login ul li {
	display:inline;
	margin-left:20px;
	color:#FFF;
	font-weight:bold;
}
header #header_login ul li img {
	height:25px;
}
header #header_login ul li img:hover {
	opacity: 0.6;
	-webkit-transition: .6s;
	transition: .6s;
}

header #header_nav nav {
	display: table-cell;
	vertical-align: middle;
	background: #a38879;
}

/*2017.9.26 add*/
header.mexpro #header_nav nav {
	background: #231815;
}

header #header_nav nav ul {
	width: 100%;
	display: table;
	table-layout: fixed;
}

header #header_nav nav ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
}

header #header_nav nav ul li.current {
	background: #7e5d4c;
}

/*2017.9.26 add*/
header.mexpro #header_nav nav ul li.current {
	background: #4c3c38;
}

/*2017.5.23 add*/
header #header_nav nav ul li.sp_nav {
	display: none;
}

header #header_nav nav ul li a {
	display: block;
	padding: 25px 0;
	color: #ffffff;
}

/*2017.9.26 add*/
header #header_nav nav ul li:last-child a {
	padding: 12px 0;
}

header #header_nav nav ul li a:hover {
	color: #ffffff;
	background: #997b6a;
	-webkit-transition: .9s;
	transition: .9s;
}

/*2017.9.26 add*/
header.mexpro #header_nav nav ul li a:hover {
	background: #3a2b28;
}

#lower #main {
	background: url(../img/common/main_bg.png) no-repeat center top;
	background-size: cover;
	min-height: 350px;
	position: relative;
}

#lower #main h1 {
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 1.2;
	letter-spacing: 0.15em;
	color: #ffffff;
	padding: 0 30px 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-shadow: 2px 2px 10px #000,-2px 2px 10px #000,2px -2px 10px #000,-2px -2px 10px #000;
}

/* -----------------------------------------------------------
    #contents
----------------------------------------------------------- */
#contents {
    width: 980px;
    margin: 100px auto;
	overflow: hidden;
}

#contents a img:hover {
	opacity: 0.8;
	-webkit-transition: .9s;
	transition: .9s;
}

/* -----------------------------------------------------------
    #contents
----------------------------------------------------------- */
#pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bolder;
	margin: 100px 0 0 0;
}

#pagination ul {
	display: table;
	margin: 0 auto;
    border-spacing: 5px 0;
}

#pagination ul li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	min-width: 50px;
}

#pagination ul li a {
	display: block;
	color: #7e5d4c;
	padding: 5px;
	border: 1px solid #d0c5bf;
}

#pagination ul li a:hover {
	background: #f4eeea;
}

#pagination ul li.current {
	background: #7e5d4c;
	color: #ffffff;
	padding: 5px 10px;
	border: 1px solid #7e5d4c;
}

#dlBtn {
	border-top: 1px solid #d0c5bf;
	margin: 100px 0 0 0;
	padding: 100px 0 0 0;
	text-align: center;
}

#dlBtn ul li {
	display: inline-block;
	margin: 0 0 0 45px;
}

#dlBtn ul li:first-child {
	margin: 0;
}

/*2015.04.08 Nishimura-ya add*/
#pagination ul a.current {
	background: #7e5d4c;
	color: #ffffff;
	padding: 5px 10px;
	border: 1px solid #7e5d4c;
}

/*2017.04.24 Nishimura-ya add*/
.alert{
	color: #ff0000;
}
.result_msg{
	color: #0000ff;
}




/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
footer {
	background: #7e5d4c;
	color: #ffffff;
}

/*2017.9.26 add*/
footer.mexpro {
	background: #231815;
}

footer #inner {
	width: 980px;
    margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
}

footer #inner div:nth-child(1) {
	float: left;
}

footer #inner div:nth-child(1) p {
	margin: 10px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}

footer #inner div:nth-child(2) {
	float: right;
}

footer #inner div:nth-child(2) ul:nth-child(1) {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 10px 0 0 0;
	overflow: hidden;
}

footer #inner div:nth-child(2) ul:nth-child(1) li {
	float: left;
	margin: 0 0 0 10px;
}

footer #inner div:nth-child(2) ul:nth-child(1) li:first-child {
	margin: 0;
}

footer #inner div:nth-child(2) ul:nth-child(1) li:before {
	content: "|";
	margin: 0 10px 0 0;
}

footer #inner div:nth-child(2) ul:nth-child(1) li:first-child:before {
	content: "";
	margin: 0;
}

footer #inner div:nth-child(2) ul:nth-child(2) {
	margin: 5px 0 0 0;
	float: right;
}

footer #inner div:nth-child(2) ul:nth-child(2) li {
	display: inline;
	margin: 0 0 0 10px;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: #ffffff;
}

footer a:hover {
	opacity: 0.6;
	-webkit-transition: .6s;
	transition: .6s;
}

/* -----------------------------------------------------------
    pageTop
----------------------------------------------------------- */
#pageTop {
	background: #d0c5bf;
	min-height: 55px;
	text-align: center;
}

#pageTop a {
	display: block;
}

#pageTop i {
	color: #7e5d4c;
	font-size: 50px;
	font-size: 5.0rem;
}

/*2017.9.26 add*/
footer.mexpro #pageTop i {
	color: #231815;
}

}