@charset "UTF-8";
/* CSS Document */



hr{
  border-color: #dcdcdc;
  border-top: none;
}

a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #333333;
  text-decoration: none;
}


a:link{
  color: #333333;
  text-decoration: none;
}


a:hover {

 color: #333333;
 text-decoration: none;
}

p a:hover {
 text-decoration: underline;
}

a.btn {
  display: table-cell;
  overflow: hidden;
  color: #000;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  background-image: url(/common/images/icon_btn_off.png);
  background-repeat: no-repeat;
  background-position: 95%;
  background-color: #fff;
}
a.btn:hover {
  background-image: url(/common/images/icon_btn_on.png);
}

.op {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.op:hover {
 opacity: 0.5;
 filter: alpha(opacity=50);
 cursor: pointer;
}

html, body{
  width:100%;
  background: #fff;
}

#wrap{
  margin: 20px auto 0;
}

#header{
  width: 980px;
  height: 69px;
  margin: 0 auto;
  z-index: 5000;
  position: relative;
}

#header h1{
  position: absolute;
  left: 0;
  top:0;
}

#header .lang{
  position: absolute;
  right: 0;
  top:0;
  width: 87px;
  height: 12px;
}

#header .lang dl{
  position: relative;
}

#header .lang dt{
  font-size: 0;
  line-height: 0;
}


#header .lang dd{
  display: none;
  position: absolute;
  top:12px;
  right:0px;
}

#header .navi{
  width: 772px;
  margin:0 auto;
  padding:20px 0 0 0 ;
}

#header .navi li{
  float: left;
  margin: 0 27px;
}

#header .acordion_navi{
  position: relative;
}

#header .acordion_navi dt{
  cursor: pointer;
}


#header .acordion_navi dd{
  position: absolute;
  top:53px;
  left: 0;
  background: #fff;
  padding: 0 0 20px;
  display: none;
  /*width: 200px;*/
  width: 240px;
  border: 1px solid #f7f7f7;
}

#header .acordion_navi dd p{
  font-size: 13px;
  padding: 20px 20px 0;
}

#header .acordion_navi dd a:hover p{
  color:#821211;
}

#header .acordion_navi dd .red{
  color:#821211;
}

#footer dt{
  width: 100%;
  background: #f7f7f7;
  padding: 17px 0 ;
}

#footer dt div{
  width: 131px;
  height: 10px;
  margin: 0 auto;
  padding:  0;
  background: #f7f7f7;
  cursor: pointer;
  background: url(../images/btn_foot_close.gif) no-repeat ;
}


#footer dt div.open{
  background: url(../images/btn_foot_open.gif) no-repeat ;
}

#footer dd{
  width:100%;
  background: #808080;
  display: none;
}

#footer dd .foot_box_outer01{
  width:1000px;
  margin:0 auto;
  padding: 60px 0 0 0;
}


#footer dd li {
  font-size: 13px;
  line-height: 23px;
  color: #fff;
}

#footer dd li a{
  font-size: 13px;
  line-height: 23px;
  color: #fff;
}

#footer dd li a:hover{
  text-decoration: underline;
}


#footer p{
  font-size: 13px;
  line-height: 23px;
  color: #fff;
}

#footer p a{
  font-size: 13px;
  line-height: 23px;
  color: #fff;
}

#footer p a:hover{
  text-decoration: underline;
}

#footer dd .foot_box_outer01 li.foot_inner_ttl{
  font-size: 14px;
}

#footer dd .foot_box_outer01 ul{
  margin-bottom: 35px;
}

#footer dd .foot_box_outer01 .foot_box01{
  width: 280px;
  float: left;
  padding: 0 0 0 40px;
}

#footer dd .foot_box_outer01 .foot_box02{
  width: 266px;
  float: left;
  padding: 0;
}

#footer dd .foot_box_outer01 .foot_box03{
  width: 250px;
  float: left;
  padding: 0;
}

#footer dd .foot_box_outer01 .foot_box04{
  width: 163px;
  float: left;
  padding: 0;
}

#footer dd .foot_box_outer01 .sns{
  margin-top: 25px;
}

#footer dd .foot_box_outer01 .sns li{
  float:left;
  padding: 0 22px 0 0;
}

.dot_border_foot{
  width:1000px;
  margin:0 auto;
  padding: 10px 0 40px;
}

#footer dd .foot_box_outer02{
  width:1000px;
  margin:0 auto;
  padding: 0 0 55px 0;
}

.foot_box_outer02 .left_box{
  width: 479px;
  float: left;
  padding: 0 0 0 40px;
  background: #808080;
}

.foot_box_outer02 .right_box{
  width: 424px;
  float: right;
  background: #808080;
}


#footer .copy p {
  font-size: 12px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
  padding: 59px 0 50px;
  color: #717171;
}

.photo_copy{
  color: #717171;
  font-size: 12px;
  text-align: right;
  margin: 20px 0;
}

.roboto{
  font-family: 'Roboto', sans-serif;
}

/*google翻訳*/
.goog-te-gadget-simple{
  border: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 12px;
}
.goog-te-menu-value span:nth-of-type(2) {
    display: none!important;
}
.goog-te-menu-value span:nth-of-type(3) {
    margin-left: -6px!important;
}

/*下層ページ*/

#cnt_Left{
  width: 745px;
  float: left;
}

#cnt_Left h3 {
  font-size: 19px;
  font-weight: normal;
  line-height: 1;
  padding-bottom: 16px;
  width: 100%;
  background: url(/common/images/dot_line_bg.jpg) bottom repeat-x;
}


#cnt_Right{
  width: 168px;
  float: right;
}

#cnt_Right h3 {
  font-size: 13px;
  /*font-family: 'Roboto', sans-serif;*/
  font-weight: normal;
  line-height: 1;
  padding:8px 0 13px;
  width: 100%;
  background: url(/common/images/dot_line_bg.jpg) bottom repeat-x;
}

#cnt_Right .cal{
  width: 168px;
  margin: 14px 0 35px;
}

#cnt_Right .cal .callt{
  width: 7px;
  display: inline-block;
  line-height: 11px;

}

#cnt_Right .cal .calct{
  width: 146px;
  display: inline-block;
  line-height: 14px;
  text-align: center;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}


#cnt_Right .cal .calrt{
  width: 7px;
  display: inline-block;
  line-height: 11px;
}

#cnt_Right .cal table {
  width:168px;
  margin: 10px 0 0 0;
}

#cnt_Right .cal table th{
  width: 24px;
  height:29px;
  background: url(../images/calender_week_bg.jpg) repeat-x;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}

#cnt_Right .cal table td{
  width: 24px;
  height:29px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
}

#cnt_Right .cal table td a{
  color: #11afeb;
  text-decoration: underline;
}

#cnt_Right .cal table td a:hover{
  text-decoration: none;
}

#cnt_Right ul{
  margin: 0 0 35px;
}


#cnt_Right ul li p{
  font-size: 13px;
  margin: 14px 0 0;
}

#cnt_Right .now a{
  color: #910d05;
}