﻿@charset "utf-8";

/*----------Reset-------*/

*{ margin: 0;padding: 0}
a { text-decoration : none}
a:hover, a:focus { text-decoration: underline;}
ul, ol { list-style : none;}
img { vertical-align : middle;}

.clearfix:after {clear: both;}
.clearfix:before, .clearfix:after {content: " ";display: table;}

button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;}
button, input { line-height: normal;}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

select {
padding: 3px;}

textarea, input[type="text"], input[type="email"], input[type="password"] {
display: block;
width: 100%;
border-radius: 5px;
border: 2px solid #ccc;
padding: 5px 10px;
outline: none;}


/*----------Fluid-img-------*/
img { width : 100%; height: auto;}

/*----------Body-------*/
body {
font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', sans-serif !important;
font-size: 14px;
font-style: normal;
line-height:1.4em;
color: #000;
background-color: #fff;
}

header {
position: relative;
margin-bottom: 20px;}

header h1 {
padding : 5px;}

header a.logo {
position: absolute;
top: 3%;
left: 8%;
width: 20%;
height: 5%;
/*background-color: #ccc;*/
text-indent: -9999px;}


/*----------Contents-------*/

#contents {
margin : 5px auto;}

#btn { margin: 0 20px 30px 20px;}
#btn p { margin-bottom: 15px;}

#set1 { margin: 0 5px 30px 5px;}

#set2 { margin: 0 20px 30px 20px;}

/*----------toggle_box 2-------*/
#acMenu { margin-bottom: 30px;}

#acMenu.slide-1 dt{
    display:block;
    cursor:pointer;
    background:url(../images/taiken-btn-012.gif) right top no-repeat;
    background-size: auto 100%; }
#acMenu.slide-1 dt.active{
    background:url(../images/taiken-btn-013.gif) right top no-repeat;
    background-size: auto 100%; }

#acMenu.slide-2 dt{
    display:block;
    cursor:pointer;
    background:#f9f4c7 url(../images/taiken-btn-014.gif) right top no-repeat;
    background-size: auto 70%; }
#acMenu.slide-2 dt.active{
    background:#f9f4c7 url(../images/taiken-btn-015.gif) right top no-repeat;
    background-size: auto 70%; }

#acMenu dd{
    padding:10px 5px;
    display:none; }

/*---------- / -------*/

#acMenu p{
	padding-bottom:0.5em;}
#acMenu ul{
	padding-left:1em;
	padding-bottom:0.3em;}
#acMenu ul li{
	text-indent:-1em;
	list-style-type:none;
	padding-bottom:0.3em;}

.tenpo {
position: relative;}

.tenpo-btn {
position: absolute;
top: 45%;
left: 7%;
width: 86%;}
.tenpo-btn p {
margin-bottom: 10px;}

.btnMap li{
float: left;
width: 48.7%;
margin-right: 2%;
}
.btnMap li:last-child{
margin-right: 0;
}
.ac-btn{
position: relative;
padding: 5px 4%;
background: url(../images/bg_tenpo.jpg) repeat-y center 0;
background-size: 100% auto;
cursor: pointer;
}
.ac-btn span{
display: block;
position: absolute;
top:36%;
right: 7%;
width: 29px;
height: 14px;
background: url(../images/area_arw_off.png) no-repeat 90% center;
background-size: auto 80%;
}
.ac-btn span.active{
background: url(../images/area_arw_on.png) no-repeat 90% center;
background-size: auto 80%;
}
.tenpo-ac-wrap{
display: none;
}


/*----------Footer-------*/

footer {
text-align: center;}

footer p {
padding-top: 20px;}

