@charset 'UTF-8';

/****************

 PCサブ、トップで使用

*****************/

#wrapper {

  min-width: 960px;

  overflow: hidden;

  background: url(../img_pc_common/common_bg.jpg) repeat center top #f9f2c2;

}

.inner {

  position: relative;

  width: 960px;

  margin: 0 auto;

}

/******************

 #header

 ******************/

#header {

  line-height: 1;

  box-shadow: 0 2px 2px rgba(0,0,0,.15);

}

#header img {

  vertical-align: top;

}

#header .toolBlock {

  font-size: 14px;

  padding: 7px;

  background: url(../img_pc_common/common_bg.jpg) repeat center top #f9f2c2;

}

#header .toolBlock .list {

  float: left;

  padding-top: 5px;

}

#header .toolBlock .list li {

  line-height: 1;

  float: left;

  padding: 0 8px;

  border-right: 1px dotted #c6c6c2;

}

#header .toolBlock .list li.langnav1,

#header .toolBlock .list li.langnav2,

#header .toolBlock .list li.langnav3 {

  border-right: 1px solid #416eb1;

}

#header .toolBtn {

  float: left;

  padding: 0 8px;

}

#header #headerSize {

  float: left;

  padding: 0 6px;

  border-left: 1px dotted #c6c6c2;

}

#header #headerSize .title {

  float: left;

  padding: 0 4px;

}

#header #headerSize dd {

  float: left;

  padding: 0 2px;

}

#header #headerColor {

  float: left;

  padding: 0 6px;

  border-left: 1px dotted #c6c6c2;

}

#header #headerColor .title {

  float: left;

  padding: 0 4px;

}

#header #headerColor dd {

  float: left;

  padding: 0 2px;

}

#header #headerLogo {

  overflow: hidden;

  position: relative;

  min-width: 960px;

  height: 160px;

  text-align: center;

  background: #83c9f5;

}

#header #headerLogo .bgWrap {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  z-index:2;

  height: 12px;

  background: url(../img_pc_common/common_bg_kv.png) repeat-x center top;

}

#header #headerLogo > img {

  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -640px;

}

#header #headerLogo .chiryuppi {

  z-index:1;

  position: absolute;

  bottom: -36px;

  left: 50%;

  margin-left: -410px;

  height:156px;

  width:78px;

}

#header #headerLogo .chiryuppi img {

}





#header #headerNav {

  position:relative;

  z-index:10;

  background: #f9f2c2;  



}



#header #headerNav .headerNavIn{

  position:relative;  

  top:-10px;

  padding: 8px 0px 0px 0px;  

  padding-top:10px;

  background: url(../img_pc_common/common_bg_kv.png) repeat-x center top;

  

}



#header #headerNav .inner{

  padding-top:8px;

}





#header #headerNav .list {

  border-right: 1px dotted #c6c6c2;

}

#header #headerNav .list > li {

  float: left;

  border-left: 1px dotted #c6c6c2;

}



#header #headerNav .megaddMod {

  z-index:10;

  border-top:6px solid #f9f2c2;

  position: absolute;

  display:none;

  top: 50px;

  left: 50% !important;

  right: auto !important;

  width: 2000px;

  margin-left:-1000px;

  background-color: #fff;

  font-size: 93%;

}





#header #headerNav .megaddMod .arrow {

  position:absolute;

  top:0;

  left: 61px;

}



#header #headerNav .nav2 .megaddMod .arrow {

  left: 61px;

}

#header #headerNav .nav3 .megaddMod .arrow {

  left: 166px;

}

#header #headerNav .nav4 .megaddMod .arrow {

  left: 326px;

}

#header #headerNav .nav5 .megaddMod .arrow {

  left: 471px;

}

#header #headerNav .nav6 .megaddMod .arrow {

  left: 671px;

}

#header #headerNav .nav7 .megaddMod .arrow {

  left: 820px;

}







#header #headerNav .megaddMod .megacloseBtn {

  position:absolute;

  right:0px;

  top:20px;

  cursor:pointer;

}



#header #headerNav .megaddMod .leftBlock {

  padding:40px 0 60px;

  width:680px;

  float:left;

}



#header #headerNav .megaddMod .rightBlock {

  padding:75px 0 60px;

  width:250px;

  float:right;

}



#header #headerNav .megaddMod .leftBlock .navBox {

}



#header #headerNav .megaddMod .leftBlock .navBox .boxTitle {

  margin-bottom:15px;

}



#header #headerNav .megaddMod .leftBlock .navBox .navList {

  padding-left:15px;

}



#header #headerNav .megaddMod .leftBlock .navBox .navList li {

  margin-top:0;

  width:31%;

  float:left;

}



#header #headerNav .megaddMod .leftBlock .arrowListMod li {

    margin-top: 15px;

    padding-left: 15px;

    background: url(../img_pc_common/common_icon_arrow01.png) no-repeat left .5em;

}



#header #headerNav .megaddMod .leftBlock .navBox .btnList {

  margin-left:-6px;

  margin-top:-15px;

}



#header #headerNav .megaddMod .leftBlock .navBox .btnList li {

  float:left;

  margin:15px 0 0 15px;

}

#header #headerNav .megaddMod .leftBlock .btnBox {

  margin-top:30px;

}

#header #headerNav .megaddMod .rightBlock {

}



#header #headerNav .megaddMod .rightBlock .btnList {

}



#header #headerNav .megaddMod .rightBlock .btnList li {

  margin-top:15px;

}

#header #headerNav .megaddMod .rightBlock .btnList li:first-child {

  margin-top:0px;

}



/*

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

#header #headerSubNav {

  padding: 9px 0;

  background: url(../img_pc_common/common_bg_subnav.jpg) repeat left top #e4f5ff;

}

#header #headerSubNav .list li {

  float: left;

  margin-right: 10px;

}





#header #headerSubNav #headerSearch {

  position: absolute;

  top: 0;

  right: 0;

  width: 265px;

  height: 35px;

}

#header #headerSubNav #headerSearch .searchTxt input {

  position: absolute;

  top: 8px;

  left: 10px;

  width: 185px;

  height: 20px;

  margin: 0;

  padding: 0;

  border: 0;

  background: transparent;

}

#header #headerSubNav #headerSearch .searchBtn input {

  font-size: 16px;

  font-weight: bold;

  position: absolute;

  top: 2px;

  right: 3px;

  display: block;

  width: 55px;

  height: 31px;

  margin: 0;

  padding: 0;

  cursor: pointer;

  color: #fff;

  border: 0;

  background: transparent;

}

/******************

 #container

 ******************/



#container {

  padding: 20px 0 60px;

  font-size: 93.75%;

}



/* =========================================================

sideNav

========================================================= */





#sideNav .bnrList1 li {

  margin-top: 15px;

}

#sideNav .bnrList1 li:first-child {

  margin-top: 0;

}

#sideNav .bnrList2 {

  margin-top: 20px;

}

#sideNav .bnrList2 li {

  margin-top: 15px;

}

#sideNav .bnrList2 li:first-child {

  margin-top: 0;

}

/*

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

#sideNav .bnrList3 {

  margin-top: 20px;

}

#sideNav .bnrList3 li {

  margin-top: 15px;

}

#sideNav .bnrList3 li:first-child {

  margin-top: 0;

}



/******************

 #footer

 ******************/



#footer {

  font-size: 87.5%;

  padding-top: 12px;

  background: url(../img_pc_common/common_bg_foot.png);

}

#footer .whiteBg {

  background: #fff;

}

#footer .inner {

  padding: 15px 0;

  color: #333333;

}



#footer .copyright .inner  {

  padding: 15px 0;

  color: #ffffff;

}

#footer .btnPagetop {

  position: fixed;

  bottom: 100px;

  right: 50%;

  margin-right: -566px;

  z-index: 9999;

}

#footer .linkTxt {

  padding-bottom: 30px;

  text-align: right;

}

#footer .linkTxt a {

  display: inline-block;

}

#footer .footLogo {

  float: left;

  width: 220px;

  padding-top: 5px;

  text-align: center;

}

#footer .addressTxt {

  float: left;

  width: 420px;

}

#footer .otherLinkTxt {

  position: absolute;

  right: 0;

  bottom: 20px;

  width: 290px;

  text-align: right;

}

#footer .otherLinkTxt a {

  display: inline-block;

}

#footer .copyright {

  text-align: center;

  color: #fff;

  background: url(../img_pc_common/common_bg_color04.jpg) repeat center top #0e7ea7;

}

#smartphone {

  text-align: center;

}