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

/*
●順序
1.位置情報 ( position top right z-index display float)
2.サイズ    ( width height padding margin)
3.文字       ( font line-height letter-spacing color text-align)
4.背景       ( background border)
5.その他    ( animation transition)
●数値ゼロに単位をつけない
*/
/****************************************

          reset

*****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  border: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic; /*画像を拡大縮小の独自拡張*/
}
ul {
  list-style: none;
}
/****************************************

          base font

*****************************************/
/*--html, body { height:100%; }footer隙間バグ対策--*/ 

/*--継承が問題になるのでbodyにはline-heght指定しないこと--*/ 
body {
  background: url(../img/backblue.png) fixed 0 0;
  background-size: cover;/*--css3背景サイズ指定--*/ 
  font-family: 
  'Lucida Grande','segoe UI',"ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
  font-size: 15px;
  color: #444;
  text-align: justify; /*--文字均等割付1--*/
  text-justify: inter-ideograph; /*--均等割付2--*/
  position: relative;
  z-index: 0;
}
p {
  margin-bottom: 12px;
}
strong {
  font-weight: bold;
}
.cap {
  font-size: 12px;
  margin: -10px 5px 42px 5px;   
}
.cap2 {
  font-size: 12px;
  margin: 10px 5px 42px 185px;   
}

.big {
  font-size: 48px;
}
/*--代替画像インデント処理--*/
.t-ind {
  width: 700px;
  height: 100px;
  display: block;
  text-indent: -9999px;
}
.ba1 { background: url(../img/moya1.png) no-repeat ;}
.ba2 { background: url(../img/moya2.png) no-repeat ;}

h2 {
  line-height: 1.2;
  font-size: 26px;
  margin-bottom: 15px;
  color: #0073C6;/*--ベース青--*/
}
h3 {
  font-size: 20px;
  letter-spacing: 0.2em;
  line-height: 1.4;
  margin-bottom: 10px;
  color: #0073C6;/*--ベース青--*/
}
h4 {
  font-size: 26px;
  color:#000;
}
.M-font {
  font-family:Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho" ,serif;
}
/*--GoogleFont--*/
.G-font {
  font-family: 'Paytone One', sans-serif;
}
#sidebar ul li {
  font-size: 14px;
  color: #F00;
  margin: 5px 0 0 10px;
  line-height: 1.3;
}
ol li{
  color: #0073C6;
  font-size: 27px;
  list-style: decimal inside;
}
ol li span{
  color: #454545;
  font-size: 20px;
  line-height: 2.0;
}
/*--文頭ドロップキャップ--*/
.drop {
  font-size: 2.6em;
  margin: -10px 0;
  float: left; 
}
.underline {
  background-image: url(../img/underline_b.png);
  padding: 1px;
}
/*--上下左右にシャドウを設定してフチ文字にする--*/
p.headcopy,
small{
  text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000;
}
.basyo,
.tel {
  text-shadow: 1px 0 0 #000;
}
/****************************************

          layout

*****************************************/
#container {
  width: 100%;
  min-width: 960px;
  margin: 10 0 0 0;
  position: relative;
  z-index: 1;
}
#header {
  width: 100%;
}
#contents {
  width: 100％;
}
.wrapper {
  overflow: hidden;
  zoom: 1;
}

#main {
  width: 725px;
  float: right;
  margin-right: 9px;
}
#sidebar {
  width: 195px;
  float: left;
  margin: 21px 0 0 9px;
}
#footer {
  background: url(../img/m_footer.png) top left;
  width: 100%;
  height: 400px;
}
.inner {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.block {
  width: 725px;
  height: auto;
  overflow: hidden;
  margin-bottom: 50px;
}
/****************************************

          block内

*****************************************/
.R-box {
  width: 350px;
}
.L-box {
  width: 350px;
}

.M-box {
  width: 235px;
  height: 515px;
  position: relative;
}

.S-box {
  width: 145px;
}

.LL-box {
  width: 570px;
  height: auto;
}
.LLL-box {
  width: 725px;
  height: auto;
}
.item-img {
  position: absolute;
  top: 0;
  left: 0;
}
.rgba1{
  background-color: rgba(0, 0, 0, 0.1);
  color: 000;
}
/****************************************

          位置調整

*****************************************/
.mar {
  margin: 0 -20px 30px 0;
}
.m-B10 {
  margin-bottom: -10px;
}
.m-B20 {
  margin-bottom: 20px;
}
.m-B40 {
  margin-bottom: 40px;
}
.m-T20 {
  margin-top: 20px;
}
.m-T230 {
  margin-top: 260px;
}
.m-R13 {
  margin-right: 13px;
}
.m-R17 {
  margin-right: 17px;
}
.pad-20 {
  padding: 0 10px;
}
.f-R {
  float: right;
}
.f-L {
  float: left;
}
.cen {
  text-align: center;
}
.cl-b {
  clear: both;
}
.inL {
  display: inline-block;
}
.mid {
  vertical-align: middle;
}
/****************************************

          header

*****************************************/
h1 {
  font-size: 10px;/*--10px--*/
  color: #333;
  margin: 2px 0 0 235px; 
}
#headerImg {
  margin: 0 0 0 224px;
}
p.headcopy {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 400px;
  left: 600px;
}
.siteLogo {
  display: block;
  position: absolute;
  top: 20px;
  left: 9px;
}
/****************************************

          gNav

*****************************************/
#gNav {
  min-width: 500px;
  height:auto;
}
#gNav li {
  width: 67px;
  text-align: center;
  float:left;
}
.move {
position: relative;
display: inline-block;
border: 1px dashed #5F9A3B;
background: #fff;
opacity: 0.7;

/* Firefox */
-moz-transition: all 1s ease;
/* WebKit */
-webkit-transition: all 1s ease;
/* Opera */
-o-transition: all 1s ease;
/* Standard */
transition: all 1s ease;
}
.move:hover {
opacity: 1;
/* Firefox */
-moz-transform: scale(2) rotate(30deg) translate(50px);
/* WebKit */
-webkit-transform: scale(1.2) rotate(30deg) translate(50px);
/* Opera */
-o-transform: scale(2) rotate(30deg) translate(50px);
/* Standard */
transform: scale(2) rotate(30deg) translate(50px);
z-index: 999;
}
.fixed {
  position: fixed;
  left: auto;
  top: 0;
  margin: 35px 0 0 520px;
  padding: 0;
  z-index: 999;
}
a {
  font-size: 16px;
  font-weight: bold;
  color: #5F9A3B;/*--薄緑--*/
  text-decoration: none;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
a:hover {
  color: #F82584;/*--ピンク--*/
}
a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}
/****************************************

          sidebar

*****************************************/
.post {
  margin-bottom:20px;
}
.sideTitle {
  font-size: 15px;/*--14px--*/
  font-weight: bold;
  color: #454545;
  border-top: 1px solid rgba(0, 0, 225, 0.5);
  padding: 10px 0px 0px 15px;
  background: url(../img/icon_r.png) no-repeat;
  background-position: 0 16px;
}
#sidebar p, #sidebarli {
  font-size: 14px;/*--13px--*/
  line-height: 1.5;
  padding: 0 10px 0 5px;
}
/****************************************

          table

*****************************************/
table {
  width: 100%;
  margin-bottom: 5px;
}
table th,td {
  color: #000;
  font-size: 14px;
  line-height: 1.8;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  border: 2px solid #FFF;
}
table th {
  background: #D3D3D3;
}
table td {
  background: #E8FFF8;
}
/****************************************

          footer

*****************************************/
.address {
  float: left;
  margin: 0 0 0 60px;
  color: #fff;
  font-size: 18px;/*--14px--*/
  padding: 100px 0 0 0;
}
.S-big {
  font-size: 26px;
}
.basyo {
  line-height: 1.6;
  padding: 110px 10px 0 0;
  font-size: 18px;
  color: #fff;
}
.tel {
  font-size: 26px;/*--23px--*/
  line-height: 1.2;
}
small {
  font-family: 'Paytone One', sans-serif;
  font-size: 18px;
  color: #fff;
}
/****************************************

          Google Image Search・

*****************************************/
.listCover {
  margin: 0 auto;
  width: 725px;
  text-align: center;
}

.listCover .listItem {
  margin: 5px -5px;
  text-align: center;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
}
.listCover .listItem img {
  width: 130px;
}
.listCover .active {
  background: url(../img/activeArrow.gif)  no-repeat top center;
}
.listCover .listItem .selfRep {
  display: none;
}

.expandField {
  padding: 0;
  width: 100%;
  text-align: left;
  display: block;
  background: #222;
  float: left;
  position: relative;
  overflow: hidden;
}
.expandField .btnClose {
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
  display: block;
  background: url(../img/close.png) no-repeat top left;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
.expandField .btnPrev {
  top: 150px;
  left:  5px;
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/prev.png) no-repeat;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
.expandField .btnNext {
  top: 145px;
  right: 5px;
  width: 50px;
  height: 50px;
  display: block;
  background: url(../img/next.png) no-repeat;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
.expandField .selfRepInner {
  padding: 20px 50px;
  text-align: left;
  position: relative;
}
.expandField .selfRepInner .secLeft,
.expandField .selfRepInner .secRight {
  width: 50%;
  float: left;
}
.expandField .selfRepInner .secLeft {
  text-align: center;
}
.expandField .selfRepInner .secRight {
  padding-left: 100px;
  width: 33%;
  color: #fff;
}
/* ****************************************

          ClearFix

***************************************** */
.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after {
  content: " ";
  display: table;
}
.listCover:after,
.expandField .selfRepInner:after {clear: both;}
.listCover,
.expandField .selfRepInner {*zoom: 1;}
/* ****************************************

          スクロール戻るボタン

***************************************** */
#back-top {
  position: fixed;
  bottom: 25px;
  margin-left: 960px;
}
#back-top a {
  line-height: 1.0;
  width: 60px;
  display: block;
  text-align: center;
  font: 16px;
}
#back-top a:hover {
  color: #F82584;
}
/* arrow icon (span tag) */
#back-top span {
  width: 60px;
  height: 120px;
  display: block;
  margin-bottom: 10px;
  background: url(../img/mouse.png) no-repeat center center;
}