@charset "utf-8"

/*--------------
  .header
---------------- */
body{
	display:inline-block;
}
.header{
	height:52px;
	border-top:3px solid #ea2b2b;
}
.header .headInner{
	width: 980px;
	height:39px;
	margin:0 auto;
	padding-top:9px;
        overflow: visible;
}

.header .headInner h1{
	width: 302px;
	float: left;
}

.header .headInner ul{
	float: right;
	color:#010101;
	font-size:12px;
	padding-top:9px;
}

.header .headInner ul li{
	float: left;
	padding:0 15px;
	border-right:1px solid #a3a3a3;
}

.header .headInner ul li a{
	text-decoration:none;
}

.header .headInner ul li:last-child{
	border-right:none;
	padding-right:0;
}

/* 2023.6.15 Add */
.dropdown {
      position: relative;
      display: inline-block;
}

.dropdown-content {
      display: none;
      position: absolute;
      left: 0;
      top: 100%;
      background-color: #f9f9f9;
      min-width: 200px;
      padding: 10px;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
      z-index: 999; /* 常に前面に表示するための値を設定 */
}

.dropdown:hover .dropdown-content {
      display: block;
}

.buttonmm {
      display: inline-block;
      padding: 0px;
      background-color: transparent;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 12px;
      letter-spacing: 0.1em;
}

.buttonmm:hover {
      background-color: transparent;
}

.header .headInner .dropdown .dropdown-content ul{
	float: none;
	font-size:13px;
	padding: 15px;
}

.header .headInner .dropdown .dropdown-content ul li{
	float: none;
	border-right:none;
	padding: 15px;
        border: 1px solid black;
        border-radius: 4px;
        margin-bottom: 5px;
        background-color: #F0F0F0
}

.header .headInner .dropdown .dropdown-content a{
	text-decoration:none;
}

/*--------------------
  .pagettl .topicpath
 -------------------- */
.pagettl{
	background:#ea2b2b;
	height:88px;
}
.pagettl h2{
	width: 980px;
	margin:0 auto;
	font-size:36px;
	line-height:36px;
	color:#fff;
	padding-top:25px;
}
.topicpath{
	background:#ededed;
	height:27px;
}
.topicpath ul{
	width: 980px;
	margin:0 auto;
	font-size:12px;
	color:#6d6d6d;
	overflow: hidden;
	_zoom:1;
}

.topicpath ul li{
	float: left;
	height:27px;;
	line-height:27px;
}

.topicpath ul li a{
	color:#6d6d6d;
	letter-spacing:0.05em;
	padding-right:20px;
	margin-right:8px;
	background:url(../../common/img/path.gif) no-repeat right 2px;
}

/*--------------
  .cnt
---------------- */
.cnt{
	background:#f8f8f8;
}
.cnt .cntInner{
	width: 980px;
	background:url(../img/bg.gif) repeat-y;
	margin:0 auto;
	overflow: hidden;
	_zoom:1;
}
#pagetop{
	width: 773px;
	text-align:right;
	padding:26px 0 22px 0;
}

.req{
  font-size:12px;	
  color:#2c2c2c;
 }
.req2{
  color:#2c2c2c;
  line-height:1.3;
}
.kome{
	color:#ea2b2b;
	width: 14px;
	font-size:12px;
}
.blk{
	display: block;
}
.gray{
  color:#989898;
  font-size:12px;
  display:inline-block;
}
.word{
	text-align:right;
	display:block;
	padding-top:7px !important;
}
/*--------------
  .tab
---------------- */
.mainMenu .tab{
	clear:both;
	overflow: hidden;
	_zoom:1;
}
.mainMenu .tab li{
	float: left;
}
.mainMenu .tab li a{
	width: 260px;
	height:52px;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow: hidden;
}
.mainMenu .tab li a.tab1{
	background:url(../img/tab01.gif) no-repeat 0 0;
}
.mainMenu .tab li a.tab2{
	background:url(../img/tab02.gif) no-repeat 0 0;
}
.mainMenu .tab li a.tab3{
	width: 254px;
	background:url(../img/tab03.gif) no-repeat 0 0;
}
.mainMenu .tab li.current a,
.mainMenu .tab li a:hover{
	background-position:0 -52px;
}
.mainMenu .tabMenu{
	width: 750px;
	padding:20px 0 0 20px;
	background:#fff;
	border-bottom:5px solid #d9d9d9;
	border-right:3px solid #d9d9d9;
}

/*--------------
  .mainMenu
---------------- */
.mainMenu{
	width: 795px;
	float: left;
	position: relative;
}

.mainMenu .tabMenu .searchMenu .submit{
	padding:4px 0 28px 188px;
	cursor:pointer;
}
/*--------------
  .subMenu
---------------- */
.subMenu{
	width: 185px;
	height:1300px;
	float: right;
	text-align:center;
}
.subMenu .reserve{
	width: 160px;
	height:163px;
	margin:14px 12px 0 12px;
	background:url(/material/common/img/sub_box.gif) no-repeat;
}
.subMenu .reserve img{
	padding-top:83px;
}
.subMenu .subNav{
	padding:8px 0 6px 0;
}

.subMenu .subNav li, .subMenu .subList li
{
	margin-bottom:3px;
}

.subMenu .subList{
	padding-bottom:12px;
}
.subMenu .searchBox{
	margin-bottom:8px;
}

.subMenu .link li {
      margin-bottom:3px;
}

.subMenu .subNav .subba-margin
{
      margin-bottom:-2px;
}

.subMenu .subNav .subbanner1
{
      width: 148px;
      height: 70px;
      background-color: #ffffff;
      border: 2px solid #ffffff;
      position: relative;
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px;
}

.subMenu .subNav .subbanner2
{
      width: 148px;
      height: 70px;
      background-color: #ffffff;
      border: 2px solid #ffffff;
      position: relative;
      font-size: 12px;
      font-weight: bold;
      text-align: left;
      color: black;
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px;
}

.subMenu .subNav .subbanner1:hover, .subMenu .subNav .subbanner2:hover
{
      border: 2px solid #ff0000;
      color: red;
}

.subMenu .subNav .subbanner-icon1
{
      vertical-align: middle;
      margin-right: 12px;
      width: 23px;
}

.subMenu .subNav .subbanner-icon2
{
      vertical-align: middle;
      margin-right: 12px;
      float: left;
      width: 23px;
}

.subMenu .subNav a.subbanner-deco:link
{
  text-decoration: none;
}
.subMenu .subNav a.subbanner-deco:visited
{
  text-decoration: none;
}
.subMenu .subNav a.subbanner-deco:hover
{
  text-decoration: none;
}
.subMenu .subNav a.subbanner-deco:active
{
  text-decoration: none;
}


/*--------------
  .footer
---------------- */	
.footer{
	background:#ea2b2b;
	height:32px;
	line-height:32px;
}
.footer p{
	width: 980px;
	font-size:12px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	letter-spacing:0.05em;
}

/*--------------
  .form
---------------- */		
input[type="text"],select,label{
	vertical-align:middle;
}
input[for="radio"]{
	vertical-align:top;
}

input[type="text"],
textarea{
	width: 436px;
	height:24px;
	border:1px solid #d5d5d5;
	padding:8px 10px 8px 10px;
	box-shadow:inset 2px 3px 1px 0 #e8e8e8;
}

input{
	margin:0;
}

a:hover{
	cursor:pointer;
}
.lead_error{
	margin: 0 0 25px 27px;
	border: 1px solid #F00;
	width: 654px;
	padding: 10px;
	color: #F00;
	text-align: center;
	font-weight:bold;
}

.lead_confirm{
	margin: 0 0 25px 27px;
	border: 1px solid #F00;
	width: 654px;
	padding: 10px;
	color: #F00;
	text-align: center;
	font-weight:bold;
}