﻿/*-------------
base
-------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: top;
}
body {
	background-color: #fff;
}
a {
	color: black;
	outline: none;
	text-decoration: none;
	font-size: 12px;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
.fLeft {
	float: left;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/*-------------
firefox fade対策
-------------*/

img {
	box-shadow: #000 0 0 0;
}
 img, x:-moz-any-link, x:default {
box-shadow: #000 0 0 0;
}
/*-------------
fontstyle
-------------*/

body {
	font-family: "メイリオ", -webkit-body, sans-serif, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo;
	font-size: 12px;
	line-height: 2.2;
	color: #282828;
	letter-spacing: 0;
	font-weight: 500;
	-webkit-text-size-adjust: 100%;
}
/*-------------
container
-------------*/
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.topmain {
	background-color: #dbdbdb;
}
.topmain_inner {
	width: 1200px;
	margin: 0 auto;
}
.topline {
	background-color: #abc900;
	margin: -9px 0 0 0;
	padding: 15px 0 17px 0;
	text-align: center;
}
/*-------------
memu
-------------*/
/*nav*/
div#menu_out {
	position: relative;
}
div#menu {
	overflow: hidden;
	margin: 0 0 0 0;
	background-color: #2d320e;
}
div#menu-nav {
	width: 690px;
	margin: 0 auto;
}
#menu-nav li {
	float: left;
	padding: 15px 0 0 0;
	letter-spacing: 1px;
}
#menu-nav ul a {
	display: block;
	/*width: 78px;*/
	height: 40px;
	text-align: center;
	color: #fff;
	margin: 0 10px 0 10px;
}
#menu-nav li a:hover {
	color: #abc900;
}
/*li#topmenu1 a {
	width: 32px;
	padding: 0 10px 0 0;
}*/
/*li#topmenu2 a {
	width: 32px;
	padding: 0 20px 0 10px;
}*/
/*li#topmenu3 a {
	width: 95px;
	padding: 0 0 0 26px;
}*/
/*-------------
main
-------------*/
.main {
	width: 100%;
	margin: 0 0 0 0;
	background: url(../images/top/topback.png) repeat-x;
}
.main_inner {
	width: 1200px;
	margin: 0 auto 70px auto;
	overflow: hidden;
}
.topbox1 {
	width: 1200px;
	height: 350px;
	background: url(../images/top/topbox_back.png) repeat-x;
}
.topbox1 p {
	text-align: center;
	padding: 265px 0 0 0;
}
.topbox2 {
	margin: 25px auto 0 auto;
	width: 1000px;
	overflow: hidden;
}
#slider_nav {
	clear: both;
	width: 295px;
	margin: 0 0 0 50px;
	float: left;
}
.bxslider {
	position: relative;
}
.topbox2_right.clearfix {
	float: right;
	width: 550px;
}
p.toptitle1 {
	padding: 43px 0 0 0;
}
p.toptext1 {
	font-size: 18px;
	letter-spacing: 12px;
	margin: 15px 0 0 75px;
}
p.toptext2 {
	margin: -7px 0 0 150px;
}
p.top_bt2 {
	margin: 7px 0 0 75px;
}
.topbox3.clearfix {
	width: 920px;
	margin: 50px auto 0 auto;
}
p.topmovie2.clearfix {
	float: right;
	margin: 0 110px 0 0;
}
p.toptitle2.clearfix {
	float: left;
	margin: 65px 0 0 0;
}
.topbox4.clearfix {
	width: 920px;
	margin: 50px auto 0 auto;
}
.left {
	width: 680px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}
.left ul {
	width: 640px;
	/*height: auto;*/
	min-height: 100px;
	max-height: 100px;
	overflow-y: scroll;
	background-color: #e1e1e1;
	margin: 0 auto;
	padding: 0;
}
.left ul li {
	margin: 5px 0;
	padding: 5px;
	list-style-type: none;
	border-bottom: 1px dotted #aaa;
}
.left ul li img {
	vertical-align: middle;
}
.right {
	width: 220px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	float: right;
}
.right img {
	margin: 30px 0 0 0;
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 260px;
	right: 25px;
}
/*-------------
footer
-------------*/
#footer {
	clear: both;
	margin: 0 auto;
	width: 100%;
	background-color: #dbdbdb;
}
.ft_middle {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 25px 0;
}
.ft_middle_inner {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}
.contact_box {
	margin: 20px 0 0 0;
	float: left;
}
p.footertext1 {
	font-weight: 600;
	line-height: 20px;
	font-size: 18px;
	margin: 5px 0 10px 83px;
}
p.footermail {
	margin: 0 0 0 85px;
}
table.footertable {
	margin: 10px 0 10px 76px;
}
table.footertable th {
	vertical-align: top;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
table.footertable td {
	line-height: 18px;
	font-weight: 600;
	padding: 0 0 7px 7px;
}
.contact_box2 {
	float: right;
	margin: 50px 0 0 0;
	width: 370px;
}
.contact_box2listbox.clearfix {
	float: left;
	margin: 34px 0 0 0;
}
ul.contact_box2list2 {
	margin: 56px 0 0 15px;
	float: left;
}
ul.contact_box2list li, ul.contact_box2list2 li {
	line-height: 20px;
	letter-spacing: 1px;
}
ul.contact_box2list li a, ul.contact_box2list2 li a {
	font-size: 12px;
}
ul.contact_box2list a:hover, ul.contact_box2list2 a:hover {
	text-decoration: underline;
}
.ft_bottom {
	clear: both;
	background-color: #282828;
	text-align: center;
	height: 25px;
	line-height: 25px;
	color: #fff;
}
.popup_video {
	display: block;
	width: 600px;
	height: auto;
	margin: 0 0 20px 0;
}
.popup_video2 {
	display: block;
	width: 80vw;
	height: auto;
}


