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

.consubcach {/* CSS Document */
text-align: left;
width: 710px; 
font-size: 18px;
font-weight: 400;
letter-spacing: 0.1em;
color: #333333;
padding-bottom: 15px;
overflow: hidden;
}

.consubcach2 {/**/
text-align: left;
width: 710px; 
font-size: 18px;
font-weight: 400;
letter-spacing: 0.1em;
color: #333333;
padding-top: 40px;
padding-bottom: 0px;
}

.concopy {/* CSS Document */
text-align: left;
width: 710px; 
font-size: 13px;
font-weight: 400;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
line-height: 200%;
letter-spacing: 0.1em;
color: #46463c;
}

.ableft {/* CSS Document */
text-align: left;
width: 200px; 
margin-top: 30px;
float: left;
}

.abright {/* CSS Document */
text-align: left;
height: 284px;
font-size: 12px;
font-weight: 400;
line-height: 200%;
letter-spacing: 0.1em;
color: #46463c;
margin-top: 30px;
}

.abbox {
text-align: left;
width: 200px; 
height: 142px;
border-top: 1px #c8c8be dotted;
border-right: 1px #c8c8be dotted;
border-bottom: 1px #c8c8be dotted;
float: left;
}

.abright2 {
text-align: left;
font-size: 12px;
font-weight: 400;
line-height: 200%;
letter-spacing: 0.1em;
color: #505046;
border-left: 1px #c8c8be dotted;
padding-top: 30px;
padding-left: 20px;
margin-left: 200px;
clear: both;
}

.abf {
margin: 0 auto; 
text-align: center;	
width: 200px; 
font-size: 20px;
padding-top: 60px;
padding-bottom: 50px;
}

.flowbox {
margin: 0 auto; 
text-align: center;	
width: 710px; 
margin-top: 10px;
overflow: hidden;
}

.flowbox2 {
text-align: left;
width: 90px; 
font-size: 68px;
font-weight: 100;
color: #c8c8c8;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
float: left;
}

.flowbox3 {
text-align: left;
width: 579px; 
font-size: 12px;
font-weight: 400;
line-height: 200%;
letter-spacing: 0.1em;
color: #3c3c32;
border-left: 1px #c8c8be dotted;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
float: left;
}

.flowbox4 {
margin: 0 auto; 
text-align: center;	
font-size: 32px;
}

.ga{/* CSS Document */
text-align: left;	
width: 580px;
font-size: 10px;
font-weight: 400;
line-height: 170%;
letter-spacing: 0.1em;
color: #46463c; 
padding-top: 10px; 
padding-bottom: 100px; 
padding-left: 120px;
}

.ga2{/* CSS Document */
text-align: left;	
width: 580px;
font-size: 10px;
font-weight: 400;
line-height: 170%;
letter-spacing: 0.1em;
color: #46463c;
padding-top: 10px; 
padding-bottom: 100px; 
padding-left: 110px;
}

.ga3{/* CSS Document */
text-align: left;	
width: 580px;
font-size: 10px;
font-weight: 400;
line-height: 170%;
letter-spacing: 0.1em;
color: #46463c;
padding-top: 10px; 
padding-bottom: 100px; 
padding-left: 245px;
}

.ga4{/* CSS Document */
text-align: left;	
width: 580px;
font-size: 10px;
font-weight: 400;
line-height: 170%;
letter-spacing: 0.1em;
color: #46463c;
padding-top: 10px; 
padding-bottom: 100px; 
padding-left: 160px;
}

.gallcase {
margin: 0 auto; 
text-align: center;	
width: 316px; 
padding-top: 60px;
margin-bottom: 20px;
overflow: hidden;
clear: both;
}

.gallcase2 {
margin: 0 auto; 
text-align: center;	
width: 316px; 
padding-bottom: 20px;
overflow: hidden;
}

.gallcase3 {
margin: 0 auto; 
text-align: center;	
width: 316px; 
padding-bottom: 60px;
overflow: hidden;
}

.gall {
text-align: left;	
width: 62px; 
height: 62px;
background-color: #eeeeee;
border: 1px #c8c8be solid;
margin-right: 20px;
float: left;
}

.galllast {
text-align: left;		
width: 62px; 
height: 62px;
background-color: #eeeeee;
border: 1px #c8c8be solid;
float: left;
}

.web43 {
margin: 0 auto; 
text-align: center;	
width: 400px; 
}

.web2 {
margin: 0 auto; 
text-align: center;	
width: 230px; 
}
 
.web {
margin: 0 auto; 
text-align: center;	
width: 500px; 
}
 
.thank{/* CSS Document */
margin: 0 auto; 
text-align: center;	
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
font-size: 14px;
font-weight: 400;
line-height: 200%;
letter-spacing: 0.1em;
color: #505046; 
padding-top: 100px;
padding-bottom: 120px;
}

.thank0{/* CSS Document */
margin: 0 auto; 
text-align: center;	
width: 710px;
font-size: 25px;
font-weight: 400;
letter-spacing: 0.1em;
color: #505046; 
padding-top: 20px;
padding-bottom: 20px;
}

.ad {
margin: 0 auto; 
text-align: center;	
width: 150px;
padding-top: 30px;
padding-bottom: 0px;
}

.ad120 {
margin: 0 auto; 
text-align: center;	
width: 120px;
border: 1px #c8c8be solid;
margin-top: 30px;
padding-top: 30px;
padding-right: 32px;
padding-left: 32px;
padding-bottom: 30px;
}

.subcopy {/**/
text-align: left;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
color: #3c3c32;	
padding-top: 10px;
padding-bottom: 5px;
padding-left: 100px;
}

.subcopy2 {/**/
text-align: left;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
color: #3c3c32;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
}

#topbg0 { 
position: fixed !important;  
position: absolute; 
top: 0;  
left: 0;    
margin: 0 auto;
text-align :center;
width: 100%;
min-width:1000px;
z-index: -100;
} 

#topbg00 { 
position: fixed !important;  
position: absolute; 
top: 0;  
left: 0;    
margin: 0 auto;
text-align :center;
width: 100%;
min-width:1000px;
z-index: -100;
filter: alpha(opacity=60);　/* ie lt 8 */
	-moz-opacity:0.6;/* FF lt 1.5, Netscape */
	opacity:0.6;/* ie 8 */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	zoom: 1; /* IE（インラインで使うとき）*/
} 

.nave {/**/
margin: 0 auto;
text-align: center;
width: 710px;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.3em;
color:#3c3c32;
padding-top: 30px;
padding-bottom: 50px;
}

.nave2 {/**/
margin: 0 auto;
text-align: center;
width: 170px;
font-size: 13px;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 200%;
color:#64645a;
padding-right: 30px;
padding-left: 30px;
clear: both;
}

.batu {/**/
position: fixed !important;
position: absolute;  
top: 370px;  
right: 20px; 
width: 53px;
z-index: 999;
filter: alpha(opacity=70);　/* ie lt 8 */
	-moz-opacity:0.7;/* FF lt 1.5, Netscape */
	opacity:0.7;/* ie 8 */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	-ms-filter: "alpha(opacity=70)"; /* ie 8 */
	zoom: 1; /* IE（インラインで使うとき）*/
}

.bar {
text-align: left;
width: 688px;
font-size:14px;
font-weight:700;
letter-spacing: 0.1em;
color: #3c3c32;
margin-top: 30px;
margin-bottom: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
border: 1px #c8c8be solid;	
background-color: #f2f2ee;
}

.pic {
margin: 0 auto;
text-align: center;
border: 5px solid #dcdcdc; 
height: 380px;
width: 530px;
overflow: hidden;
}

.pic2 {
margin: 0 auto;
text-align: center;
border: 4px solid #dcdcdc; 
height: 300px;
width: 470px;
overflow: hidden;
}

.pc-line {
margin: 0 auto; 
text-align: center;	
width: 640px;
border: 1px solid #dcdcdc;  

}

/*VERTPAN*/

.vertpan-kihou img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}

.vertpan-kihou img:hover {
  margin-top: -944px;
}

.vertpan-ro1 img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}

.vertpan-ro1 img:hover {
  margin-top: -965px;
}

.vertpan-mb img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}

.vertpan-mb img:hover {
  margin-top: -650px;
}

/*VERTPAN*/
.vertpan-ma img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}
  
.vertpan-ma img:hover {
  margin-top: -986px;
}

/*VERTPAN*/
.vertpan-su img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}
  
.vertpan-su img:hover {
  margin-top: -810px;
}

.vertpan-oo img {
  margin-top: 0px;
  -webkit-transition: margin 5s ease;
     -moz-transition: margin 5s ease;
       -o-transition: margin 5s ease;
      -ms-transition: margin 5s ease;
          transition: margin 5s ease;
}
  .vertpan-oo img:hover {
  margin-top: -182px;
}


.vertpan-sy img {
  margin-top: 0px;
  -webkit-transition: margin 5s ease;
     -moz-transition: margin 5s ease;
       -o-transition: margin 5s ease;
      -ms-transition: margin 5s ease;
          transition: margin 5s ease;
}
  .vertpan-sy img:hover {
  margin-top: -172px;
}

/*VERTPAN*/
.vertpan-wo img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}
  
.vertpan-wo img:hover {
  margin-top: -451px;
}

/*VERTPAN*/
.vertpan-ta img {
  margin-top: 0px;
  -webkit-transition: margin 5s ease;
     -moz-transition: margin 5s ease;
       -o-transition: margin 5s ease;
      -ms-transition: margin 5s ease;
          transition: margin 5s ease;
}
  
.vertpan-ta img:hover {
  margin-top: -115px;
}

/*VERTPAN*/
.vertpan-lo img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}
  
.vertpan-lo img:hover {
  margin-top: -397px;
}


/*VERTPAN*/
.vertpan-ac img {
  margin-top: 0px;
  -webkit-transition: margin 10s ease;
     -moz-transition: margin 10s ease;
       -o-transition: margin 10s ease;
      -ms-transition: margin 10s ease;
          transition: margin 10s ease;
}
  
.vertpan-ac img:hover {
  margin-top: -375px;
}

.wcach {/**/
margin: 0 auto;
text-align: center;
width: 530px;
font-size: 17px;
font-weight: 400;
letter-spacing: 1.2em;
color:#505046;
border-bottom: 1px solid #dcdcdc;
padding-top: 50px;
padding-bottom: 5px;
margin-bottom: 40px;
}

.under-catch {
margin: 0 auto;
text-align: center;
width: 710px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.2em;
color:#666;
padding-top: 10px;
}

.under-catchw {
margin: 0 auto;
text-align: center;
width: 710px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.2em;
color:#fff;
padding-top: 10px;
}

.mark {
	margin: 0 auto;
text-align: center;
width: 710px;
padding-top: 40px;
padding-bottom: 20px;
}

.tel {
margin: 0 auto;
text-align: center;
width: 710px;
font-size: 15px;
font-weight: 400;
letter-spacing: 0.2em;
}