@charset "utf-8";
/** Initial **/

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p {
  margin: 0;
  padding: 0;
}

body {
  font-size: 12px;
  margin: 0 auto;
  padding: 0;
  line-height: 2em;
  color: #000;
  background-color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  width:100%;
}
body, section, article, nav, ul, ol, dl {position: relative; }
a {
  text-decoration: none;
  color: #000;
}
a:hover {color: #00ADF9;}
a img:hover{opacity: .8;}
li{list-style: none;}
img{border: none;}
.wrap{
  width: 1020px;
  margin: 0 auto;
}
/************General************/
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.mrgt{margin-top: 20px;}

.left{
  float: left;
  width: 310px;
  margin-top: 20px;
}
.main{
  float: right;
  width: 650px;
  margin-top: 20px;
}
.red{color: #FF0000;}
/************header************/
header small{
  font-size: 12px;
}
header nav{
  margin-top: 30px;
  font-size: 14px;
}
header nav ul{
  margin-left: 24px;
}
header nav ul li{
  list-style-image: url("../images/icon_arr.png");
  margin-bottom: 6px;
  padding-left: 6px;
}
/************Aside************/
aside{
  margin-top: 40px;
}
aside h2{
  font-size: 14px;
  height: 26px;
  padding-left: 36px;
  font-weight: normal;
}
aside h2 small{
  font-size: 10px;
  margin-left: 10px;
}
aside iframe#news-area {
  width:100%;
  height: 284px;
  border: none;
}
aside .news h2{
  background-image: url("../images/asid_img.png");
  background-repeat: no-repeat;
}
aside .new_arr h2{
  background-image: url("../images/asid_img1.png");
  background-repeat: no-repeat;
}
aside .blog h2{
  background-image: url("../images/asid_img2.png");
  background-repeat: no-repeat;
}
aside .line h2{
  background-image: url("../images/asid_img3.png");
  background-repeat: no-repeat;
}
body.news {
  width:100%;
}
body.news ul,
aside ul{
  margin-left: 36px;
  margin-top: 10px;
}
body.news li,
aside ul li{
  margin-bottom: 10px;
  line-height: 1.6em;
}
body.news li p,
aside ul li p{
  font-size: 14px;
}
aside .blog ul,
aside .line ul{
  margin-left: 50px;
}
aside .blog ul li,
aside .line ul li{
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 5px;
  list-style-image: url("../images/icon_arr.png");
}
aside .line h4{
  font-size:14px;
  font-weight: normal;
  margin-left: 35px;
}
aside .line p{
  font-size:12px;
  margin-left: 35px;
}

aside .qr h2{
  background-image: url("../images/asid_img4.png");
  background-repeat: no-repeat;
}

aside .qr li{
  text-align:center;
}
/************Footer************/
footer{
  margin: 20px 0 20px 134px;
  text-align: center;
}

/************Index************/
section .banner{
  border: 1px solid #777776;
  padding: 20px 28px 0 28px;
  text-align: center;
  position: relative;
}

.bx-wrapper {
  margin-bottom: 40px;
}

.bx-wrapper .bx-viewport {
  box-shadow: 0 0 0;
  margin: 0;
  padding: 0;
  border: none;
  left: 0;
}

.bx-wrapper .bx-pager {
  bottom: -37px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  width: 15px;
  height: 15px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #000;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #00b0ff;
}

section .bxslider li{
  float: left;
}

section .bxslider li img{
  width: 594px;
}

p.lead {
  font-size: 18px;
  width: 560px;
  margin: 20px auto;
  line-height:2em;
}

/************Detail************/
.detail article{margin-top: 20px;}
.detail h2{
  background-image: url("../images/ttl.png");
  background-repeat: no-repeat;
  font-size: 16px;
  height: 32px;
  padding-left: 30px;
  padding-top: 6px;
  font-weight: normal;
}
.detail .table {
    margin-left: 30px;
    margin-top: 20px;
}
.detail .rows{margin-top: 20px;}
.detail .rows .cols{
  float: left;
  margin-right: 20px;
  height: 190px;
  text-align: center;
}
.detail .rows .last{
  margin-right: 0;
}
.detail .table .cols {
	display: block;
  border: 1px solid #000;
  overflow: hidden;
}

.detail .table .cols img {
	display: block;
}

/************contact************/
.contact .row .col01,
.contact .row .col02{
  display: inline-block;
}
.contact .row .col01{
  width: 130px;
}
.contact .row input[type="text"],
.contact .row select{
  width: 250px;
  height: 30px;
  padding-left: 5px;
  border: 1px solid #000;
}
.contact .row select{width: 256px;}
.contact .row input[type="radio"]{
  margin-right: 10px;
}
.contact .row label{margin-right: 30px;}
.vert{vertical-align: top;}
.contact .row textarea{
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  width: 250px;
  border: 1px solid #000;
  height: 140px;
  padding-left: 5px;
}

.contact small{font-size: 10px;}
.contact input[type="submit"]{
  background-image: url("../images/submit.jpg");
  background-repeat: no-repeat;
  border: none;
  width: 117px;
  height: 32px;
  cursor: pointer;
}
#edit_button,p,form[name="tform"]{display: inline-block;}