@charset "UTF-8";
/* ■ＵＴＦ８Ｎ■ */

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.4;
   letter-spacing:0px;
   font-family: "ＭＳ Ｐゴシック", sans-serif;
   font-size:20px;
   color:#000000;
   background:#fefeff;
/*   background:#fffff8;  */
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#666;
}

img {
   border:0;
   vertical-align:bottom;
}
h2 {
   margin: 10px 5px 20px 5px;
   padding:5px;
   color:#333;
   letter-spacing:5px;
   font-size:25px;
   text-align: center;
   font-weight:bold;
   border-top:3px solid #3298D3;
   border-bottom:2px solid #d0d0d0;
   background:url("images/bg_h2.gif") 0 100% repeat-x;
}
h3 {
   margin:0 0 1em 0;
   padding:5px 30px 5px 30px;
   font-size:20px;
   font-weight:bold;
}

p {
   margin:0 0 1em 0;
   padding:5px 0 10px 30px;
   font-size:20px;
}


/* ======== LAYOUT ======== */
#waku0 {
   width:1080px;
   margin:0 auto;
   padding:0px;
   background:url("images/bg_contents_left.gif") 0 0 repeat-y #ffffff;
}
#waku1 {
   background:url("images/bg_contents_right.gif") 100% 0 repeat-y;
}
#kaijo {
   clear:both;
}

/* ======================== */
#header {
   clear:both;
   width:1060px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
}
#pr1 {
   font-size:24px;
   line-height:1.3;
   letter-spacing:2px;
   padding: 10px;
   margin-top:50px;
}
#pr2 {
   margin:30px 0 10px 0;
   padding:5px 30px 5px 30px;
   font-size:20px;
   text-align:center;
}
#pr3 {
   margin:0px 0 10px 0;
   padding:5px 30px 5px 30px;
   font-size:20px;
   text-align:left;
}

/* ======================== */
#navi {
   margin:10px 0 2px 0;
   padding:0;
   font-size:16px;
   text-align:center;
}
#navi ul {
   margin: 0;
   padding: 0;
}
#navi ul li {
   display: inline-block;
   list-style-type: none;
}
#navi > ul > li > a {
   margin-right:5px;
   padding:1px 5px 1px 5px;
   border: solid 1px #aaaaff;
   border-left: solid 6px #aaaaff;
}
#navi > ul > li:hover {
   color:#666;
}
#navi > ul > li > a > .child {
   display: inline-block;
}
#navi > ul > li > div {
   background-color: #f0f0ff;
   border-top: 1px solid #aaaaff;
   border-right: 1px solid #aaaaff;
   border-left: 1px solid #aaaaff;
   display: none;
   margin: 0;
   position: absolute;
   width: 300px;
   visibility: hidden;
}
#navi > ul > li:hover > div {
   display: block;
   visibility: visible;
}
#navi > ul > li > div ul > li {
   display: block;
}
#navi > ul > li > div ul > li > a {
   color: #000000;
   display: block;
   padding: 2px 10px 1px 10px;
   text-decoration: none;
   text-align:left;
   border-bottom: 1px solid #aaaaff;
}
#navi > ul > li > div ul > li:hover > a {
   color: #ffffff;
   background-color: #000000;
}


/* ======================== */
#contents {
   clear:both;
   width:1060px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
}
#mPoints {
   margin-bottom:50px;
}
#mPoints ol{
}
#mPoints div.item{
   float:left;
   margin: -20px -10px 0 30px;
   width:320px;
}
#mPoints div.bunrui{
   margin:30px 0 -20px -5px;
   font-size:20px;
   font-weight: bold;
   color: #2020a0;
   text-align:center;
   background: #e0e0f8;
   border:1px solid #a0c0d0;
}
#mPoints li{
   padding:10px 0 0 0;
   border-bottom:2px dotted #808080;
   font-size:20px;
   line-height:1.3;
}

#mPoints div.contact{
   margin:20px 10px 0px 30px;
   padding:5px;
   font-size:18px;
   border:1px dotted #a0c0d0;
   background: #ccecff;
}
#mPoints img{
   padding:5px 0 10px 10px;
   width:250px;
   height:44px;
   cursor: pointer;
   filter: drop-shadow(1px 2px 5px rgba(0,0,0,0.2));
   transform: translateY(-2px);
}
#mPoints img:hover{
   filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
   transform: translateY(0px);
}

#con1 div.name0 {
   float:left;
   width:240px; height:50px;
   padding:5px 0 10px 30px;
   font-size:20px;
   letter-spacing:1px;
}
#con1 div.name00 {
   letter-spacing:11px;
}
#con1 div.name1 {
   float:left;
   width:250px; height:50px;
   letter-spacing:20px;
   font-size:40px;
}
#con1 div.name2 {
   float:left;
   width:660px; height:50px;
   padding:20px 0 0 0;
   font-size:20px;
}
#con1 div.syasin {
   float:left;
   width:240px; height:300px;
   padding:10px 0px 10px 30px;
}
#con1 div.syasin img {
   width:200px;
}
#con1 div.ryakureki {
   float:left;
   width:900px; height:370px;
   font-size:18px;
   padding:0;
}

#con2 div.name0 {
   float:left;
   width:280px; height:70px;
   padding:5px 0 10px 30px;
   font-size:20px;
   letter-spacing:0px;
}
#con2 div.name1 {
   float:left;
   width:250px; height:70px;
   letter-spacing:20px;
   font-size:40px;
}
#con2 div.ryakureki1 {
   float:left;
   width:620px; height:70px;
   font-size:20px;
   padding:25px 0 0 0;
}
#con2 div.ryakureki2 {
   float:left;
   width:620px; height:70px;
   font-size:20px;
   padding:0;
}

#pBreak {
  page-break-before: always;
}

/* SAMPLE */
#sample {
  clear:both;
  width:1060px;
  margin:0 auto;
  padding: 10px 5px 50px 5px;
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}
#sample div.ret {
  pointer-events: auto;
  text-align:right;
  margin:10px;
  padding:0;
  font-size:16px;
}
#sample div.title {
   margin:0px 0px 1px 0px;
   color:#202020;
   font-size:55px;
   line-height:1.1;
   letter-spacing:3px;
   font-weight:normal;
   text-align:center;
}
#sample div.subtitle {
   margin:30px 0px 10px 0px;
   height:20px;
   color:#202020;
   font-size:21px;
   font-weight:bold;
   text-align:center;
}
#sample div.pic { text-align:center; }
#sample div.pic01 img { width:950px; height:821px; }
#sample div.pic02 img { width:950px; height:1312px; }
#sample div.pic03 img { width:950px; height:1060px; }
#sample div.pic04 img { width:950px; height:868px; }
#sample div.pic05 img { width:950px; height:880px; }
#sample div.pic06 img { width:950px; height:692px; }
#sample div.pic07 img { width:950px; height:1167px; }
#sample div.pic08 img { width:950px; height:1078px; }
#sample div.pic09 img { width:950px; height:1031px; }
#sample div.pic10 img { width:950px; height:1080px; }
#sample div.pic11 img { width:950px; height:773px; }
#sample div.pic12 img { width:950px; height:1221px; }
#sample div.pic13 img { width:950px; height:1270px; }
#sample div.pic14 img { width:950px; height:1242px; }
#sample div.pic15 img { width:950px; height:902px; }
#sample div.pic16 img { width:950px; height:1333px; }
#sample div.pic17 img { width:950px; height:1289px; }

@media print{
   #sample {
     display:none;
   }
}
@media print{
.noprint{ display:none; }
}

/* CLI */
#cli div.pic {
   overflow:hidden;
   position:relative;
   margin-left:0px;
   margin-bottom:10px;
   text-align:center;
}
#cli div img {
   width:900px;
   height:1272px;
   border:2px solid #000000;
}


/* ======================== */
#footer {
/* page-break-before: always; */
   clear:both;
   width:1060px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
}

#jimusyoph {
   float:left;
   width:400px; height:420px;
   margin:0;
   padding:10px 0px 10px 30px;
   text-align:center;
}
#jimusyoph img {
   width:400px;
}

#jimusyo {
   float:left;
   width:630px; height:200px;
   margin-top:220px;
   padding:0;
}
#jimusyo div.con0 {
   float:left;
   width:120px; height:200px;
   padding:0;
   margin:0;
   text-align:right;
   font-weight: bold;
   font-size:20px;
}
#jimusyo div.con1a {
   float:left;
   width:470px; height:60px;
   padding:0;
   margin:0;
   font-size:20px;
}
#jimusyo div.con1b {
   float:left;
   width:470px; height:30px;
   padding:0;
   margin:0;
   font-size:20px;
}
#jimusyo div.con2 {
   float:left;
   width:110px; height:40px;
   padding:0;
   margin:0;
   text-align:right;
   font-weight: bold;
   font-size:20px;
}
#jimusyo div.con3 {
   float:left;
   width:360px; height:40px;
   padding:0;
   margin:0;
   font-size:20px;
}

/* ======================== */

#kaijou {
   clear:both;
   width:1060px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
}

/* PICT CUSTOMIZE */
#kaijou div.topPict {
   overflow:hidden;
   position:relative;
   margin-left:10px;
   margin-bottom:10px;
}

#kaijou div.topPict div.topPictColumn {
   display:inline;
   width:340px;
   float:left;
   margin-left:10px;
   padding:0 0 3em 0;
}

#kaijou div.topPict div.topPictColumn img {
   width:320px;
}

#kaijou div.topPict div.topPictColumn p.pInfo {
   position:absolute;
   bottom:10;
   width:340px;
   text-align:center;
   padding:0 0 0 0px;
}


#kaijou div.topPict div.topPictColumn2 {
   display:inline;
   width:700px;
   float:left;
   margin:0 0 0 180px;
   padding:0 0 3em 0;
}
#kaijou div.topPict div.topPictColumn2 p.pInfo {
   position:absolute;
   bottom:10;
   width:700px;
   text-align:center;
   padding:0 0 0 0px;
}

#kaijou div.topPict div.topPictColumn3 {
   display:inline;
   width:600px;
   float:left;
   margin:0 0 0 400px;
   padding:0 0 3em 0;
}
#kaijou div.topPict div.topPictColumn3 p.pInfo {
   position:absolute;
   bottom:10;
   width:600px;
   text-align:center;
   padding:0 0 0 0px;
}


/* ======================== */
#rireki {
   clear:both;
   width:1060px;
   margin:50px 0 0 0;
   padding: 10px 5px 10px 5px;
}

#rireki div.con0 {
   padding:0;
   margin:0;
   font-size:18px;
   font-weight: bold;
}
#rireki li {
   font-size:18px;
   font-weight: normal;
}

/* ###################### */
/* ====================== */
/* ---------------------- */
#association {
   page-break-before: always;
   clear:both;
   margin:0 auto;
   padding: 10px 5px 30px 5px;
}
#title {
   clear:both;
   width:1050px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
   background:url("images/m-base.png") 0 -90px / 15px 300px repeat-x;
}
#title div.titleCA1 {
   float:left;
   width:500px;
}
#title div.titleCA2 {
   float:left;
   width:550px;
}
#title div.p0 {
   margin:0;
   padding:8px 0 0 5px;
   line-height:1.1;
   color:#000000;
   font-size:16px;
   font-weight:bold;
}

#title div.p1 {
   margin:0;
   padding:0;
   line-height:1.1;
   color:#000000;
   font-size:26px;
   font-weight:bold;
}
#title span.p1nn {
   letter-spacing:6px;
}
#title div.p2 {
   margin-left:5px;
   padding:0;
   line-height:1.8;
   color:#000000;
   font-size:20px;
   font-weight:bold;
}
h1 {
   margin:0;
   padding:0;
   line-height:1.1;
   color:#000000;
   font-size:26px;
   font-weight:bold;
}


#title div.pr {
   margin:0;
   padding:15px 10px 5px 40px;
   color:#202010;
   line-height:1.3;
   font-size:24px;
   font-weight:bold;
   font-family: "ＭＳ Ｐ明朝", serif;
}
#contents-ca {
   clear:both;
   width:1040px;
   margin:0 auto;
   padding: 10px 5px 0px 5px;
}
#contents-ca div.tit {
   margin:30px 0 5px 5px;
   padding:0 0 3px 8px;
   color:#202020;
   font-size:24px;
   font-weight:normal;
   border-left:5px solid #3298D3;
   border-bottom:1px dotted #d0d0d0;
   background:url("images/bg_h3.gif") 0 100% repeat-x;
}
#contents-ca div.name1 {
   float:left;
   width:250px; height:50px;
   letter-spacing:20px;
   padding:0 0 0 10px;
   font-family: "ＭＳ 明朝", serif;
   font-weight: bold;
   font-size:40px;
}
#contents-ca div.name2 {
   float:left;
   width:200px; height:30px;
   padding:20px 0 0 0;
   font-size:20px;
   margin:30px 0 0 -215px;
}
#contents-ca div.ryakureki {
   float:left;
   width:550px; height:300px;
   line-height:1.3;
   font-size:18px;
   padding:10px 0 0 20px;
}
#contents-ca div.reki {
   float:left;
   width:1000px;
   line-height:1.3;
   font-size:20px;
   padding:20px 0 20px 20px;
}
#contents-ca div.syasin {
   float:left;
   width:240px; height:200px;
   padding:20px 0px 10px 30px;
}
#contents-ca div.syasin img {
   width:200px;
}

#contents-ca div.cer {
   float:left;
   width:460px;
   margin:5px 0 10px 40px;
   text-align: center;
}
#contents-ca div.cer img {
   width:450px;
   border: 1px solid #404040;
}


/* ======================== */
#mlForm table.owaku {
   width:100%;
   line-height:1.4;
}
#mlForm table.nwaku1 {
  width:1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border: 1px solid #000000;'
}
#mlForm table.nwaku2 {
  width:1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
  border: 1px solid #808080;'
}

#mlForm div.return {
   width:300px;
   margin:10px 0 30px 400px;
   font-size:25px;
   font-weight: bold;
   text-align:center;
   background:#f0f0f0;
   border:1px solid #808080;
}
#mlForm div.comment {
   font-size:25px;
   font-weight: bold;
   text-align: center;
}

#mlForm
  .CUTitle   {color:#000000; font-size:25px; font-weight:bold;}
  .CUMain1   {color:#000000; font-size:20px;}
  .CUMain2   {color:#000080; font-size:18px;}
  .CUItems   {color:#000000; font-size:20px; font-weight:bold;}
  .CUInput   {color:#000000; font-size:20px;}
  .CUInputEr {color:#ff0000; font-size:20px; font-weight:bold;}
  .CUContN   {color:#000000; font-size:22px;}
  .CUContS   {color:#000000; font-size:20px;}
  .CUContM   {color:#404080; font-size:20px;}
  .CommBtnTx {color:#000000; font-size:22px; font-weight:bold;}

#mlForm table.note {
   margin-top:5px;
   width:100%;
}