﻿@charset "utf-8";


/* common */
/* -------------------------------------------------------- */
body {font:14px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#000; text-align:center; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, textarea, button {font:14px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; line-height:1.4; vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}
img {line-height:0; vertical-align:top; border:0; display:inline;}
strong {font-weight:bold;}


/* container */
/* -------------------------------------------------------- */
#container {min-width:1000px;}


/* header */
/* -------------------------------------------------------- */
#header {background:#000;}
#header .inr {width:1000px; height:150px; text-align:left; margin:0 auto; position:relative;}

#header .summary {font-size:9px; font-weight:normal; line-height:1.2; color:#999; position:absolute; top:33px; left:200px;}
#header .logo {position:absolute; top:14px; left:24px;}
#header .logo1 {position:absolute; top:14px; right:14px;}

#header .nav {width:1000px; height:65px; background:url(../img/header/nav.gif) no-repeat 0 0; position:absolute; bottom:0; left:0; z-index:101;}
#header .nav li {float:left;}
#header .nav li a {height:75px; text-indent:-9999px; display:block; outline:none;}
#header .nav li.nav1 a {width:121px; background-position:0 0;}
#header .nav li.nav2 a {width:143px; background-position:-121px 0;}
#header .nav li.nav3 a {width:143px; background-position:-264px 0;}
#header .nav li.nav4 a {width:143px; background-position:-407px 0;}
#header .nav li.nav5 a {width:143px; background-position:-550px 0;}
#header .nav li.nav6 a {width:163px; background-position:-693px 0;}
#header .nav li.nav7 a {width:144px; background-position:-856px 0;}

#header .sub {width:100%; background:rgba(144,33,33,0.9); position:absolute; top:150px; left:0; z-index:100;}
#header .sub .arrow {width:100%; height:10px; text-align:center; position:absolute; top:0; left:0; display:none;}
#header .sub.nav2 .arrow,
#header .sub.nav3 .arrow,
#header .sub.nav4 .arrow,
#header .sub.nav5 .arrow,
#header .sub.nav6 .arrow {display:block;}
#header .sub .arrow span {width:1000px; text-align:left; margin:0 auto; position:relative; display:block;}
#header .sub .arrow img {position:absolute; top:0; left:45px;}
#header .sub.nav1 .arrow img {left:45px;}
#header .sub.nav2 .arrow img {left:177px;}
#header .sub.nav3 .arrow img {left:321px;}
#header .sub.nav4 .arrow img {left:464px;}
#header .sub.nav5 .arrow img {left:607px;}
#header .sub.nav6 .arrow img {left:759px;}
#header .sub.nav7 .arrow img {left:913px;}
#header .sub .box {width:1000px; text-align:left; margin:0 auto; padding:30px 0 20px 0; display:none;}
#header .sub p {font-weight:bold; color:#fff; margin:0 0 10px 0;}
#header .sub li {width:33.33%; height:2.6em; line-height:1.2; padding:0 0 0 30px; float:left; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header .sub li a {color:#fff; text-decoration:none; padding:0 0 0 12px; background:url(../img/parts/arrow_01_01.gif) no-repeat 0 .3em;}
#header .sub li a:hover {color:#fff; text-decoration:underline;}


/* contents */
/* -------------------------------------------------------- */
#contents {padding:0 0 80px 0;}



/* footer */
/* -------------------------------------------------------- */
#footer {}

#footer .contact {text-align:center; padding:45px 0 60px 0; background:url(../img/footer/bg_01.jpg); border-bottom:solid 4px #bea042;}
#footer .contact .ttl {width:1000px; margin:0 auto 30px auto; padding:0 0 12px 0; border-bottom:dotted 1px #8e7d3f;}
#footer .contact .tel {margin:0 0 30px 0;}
#footer .contact .btn li {padding:0 20px; display:inline-block;}

#footer .bnr1 {width:1020px; text-align:left; margin:0 auto; padding:50px 0;}
#footer .bnr1 li {width:33.33%; text-align:center; padding:10px 0; float:left;}

#footer .bnr2 {padding:40px 0 25px 0; background:#000;}
#footer .bnr2 ul {margin:0 0 35px 0;}
#footer .bnr2 li {padding:0 10px; display:inline-block;}
#footer .bnr2 .copy {font-size:10px; text-align:center; color:#666;}

#footer .nav {padding:45px 0 5px 0; background:#290505;}
#footer .nav .inr1 {width:1000px; text-align:left; margin:0 auto 45px auto;}
#footer .nav .inr2 {width:1000px; text-align:left; margin:0 auto 45px auto;}
#footer .nav ul {width:300px; float:left;}
#footer .nav ul.fst,
#footer .nav div.fst {width:100px; float:left;}
#footer .nav .inr2 ul {width:262px;}
#footer .nav .inr2 ul.fst {width:212px;}
#footer .nav ul li {font-size:10px; margin:0 0 0 50px; padding:0 0 2px 20px; background:url(../img/parts/arrow_03_01.gif) no-repeat 10px 0.4em;}
#footer .nav ul li.ttl {font-size:14px; margin-bottom:8px; padding:0 0 5px 10px; background:none; border-bottom:dotted 1px #585858; position:relative;}
#footer .nav ul li.ttl span {font-size:10px; line-height:1; display:block; position:absolute; top:-1.2em;}
#footer .nav ul li.sub {font-weight:bold; color:#fff; padding:0; background:none;}
#footer .nav ul.fst li {margin-left:0;}
#footer .nav a {color:#fff; text-decoration:none;}
#footer .nav a:hover {color:#fff; text-decoration:underline;}


/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */
