BODY {font-size:10pt;
      color : #000000 ;
      background-color : #FFFFFF ;
      background-attachment: fixed ; 
      margin : 0px ;
  scrollbar-arrow-color:#C14A35;
  scrollbar-base-color:#ECBEB6;
  scrollbar-face-color:#ECBEB6;
  scrollbar-highlight-color:#C14A35;
  scrollbar-shadow-color:#C14A35;
	word-break: break-all;
}
BASEFONT,TD,TH {font-size:10pt;
           line-height: 1.5em;
}
.a {font-size:10pt;
}
.b {font-size:11pt;
           line-height: 1.5em;
}
.c {font-size:10pt;
           line-height: 1.5em;
           color : #FF0000 ;
}
.d {font-size:10pt;
           line-height: 1.5em;
           color : #eb1460 ;
}
.e {font-size:11pt;
           line-height: 1.5em;
           color : #EF9C10 ;
}
.f {font-size:10pt;
           color : #990000 ;
           font-weight : bold ;
}
.g {font-size:11pt;
}
.h {font-size:9pt;
           line-height: 1.5em;
}
.i {font-size:10pt;
           color : #003366 ;
           font-weight : bold ;
}
.j {font-size:10pt;
           color : #003366 ;
}
.k {font-size:10pt;
           line-height: 1.5em;
           color : #990000 ;
}
.l {font-size:8pt;
           line-height: 1.5em;
}
.m {font-size:13pt;
           line-height: 1.5em;
}
.purple {font-size:10pt;
           line-height: 1.5em;
           color : #9B0399 ;
}
A:link {text-decoration : none ;
           color : #390000 ;
}
A:visited {text-decoration : none ;
           color : #390000 ;
}
A:active {text-decoration : none ;
           color : #390000 ;
}
A:hover {text-decoration : none ;
           color : #ff5809 ;
}

/* topに戻るボタン */
#page_top{
width: 48px;
height: 48px;
position: fixed;
right: 0;
bottom: 10px;
opacity: 0.6;
}
#page_top a{
position: relative;
display: block;
width: 48px;
height: 48px;
text-decoration: none;
}

#page_top a::after{
content: url(../pic/top-back.gif);
}

/* jaranへのリンクボタン */
#jaran{
width: 107px;
height: 64px;
position: fixed;
left: 0;
bottom: 10px;
opacity: 0.9;
}
#jaran a{
position: relative;
display: block;
width: 48px;
height: 48px;
text-decoration: none;
}

#jaran a::after{
content: url(../pic/jaran.gif);
}

/* 画像 */
.resizeimage1 {
   max-width: 473px; /* 最大幅 */
   min-width: 100px; /* 最小幅 */
}
.resizeimage1 img { width: 100%; }

.resizeimage2 {
   max-width: 471px; /* 最大幅 */
   min-width: 100px; /* 最小幅 */
}
.resizeimage2 img { width: 100%; }

.resizeimage3 {
   max-width: 156px; /* 最大幅 */
   min-width: 33px; /* 最小幅 */
}
.resizeimage3 img { width: 100%; }

.resizeimage4 {
   max-width: 670px; /* 最大幅 */
   min-width: 200px; /* 最小幅 */
}
.resizeimage4 img { width: 100%; }

.resizeimage5 {
   max-width: 600px; /* 最大幅 */
   min-width: 300px; /* 最小幅 */
}
.resizeimage5 img { width: 100%; }

.resizeimage6 {
   max-width: 780px; /* 最大幅 */
   min-width: 300px; /* 最小幅 */
}
.resizeimage6 img { width: 100%; }

.resizeimage7 {
   max-width: 686px; /* 最大幅 */
   min-width: 350px; /* 最小幅 */
}
.resizeimage7 img { width: 100%; }

.resizeimage9 {
   max-width: 758px; /* 最大幅 */
   min-width: 350px; /* 最小幅 */
}
.resizeimage9 img { width: 100%; }

.resizeimage10 {
   max-width: 500px; /* 最大幅 */
   min-width: 300px; /* 最小幅 */
}
.resizeimage10 img { width: 100%; }

.resizeimage11 {
   max-width: 678px; /* 最大幅 */
   min-width: 350px; /* 最小幅 */
}
.resizeimage11 img { width: 100%; }


.resizeimage12 {
   max-width: 373px; /* 最大幅 */
   min-width: 320px; /* 最小幅 */
}
.resizeimage12 img { width: 100%; }

.resizeimage13 {
   max-width: 680px; /* 最大幅 */
   min-width: 350px; /* 最小幅 */
}
.resizeimage13 img { width: 100%; }

/* フォトギャラリー */
div.vid_contents783 {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
}
video.vid_main783 {
width: 100%;
max-width: 783px;/*PC版での最大幅*/
}

#container {
  max-width: 1100px;
  margin: 0 auto;
}
#main {
  width: 100%;
}

/* css-menu */
div.table1 {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 80%;
}

div.table1 div.box1 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 50%;
}
div.table1 div.box2 {
   display: table-cell;
   vertical-align: top;
   text-align: right;
   width: 50%;
}
div.table1 div.box3 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 50%;
}
div.table1 div.box4 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 1050px;
}
@media screen and (max-width: 640px) {
 div.table1 {
    display: block;
 }
 div.table1 div.box1 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table1 div.box2 {
    display: block;
    vertical-align: top;
    text-align: right;
    width: 100%;
 }
div.table1 div.box3 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
div.table1 div.box4 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
}

/* index */
div.table2 {
   margin: 0px;
   padding: 0px;
}

div.table2 div.box1 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 1100px;
}
div.table2 div.box2 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 50%;
}
div.table2 div.box3 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 50%;
}
div.table2 div.box4 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 324px;
}
@media screen and (max-width: 640px) {
 div.table2 {
    display: block;
 }
 div.table2 div.box1 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
 div.table2 div.box2 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table2 div.box3 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
div.table2 div.box4 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
}

/* sisetu */
div.table3 {
   margin: 0px;
   padding: 0px;
}

div.table3 div.box1 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 50%;
}
div.table3 div.box2 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 50%;
}
div.table3 div.box3 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 300px;
}
div.table3 div.box4 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 300px;
}
div.table3 div.box5 {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   width: 50%;
}
div.table3 div.box6 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 400px;
}
@media screen and (max-width: 640px) {
 div.table3 {
    display: block;
 }
 div.table3 div.box1 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table3 div.box2 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
div.table3 div.box3 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table3 div.box4 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table3 div.box5 {
    display: block;
    vertical-align: middle;
    text-align: center;
    width: 100%;
 }
div.table3 div.box6 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
}

/* 外国語 */
div.table4 {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 80%;
}

div.table4 div.box1 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 50%;
}
div.table4 div.box2 {
   display: table-cell;
   vertical-align: top;
   text-align: center;
   width: 460px;
}
div.table4 div.box3 {
   display: table-cell;
   vertical-align: middle;
   text-align: left;
   width: 50%;
}
div.table4 div.box4 {
   display: table-cell;
   vertical-align: top;
   text-align: left;
   width: 10px;
}

@media screen and (max-width: 640px) {
 div.table4 {
    display: block;
 }
 div.table4 div.box1 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
div.table4 div.box2 {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
 }
div.table4 div.box3 {
    display: block;
    vertical-align: middle;
    text-align: left;
    width: 100%;
 }
div.table4 div.box4 {
    display: block;
    vertical-align: top;
    text-align: left;
    width: 100%;
 }
}