/*
w-compilation common Stylesheet
v1.0.0
Last Updated: 2014-01-10
Author: 
*/

/*------------------------------------*/
/* body init */
body {
  margin:0;
  padding:0;
  border:0;
  position: relative;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*------------------------------------*/
/* design debug border */
/*
body * { border :solid 1px red; }
*/

/*------------------------------------*/
/* coloring */

body {
  background:#ffffff;
  color:#000000;
}

body a:link,
body a:visited,
body a:hover,
body a:active {
  color:#000000;
}

/*------------------------------------*/
/* column settings */

#all {
  margin-left:0;
  margin-right:0;
  margin-top:0;
}

#edit_space {
  clear:both;
  margin:0;
  padding:0;
}
#header_space {
  clear:both;
  width: 100%;
  background:#ffffff;
  z-index: 9999;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: 123px;
  margin:0;
  padding:0;
}
#center_space {
  clear:both;
  background:#ffffff;
  z-index: 1;
  margin:0;
  padding:0;
  padding-top: 123px;
}
#footer_space {
  clear:both;
  background:#ffffff;
  height: 40px;
}


#header_group {
  clear:both;
  margin-left:auto;
  margin-right:auto;
}
#bread_group {
  clear:both;
  display:block;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
  height: 60px;  /*--- footernavi_areaとの調整 ---*/
}

#main_group {
  clear:both;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

#globalnavi_group {
  clear:both;
  display:block;
  height:80px;
  margin-left:auto;
  margin-right:auto;
  background:#000000;
}

#catch_group {
  clear:both;
  width: 100%;
  display:block;
  margin: 0;
  padding: 0;
  background:#000000;
}

#footer_group {
  clear:both;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
}


/*------------------------------------*/
/* ヘッダグループ : header group */
#branding_area {
  clear:both;
  margin-left:auto;
  margin-right:auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

#branding_area h1 {
  font-size: 0.8em;
  font-weight: normal;
  color: #404040;
  height: 0.8em;
  padding-top: 6px;
  padding-bottom: 0px;
  text-align: center;
}

#corprate_area {
  clear:both;
  margin-left:auto;
  margin-right:auto;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 100px;
  text-align: center;
}
/*------------------------------------*/
/* グローバルナビグループ : globalnavi_group */
#globalnavi_area {
  clear:both;
  width: 800px;
  margin-left:auto;
  margin-right:auto;
  line-height: 45px;
}

#globalnavi_ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#globalnavi_ul01 li {
  float: left;
  height: 40px;
  margin: 0;
  padding: 0;
}
#globalnavi_ul02 li {
  float: left;
  height: 40px;
  margin: 0;
  padding: 0;
  padding-right: 40px;
}
#globalnavi_header li {
}

#globalnavi_ul01 li a,
#globalnavi_ul02 li a, {
  text-decoration: none;
  opacity: 1.0;
  filter:alpha(opacity=100);
  -moz-opacity: 1.0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -ms-filter: 'alpha( opacity=100 )';
}
#globalnavi_ul01 li a:hover,
#globalnavi_ul02 li a:hover {
  opacity: 0.5;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -ms-filter: 'alpha( opacity=50 )';
}
.gnavi_icon {
  width: 30px;
  height: 30px;
}

/*------------------------------------*/
/* インナーリンク : inner_links */
#inner_links {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 150px;
}
#inner_links form {
  padding-bottom: 10px;
}
.ibtn_inner {
  font-size: 1.1em;
  font-weight: bold;
  width: 250px;
  padding: 7px 20px;
  color: #000000;
  padding: 10px 20px;
  cursor: pointer;
  background: -moz-linear-gradient(
              top,
              #3fbde7 0%,
              #588fad);
  background: -webkit-gradient(
              linear, left top, left bottom,
              from(#3fbde7),
              to(#588fad));
     -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  border: 1px solid #1878b8;
     -moz-box-shadow: 0px 3px 6px rgba(000,000,000,0.2),
                      inset 0px -3px 12px rgba(014,110,199,0.4);
  -webkit-box-shadow: 0px 3px 6px rgba(000,000,000,0.2),
                      inset 0px -3px 12px rgba(014,110,199,0.4);
          box-shadow: 0px 3px 6px rgba(000,000,000,0.2),
                      inset 0px -3px 12px rgba(014,110,199,0.4);
  text-shadow: 1px 1px 1px rgba(000,000,000,0.4),
               0px 0px 0px rgba(255,255,255,0);
}
.ibtn_inner:hover {
  opacity: 0.5;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  -ms-filter: 'alpha( opacity=50 )';
}
#inner_inquiry {
  border: solid 2px #d5d5d5;
  width: 500px;
  height: 80px;
}
#inner_img01 {
  clear:both;
  float: left;
  padding-left: 60px;
  padding-top: 12px;
}
#inner_img02 {
  float: left;
  padding-left: 30px;
  padding-top: 12px;
}

/*------------------------------------*/
/* パンくずリスト : bread_list */
.bread_area {
  clear:both;
  float: left;
  position:relative;
}
.bread_list {
  list-style: none;
  overflow: hidden;
}
.bread_list li {
  float: left;
  line-height: 30px;
  font-size: 0.6em;
}
.bread_list li a {
  display: block;
  float: left;
  padding: 0 25px 0 30px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;

  background: -moz-linear-gradient(left, #f8f8f8, #eeeeee);
  background: -webkit-linear-gradient(left, #f8f8f8, #eeeeee);
  background: -ms-linear-gradient(left, #f8f8f8, #eeeeee);
  background: linear-gradient(left, #f8f8f8, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eeeeee', GradientType=1);
  background-color: #eeeeee;
  text-shadow: 1px 1px 0 #ffffff;
}
.bread_list li a::before {
  display: block;
  width: 15px;
  height: 18px;
  border-right: 3px solid #ffffff;
  margin: 0 -30px -15px auto;
  background-color: #eeeeee;
  content: " ";
  -webkit-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -sand-transform: skew(30deg);
  transform: skew(30deg);
}
.bread_list li a::after {
  display: block;
  width: 15px;
  height: 18px;
  border-right: 3px solid #ffffff;
  margin: -15px -30px 0 auto;
  background-color: #eeeeee;
  content: " ";
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -sand-transform: skew(-30deg);
  transform: skew(-30deg);
}

/*------------------------------------*/
/* フッタ :  */
/* explanation columns */
#footernavi_area {
  clear:both;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
  padding: 2px 0 50px 0;
  padding-top: 30px;  /*--- bread_groupとの調整 ---*/
  background: #404040;
  color: #c0c0d0;
  font-size:0.8em;
  text-align: center;
  letter-spacing:3px;
}

#footer_allow {
  background: #404040;
  text-align: right;
  padding-top: 12px;
  padding-right: 30px;
  padding-bottom: 0;
  margin-bottom: -30px;
}
#footernavi_ul,
#footernavi_ul_head {
  clear:both;
  float: left;
  display: block;
  margin: 0 120px 0 120px;
  padding-top: 10px;

  list-style-type: none;
}
#footernavi_ul_head {
  border-top: solid 1px #c0c0c0;
  border-bottom: dotted 1px #c0c0c0;
}
#footernavi_ul li,
#footernavi_ul_head li {
  float: left;
  width: 190px;
  height: 26px;
  margin: 0;
  padding: 5px 0 0 0;

  color: #c0c0d0;
  text-align: left;
  letter-spacing: 3px;
}
#footernavi_ul_head li {
  font-weight: bold;
}
#footernavi_ul li a {
  cursor: pointer;
  color: #606080;
  text-decoration: none;
}
#footernavi_ul li a:hover {
  color: #c0c0d0;
}

#copyright {
  clear: both;
  margin: 10px 10px 0 10px;
  padding: 20px 10px 0 10px;
  font-size:0.8em;
  text-align:center;
  line-height: 1.6em;
  letter-spacing: 0px;
  border-top: solid 1px #c0c0c0;
}