/* CSS Document */


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

body {
  background: url(../images/bg.jpg);
}

#page {
  text-align: center;
}

/* a:hover 
----------------------------------------- */

a:hover img {
  opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=80); /* IE lt 8 */
  -ms-filter: "alpha(opacity=80)"; /* IE 8 */
  -khtml-opacity: .80; /* Safari 1.x */
  -moz-opacity: .80; /* FF lt 1.5, Netscape */
  cursor: pointer;
}

/* clearfix 設定
 :after { content: ''; display: block; clear: both; }
----------------------------------------- */
/* For modern browsers */

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */

.clearfix { zoom: 1; }

/* リンク 設定
------------------------------------------------------------------- */

a {
  color:#09F;
  outline: none;
  text-decoration: none;
}

a:link { color: #06F; }

a:visited { color: #666; }

a:hover {
  color: #C00;
  text-decoration: underline;
}

a:active {
  color: #cc0033;
  text-decoration: underline;
}

/* other
------------------------------------------------------------------- */

.grayout {
  opacity: .40; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=40); /* IE lt 8 */
  -ms-filter: "alpha(opacity=40)"; /* IE 8 */
  -khtml-opacity: .40; /* Safari 1.x */
  -moz-opacity: .40; /* FF lt 1.5, Netscape */
}

/* ヘッダ
------------------------------------------------------------------- */

#header {
  background: url(../images/bg_head.jpg) repeat-x center top;
  margin: 0px;
  padding: 0px;
  height: 110px;
  width: 100%;
}

#headerArea {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 980px;
}

#headerBlock h1 {
  margin: 0px;
  padding: 17px 0px 0px;
  float: left;
  height: 75px;
  width: 299px;
}

.subNav {
  background: url(../../common/images/bg_subnav.png) no-repeat;
  margin: 0px;
  padding: 0px;
  float: right;
  height: 83px;
  width: 306px;
}

.subNav dl {
  padding: 7px 0px 0px;
  width: auto;
}

.subNav dd {
  padding: 3px 0 0 0;
}

.subNav li {
  padding: 0px 0px 0px 8px;
  float: left;
  height: 32px;
  width: 141px;
  margin: 0px;
}


/* グロナビ
------------------------------------------------------------------- */

#nav {
  background: url(../images/bg_nav.png) repeat-x;
  height: 51px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#navBlock {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 980px;
}

#navBlock li {
  margin: 0px;
  padding: 0px;
  float: left;
  height: 47px;
  width: 140px;
}


/* コンテンツ
------------------------------------------------------------------- */


#contentsArea {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 996px;
}

#side {
  margin: 0px;
  padding: 0px 0px 0px 8px;
  float: left;
  height: auto;
  width: 223px;
}

.searchPanel {
  padding: 0px 0px 5px;
}

.smaho {
  padding: 0px 0px 7px;
}

#side .bannerArea li {
  padding: 0px 0px 10px;
  text-align: left;
}



/* フッター
------------------------------------------------------------------- */

#footerArea {
  padding:20px 0 0 0;
}
#pagetop {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 980px;
  text-align: right;
}

#footerBlock {
  background: url(../images/bg_foot.jpg) repeat-x;
  margin: 0px;
  padding: 0px;
  height: 166px;
  width: 100%;
}

.footerBox {
  margin: 0px auto;
  padding: 16px 0px 0px;
  height: auto;
  width: 980px;
}

.contactBox {
  margin: 0px;
  padding: 0px;
  float: right;
  height: auto;
  width: 298px;
  text-align:right;
}

.contactBox dl {
  padding: 7px 0px 0px;
  width: auto;
}

.contactBox dd {
  padding: 3px 0 0 0;
}

.contactBox li {
  padding: 0px 0px 0px 8px;
  float: left;
  height: 32px;
  width: 141px;
  margin: 0px;
}

.footerTxt {
  margin: 0px;
  padding: 0px;
  float: left;
  height: auto;
  width: 670px;
  text-align: left;
  color: #FFF;
}

.footerTxt p {
  line-height: 1.6em;
  font-size:92.4%
}

.footerTxt a {
  color:#FFF;
  text-decoration:underline;
}
.footerTxt a:hover {
  text-decoration:none;
}
.addressBox {
  padding: 28px 0px 0px;
}


/* その他
------------------------------------------------------------------- */

#breadcrumb {
  text-align: left;
  margin: 0px auto;
  padding: 8px 0px 0px;
  height: 18px;
  width: 980px;
  font-size: 87%;
}

.panelBody {
  background: url(../images/panel_mid.png) repeat-y left top;
  padding: 8px 16px;
}

.panelBody li {
  font-size: 85%;
  line-height: 1.4em;
  padding-top: 5px;
}
/*#search {
  width:210px;
}*/
.panelBody th {
  text-align:left;
  padding:0 0 3px;
  font-size:85%;
}
.panelBody td {
  text-align:left;
  padding:0 0 8px;
  /*vertical-align:top;*/
  font-size:92.4%;
}
.searchBtn489ban {
  text-align:center;
}
#headerBlock .btn_language {
	height: 26px;
	width: 100px;
	float: right;
	padding: 10px 10px 0 0;
}