@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:0 0 8px 0;
   padding:5px;
   color:#333;
   letter-spacing:5px;
   font-size:22px;
   text-align:center;
   font-weight:bold;
   border-top:2px solid #3298D3;
   background:url("images/bg_h2.gif") 0 100% repeat-x;
}
h3 {
   margin:0 0 1em 0;
   padding:5px 10px 5px 10px;
   font-size:18px;
   font-weight:normal;
}

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


/* ======== LAYOUT ======== */
#waku0 {
   width:480px;
   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:460px;
   margin:0 auto;
   padding: 10px 5px 10px 5px;
}
#pr1 {
   font-size:20px;
   line-height:1.3;
   letter-spacing:2px;
   padding: 5px;
   margin-top:20px;
}
#pr2 {
   margin:10px 0 10px 0;
   padding:5px 30px 5px 30px;
   font-size:20px;
   text-align:left;
}
#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;
   text-align:center;
   font-size:13px;
}
#navi ul {
   margin: 0;
   padding: 0;
}
#navi ul li {
   display: inline-block;
   list-style-type: none;
}
#navi > ul > li > a {
   margin-right:3px;
   padding:1px 2px 1px 2px;
   border: solid 1px #aaaaff;
   border-left: solid 4px #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:460px;
   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:400px;
}
#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{
/* display: none; */
   margin:40px 40px 0 40px;
   padding:5px;
   font-size:18px;
   border:1px dotted #a0c0d0;
   background: #ccecff;
}
#mPoints img{
   padding:5px 0 10px 30px;
   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:210px; height:50px;
   padding:5px 0 10px 10px;
   font-size:20px;
   letter-spacing:0px;
}
#con1 div.name00 {
   letter-spacing:10px;
}
#con1 div.name1 {
   float:left;
   width:240px; height:30px;
   letter-spacing:10px;
   font-size:40px;
}
#con1 div.name2 {
   float:left;
   width:220px; height:30px;
   padding:20px 0 0 20px;
   font-size:20px;
}
#con1 div.syasin {
   float:left;
   width:240px; height:200px;
   padding:10px 0px 10px 120px;
}
#con1 div.syasin img {
   width:200px;
}
#con1 div.ryakureki {
   float:left;
   width:460px; height:390px;
   font-size:18px;
   padding:0;
}

#con2 div.name0 {
   float:left;
   width:220px; height:40px;
   padding:5px 0 10px 10px;
   font-size:20px;
   letter-spacing:0px;
}
#con2 div.name1 {
   float:left;
   width:230px; height:40px;
   letter-spacing:10px;
   font-size:40px;
}
#con2 div.ryakureki1 {
   float:left;
   width:280px; height:70px;
   font-size:18px;
   padding:0 0 0 180px;
}
#con2 div.ryakureki2 {
   float:left;
   width:280px; height:90px;
   font-size:18px;
   padding:0 0 0 180px;
}

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

/* SAMPLE */
#sample {
  clear:both;
  width:460px;
  margin:0 auto;
  padding: 10px 5px 10px 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:5px;
  padding:0;
  font-size:13px;
}
#sample div.title {
   margin:0px 0px 1px 0px;
   color:#202020;
   font-size:25px;
   line-height:1.1;
   letter-spacing:1px;
   font-weight:normal;
   text-align:center;
}
#sample div.subtitle {
   margin:15px 0px 1px 0px;
   height:18px;   
   color:#202020;
   font-size:14px;
   font-weight:normal;
   text-align:center;
}
#sample div.pic { text-align:center; }
#sample div.pic01 img { width:434px; height:375px; }
#sample div.pic02 img { width:434px; height:599px; }
#sample div.pic03 img { width:434px; height:484px; }
#sample div.pic04 img { width:434px; height:396px; }
#sample div.pic05 img { width:434px; height:402px; }
#sample div.pic06 img { width:434px; height:316px; }
#sample div.pic07 img { width:434px; height:533px; }
#sample div.pic08 img { width:434px; height:492px; }
#sample div.pic09 img { width:434px; height:471px; }
#sample div.pic10 img { width:434px; height:493px; }
#sample div.pic11 img { width:434px; height:353px; }
#sample div.pic12 img { width:434px; height:557px; }
#sample div.pic13 img { width:434px; height:580px; }
#sample div.pic14 img { width:434px; height:567px; }
#sample div.pic15 img { width:434px; height:412px; }
#sample div.pic16 img { width:434px; height:608px; }
#sample div.pic17 img { width:434px; height:588px; }

@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:434px;
   height:613px;
   border:2px solid #000000;
}


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

#jimusyoph {

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

#jimusyo {
   width:460px;
   margin-top:220px;
   padding:0;
}
#jimusyo div.con0 {
   float:left;
   width:80px; height:100px;
   padding:0;
   margin:0;
   text-align:right;
   font-weight: bold;
   font-size:16px;
}
#jimusyo div.con1a {
   float:left;
   width:350px; height:42px;
   padding:0;
   margin:0;
   font-size:16px;
}
#jimusyo div.con1b {
   float:left;
   width:350px; height:20px;
   padding:0;
   margin:0;
   font-size:16px;
}
#jimusyo div.con2 {
   float:left;
   width:80px; height:30px;
   padding:0;
   margin:0;
   text-align:right;
   font-weight: bold;
   font-size:16px;
}
#jimusyo div.con3 {
   float:left;
   width:300px; height:30px;
   padding:0;
   margin:0;
   font-size:16px;
}


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

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

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

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

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

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


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

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


/* ======================== */
#rireki {
   clear:both;
   width:460px;
   margin:20px 0 0 0;
   padding: 10px 2px 10px 2px;
}

#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: 5px 5px 30px 5px;
}
#title {
   clear:both;
   width:450px;
   margin:5px;
   padding:10px 5px 10px 5px;
   background:url("images/m-base.png") 0 -150px / 15px 1200px repeat-x;
}
#title div.titleCA1 {
}
#title div.titleCA2 {
}
#title div.p0 {
   margin:0;
   padding:0 0 0 10px;
   line-height:1;
   color:#000000;
   font-size:20px;
   font-weight:bold;
}

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


#title div.pr {
   margin:0;
   padding:10px 0px 10px 20px;
   color:#202010;
   line-height:1.4;
   font-size:25px;
   font-weight:bold;
   font-family: "ＭＳ Ｐ明朝", serif;
}
#contents-ca {
   clear:both;
   width:456px;
   margin:0 auto;
   padding: 10px 5px 0px 5px;
}
#contents-ca div.tit {
   margin:30px 0 10px 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:40px;
   letter-spacing:10px;
   font-family: "ＭＳ 明朝", serif;
   font-weight: bold;
   font-size:40px;
}
#contents-ca div.name2 {
   width:230px; height:40px;
   padding:20px 0 0 20px;
   font-size:20px;
   margin-left:180px;
   margin:40px 0 0 0px;
}
#contents-ca div.syasin {
   float:left;
   width:240px; height:200px;
   padding:10px 0px 10px 120px;
}
#contents-ca div.syasin img {
   width:200px;
}
#contents-ca div.ryakureki {
   float:left;
   width:460px; height:390px;
   font-size:18px;
   padding:0;
}
#contents-ca div.reki {
   float:left;
   width:460px;
   line-height:1.3;
   font-size:20px;
   padding:20px 0 20px 0px;
}

#contents-ca div.cer {
   width:450px;
   margin:5px 0 10px 5px;
   text-align: center;
   font-size:18px;
}
#contents-ca div.cer img {
   width:440px;
   border: 1px solid #404040;
}



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

#mlForm div.return {
   width:250px;
   margin:10px 0 30px 0;
   margin-left: auto;
   margin-right: auto;
   font-size:20px;
   font-weight: bold;
   text-align:center;
   background:#f0f0f0;
   border:1px solid #808080;
}
#mlForm div.comment {
   font-size:20px;
   font-weight: bold;
   text-align: center;
}

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

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