@charset "utf-8";

/* header */

#containar {
	background: url(../img/tback.jpg) repeat-y center top;
	position: relative;
	margin: 0px 0px 0px;
}

header {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	padding: 100px 0px 0px;
}

header #open {
	display: none;
}

header a:link {
	color: #FFF;
	text-decoration: none;
}

header a:hover {
	color: #FFF;
	text-decoration: none;
}

header a:visited {
	color: #FFF;
	text-decoration: none;
}

header ul {
	width: 1000px;
	height: 87px;
	background: #040001;
	line-height: 87px;
	position: fixed;
	left: 50%;
	top: 0px;
	margin: 0px 0px 0px -500px;
	z-index: 100;
}

header ul li {
	text-align: center;
	float: left;
	width: 125px;
	list-style: none;
	color: #7E7977;
	font-weight: 600;
}

header ul li a {
	width: 125px;
	height: 87px;
	display: block;
}

header p {
	background: #a21f24;
	height: 114px;
	width: 114px;
	line-height: 114px;
	text-align: center;
	color: #FFF;
	margin: 0px 0px 0px 386px;
	position: fixed;
	top: 87px;
	left: 50%;
	z-index: 100;
	font-weight: 600;
}

header p a {
	height: 114px;
	width: 114px;
	display: block;
}

header #logo {
	position: absolute;
	left: 50%;
	top: 87px;
	margin: 0px 0px 0px -82px;
}

/* contents */

#contents {
	width: 1000px;
	margin: 0px auto 0px;
}

.bg_w {
	background: url(../img/bg_section.png) repeat;	
}



.ichiran a {
	height: 39px;
	width: 124px;
	display: block;
	background: url(../img/arrow.png) no-repeat left 6px;
	text-align: center;
	color: #A21F24;
}

.ichiran a:link {
	color: #A21F24;
	text-decoration: none;
}

.ichiran a:hover {
	color: #A21F24;
	text-decoration: none;
}

.ichiran a:visited {
	color: #A21F24;
	text-decoration: none;
}

/* col_left */


#col_left {
	float: left;
	width: 758px;	
	position: relative;
}


/* col_right */


#col_right {
	float: right;
	width: 223px;
	position: relative;
}


/* footer */

footer {
	width: 1000px;
	margin: 0px auto 0px;
	padding: 0px 0px 30px;
}

ul.banner {
	width: 1000px;
	margin: 0px 0px 30px;
}

ul.banner li {
	float: left;
	width: 173px;
	margin: 0px 22px 0px 0px;
	list-style: none;
}

ul.banner li:nth-child(4) {
	margin: 0px 0px 0px 0px;
}

footer p {
	width: 1000px;
	text-align: center;
	color: #FFF;
}

footer p a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
}

footer p a:hover {
	color: #FFF;
	text-decoration: none;
}

footer p a:visited {
	color: #FFF;
	text-decoration: none;
}

.copyright {
	font-size: 0.8em;
}

/* pagetop */

#pagetop {
	margin: 0px 0px 0px 350px;
	position: fixed;
	left: 50%;
	bottom: 30px;
	cursor: pointer;
	display: none;
}


@media screen and (max-width:768px) {

/* header */

#containar {
	background: url(../img/tback.jpg) repeat-y center top;
	position: relative;
	margin: 0px 0px 0px;
}

header {
	height: 87px;
	width: 100%;
	margin: 0px auto 0%;
	position: fixed;
	padding: 0px 0px 0px;
	background: #040001;
	z-index: 300;
	top: 0;
}

header #open {
	display: block;
	background: url(../img/btn_open.png) no-repeat;
	background-size: contain;
	height: 34px;
	width: 38px;
	position: absolute;
	top: 26px;
	right: 18px;
	z-index: 200;
	cursor: pointer;
}

header a:link {
	color: #FFF;
	text-decoration: none;
}

header a:hover {
	color: #FFF;
	text-decoration: none;
}

header a:visited {
	color: #FFF;
	text-decoration: none;
}

header ul {
	display: none;
	width: 100%;
	height: 100vw;
	background: #040001;
	line-height: inherit;
	position: relative;
	left: inherit;
	top: inherit;
	margin: 87px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	z-index: 100;
}

header ul li {
	text-align: center;
	float: inherit;
	width: 100%;
	list-style: none;
	color: #7E7977;
	padding: 0% 0%;
	font-size: 1.2em;
}

header ul li a {
	width: 100%;
	height: inherit !important;
	display: block;
	padding: 3% 0%;
}

header p {
	display: none;
	background: #a21f24;
	height: 100vw;
	width: 100%;
	line-height: inherit;
	text-align: center;
	color: #FFF;
	margin: 0px 0px 0% 0px;
	padding: 0% 0%;
	font-size: 1.2em;
	position: relative;
	top: inherit;
	left: inherit;
	z-index: 100;
}

header p a {
	height: 40px;
	width: 100%;
	display: block;
	padding: 3% 0%;
}

header #logo {
	position: absolute;
	left: 50%;
	top: 0px;
	margin: 0px 0px 0px -43px;
	width: 87px;
	height: 87px;
}

header #logo img {
	height: 80px;
	margin: 7px auto 0px;
}

/* contents */

#contents {
	width: 90%;
	margin: 0px auto 0px;
	padding: 124px 0px 0px 0px;
}

.bg_w {
	background: url(../img/bg_section.png) repeat;	
}



.ichiran a {
	height: 39px;
	width: inherit;
	display: block;
	background: url(../img/arrow.png) no-repeat left 6px;
	text-align: right;
	color: #A21F24;
	padding: 0px 0px 0px 20px;
}

.ichiran a:link {
	color: #A21F24;
	text-decoration: none;
}

.ichiran a:hover {
	color: #A21F24;
	text-decoration: none;
}

.ichiran a:visited {
	color: #A21F24;
	text-decoration: none;
}

/* col_left */


#col_left {
	float: inherit;
	width: 100%;	
	position: relative;
	margin: 0px 0px 0px;
}


/* col_right */


#col_right {
	float: inherit;
	width: 100%;
	position: relative;
	margin: 0px 0px 0px;
}


/* footer */

footer {
	width: 100%;
	margin: 0px 0px 0px;
	padding: 0px 0px 30px;
}

ul.banner {
	width: 90%;
	margin: 0px auto 6%;
}

ul.banner li {
	float: left;
	width: 48%;
	margin: 0px 4% 4% 0px;
	list-style: none;
}

ul.banner li:nth-child(4) {
	margin: 0px 0px 0px 0px;
}

ul.banner li:nth-child(2n) {
	margin: 0px 0px 0px 0px;
}

ul.banner li img {
	width: 100%;
}

footer p {
	width: 100%;
	text-align: center;
	color: #FFF;
	font-size: 0.8em;
	
}

footer p a:link {
	color: #FFF;
	text-decoration: none;
}

footer p a:hover {
	color: #FFF;
	text-decoration: none;
}

footer p a:visited {
	color: #FFF;
	text-decoration: none;
}

.copyright {
	font-size: 0.6em;
}

/* pagetop */

#pagetop {
	margin: 0px 0px 0px 350px;
	position: fixed;
	left: 50%;
	bottom: 30px;
	cursor: pointer;
	z-index: 300;
	display: none;
}


	
}