/******* setting.scss *******/
/******* mixin.scss *******/
#first .about .secCont, #first .partner .secCont, .fwrap, .column2wrap, .column2wrap .column2, .column4wrap, .menulist, .firstArea .cont, #index .searchArea section, #index .searchArea .checkWrap, #index .searchArea .checkArea dl, #index .searchArea .checkArea.key ul, #index .searchArea .checkArea.area ul, #index .mainArea .newCompany .logoList, #form table td ul li dl, #consultation .past dl, #first .voice .secCont, #first .voice .secCont section dl, #first .faq .secCont, #event .secCont, #event .country ul, #event .report {
  *zoom: 1;
}
#first .about .secCont:after, #first .partner .secCont:after, .fwrap:after, .column2wrap:after, .column2wrap .column2:after, .column4wrap:after, .menulist:after, .firstArea .cont:after, #index .searchArea section:after, #index .searchArea .checkWrap:after, #index .searchArea .checkArea dl:after, #index .searchArea .checkArea.key ul:after, #index .searchArea .checkArea.area ul:after, #index .mainArea .newCompany .logoList:after, #form table td ul li dl:after, #consultation .past dl:after, #first .voice .secCont:after, #first .voice .secCont section dl:after, #first .faq .secCont:after, #event .secCont:after, #event .country ul:after, #event .report:after {
  content: " ";
  clear: both;
  display: block;
}

#index .mainArea .event .eCont .logoArea dt img, #index .mainArea .newCompany .logoList li img, #index .mainArea .blog dl dd.logo img, #event .pickup dl dd.pict img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#index .mainArea .consultation dl dt, #index .mainArea .event .eCont .linkArea dt, #index .mainArea .news dl dt, #index .mainArea .blog dl dt {
  margin: 0 0 10px;
}
#index .mainArea .consultation dl dt a, #index .mainArea .event .eCont .linkArea dt a, #index .mainArea .news dl dt a, #index .mainArea .blog dl dt a {
  text-decoration: none;
}
#index .mainArea .consultation dl dt a:hover, #index .mainArea .event .eCont .linkArea dt a:hover, #index .mainArea .news dl dt a:hover, #index .mainArea .blog dl dt a:hover {
  text-decoration: underline;
}

#first .about .secCont dl, #first .partner .secCont dl {
  float: left;
  margin: 0 0 0 11px;
  width: 334px;
}
#first .about .secCont dl:nth-of-type(1), #first .partner .secCont dl:nth-of-type(1) {
  margin: 0;
}

#event .date section table td.y, #event .date section table td.g {
  padding: 0;
}
#event .date section table td.y a, #event .date section table td.g a {
  border: 2px solid #fff;
  display: block;
  color: #fff;
  height: 41px;
  padding: 12px 0 0;
  text-decoration: none;
}

/******* contents.scss *******/
.react_disabled {
  display: none;
}

/*********temp*********/
.mainImage {
  margin: 0 auto 30px;
}
.mainImage img {
  width: 100%;
}

table {
  margin: 0 0 30px;
  width: 100%;
}
table th {
  background: #BDEAEB;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 15px 10px;
  width: 250px;
}
table th span {
  color: #D80000;
}
table td {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #F0F1F2;
  padding: 15px;
}
table td input[type="text"],
table td input[type="password"] {
  width: 340px;
}
table td textarea {
  height: 100px;
  margin: 8px 0 0;
  max-width: 340px;
  width: 100%;
}
table td input[type="checkbox"] {
  margin: 0 8px 0 0;
}

.list {
  margin: 0 0 30px;
  padding: 0 0 0 20px;
}
.list li {
  margin: 0 0 5px;
}
.list li:before {
  background: #24B7BD;
  content: "";
  height: 2px;
  display: inline-block;
  margin: 0 10px 2px 0;
  vertical-align: middle;
  width: 16px;
}

.fwrap figure {
  float: left;
  margin: 0 40px 30px 0;
  width: 50%;
}
.fwrap figure figcaption {
  font-size: 80%;
  margin: 10px 0 0;
}
.fwrap figure img {
  width: 100%;
}
.fwrap:nth-of-type(2n+1) figure {
  float: right;
  margin: 0 0 30px 40px;
}

.column2wrap .column2 {
  float: left;
  margin: 0 0 30px;
  width: 47%;
}
.column2wrap .column2:nth-of-type(2n) {
  float: right;
}
.column2wrap .column2 img {
  float: left;
  width: 30%;
}
.column2wrap .column2 dl {
  float: right;
  width: 65%;
}
.column2wrap .column2 dl dt {
  font-weight: bold;
  margin: 0 0 5px;
}








.column4wrap {
  margin: 0 0 30px;
}
.column4wrap figure {
  float: left;
  margin: 0 0 0 3%;
  width: 22.75%;
}
.column4wrap figure:first-child {
  margin: 0;
}
.column4wrap figure figcaption {
  margin: 0 0 7px;
}
.column4wrap figure a {
  text-decoration: none;
}
.column4wrap figure a:hover {
  text-decoration: underline;
}
.column4wrap figure a:hover img {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
.column4wrap figure img {
  width: 100%;
}
.column4wrap figure span {
  background: #F0F1F2;
  color: #0092D6;
  display: block;
  padding: 10px;
}




div[class^="column4-"],
div[class^="column2-"]{
margin: 0 0 30px;
}
div[class^="column4-"] figure {
float: left;
margin: 20px 0 0 3%;
width: 22.75%;
}
div[class^="column2-"] figure {
float: left;
margin: 20px 0 0 3%;
width: 48.5%;
}
div[class^="column4-"] figure:first-child,
div[class^="column2-"] figure:nth-of-type(2n-1){
margin-left: 0;
}
div[class^="column4-"] figure figcaption,
div[class^="column2-"] figure figcaption{
}
div[class^="column4-"] figure a,
div[class^="column2-"] figure a{
text-decoration: none;
}
div[class^="column4-"] figure a:hover,
div[class^="column2-"] figure a:hover{
text-decoration: underline;
}
div[class^="column4-"] figure a:hover img,
div[class^="column2-"] figure a:hover img{
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
-ms-filter: "alpha(opacity=80)";
filter: alpha(opacity=80);
}
div[class^="column4-"] figure div ,
div[class^="column2-"] figure div {
display: table;
table-layout: fixed;
width: 100%;
text-align: center;
}
div[class^="column4-"] figure div a,
div[class^="column2-"] figure div a{
display:table-cell;
max-height:160px;
text-align:center;
vertical-align: middle;
}
div[class^="column4-"] figure img,
div[class^="column2-"] figure img{
max-width:100%;
max-height:160px;
}
div[class^="column4-"] figure span,
div[class^="column2-"] figure span{
background: #F0F1F2;
color: #0092D6;
display: block;
padding: 10px;
max-height:150px;
overflow:hidden;
line-height:1.2em;
margin-top:10px;
}
div[class^="column4-"]:before,
div[class^="column4-"]:after,
div[class^="column2-"]:before,
div[class^="column2-"]:after{
display: table;
content: " ";
}
div[class^="column4-"]:after,
div[class^="column2-"]:after{
clear: both;
}














.menulist {
  margin: 0 0 30px;
}
.menulist li {
  background: #F0F1F2;
  display: table;
  float: left;
  margin: 0 0 0 3%;
  width: 22.75%;
}
.menulist li:first-child {
  margin: 0;
}
.menulist li:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
.menulist li:hover a {
  text-decoration: underline;
}
.menulist li:before {
  content: "";
  background: url(../img/temp/icon.gif) no-repeat 7px 10px #0092D6;
  display: table-cell;
  width: 20px;
}
.menulist li a {
  display: table-cell;
  padding: 5px 10px 3px;
  text-decoration: none;
}

ol {
  margin: 0 0 30px;
  padding: 0 0 0 40px;
}
ol li {
  margin: 0 0 5px;
  list-style: decimal;
}

.maxBannerImage {
  max-width: 340px;
  width: 100%;
}

/*********index*********/
.firstArea {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 120px 0 0;
  width: 100%;
  z-index: 100;
}
.firstArea .firstCont,
.firstArea section {
  background: #24B7BD;
  margin: 0 auto;
  padding: 60px 55px;
  max-width: 850px;
  position: relative;
}
.firstArea .firstCont {
  max-width: 960px;
  padding: 30px 0;
}
.firstArea .firstCont .imgLink img {
  width: 100%;
}
.firstArea .firstCont .imgLink img.sp {
  display: none;
}
.firstArea h2 {
  color: #fff;
  font-size: 140%;
  margin: 0 auto 25px;
}
.firstArea h3 {
  background: url(../img/index/firstBg.jpg) no-repeat 0 0;
  color: #fff;
  display: inline-block;
  margin: 0 0 10px 230px;
  padding: 40px 0 40px 120px;
}
.firstArea .cont {
  margin: 0 auto 30px;
}
.firstArea .cont dl {
  float: left;
  margin: 0 20px 0 0;
  width: 270px;
}
.firstArea .cont dl dt {
  background: url(../img/index/firstDtBg1.gif) no-repeat 100% 0;
  font-size: 115%;
  margin: 0 auto 130px;
  padding: 50px 10px 15px;
}
.firstArea .cont dl dd {
  background: #fff;
  font-size: 105%;
  padding: 10px;
  position: relative;
}
.firstArea .cont dl dd:before {
  content: "";
  background-image: url(../img/index/firstDdBg1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 110px;
  width: 60px;
  position: absolute;
  top: -130px;
  left: 105px;
}
.firstArea .cont dl:nth-of-type(2) dt {
  background-image: url(../img/index/firstDtBg2.gif);
  background-position: 50% 0;
}
.firstArea .cont dl:nth-of-type(2) dd:before {
  background-image: url(../img/index/firstDdBg2.jpg);
}
.firstArea .cont dl:nth-of-type(3) {
  margin: 0;
}
.firstArea .cont dl:nth-of-type(3) dt {
  background-image: url(../img/index/firstDtBg3.gif);
  background-position: 0 0;
}
.firstArea .cont dl:nth-of-type(3) dd:before {
  background-image: url(../img/index/firstDdBg3.jpg);
}
.firstArea .link {
  border: 1px solid #fff;
  margin: 0 auto;
  width: 270px;
}
.firstArea .link a {
  color: #fff;
  font-size: 120%;
  display: block;
  padding: 15px 0;
  text-align: center;
  text-decoration: none;
}
.firstArea .link a:hover {
  background: #fff;
  color: #24B7BD;
}
.firstArea .close {
  position: absolute;
  top: -20px;
  right: -20px;
}
.firstArea .alert {
  max-width: 960px;
  position: absolute;
  top: -60px;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.firstArea .alert img {
  width: 75%;
}

#index .kvArea {
  height: 500px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
#index .kvArea .kvImage {
  height: 500px;
  overflow: hidden;
  position: relative;
}
#index .kvArea .kvImage li {
  position: relative;
}
#index .kvArea .kvImage li > img {
  width: 100%;
}
#index .kvArea .kvImage .flex-control-nav {
  margin: 0;
  padding: 0 !important;
  position: absolute;
  bottom: 3%;
  z-index: 4;
  text-align: center;
  width: 100%;
}
#index .kvArea .kvImage .flex-control-nav li {
  margin: 0 7px;
  display: inline;
}
#index .kvArea .kvImage .flex-control-nav li a {
  background: #fff;
  border-radius: 30px;
  height: 15px;
  display: inline-block;
  text-indent: -10000px;
  width: 15px;
}
#index .kvArea .kvImage .flex-control-nav li a.flex-active {
  background: #24B7BD;
}
#index .kvArea .kvImage .flex-direction-nav {
  display: none;
}
#index .kvArea .hArea {
  position: absolute;
  top: 130px;
  left: 600px;
}
#index .kvArea .hArea h2 {
  margin: 0 auto 20px;

}
#index .kvArea .hArea .kvLink {
  margin: 0 auto;
  width: 220px;
}
#index .kvArea .hArea .kvLink a {
  border: 1px solid #000;
  color: #fff;
  background-color:#000;
  opacity: 0.6;  
  display: block;
  padding: 10px;
  text-decoration: none;
}
#index .kvArea .hArea .kvLink a:hover {
  background: #0092D6;
  border-color: #0092D6;
}
#index .searchArea {
  background: url(../img/index/searchBg.png) repeat;
  height: 1500px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  transition-property: width, max-height;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
#index .searchArea section {
  margin: 0 auto;
  padding: 40px 0 0;
  width: 1070px;
}
#index .searchArea h3 {
  color: #fff;
  font-size: 130%;
  font-weight: normal;
  margin: 0 auto 10px;
}
#index .searchArea .keywordArea {
  margin: 0 auto 25px;
  width: 370px;
}
#index .searchArea .keywordArea input[type="text"] {
  background: #fff;
  border: none;
  color: #999;
  height: 30px;
  padding: 5px 10px;
  width: 280px;
}
#index .searchArea .keywordArea input[type="text"]:focus {
  color: #666;
}
#index .searchArea .keywordArea input[type="submit"] {
  background: #bb9900;
  border: none;
  float: right;
  color: #fff;
  padding: 7px 15px;
}
#index .searchArea .checkWrap:last-of-type {
  padding-top: 30px;
}
#index .searchArea .checkArea {
  float: left;
  text-align: left;
  width: 515px;
}
#index .searchArea .checkArea:nth-of-type(2) {
  float: right;
}
#index .searchArea .checkArea h4 {
  border: 1px solid #fff;
  color: #fff;
  font-size: 110%;
  font-weight: normal;
  margin: 0 0 15px;
  padding: 5px 10px;
}
#index .searchArea .checkArea h4 span {
  font-size: 75%;
  margin: 0 0 0 15px;
}
#index .searchArea .checkArea input {
  margin: 0 7px 0 0;
}
#index .searchArea .checkArea label {
  color: #fff;
  font-size: 90%;
}
#index .searchArea .checkArea li > label {
  display: block;
  margin: 0 0 3px;
}
#index .searchArea .checkArea dl dd {
  float: left;
  margin: 0 12px 3px 0;
}
#index .searchArea .checkArea.bis dl dt {
  float: none;
  margin: 0 0 3px;
}
#index .searchArea .checkArea.cnt dl {
  padding: 0 0 0 125px;
  position: relative;
}
#index .searchArea .checkArea.cnt dl dt {
  position: absolute;
  top: 0px;
  left: 0px;
}
#index .searchArea .checkArea.cnt dl dt:after {
  content: "/";
  display: block;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 105px;
}
#index .searchArea .checkArea.key ul li, #index .searchArea .checkArea.area ul li {
  float: left;
  margin: 0 12px 3px 0;
}
#index .searchArea .showLink{
  color: #fff;
  cursor: pointer;
  font-size: 90%;
  display: inline-block;
  margin: 0 auto 0;
  text-decoration: underline;
  text-align: center;
}
#index .searchArea .hideLink {
  color: #fff;
  cursor: pointer;
  font-size: 90%;
  display: inline-block;
  margin: 30px auto 0;
  text-decoration: underline;
  text-align: center;
}
#index .searchArea .showLink {
  display: none;
}
#index .searchArea .showLink2 {
  display: none;
}
#index .searchArea .showLink3 {
  display: none;
}
#index .searchArea .footBtn {
  margin: 30px auto 0;
}
#index .searchArea .footBtn input[type="submit"] {
  background: #bb9900;
  border: none;
  color: #fff;
  padding: 7px 15px;
}
#index .searchArea .footBtn input[type="reset"] {
  background: #fff;
  border: none;
  color: #0092D6;
  padding: 7px 15px;
}
#index .searchArea.small {
  height: 100%;
  width: 466px;
}
#index .searchArea.small .show {
  display: inline-block !important;
}
#index .searchArea.small section {
  padding: 25px 0 0;
  width: auto;
}
#index .searchArea.small .checkArea {
  float: none;
  width: auto;
}
#index .searchArea.small .checkArea h4 {
  display: none;
}
#index .searchArea.small .checkArea.bis {
  margin: 0 auto;
  width: 450px;
}
#index .searchArea.small .checkArea.bis dt,
#index .searchArea.small .checkArea.bis dd {
  display: none;
}
#index .searchArea.small .checkArea.cnt {
  margin: 0 auto;
  width: 450px;
}
#index .searchArea.small .checkArea.cnt ul {
  display: inline-block;
  float: left;
}
#index .searchArea.small .checkArea.cnt li {
  display: none;
}
#index .searchArea.small .checkArea.cnt li.show {
  display: inline-block;
  margin: 0 12px 3px 0;
  vertical-align: top;
}
#index .searchArea.small .checkArea.cnt dl {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
#index .searchArea.small .checkArea.cnt dl dt {
  display: none;
}
#index .searchArea.small .checkArea.cnt dl dd {
  display: none;
}
#index .searchArea.small .checkArea.cnt dl dd.show {
  display: inline-block;
  vertical-align: middle;
}
#index .searchArea.small .checkArea.key, #index .searchArea.small .checkArea.area {
  margin: 0 auto;
  width: 450px;
}
#index .searchArea.small .checkArea.key li, #index .searchArea.small .checkArea.area li {
  display: none;
}
#index .searchArea.small .showLink {
  clear: both;
  display: block;
  padding: 0;
  font-size:1.3em;
  font-weight:bold;
}
#index .searchArea.small .showLink2 {
  clear: both;
  display: block;
  padding: 0 ;
  font-weight:bold;
  color:yellow;
}
#index .searchArea.small .showLink3 {
  clear: both;
  display: block;
  padding: 0 ;
  color:yellow;
  text-align:left;
  margin-left:10px;
}
#index .searchArea.small .hideLink,
#index .searchArea.small .footBtn {
  display: none;
}
#index .mainArea {
  display: table;
  padding: 0;
  width: calc(100% - 10px);
	padding:10px 0 10px 10px;
	background-color:#EFF1F1;
}
#index .mainArea > div {
  display: table-cell;
  text-align: left;
  width: 33.3%;
	background:#fff;
	border-right:10px solid #EFF1F1;
	border-bottom:1px solid #ccc;
}
#index .mainArea h3 {
  background: url(../img/index/h3icon1.png) no-repeat 95% 50% #0092D6;
  color: #fff;
  font-size: 130%;
  font-weight: normal;
  padding: 35px 30px;
}
#index .mainArea h3:after {
  display: none;
}
#index .mainArea .moreLink {
  margin: 30px auto;
  text-align: center;
}
#index .mainArea .moreLink a {
  border: 1px solid #0092D6;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  width: 120px;
}
#index .mainArea .moreLink a:hover {
  background: #0092D6;
  color: #fff;
}
#index .mainArea .consultation dl {
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
  padding: 20px 20px 20px 80px;
  position: relative;
}
#index .mainArea .consultation dl dd {
  font-size: 85%;
}
#index .mainArea .consultation dl dd.country {
  position: absolute;
  top: 25px;
  left: 20px;
}
#index .mainArea .consultation dl dd.country img {
  width: 40px;
}
#index .mainArea .consultation dl dd.date {
  margin: 0 0 10px;
  text-align: right;
}
#index .mainArea .consultation dl dd.date span {
  color: #0092D6;
}
#index .mainArea .consultation dl dd.logoArea img {
  vertical-align: middle;
  width: 40px;
}
#index .mainArea .consultation dl dd.logoArea img:last-child {
  margin-right: 20px;
}
#index .mainArea .event {
}
#index .mainArea .event h3 {
  background-image: url(../img/index/h3icon2.png);
  background-color: #24B7BD;
}
#index .mainArea .event .eCont {
  border-bottom: 1px solid #ccc;
  padding: 20px;
  position: relative;
}
#index .mainArea .event .eCont .linkArea {
  margin: 0 0 10px;
  min-height: 110px;
  padding: 0 100px 0 0;
}
#index .mainArea .event .eCont .linkArea dd {
  font-size: 85%;
}
#index .mainArea .event .eCont .logoArea {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: center;
}
#index .mainArea .event .eCont .logoArea dt {
/*  border: 1px solid #ddd;*/
  background: #fff;
  margin: 0 0 7px;
  height: 80px;
  position: relative;
  width: 78px;
}
/* tori */
#index .mainArea .event .eCont .logoArea dt img {
  max-width: 78px;
  max-height:80px;
  height:auto;
  width:auto;
}
/*
#index .mainArea .event .eCont .logoArea dd {
  background: url(../img/index/likeIcon.png) no-repeat 0 0;
  color: #0092D6;
  display: inline-block;
  padding: 0 0 0 30px;
}
*/
#index .mainArea .event .eCont .date {
  background: #fff;
  font-size: 85%;
  padding: 5px 10px;
  text-align: right;
}
#index .mainArea .company section:nth-of-type(2) h3 {
  background-color: #24B7BD;
}
#index .mainArea .swbsmovie{
	border-bottom:10px solid #EFF1F1;
}
#index .mainArea .news h3 {
  background-image: url(../img/index/h3icon3.png);
}
#index .mainArea .news dl {
  border-bottom: 1px solid #ddd;
  padding: 20px;
}
#index .mainArea .news dl dd {
  text-align: right;
}
#index .mainArea .newCompany h3 {
  background-image: url(../img/index/h3icon4.png);
}
#index .mainArea .newCompany .logoList {
  padding: 30px 40px 20px 50px;
}
#index .mainArea .newCompany .logoList li {
  border: 1px solid #ddd;
  float: left;
  margin: 0 10px 10px 0;
  height: 80px;
  width: 78px;
  position: relative;
}
/* tori */
#index .mainArea .newCompany .logoList li img {
  max-width: 78px;
  max-height:80px;
  height:auto;
  width:auto;
}
#index .mainArea .blog h3 {
  background-image: url(../img/index/h3icon5.png);
}
#index .mainArea .blog dl {
  border-bottom: 1px solid #ddd;
  padding: 20px 120px 30px 20px;
  position: relative;
}
#index .mainArea .blog dl dd {
  font-size: 85%;
  word-break: break-all;
}
#index .mainArea .blog dl dd.logo {
/*  border: 1px solid #ddd;*/
  position: absolute;
  top: 20px;
  right: 20px;
  height: 80px;
  width: 80px;
}
/* tori */
#index .mainArea .blog dl dd.like {
  text-align:center;
  position: absolute;
  top: 105px;
  right: 20px;
  width: 80px;
}
/* tori */
#index .mainArea .blog dl dd.logo img {
  max-width: 78px;
  max-height:80px;
  height:auto;
  width:auto;
}
#index .mainArea .blog dl dd.date {
  color: #999;
  margin: 5px 0 0;
}

/*********form*********/
.btn {
  text-align: center;
}
.btn input {
  background: #24B7BD;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 110%;
  margin: 30px auto;
  padding: 10px 20px;
}
.btn input:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}

#form table th {
  padding: 17px 10px 10px;
}
#form table td ul li dl {
  padding: 0 0 0 1.8em;
}
#form table td ul li dt {
  margin: 0 0 3px -1.8em;
}
#form table td ul li dd {
  float: left;
  margin: 0 12px 3px 0;
}
#form ul.step {
  border: 2px solid #24B7BD;
  display: table;
  margin: 0 auto 30px;
  width: 100%;
}
#form ul.step li {
  background: #24B7BD;
  color: #fff;
  display: table-cell;
  font-size: 130%;
  padding: 13px 0 10px;
  position: relative;
  text-align: center;
  width: 33.3%;
}
#form ul.step li:after {
  content: "";
  background-image: url(../img/form/arrow2.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 60px;
  width: 35px;
  position: absolute;
  top: -2px;
  right: -30px;
  z-index: 10;
}
#form ul.step li.c {
  background: #fff;
  color: #24B7BD;
}
#form ul.step li.c:after {
  background-image: url(../img/form/arrow1.gif);
}
#form ul.step li.c:before {
  content: "";
  background-image: url(../img/form/arrow3.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 60px;
  width: 35px;
  position: absolute;
  top: -2px;
  left: -5px;
  z-index: 12;
}
#form ul.step li:first-child:before {
  display: none;
}
#form ul.step li:last-child:after {
  display: none;
}
#form p a {
  color: #666;
}
#form p.lead {
  margin: 0 0 50px;
}
#form p.lead span {
  color: #D80000;
}
#form p.download {
  background: url(../img/form/icon4.gif) no-repeat 0 0;
  padding: 0 0 0 30px;
}
#form table.inqForm th {
  background: #D2D6D9;
}
#form .kiyaku {
  background: #fff;
  border: 1px solid #EAEAEA;
  max-height: 150px;
  padding: 10px 10px 1px;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
#form .kiyaku dt {
  font-weight: bold;
}
#form .kiyaku dd {
  margin: 0 0 10px;
}
#form .kiyaku li {
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
}
#form .kiyaku.open {
  max-height: 6050px;
}
#form .kiyakuKey {
  background: #F8F8F8;
  border: 1px solid #EAEAEA;
  border-top: none;
  padding: 5px 0;
  text-align: center;
}
#form .kiyakuKey span {
  background: url(../img/form/icon3.gif) no-repeat 0 5px;
  color: #0092D6;
  cursor: pointer;
  padding: 0 0 0 20px;
}
#form .kiyakuKey span.c {
  background-image: url(../img/form/icon2.gif);
}

/*********consultation*********/
#consultation p.lead {
  margin: -10px auto 30px;
  text-align: center;
}
#consultation table th span {
  display: block;
  color: #666;
  font-weight: normal;
  font-size: 80%;
  line-height: 120%;
}
#consultation table td.address input {
  margin: 0 10px 10px 0;
  width: 170px;
}
#consultation table td.address input:last-child {
  margin: 0;
  width: 535px;
}
#consultation table td p {
  margin: 0 0 5px;
}
#consultation table td dl dd {
  display: inline-block;
  margin: 0 10px 0 0;
}
#consultation table td li dt {
  display: inline-block;
  margin: 0 10px 0 0;
}
#consultation table td textarea {
  margin: 0;
}
#consultation .btn input {
  width: 170px;
}
#consultation .moreBtn {
  text-align: center;
  margin: 30px auto;
}
#consultation .moreBtn span {
  border: 1px solid #EAEAEA;
  background: #F8F8F8;
  color: #0092D6;
  cursor: pointer;
  display: inline-block;
  padding: 5px 0;
  width: 170px;
}
#consultation .moreBtn span:before {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 8px;
  width: 13px;
  background-image: url(../img/form/icon3.gif);
  display: inline-block;
  margin: 0 7px 0 0;
}
#consultation .past dl {
  border-bottom: 1px solid #999;
  overflow: hidden;
  padding: 20px 300px 10px 100px;
  position: relative;
}
#consultation .past dl:first-of-type {
  border-top: 1px solid #999;
}
#consultation .past dl dt {
  font-size: 120%;
  line-height: 140%;
  margin: 0 0 5px;
}
#consultation .past dl dt a {
  text-decoration: none;
}
#consultation .past dl dt a:hover {
  text-decoration: underline;
}
#consultation .past dl dd.info {
  background: #F0F1F2;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 95%;
  padding: 10px;
  width: 260px;
}
#consultation .past dl dd.country {
  position: absolute;
  top: 20px;
  left: 0px;
}
#consultation .past dl dd.country img {
  width: 80px;
}
#consultation .past dl dd.country span {
  display:block;
	width:76px;
	padding:2px;
	margin-top:10px;
	color:#fff;
	background:#999;
	font-size:0.8em;
	text-align:center;
	line-height:1.3;
}
#consultation .past dl dd.icon {
  margin: 0 0 10px;
}
#consultation .past dl dd.icon span {
  border: 1px solid #0092D6;
  color: #0092D6;
  display: inline-block;
  margin: 0 10px 0 0;
  line-height: 120%;
  padding: 5px;
}
#consultation .past dl dd.date {
  float: right;
  font-size: 80%;
  padding: 10px 0 0;
}
#consultation .past dl dd.date span {
  color: #0092D6;
}
#consultation .past dl dd.logoArea {
  float: left;
  font-size: 85%;
}
#consultation .past dl dd.logoArea img {
  vertical-align: middle;
  width: 40px;
}
#consultation .past dl dd.logoArea img:first-child {
  margin: 0 0 0 5px;
}
#consultation .past dl dd.logoArea a {
  color: #666;
  margin: 0 0 0 5px;
}

/*********first*********/
#first .kvArea {
  background: url(../img/first/mainBg.jpg) no-repeat 50% 0 #0092D6;
}
#first section {
  border-top: 1px solid #ccc;
  margin: 0 auto 50px;
  padding-top: 40px;
}
#first .about {
  border: none;
  padding: 0;
}
#first .about .secCont {
  background: url(../img/first/aboutBg.gif) repeat-y;
  margin: 0 auto 50px;
}
#first .about .secCont dl dt {
  background: url(../img/first/icon01.jpg) no-repeat 95% 50% #24B7BD;
  color: #fff;
  font-size: 120%;
  min-height: 30px;
  padding: 25px 20px;
}
#first .about .secCont dl dd {
  padding: 25px 30px;
}
#first .about .secCont dl:nth-of-type(2) dt {
  background-image: url(../img/first/icon02.jpg);
  padding: 10px 20px;
}
#first .about .secCont dl:nth-of-type(3) dt {
  background-image: url(../img/first/icon03.jpg);
  padding: 10px 20px;
}
#first .partner h2 {
  color: #0092D6;
}
#first .partner dt {
  color: #0092D6;
  font-size: 120%;
  margin: 0 0 15px;
}
#first .partner dd {
  margin: 0 0 20px;
}
#first .partner dd.fig img {
  width: 100%;
}
#first .voice .secCont section {
  background: #EFF1F1;
  border: none;
  padding: 0;
  float: left;
  width: 506px;
}
#first .voice .secCont section:nth-of-type(2n) {
  float: right;
}
#first .voice .secCont section h3 {
  background: #24B7BD;
  color: #fff;
  font-size: 120%;
  margin: 0 auto 30px;
  padding: 15px 0;
  text-align: center;
}
#first .voice .secCont section p {
  margin: 0 0 25px;
  padding: 0 30px;
}
#first .voice .secCont section .pict {
  float: left;
  margin: 0 0 25px 30px;
}
#first .voice .secCont section .pict img {
  width: 150px;
}
#first .voice .secCont section .pict + p {
  float: right;
  width: 265px;
}
#first .voice .secCont section dl {
  clear: both;
  padding: 0 0 30px;
}
#first .voice .secCont section dl dt {
  background: #24B7BD;
  color: #fff;
  margin: 0 auto 30px;
  padding: 7px 0;
  text-align: center;
}
#first .voice .secCont section dl dd {
  float: right;
  padding: 0 30px;
  width: 315px;
}
#first .voice .secCont section dl dd.logo {
  float: left;
  padding: 0 0 0 30px;
  width: 100px;
}
#first .voice .secCont section dl dd.logo img {
  width: 100%;
}
#first .banner {
  margin: 0 auto;
  text-align: center;
}
#first .banner a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
#first .banner li {
  margin: 0 auto 20px;
}
#first .banner li.log {
  width: 340px;
}
#first .banner li.log a {
  background: url(../img/first/linkIcon01.gif) no-repeat 95% 50% #0092D6;
  display: block;
  color: #fff;
  font-size: 110%;
  padding: 20px 0;
  text-decoration: none;
}
#first .faq h2 {
  color: #0092D6;
}
#first .faq .secCont {
  margin: 0 auto 50px;
}
#first .faq .secCont .faqCont {
  float: left;
  width: 490px;
}
#first .faq .secCont .faqCont:nth-of-type(2) {
  float: right;
}
#first .faq .secCont .faqCont dl {
  border-bottom: 1px dotted #999;
  margin: 0 0 30px;
  padding: 0 0 30px;
}
#first .faq .secCont .faqCont dl dt {
  background: url(../img/first/faq01.jpg) no-repeat 0 0;
  color: #0092D6;
  font-size: 120%;
  margin: 0 0 10px;
  padding: 8px 0 5px 50px;
}
#first .faq .secCont .faqCont dl dt:after {
  background: #0092D6;
  content: "";
  display: block;
  height: 2px;
  width: 40px;
}
#first .faq .secCont .faqCont dl dd {
  background: url(../img/first/faq02.jpg) no-repeat 0 0;
  padding: 10px 0 0 50px;
}
#first .faq .secCont .faqCont dl dd a {
}
#first .faq .secCont .faqCont dl dd.note {
  background: none;
  font-weight: bold;
  font-size: 110%;
  margin: 0 0 10px;
  padding: 0;
}
#first .faq .secCont .faqCont dl dd.banner {
  background: none;
  text-align: left;
}
#first .faq .secCont .faqCont dl dd.banner a {
  background: none;
}
#first .faq .secCont .faqCont dl dd.banner img {
  width: 280px;
}

/*********account*********/
#account .mainArea {
  text-align: center;
}
#account .loginForm {
  background: #BDEAEB;
  margin: 50px auto 30px;
  padding: 15px 20px 5px 20px;
  width: 480px;
}
#account .loginForm table {
  margin: 0;
}
#account .loginForm th {
  background: none;
  border: none;
  padding: 0 0 10px;
}
#account .loginForm td {
  background: none;
  border: none;
  padding: 0 0 10px;
}
#account .loginForm td input {
  width: 340px;
}
#account .btn {
  margin: 0 auto 60px;
}
#account .btn li {
  margin: 0 auto 10px;
  width: 170px;
}
#account .btn li:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
#account .btn li.new a {
  background: #24B7BD;
  display: block;
  color: #fff;
  padding: 10px 0;
  text-decoration: none;
}
#account .btn li input {
  background: #0092D6;
  font-size: 100%;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}

/*********event*********/
#event h2 {
  text-align: left;
}
#event h2:after {
  background: #24B7BD;
  content: "";
  display: block;
  height: 4px;
  width: 75px;
}
#event h2 + p {
  margin: 0 0 40px;
}
#event h3 {
  background: #24B7BD;
  color: #fff;
  font-size: 120%;
  font-weight: normal;
  margin: 0 -30px 30px;
  padding: 13px 20px 10px;
}
#event section {
  background: #EFF1F1;
  margin: 0 0 20px;
  padding: 0 30px 30px;
  border:1px solid #EFF1F1;
}
#event .pickup dl {
  position: relative;
  min-height: 150px;
  padding: 10px 240px 10px 10px;
  margin:10px;
}
#event .pickup dl.g {
  border:2px solid #00b87c;
}
#event .pickup dl.y {
  border:2px solid #ffb300;
}


#event .pickup dl dt {
  margin: 0 0 15px;
}
#event .pickup dl dt span {
  display: block;
  margin: 0 0 10px;
}
#event .pickup dl dt a {
  font-size: 140%;
  text-decoration: none;
}
#event .pickup dl dt a:hover {
  text-decoration: underline;
}
#event .pickup dl dd.pict {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  height: 100%;
  width: 200px;
/*
  height:100%;
  margin:auto;
*/
}
#event .pickup dl dd.pict img {
  text-align: center;
  margin: auto;
  max-height: 150px;
  max-width: 200px;
}
#event .date {
  float: left;
  width: 382px;
}
#event .date section {
  border-top: 2px solid #5A5A5A;
  padding: 0;
  margin: 0;
  position: relative;
}
#event .date section h4 {
  background: #0092D6;
  border-left: 2px solid #5A5A5A;
  border-right: 2px solid #5A5A5A;
  color: #fff;
  font-size: 120%;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
}
#event .date section .prev {
  position: absolute;
  top: 20px;
  left: 15px;
}
#event .date section .prev a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 18px;
  width: 11px;
  background-image: url(../img/event/left.jpg);
}
#event .date section .next {
  position: absolute;
  top: 20px;
  right: 15px;
}
#event .date section .next a {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  text-indent: -100000px;
  height: 18px;
  width: 11px;
  background-image: url(../img/event/right.jpg);
}
#event .date section table {
  margin: 0;
}
#event .date section table td {
  border: 2px solid #5A5A5A;
  background: #fff;
  font-size: 110%;
  font-weight: bold;
  text-align: center;
}
#event .date section table td:nth-of-type(7) {
  color: #0092D6;
}
#event .date section table td:nth-of-type(1) {
  color: #EA5550;
}
#event .date section table td.p {
  color: #BBBBBB;
}
#event .date section table td.y {
  background: #FFB300;
}
#event .date section table td.g {
  background: #1A9B60;
}
#event .date section table td.g.y {
  background: url(../img/event/tdBg.gif) repeat-y 50% 0;
}
#event .area {
  float: right;
  width: 502px;
}
#event .area .map {
  padding: 33px 0;
}
#event .area .mapSelect {
  display: none;
}
#event .country {
  padding: 0;
}
#event .country h3 {
  margin: 0;
}
#event .country .countrySelect {
  display: none;
}
  /*tori*/
#event .country ul {
  background: url(../img/event/countryBg.jpg) no-repeat 0 0;
  padding: 30px 20px 20px;
}
  /*tori*/
#event .country ul li {
  background: #fff;
  float: left;
  margin: 0 10px 10px 0;
  height: 40px;
  overflow: hidden;
  width: 232px;
  font-size:0.9em;
}
#event .country ul li:nth-child(4n) {
  margin: 0 0 10px;
}
#event .country ul li a {
  display: block;
  padding: 8px;
  text-decoration: none;
}
#event .country ul li a:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
}
#event .country ul li a img {
  margin: 0 10px 0 0;
  vertical-align: middle;
}
#event .country ul li:last-child a {
  padding: 4px 8px;
}
#event .report {
  background: url(../img/event/reportBg.gif) repeat-y;
  margin: 0 auto 30px;
  padding-bottom: 0;
}
#event .report h3 {
  margin-bottom: 0;
}
#event .report .archives {
  float: right;
  padding: 25px 0 0;
  width: 200px;
}
#event .report .archives dt {
  border-bottom: 1px solid #999999;
  color: #0092D6;
  font-weight: bold;
}
#event .report .archives dt:after {
  background: #0092D6;
  content: "";
  height: 4px;
  display: block;
  margin: 3px 0 0;
  width: 80px;
}
#event .report .archives dd {
  border-bottom: 1px dotted #666666;
}
#event .report .archives dd a {
  display: block;
  color: #666;
  padding: 5px 0;
  text-decoration: none;
}
#event .report .archives dd a:hover {
  text-decoration: underline;
}
#event .report .reportCont {
  float: left;
  margin: 0 0 0 -30px;
  width: 763px;
}
#event .report .reportCont dl {
  border-bottom: 1px solid #fff;
  padding: 20px 0 25px 130px;
  position: relative;
}
#event .report .reportCont dl:last-of-type {
  border: none;
}
#event .report .reportCont dl dt {
  font-size: 130%;
  margin: 0 0 5px;
}
#event .report .reportCont dl dt a {
  color: #666;
  text-decoration: none;
}
#event .report .reportCont dl dt a:hover {
  text-decoration: underline;
}
#event .report .reportCont dl dd {
  color: #333;
  padding-right:20px;
}
#event .report .reportCont dl dd.day {
  position: absolute;
  top: 20px;
  left: 12px;
  color: #666;
  text-align: center;
  width: 54px;
}
#event .report .reportCont dl dd.day2{
	display:none;
}

#event .report .reportCont dl dd.day span {
  background: url(../img/event/calendar.jpg) no-repeat 0 0;
  display: block;
  font-size: 80%;
  font-weight: bold;
  padding: 20px 0 8px;
}
#event .report .reportCont dl dd.day:after {
  display: none;
}

/*********eventDetail*********/
#eventDetail .titleArea {
  background: #24B7BD;
  margin: 0 0 50px;
  padding: 0 0 0 120px;
  position: relative;
}
#eventDetail .titleArea h2 {
  background: #1883B6;
  color: #fff;
  font-size: 160%;
  margin: 0;
  padding: 25px 30px 20px;
  text-align: left;
}
#eventDetail .titleArea p {
  background: #EFF1F1;
  color: #0092D6;
  margin: 0;
  padding: 10px 30px;
}
#eventDetail .titleArea .day {
  color: #fff;
  position: absolute;
  top: 35px;
  left: 33px;
  text-align: center;
  width: 54px;
}
#eventDetail .titleArea .day span {
  background: url(../img/temp/calendar.png) no-repeat 0 0;
  display: block;
  color: #000;
  padding: 20px 0 8px;
}
#eventDetail .detailArea {
  float: left;
  width: 61%;
}
#eventDetail .eventNav {
  float: right;
  width: 35%;
}
#eventDetail .eventNav .map {
  position: relative;
  padding-bottom: 65%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#eventDetail .eventNav .map iframe,
#eventDetail .eventNav .map object,
#eventDetail .eventNav .map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#eventDetail .eventNav h3 {
  margin: 0 0 5px;
  padding: 0;
}
#eventDetail .eventNav h3:after {
  display: none;
}
#eventDetail .eventNav .mapInfo {
  background: #E9F8F8;
  margin: 0 0 20px;
  padding: 20px;
}
#eventDetail .eventNav .mapInfo p {
  margin: 0;
}
#eventDetail .eventNav .mapInfo dt {
  color: #24B7BD;
  font-weight: bold;
  margin: 0 0 5px;
}
#eventDetail .eventNav .past {
  background: #E9F8F8;
  padding: 20px 20px 1px;
}
#eventDetail .eventNav .past li {
  border-top: 2px dotted #fff;
  min-height: 90px;
  padding: 15px 0 0 75px;
  position: relative;
}
#eventDetail .eventNav .past li a {
  display: block;
  text-decoration: none;
}
#eventDetail .eventNav .past li a:hover {
  text-decoration: underline;
}
#eventDetail .eventNav .past li .day {
  position: absolute;
  top: 15px;
  left: 0px;
  color: #666;
  text-align: center;
  width: 54px;
}
#eventDetail .eventNav .past li .day span {
  background: url(../img/temp/calendar.png) no-repeat 0 0;
  display: block;
  color: #000;
  padding: 20px 0 8px;
}
#eventDetail .eventNav .past li:first-child {
  border: none;
  padding-top: 0;
}
#eventDetail .eventNav .past li:first-child .day {
  top: 0;
}