@charset "shift-jis";
/* CSS Document */




/*-clearance---------------------------*/
span.clr:before,span.clr:after { content: " "; display:table; }
span.clr:after { clear: both;}
.clr { display:block; width:1px; height:1px; clear:both; }
/*- layout base ---------------------------------------------------------*/
body { line-height:1.8; color:#535353; }
body#authebody { background:#187fc2; }
body a.tlinks:hover { background:url(/imgs/files/img/pattern_dotted02.png); }
a:hover{text-decoration: underline!important;}


/******************

header箇所

******************/


#page_header {
   display: block;
   border-bottom: 1px solid #A0A0A0;
    width:100%;
    height:110px;
    margin:5px auto 10px;
    font-size: 90%;
    background: #fff;
   }

#page_header p {
    font-size: 105%;
    font-weight: 100;
    margin: 100px auto 11px;
   }

#page_header #description {
     width:920px;
     margin: 0 auto;
     padding: 0;
    letter-spacing: 2px
    }

#page_header #description:after {
     content:'';
     display:block;
     clear:both;
    }

@media screen and (-webkit-min-device-pixel-ratio:0){
  #page_header { margin-top:27px; }
}


#member #page_header {
min-width:1000px;
     width:100%;
     height:55px;
     margin:5px auto 0;
     font-size: 90%;
    }

#nonmember #page_header {
min-width:1000px;
     width:100%;
     height:55px;
     margin:6px auto 0;
     font-size: 90%;
    }




/******************

パンくずリスト箇所

******************/

#member #page_header nav.pankz {
     font-size:95%;
     margin: 68px auto 8px;
     line-height: 60px;
    }

#nonmember #page_header nav.pankz {
     font-size:95%;
     margin: 93px auto 0;
     line-height: 60px;
    }

nav.pankz span:before {
     position:absolute;
     content:' > ';
     color: #a0a0a0;
     /*margin: auto 9px auto;*/
     height:20px;
     left:-21px;
     top:-21px!important;
    }

#page_header nav.pankz span {
     position:relative;
     font-size:90%;
     margin: 92px 0 8px 33px;
    }



#page_header p#descript { float:left; padding-left: 0; letter-spacing:1px; }
#page_header p#descript span { font-size:130%; margin-left:0.5em; }
@media screen and (-webkit-min-device-pixel-ratio:0){
  nav.pankz span:before { top:-4px; }
}

#page_header p#user_counter{ position:relative; text-align: right; padding-right:5px; width:300px; margin-right:none; top:1px; right:-278px; text-align:right; }





/********************

 header top

********************/

#mainnavi article.headtop {
     width:auto;
     height:25px;
     background:#187fc2;
     padding:0 1%;
     border-bottom:#0275BD 1px solid;
  box-shadow:1px 0 1px #0599e0;
  font-size:80%;
  color:#fff;
  overflow:hidden;
   }

#mainnavi article.headtop div.readbox {
     max-width:1200px;
     min-width:920px;
     margin:0 auto;
     line-height:28px;
    }

#mainnavi article.headtop h2 {
     float:left;
     width:45%;
     margin:0 auto;
     font-weight:normal;
     font-size:100%;
    }

#mainnavi article.headtop a {
     float:right;
     width:200px;
     height:auto;
     display:block;
     text-align:right;
     color:#fff;
    }

#mainnavi a:hover{text-decoration: none!important;}
/* Main menu */

#tophtml #mainnavi,
#nonmember #mainnavi {
  height:93px;
 }

/* mainmenu - member[layout] */

#mainnavi {
     position:fixed;
     font-size:16px;
     background-color:#0599e0;
     width:100%!important;
     top:0;
     height:68px;
     padding: 0;
     margin: 0;
     box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
     z-index:100;
     }


#mainnavi,#dropm {
   height:68px;
  }






/* links */
ul#dropm li.aplMm > a:hover,ul#dropm li.msgMm > a:hover,
ul#dropm li a[title$="G!!!"]:hover { background:none; border:none;  box-shadow:none; color:#fff; }
ul#dropm li a:active { color:#fff; }#mainnavi li a:visited { color:#fff; }
ul#dropm li a:link,#mainnavi li a:hover,#mainnavi li a:visited,#mainnavi li a:active { text-decoration:none; }


/************

logo箇所

************/

ul#dropm li#glogo {
  position:relative;
  z-index:500;
  background:transparent;
  top:0;
  width:120px;
 }

ul#dropm li#glogo:before { border-right:none;box-shadow:none; }
ul#dropm li#glogo img { text-decoration: none;  width: 48px; height:50px; position:absolute; bottom:10px; left:30px; }
ul#dropm li#glogo img:hover { animation: shake 0.2s linear infinite; -webkit-animation: shake 0.2s linear infinite; }
ul#dropm li#glogo span.inKanto { display:block;position:absolute; width:90px; height:17px; background:url(/imgs/files/icons/header_blof.png) no-repeat;
  opacity:0.9; left:74px; bottom:24px; z-index:500; }
ul#dropm { list-style-type: none; height:auto; margin:0 auto; padding: 0; font-size:94%; background:transparent;width:1200px; }


/************

グローバルメニュー

************/


ul#dropm li{
     position:relative;
     float:left;
     height:67px;
     color:#fff;
     margin:0;
     padding: 0;
     text-align:center;
     background:#0599e0;
     width:150px;
    }

nav.mn2 ul#dropm li:nth-child(n+2){
  width:170px;
}


ul#dropm li a { display: block; width:100%; height:100%; margin:0; line-height:68px; }
ul#dropm li a:hover{ background:#38bbeb;-webkit-transition:background 0.5s ease-out;
  -moz-transition:background 0.5s ease-out; transition:background 0.5s ease-out;  }
ul#dropm li ul li:hover { background:#38bbeb; -webkit-transition:background 1.2s ease; -moz-transition:background 1.2s ease; transition:background 1.2s ease; }
ul#dropm li ul { list-style: none;  position: absolute;  top:100%;  width:100%; left: 0;  margin: 0;  padding: 0;  background:transparent; }
ul#dropm li ul li{ overflow:hidden;width:100%;height:0;
-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s;background:#0599e0; }
ul#dropm li ul li:hover { background:#38bbeb; }
ul#dropm li ul li a{ text-align: center;  font-weight: normal;   height:0; }
ul#dropm li:hover ul li { overflow: visible; position:relative; height: 68px; left:0; right:0; }
ul#dropm li:hover ul li > a { display:block;  background:transparent;  height:100%; }
ul#dropm > li:before { content:'';display:block;position:absolute; width:3px; height:40%; top:29%; right:0;
  border-right:#187fc2 1px solid;box-shadow: 1px 0 0 #05b0ff;   z-index:101;  }
ul#dropm > li > ul > li:last-child a:before{ content:''; display:none; }



.fancybox-lock .fancybox-overlay {
    overflow: auto;
}




  .fancybox-margin .headAside {  right:8px; }
@media screen and (max-width: 1900px) {

.fancybox-margin .headAside { right:9px; }

}
@media screen and (max-width: 1800px) {
  .fancybox-margin .headAside {  right:8px; }
  .fancybox-margin ul#dropm {   } .fancybox-margin ul#dropm li{ }
}
@media screen and (max-width: 1430px) {
  .fancybox-margin .headAside {  right:9px; }
}
@media screen and (max-width: 1200px) {
  .fancybox-margin .headAside {  left:0; }
}




/************************

 ログイン前：eyecache箇所

************************/

#eyecach div.eyeimg01 { margin: 0 auto;}

#eyecache_body {
      clear: both;
      min-width:100%;
      height:auto;
      position:relative;
      margin:0 auto 55px;
      } /* ◇◇margin No.3 */

#eyecache_body:after {
     content:'';
     display:block;
     clear:both;
    }

#eyecache_body #eyecache {
     margin: 0 auto;
     width:925px;
     height:520px;
     border-bottom: #a0a0a0 1px dotted;

    }/* ◇◇margin No.2 */


#eyecache_body img {
     display:inline-block;
    }

#eyecache_body img.ecimg-c{
  padding: 0;
  background: #fff;
}

body#tophtml{
     background:url(/imgs/files/img/line-dotted.png)no-repeat center 671px #F7F7F7;
     min-width: 100%;
     }


/**********************

 container全般

 **********************/

#container {
     width:920px;
     padding-top: 10px;
     margin: 20px auto 0;
     } /* main body width */

#container:after {
     content:'';
     display:block;
     clear:both;
     visibility: hidden;
     height:1%;
    }


/**********************

 footer 箇所

 **********************/

#main_footer {
  min-width:100%;
  height: auto;
  text-align:center;
  clear:both;
  background-color:#0599e0;
  font-size: 78%;
  border-top:#dcdcdc 1px solid;
  margin:39px 0 0 0;
  padding: 0;
}/* ◇◇margin No.4 */

h2.successh {
   display:block;
   position:absolute;
   width:280px;
   height:72px;
   background:url(/imgs/files/img/successh.png) no-repeat;
   top:-37px;
   left:-24px;
  }

h2.successh span {
  display:none;
  font-size:1px;
  color:#fff;
 } /* w3c-html */


#main_footer div.foodMembList {
     position:relative;
     width:920px;
     margin:0 auto;
     padding:56px 0 49px;
    }
/* ◇◇margin No.5, 6(padding top,bottom) */


/* nav */
#main_footer nav {
   width:auto; background:#187fc2; box-shadow: 0 -1px 0px #425786; border-top:#0599e0 1px solid; }
#main_footer nav ul {  margin:0 auto; padding-top:31px; text-align:center;  }
#main_footer nav ul li {  display:inline-block;  margin:9px 0; padding: 0 8px;  border-right: #425786 1px solid; text-shadow:none; }
#main_footer nav ul li:last-child { border-right:none; }
#main_footer nav ul li a { vertical-align:top; }
/* comp */
#main_footer #comp { clear:both; width:100%; height: 50px; margin: 10px auto 0; padding: 10px 0; color:#fff; }
#main_footer #comp p { width:auto; margin: 0 auto; display:block; padding: 8px 0 0; line-height:1.6; text-shadow:none; }



@media screen and (-webkit-min-device-pixel-ratio:0){
  #main_footer div.foodMembList { padding:56px 0 50px; }
}

@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}



/*- #main_footer
----------------------------*/

#main_footer div.foodMembList ul {
    width:auto;
    overflow:hidden;
    margin-left:-4px;
   }

/*#main_footer div.foodMembList ul:after { content:''; display:inline-block; width:100%; height:0; }*/

#main_footer div.foodMembList ul li {
     display:inline-block;
     padding:4px 5px;
     margin-bottom:0;
    }

#main_footer div.foodMembList ul li img {
    width:64px;
    height:auto;
    padding:2px;
    border:#187fc2 1px solid;
    background:#fff;
   }

#main_footer div.foodMembList div.fMoreExp {
    position:absolute;
    bottom:20px;
    right:0;
    width:202px;
  background:url(/imgs/files/icons/arrow_fmoreexp.png) no-repeat left 5px;
  text-align:right;
   }

#main_footer div.foodMembList div.fMoreExp a {
    font-size:115%;
   }


/*- #main_footer2  for menber  ----------------------------*/
#main_footer2 { min-width:1000px; width:100%; text-align:center; clear:both; background-color:#0599e0; font-size: 78%; border-top:#dcdcdc 1px solid; margin-top:39px; }/* ◇◇margin No.4 */

/* comp */
#main_footer2 nav.compc { background:#187fc2; clear:both; width:auto; }
#main_footer2 #comp { clear:both; width:100%; height: 18px; margin: 0 auto 0; padding:10px 0; color:#fff; box-shadow: 0 -1px 0px #425786; border-top:#0599e0 1px solid;  }
#main_footer2 #comp p { width:920px; margin: 0 auto; display:block; text-align:left; padding-top:5px; line-height:0.6; text-shadow:none; }

#main_footer2 nav.menberLink {  position:relative; width:920px; margin: 0 auto; overflow:hidden; padding:60px 0 61px;}  /* ◇◇margin No.5, 6(padding top,bottom) */
#main_footer2 nav.menberLink ul { position:relative; display:block; float:left; width:148px; height:184px;/*height:214px;*/ text-align:left; vertical-align:top;
   padding-left:48px; padding-right:0;margin-bottom:0;  border-right:#187fc2 1px solid; box-shadow: 1px 0 0 #05b0ff; }
#main_footer2 nav.menberLink ul p { color:#fff; font-weight:bold; font-size:105%; padding-left:3px; margin-bottom:12px; }
#main_footer2 nav.menberLink ul:first-child { padding-left:0; padding-right:28px; }
#main_footer2 nav.menberLink ul:last-child  { border-right:none; box-shadow:none; width:96px; }
#main_footer2 nav.menberLink ul.logout { width:120px; border-right:none; } #main_footer2 nav.menberLink ul li.homes { position:absolute; top:-54px; }
#main_footer2 nav.menberLink ul li { padding:4px; margin:0; margin-right:0;  }
#main_footer2 nav.menberLink:after { content:''; display:block; clear:both; }

@media screen and (-webkit-min-device-pixel-ratio:0){
  #main_footer2 nav.menberLink { padding:56px 0 50px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}



/*- 【Public Code】
------------------------------------- */

/**********************

 左カラム

 **********************/

#befleft_sidebar,
#left_sidebar {
     width:220px;
     height:auto;
     padding:0;
     float:left;
     font-size:16px;
    }



#left_sidebar div#point,
#left_sidebar div#uploader,
#left_sidebar div#newmenber { border:#a0a0a0 1px solid; display:block; margin: 0 auto 20px; }
#left_sidebar img { border:#e5e5e5 0px solid; display:block; margin: 0 auto 20px; }
#befleft_sidebar img { border:#e5e5e5 0px solid; display:block; margin: 0 auto 20px; }


/*- right_content ----------------------------*/
/* right base */
#content { width:670px; margin: 0 auto; float:right; position:relative; margin:0; margin-bottom:20px;  /* 90% 固定*/}
#member #content { font-size:90%; /* 90% 固定*/}
#nonmember #content { font-size:90%; }



/* main border,bg */
/* BASE box */
div.box,
div.box2 { position:relative;  background:#fff; border: #a0a0a0 1px solid;  padding:25px 30px 30px; margin:0 auto; background:#fff; }
div.box:after,
div.box2:after { content:''; display:block; clear:both; *zoom:1%; }
.box > p { margin: 0 auto 22px; }


/* BASE box top.html */
/* top */
.topbox { position:relative; padding:4px; margin:0 auto; background:#fff; border: #a0a0a0 1px solid; }
.topbox h1.search_h { display:block; background:url(/imgs/files/img/indh201.png) no-repeat center; width:auto;  height:21px; margin-top:10px; margin-bottom:-30px; }
.topbox:after { content:''; display:block; clear:both; *zoom:1%; }
.searcbox { position:relative;  background:#fff; border: #a0a0a0 1px solid;  padding:15px 05px 4px; margin:0 auto;}
.searcbox #search{ font-size:95%; }
.searcbox:after { content:''; display:block; clear:both; *zoom:1%; }
.searcbox h1.searchhtml_h { display:block; padding: 8px 0 0 25px; color:#f854a5; font-weight:bold; font-size: 135%; width:auto; letter-spacing:0.12em;  margin:0 0 17px; }
.searcbox h2.searchhtml_h { display:block; padding: 8px 0 0 25px; color:#f854a5; font-weight:bold; font-size: 135%; width:auto; letter-spacing:0.12em;  margin:0 0 17px; }
.searcbox p.sttext { display:block; width:auto; padding: 0 25px; margin:0;  margin-top:5px; margin-bottom:-31px;   }


/* H1 */
h1,h2 { letter-spacing:0.12em; margin-right:-0.12em;}
.box h1 { display:block; padding:0; color:#f854a5; font-weight:bold; font-size:135%; width:auto; margin-left:-1px; margin-bottom:15px; }
/* H2 */
.box h2 { display:block; padding:0; color:#f854a5; font-weight:bold; font-size:135%; width:auto; margin-left:-1px; margin-bottom:18px; }
/* p */
p.shtext { display:block; padding-bottom:13px; margin-bottom:14px;  border-bottom:#dcdcdc 1px dotted; }
p.bntext { display:block; margin-bottom:8px; }
p.sntext { display:block; margin-bottom:12px; }



/* menberlist list */
.menberlist { clear:both; }
ul.mlbox li { margin-bottom:30px; }
ul.mlbox li:last-child { margin-bottom:0; }
ul.msbox li { margin-bottom:20px; }



/* H - searchbox */
h1.menber_h { padding:0 8px 0 0; margin-top:-2px; } /*見出し*/
h1.menber_h { padding:0 8px 0 0; } /*見出し*/
@media screen and (-webkit-min-device-pixel-ratio:0){
  h1.menber_h { padding:0 8px 0 0; margin-top:-3px; }
  p.shtext { margin-top:16px; margin-bottom:15px; } /* textbox */
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}



#movieprehtml h2 { display:block; font-size:135%; width:auto; margin:10px auto; text-align:center; color:#0599e0; margin-bottom:18px; padding:0; }
#events h1 { display:block;  margin-bottom:18px; padding: 8px 0 0 10px; color:#0599e0; font-weight:bold; font-size:135%; width:auto; }
.policy h1 { padding:0; border-left:none; width:100%;   }
#askhtml h1 { font-size:135%; margin:0 19px 0; color:#0599e0; display:block; margin-bottom:18px; padding: 0 0 0 8px; width:auto; }
#movieprehtml h1 { font-size:135%; width:100%; margin:10px auto; text-align:center; color:#0599e0;display:block;
  margin-bottom:18px; padding: 0;width:auto; }



/* menbersobox -------------------------------*/
.msglist2 { clear:both; position:relative; padding:20px 0 0; margin:0; }
div.menbersbox ul,div.msglist ul,div.menberlist ul { list-style :none; }
div.menbersbox li { float:left; padding:0; margin: 2px;  }
div.menbersbox div.thumbnail { margin-left:10px;  outline:#dcdcdc 1px solid; }



/**********************

 ユーザーリスト箇所

 **********************/

.thumbnail ul.mlbox  {
     margin-top:20px;
     margin-right:-25px;
    }

.thumbnail ul.mlbox li {
    position:relative;
    display:inline-block;
    width:130px;
    height:130px;
    margin-right:20px;
  margin-bottom:29px;
  text-align:center;
  vertical-align:middle;
   }

.thumbnail ul.mlbox li img{ width:auto; height:auto; }
.thumbnail ul.mlbox li:nth-child(4n+1) {  margin-right:24px; }.thumbnail ul.mlbox li:nth-child(4n+2) {  margin-right:25px; }
.thumbnail ul.mlbox li:nth-child(4n+3) {  margin-right:24px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
  .thumbnail ul.mlbox li:nth-child(4n+1) {  margin-right:25px; }.thumbnail ul.mlbox li:nth-child(4n+2) {  margin-right:25px; }
  .thumbnail ul.mlbox li:nth-child(4n+3) {  margin-right:25px; }.thumbnail ul.mlbox  {  margin-right:-25px;  }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {

  .thumbnail ul.mlbox li:nth-child(4n+1) {  margin-right:25px; }.thumbnail ul.mlbox li:nth-child(4n+2) {  margin-right:25px; }
  .thumbnail ul.mlbox li:nth-child(4n+3) {  margin-right:24px; }.thumbnail ul.mlbox  {  margin-right:-27px;  }
}


/* policy etc ------------------------------------- */
.policy { margin-bottom:-7px; }
.box.policy  p:last-child { margin-bottom:-7px; }
.policy h3 { display:block;  margin-bottom:9px; padding: 0; color:#535353; font-weight:100; font-size:100%; width:99%; }
.policy p { margin: 0 auto 14px; padding:0 0 14px; border-bottom:#a0a0a0 1px dotted; text-shadow:none;           font-size: 90%; }
.policy p:last-child { border-bottom:none; margin-bottom:0;  padding-bottom:0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
  .policy h3 { margin-bottom:8px; } .policy p { margin-bottom:15px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}



/* サイト説明  ------------------------------------- */
img.graf { text-align:right; }
p#step01,p#step02,p#step03 { display:block; margin: 5px 0 0; width:auto; height:104px;  padding: 30px 0 0 119px; line-height:1.5; }
p#step01 { background:url(/imgs/files/img/info_step01.png) no-repeat 0 0; margin-top:30px; }
p#step02 { background:url(/imgs/files/img/info_step02.png) no-repeat 0 0; }
p#step03 { background:url(/imgs/files/img/info_step03.png) no-repeat 0 0; margin-bottom:0; }


/**********************

 ログイン前：エントリーボタン

 **********************/

p#entry_btn {
     display:block;
     position:relative;
     margin:0px 0 0px;
    }

p#entry_btn a span {
     position:relative;
     left:129px;
     line-height: 50px;
    }

p#entry_btn a:hover{
  text-decoration: none!important;
}

p.afterline { position:relative; }
p.afterline:after { content:''; display:block; position:relative; width:100%; height:1px; border-bottom:#dcdcdc 1px dotted;
  padding-bottom:12px;  margin-bottom:-9px; }

p.afterline:nth-child(1):after { }
.infohtml h2 { margin-bottom:5px; }
.infohtml h2.infh2m {  }



/* pie */
.infografs { position:relative; font-size:100%; height:290px; background:url(/imgs/files/img/info_imagebg.png)no-repeat right top;
   margin:0; padding:0; border-bottom:#dcdcdc 1px dotted; margin-bottom:12px; padding-bottom:9px; margin-top:-20px; }
.infografs aside#grafArea { float:right; position:relative; width:260px; height:260px; overflow:hidden;  right:19px;   }
.infografs canvas { position:relative;  z-index:0; }
.infografs p { position:absolute; display:block; background:#fff; border-radius:50%;opacity:1.0;width:90px;height:90px; z-index:1;
  top:85px; left:85px; /* opacity:0.9;*/ }


/**********************

 ログイン前：インフォグラフィック箇所

 **********************/

.infografs p span.menbs{
     position:absolute;
     top:23px;
     left:9px;
     font-size:15px;
    }

.infografs p span.cust{
     position:absolute;
     top:42px;
     left:10px;
     font-size:17px;
     letter-spacing:-0.02em !important;
    }


/*.infografs p span.cust{ position:absolute; top:42px; left:7px; font-size:18px;letter-spacing:-0.04em;font-weight:bold; color:#f854a5; }*/
.infografs p.graf_bg{ position:absolute; width:100%;height:100%;background:url(/imgs/files/img/infotex.png) no-repeat center;
  top:0;left:1px; }
.infografs span.piedata1{ position:absolute; color:#fff; font-weight:bold; font-size:32px; z-index:1;  bottom:20px; right:81px;/*right:58px;*/ }
.infografs span.piedata2{ position:absolute; color:#fff; /*font-weight:bold;*/ font-size:22px; z-index:1; top:100px; left:16px; }
.infografs span.sitedatas{ position:absolute; bottom:14px; right:2px; z-index:1; color:#a0a0a0; font-size:12px; }
.infografs span.piedata1:after{ /*content:'ff05';*/ display:block; position:absolute; font-size:25px; right:-25px; bottom:5px; z-index:1;}
.infografs span.piedata2:after{ /*content:'ff05';*/ display:block; position:absolute; font-size:19px; right:-20px; bottom:2px; z-index:1;}
@media screen and (-webkit-min-device-pixel-ratio:0){
  .infografs span.piedata1{ font-size:35px; }
  .infografs span.piedata1:after{ bottom:5px; }
  .infografs span.piedata2:after{ right:-20px; bottom:1px; }
  .infografs p span.menbs{ top:22px; left:7px;  }
  .infografs p span.cust{  top:42px; left:8px; font-size:17px;letter-spacing:0.13em;  }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  .infografs span.piedata1{  bottom:20px; right:78px; }
  .infografs span.piedata1:after{ bottom:5px; }
  .infografs span.piedata2:after{ right:-20px; bottom:2px; }
}





/* 代表挨拶  ------------------------------------- */
p.snptext { display:block; padding-bottom:13px; margin-bottom:5px; padding-bottom:95px;
  background:url(/imgs/files/img/president.png),url(/imgs/files/img/presidentname.gif);
  background-repeat: no-repeat,no-repeat;
  background-position: 275px bottom, -1px bottom; } /* president */
#president h2 { margin-top:45px; }
@media screen and (-webkit-min-device-pixel-ratio:0){
  p.snptext { padding-bottom:94px;} #president h2 { margin-top:44px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}



/*よくある質問  ------------------------------------- */
/*#faq article.faq_bg　span.lines { display:block; border-bottom:#a0a0a0 1px dotted; margin: 30px auto; width:90%; height:1px; }*/


/* 無料体験  ------------------------------------- */
/*illusts*/
#expla2 { display:block; margin:0; background:url(/imgs/files/img/twin_arrow.png) no-repeat 47% 47%; }
#expla2 p:nth-child(1) {  margin:0 12px 0 0; }#expla2 p:nth-child(2) {  margin:0 12px; }#expla2 p:nth-child(3) {  margin:0 0 0 12px; }
#expla2 p { position:relative; display:inline-block; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; /* margin:0 12px; */ }
#expla2 p span { display:inherit; position:absolute; background:#0599e0; bottom:-0.01em;
  line-height: 1.4; margin: 0; padding:3px 1px; color:#ffffff; width:100%; height:44px; text-align:justify; ;  }
#expla2 p .regiexplt { font-size:100%; height:70px; line-height:1.3; }
#expla2 p span.il01 { font-size:100%; font-weight:100; line-height:2.8; margin-bottom:-2px; letter-spacing:-0.042em;  text-align:center; }
#expla2 img { display:block; padding:8px 34px 58px; border: #0599e0 2px solid; width: 100px;   box-shadow:1px; 1px 2px #a0a0a0;
  border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; }
#expla2 img.regiimg { padding:8px 34px 80px; }
#expla2 .registbtn { width:80%; }
#expla2 .inputbox:first-child { margin-top:-20px; }




/* left_sidebar flow */

div#befleft_sidebar header.enflow {
      box-sizing: border-box;
      border:#a0a0a0 1px solid;
      margin-bottom:20px;
      font-size:75%;
      width:auto;
      background: #fff;
     }



div#befleft_sidebar h2 { background:url(/imgs/files/img/regiflow_h.png) no-repeat center top #0599e0; height:37px; width:auto;
  box-sizing: border-box; border:#fff 2px solid; }
div#befleft_sidebar header.enflow img { margin:5px auto 5px; box-shadow:none; border:none; }
div#befleft_sidebar header.enflow p { position:relative; padding:10px 5px 10px 0; margin-left:11px; letter-spacing:-0.02em; }
div#befleft_sidebar header.enflow p strong { font-size:120%; color:#0599e0;}
div#befleft_sidebar header.enflow p span.regiexpl { display:block; margin-top:4px; line-height:1.7; }
div#befleft_sidebar header.enflow p:after { content:'';  position:absolute;
   background:url(/imgs/files/img/arrow002.png) no-repeat center; width:80%; height:20px; left:16px; }
div#befleft_sidebar header.enflow p:last-child:after { background:none; }


/* register */
form#config.regist { width:auto; margin-top:-26px }
#config.regist .inputbox,
#config.regist .middlebox { position:relative; height:27px; width:auto; margin-left:100px; }
#config.regist .registbtn { height:27px; width:auto; padding-left:4px; }
#config.regist .registbtn:after { content:''; display:block; position:relative; width:auto; height:1px; margin-bottom:50px; }
#config.regist .registbtn input[type="submit"]{  margin-left:105px; }
#config.regist .inputbox span,
#config.regist .middlebox span,
#config.regist .registbtn span { position:absolute; height:auto; line-height:20px; top:15px; }
#config.regist .inputbox select,
#config.regist .middlebox select { position:absolute; height:29px; left: 105px; width:160px; }
#config.regist .inputbox input[type="text"],
#config.regist .middlebox input[type="text"],
#config.regist .middlebox input[type="email"],
#config.regist .middlebox input[type="password"] { position:absolute; height:25px; top:10px; left:105px; width:150px; padding-left: 7px;}
#config.regist .middlebox select.areas { width:300px; }
#config.regist .middlebox input[type="email"] { width:296px; }
#config.regist .registbtn p.text2 { line-height:1.4; margin:20px auto; font-size:85%; text-align:center; }
#config.regist { padding-bottom: 0px; }
#config.regist:after { }
optgroup {line-height: 13em;}


/*remider**********10/29追記*/

.reminder form{
  text-align: center!important;
}

.reminder form input{
 margin: 15px auto;
}

.reminder form input:first-child{
  width: 310px;
  padding: 5px;
}

.reminder form input:last-child{
  width: 320px;
  margin: 0 auto!important;
  text-align: center!important;
}


/* config */
#config.conf { width:auto; margin-top:-5px;}

#config.conf:after { content:''; display:block;position:relative;width:100%; height:1px;height:78px;margin-bottom:-23px; }

#config.conf .inputbox,
#config.conf .middlebox { position:relative; height:27px; width:auto;       margin-left:49px; }
#config.conf .txareabox { position:relative; width:auto; margin-left:49px;}
#config.conf .txareabox #commcon{height: 8em; margin-bottom:15px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  #config.conf .txareabox { height:27px;  width:auto; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  #config.conf .txareabox { margin-top:15px!important; }
}

#config.conf .submits   { position:relative; height:70px; width:auto; margin-left:49px;}
/*#config.conf .submits:after{ content:''; display:block; position:absolute; width:100%; height:1px; border-bottom:#a0a0a0 1px solid; bottom:-33px; }*/
#config.conf .registbtn { position:relative; height:27px; width:auto; padding-left:4px; }
/*#config.conf .registbtn:after { content:''; display:block; position:relative; width:auto; height:1px; margin-bottom:50px; }*/
#config.conf .registbtn input[type="submit"]{  margin-left:105px; }
#config.conf .inputbox span,#config.conf .middlebox span,
#config.conf .registbtn span,#config.conf .txareabox span { position:absolute; height:20px; line-height:20px; top:15px; }
#config.conf .inputbox select,#config.conf .middlebox select { position:absolute; height:29px; left: 105px; width:190px; }
#config.conf .inputbox input[type="text"],
#config.conf .middlebox input[type="text"],
#config.conf .middlebox input[type="email"],
#config.conf .middlebox input[type="password"]  { position:absolute; height:25px; top:10px; left:105px; width:180px; padding-left: 7px;}
#config.conf .txareabox textarea { position:relative; height:25px; top:0; left:100px; width:376px; margin-bottom:-3px; font-size:100%; padding: 7px;}
#config.conf .submits input[type="submit"]    { position:absolute; top:12px; left:105px; }
#config.conf .middlebox select.areas      { width:300px; }
#config.conf .middlebox input[type="email"]   { width:296px; }


option{font-size: 14px;}
optgroup {margin: 10px 0; font-style: normal;}
optgroup option{font-size:15px; padding: 3px 20px;}

/* config_sendm */
#config_send.conf { display:block; width:auto; height:auto; }
#config_send.conf:after { content:''; display:block; position:relative; width:100%; height:0;  }
#config_send.conf .middlebox { position:relative; height:27px;  width:auto;         margin-left:49px;}
#config_send.conf .middlebox span { position:absolute; height:20px; line-height:20px; top:15px; }
#config_send.conf .middlebox input[type="text"],
#config_send.conf .middlebox input[type="email"]  { position:absolute; height:25px; top:10px; left:105px; width:230px; }
#config_send.conf .middlebox input[type="submit"]{ position:absolute; height:29px; top:10px; left:355px; border:#187fc2 1px solid; }
.box.config p.text { display:block; position:relative;  }
.box.config p.text:nth-child(2) { display:block; margin-top:-31px; margin-bottom:22px;  width:100%; }
.box.config p.text:nth-child(2):after { content:''; position:relative; display:block; }
.box.config p.text:nth-child(2):before { content:''; position:relative; display:block; border-bottom:#a0a0a0 1px solid;top:-16px;}
.box.config p.text:nth-child(4){ margin-top:27px; width:100%; margin-bottom:-8px; }
.box.config p.text:nth-child(4):before { content:''; position:relative; display:block; border-bottom:#a0a0a0 1px dotted;
  top:-15px; }


/* config-parts */
#config.conf span.countccon { position:absolute; right:16px; top:16px; text-align:right; }
#config.conf p.text { display:block; }
.config p.line { border-bottom:#000 1px dotted; ; }
.config p.line,.config .text {  display:block; width:95%; margin:20px auto 20px 0; }
.config .texts { display:block; width:90%; margin:40px auto 40px 0; }

textarea.#windowBody #voice_w { margin-right:3px; font-size:112%; }
@media screen and (-webkit-min-device-pixel-ratio:0){
  .box.config p.text:nth-child(2) {  margin-top:-30px; margin-bottom:22px; }
  .box.config p.text:nth-child(4){ margin-top:27px; }
  .box.config p.text:nth-child(4):before { top:-15px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  .box.config p.text:nth-child(4){ margin-top:27px; }
  .box.config p.text:nth-child(4):before { top:-15px; }
}


/*touroku submit*/
#config.regist .registbtn + input { width:401px; height:50px; font-size:148%; line-height:2.1; margin: 10px auto 0;}
#config.regist .registbtn + input{
     display:block;
     cursor:pointer!important;
     border:#0599E0 1px solid;
   color:#fff;
   text-align:center;
   background:/*url(/imgs/files/img/mail_icon.png) no-repeat 10px center*/ #0599e0;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   letter-spacing: 0.08em;
  }

#config .registinputbox{
      margin-left: 100px;
    letter-spacing: 0px!important;
    width: 200px;
}
#config.regist .middlebox .mailbox{
 width: 250px!important;
}

.hontouroku_mail{
  position: absolute;
    height: 25px;
    top: 10px;
    left: 105px;
    width: 150px;
    padding-left: 0px;
}


/* illusts */
.vpreca #expla,.security #expla,.conveni #expla,.credit #expla,
.payeasy #expla,.banka #expla,.bitcash #expla,.gmoney #expla,.ccheck #expla
 { background:url(/imgs/files/img/twin_arrowl.png) no-repeat 50% 62px; margin-right:-10px; overflow:hidden;
  border-bottom:#a0a0a0 1px dotted; padding-bottom:22px; }
.banka #expla;after {  content:''; display:block; width:100%; height:1px;     }
#expla p { display:inline-block; margin-right:26px; position:relative; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;  }
#expla p:last-child{ margin-right:-15px; }
#expla p span { display:inherit; position:absolute; background:#0599e0; bottom:-0.01em; line-height:1.4;
  margin:0; padding:3px 1px; color:#ffffff; width:100%; height:44px;}
#expla p .regiexplt { font-size:100%; height:70px; line-height:1.3; }
#expla p span.il01 { display:block; font-size:100%; font-weight:100; line-height:2.8; margin-bottom:-2px; letter-spacing:-0.042em;  text-align:center; }
#expla img { display:block; padding:12px 40px 58px; border: #0599e0 1px solid; box-shadow:1px; 1px 2px #a0a0a0; }
#expla img.regiimg { padding:8px 34px 80px; }

div.registerhtml span { font-size:78%; }
div.registerhtml { margin:-20px 0 -15px; }

/* 無料体験　登録完了  ------------------------------------- */
article.register3 { text-align:center; }
article.register3 .menber_h { border:none; }


/* 会員検索 */
.topbox #search { display:block; /*width:596px; */ width:618px; margin-left:26px; marign-top:; }
form#search { display:block; /*width:596px; */ width:618px; margin-left:26px; marign-top:; }
#search:after { content: ''; display: block; clear: both; zoom: 1; }
/*見出し*/
h1.search_h { display:block; background:url(/imgs/files/img/indh201.png) no-repeat center; width:auto;  height:22px; margin-top:10px; margin-bottom:-30px; }

#search div.search_btn { display:block; padding:26px 0 26px 15px; height:40px; }
#search div.search_btn;after { content:''; display:block; clear:both;  }
#search div.search_btn p { display:block; position:relative; width:165px; min-height:58px; float:left;
  margin-left:-4px; margin-left:-2px9; margin-top:0; padding:5px 0 3px 8px; /*background:#f7f7f7;*/ letter-spacing:0.1em; line-height:1.4; font-size:100%; font-size:95%9; margin-right:0; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px; }
article.search:after { content:''; display:block; clear:both; }
#search div.search_btn p.stcb { font-size:98%; line-height:1.5; padding-top:1px; margin-top:-2px; }
#search div.search_btn p.stcb .ts_bold { display:inline-block; font-size:170%; color:#f854a5; letter-spacing:0; }
#search div.search_btn p.stcb .ts_boldsub { position:absolute; right:26px; top:28px; display:block; margin-left:2px; letter-spacing:-0.04em; width:60px;}
#search div.search_btn input[type="submit"] { margin-left:55px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {}

.topbox #search input[name=age],
.topbox #search input[name=age_max]{
  width: 100px;
}
.topbox #search input[name=age]{
  margin-right: 10px;
}
.topbox #search input[name=age_max]{
  margin-left: 10px;
}

.search_display_btn,.search_display_btn:hover{
  color: #fff!important;
  text-decoration: none!important;
  display: inline-block!important;
  border-radius: 0!important;
  margin-left: 200px;
}



/*prof favoriets.html *//* mylist-フォーム */
/* dynamic box */
.dynaBox { display:none; position:relative; height:auto; padding-bottom:20px; overflow:hidden; z-index:3; } /* myList form display */
.dynaBox:after{ content:''; display:block; clear:both; }

/* details myList Type Profile  Box **--------*/
.menberlist div.listbox { display:block;clear:both; position:relative;width:auto;height:auto;border:#a0a0a0 1px solid;padding:20px;padding-bottom:11px;margin-bottom:0; }
.menberlist img[src*="PictPut"] { float:left; border:#a0a0a0  1px solid;  padding:5px; width:118px; height:118px;}





/*profile **---------------------------------10/29編集**/
aside.detalis_box,
aside.detalis_box_2{
  position:absolute;
  width:261px;
  font-size:90%;
  left:162px;
  top:20px;
   }

aside.detalis_box_2{
  width:425px;
}

aside.detalis_box:after,
aside.detalis_box_2:after {
  content:'';
  display:block;
  clear:both;
   }


/**基本情報**/
aside.detalis_box .prf_name:after,
aside.detalis_box_2 .prf_name:after{
  clear:both;
  content:"";
  display:block;
}

aside.detalis_box .prf_name div,
aside.detalis_box_2 .prf_name div{
  display: inline-block;
  float:left;
  font-size: 15px;
  margin-bottom: 7px;
}

aside.detalis_box .prf_name div:first-child,
aside.detalis_box_2 .prf_name div:first-child{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  max-width:75%;
  margin-right: 5px;
}

aside.detalis_box section,
aside.detalis_box_2 section{
  width:100%;
}

aside.detalis_box section:after,
aside.detalis_box_2 section:after{
  content:"";
  clear:both;
  display:block;
}

aside.detalis_box section div,
aside.detalis_box_2 section div{
  width: 48%;
}

aside.detalis_box section div:first-child,
aside.detalis_box_2 section div:first-child{
  float:left;
}

aside.detalis_box section div:last-child,
aside.detalis_box_2 section div:last-child{
  float: right;
}

aside.detalis_box p,
aside.detalis_box_2 p{
  display:block;
  width:auto;
  height:30px;
  margin:1px;
  padding-left:1px;
  border-bottom:#a0a0a0 1px dotted;
  line-height:2.3;
  color:#949494;
   }

aside.detalis_box p span,
aside.detalis_box_2 p span {
  font-weight:normal;
  color:#535353;
  padding-left:0.5em;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
   }




.menberlist .action_btns { position:absolute; width:150px; height:auto; right:20px; top:15px;}
.menberlist .action_btns p { display:block; margin-bottom:12px; }
.menberlist .action_btns_me { float:right; width: 150px; height:auto; margin-bottom: 0; }
.menberlist .detalis_comments { clear:both; width:369; height:13px; padding-top: 0;
  background:url(/imgs/files/img/blowoff_detalis.png) no-repeat left top; z-index:5; }
.menberlist div.listbox .coments { width:349px; min-height: 120; margin-top: -1px; margin-left: -1px;
  border-bottom: #666 1px solid;border-left: #666 1px solid;border-right: #666 1px solid; padding:10px;  }


/* comment list */
div.bfcomment { position:absolute; clear:both; font-size:90%; height:auto; width:100%; top:20px; left:0;
  border-radius:2px;position:relative; border:1px solid #a0a0a0; text-align:left; margin-bottom:30px;  }
div.bfcomment:after { content:""; border:10px solid transparent; border-bottom-color:#a0a0a0;border-top-width:0; left:54px;top:-10px;
  display:block; position:absolute; width:0; height:0; z-index:19; }
div.bfcomment:before {  content:""; border:10px solid transparent; border-bottom-color:#fff;border-top-width:0; left:54px;top:-9px;
  display:block; position:absolute; width:0; height:0; z-index:20; }
div.bfcomment p {  display:block; padding: 0; margin:10px; line-height:1.5; }




/* form */
form.profFrom { width:100%; }
form.profFrom aside.bottons { display:block; position:relative; width:100%;; height:auto; margin-top:10px; }
form.profFrom buttons_s { position:relative; display:block; bottom:20px; cursor:pointer; }
form.profFrom:after { content:''; display:block; height:0; margin-bottom:10px; }          /* 各プロフィール form下のマージン */
form.profFrom aside { padding:0; margin:0; }
form.profFrom aside.textboxf { color:#f00; font-size:85%; width:auto; height:80px; /* margin-bottom:-47px; */ margin-bottom:-22px;
   padding-top:100px; padding-bottom:0;  background:url(/imgs/files/img/arrow_r.png) no-repeat center 14px; }
form.profFrom p.undline { border-top:#a0a0a0 1px dotted; margin-bottom:-5px; }


/**10/29修正**/

aside.bottons div.contpanel {
  position:absolute;
  top:0;
  width:170px;
  right:0;
  top:0;
  }

aside.bottons div.contpanel p {
  position:relative;
  margin:0;
  padding:0;
  height:50px;
  width:auto;
  cursor: pointer;
  background: #E8E8E8;
  border-radius: 3px;
　}

form.profFrom label.file_mask,
aside.bottons div.contpanel select { height:40px; font-size:80%; padding-left:0;width:auto; letter-spacing:0; cursor: pointer;position:absolute; bottom:0; width:150px; }
aside.bottons div.contpanel option { padding:5px 0 5px 10px; width:auto; letter-spacing:0; }

form.profFrom input[type="file"] {
  position:absolute;
  width:auto;
  height:30px;
  display:block;
  left:0;
  top:0;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  cursor:pointer!important;
   }

form.profFrom label.file_mask:after {
  content:'';
  position: absolute;
  width:28px;
  height:21px;
  top:0;
  left:-25px;
  background:url(/imgs/files/icons/camera.png) no-repeat 0 2px;
  padding:2px 0;
  }

form.profFrom label.file_mask {
  position:absolute;
  display:inline-block;
  font-size:80%;
  width:auto;
  top: 15px;
  left:35px;
  letter-spacing:0.1em;
  cursor:pointer!important;
    }

form.profFrom aside.bottons p.atentsBx {
  font-size:80%;
  margin-top:10px;
  margin-bottom:-20px;
   }


form.profFrom textarea {
   padding-top: 7px;
   }


/**********************

 プロフ作成フォーム箇所

 **********************/

form.profFrom input[type="text"],
form.profFrom textarea {
     padding-left:2px;
     font-size:15px!important;
     width:557px!important;
     font-weight: normal!important;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     }

form.profFrom input[type="text"] { margin-bottom: 20px; margin-top:25px; }
form.profFrom input[type="button"]{ position:relative; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
  form.profFrom textarea { }
  form.profFrom textarea { width:560px; height:39px; padding-left:3px; padding-top:8px; font-size:122%; }
  form.profFrom input[type="button"]{ margin-top:-8px; }
}

@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}




/* leftcolumn ログイン後  ------------------------------------- */



/**********************

 左カラム新着メンバー箇所

 **********************/


div.thread {
     position:relative;
　}

div#newmenber h3 {
     font-size: 15px;
     letter-spacing:0.27em;
     color:#f854a5;
     padding:15px 0 12px;
     text-align:center;
     overflow:hidden;
     background: #fff;
    }

div#newmenber ul {  padding: 2px 15px 2px 15px; background-color:#fff; }
div#newmenber ul li { clear:both; border-top: #a0a0a0 1px dotted; padding:15px 0 0; height:70px; }

div#newmenber ul li p {
     float:left;
     margin:6px 0 0 10px;
     font-size: 70%;
    }

div#newmenber ul li p a{
  font-size:13px;
}

div#newmenber ul li img {
     float:left;
     max-width:50px;
     height:auto;
     margin-top:3px;
     border: 1px solid #A0A0A0;
     padding: 2px;
margin:1px;
    }

div#newmenber ul li span { display:block; clear:both; width:1px;height:1px; }




/**********************

 左カラム写真追加箇所（position使用設定はそのまま）

 **********************/
#uploader a:hover{text-decoration: none!important;}

div#uploader {
     position:relative;
     width:auto; /*min-height:218px;*/
     height:248px;
     background: #fff;
     text-align: center;
     overflow: hidden;
    }

div#uploader p {
     display:block;
     font-size:80%;
     margin: 8px auto 0;
     text-align:center;
    }

div#uploader p:nth-child(2) {
     position: absolute;
     line-height:1.5;
     font-size:85%;
     top: 54px;
     right: 0;
     left:0 ;
     margin: auto;
     z-index:3;
     width: 175px;
     height: 175px;
     }

div#uploader p:nth-child(3) {
     position:absolute;
     bottom: 35%;
     left:0;
     right: 0;
     margin: auto;
     width: 175px;
     line-height:1.5;
      z-index:2;
    }

div#uploader p span.bai {
     font-size:120%;
     letter-spacing:-0.35em !important;
     font-weight:bold;
     color:#f854a5;
    }

div#uploader p span.bai2 {
     font-weight:bold;
     color:#f854a5;
     margin-right:0.2em;
     margin-left: 0.09em;
     font-size:13px;
    }


div#uploader p:nth-child(4){
     position:absolute;
     bottom:16%;
     left:0;
     right: 0;
     margin:auto;
     font-size: 12px;
     width: 150px;
     padding: 4px 5px;
     background: #fff;
     border:#999 1px solid;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     text-align:center;
     letter-spacing:0.06em;
      z-index:1;
      text-shadow: none;
      text-align: center;
    }

div#uploader p:nth-child(4) a {
  color: #666;
}

div#uploader p:nth-child(4):hover{ background:#f3f3f3; }

div#uploader p:nth-child(5) {
     position:absolute;
     top:50px;
     left:0;
     right:0;
     margin:auto;
     height:180px!important;
     max-height: 180px!important;
     width:180px!important;
     border:#a0a0a0 1px solid;
     padding:0!important;
     z-index:0;
     background: #F7F7F7;
          display: block;
          font-size: 0;
          zoom: 1!important;
          overflow: hidden;
     }

div#uploader aside {
      display:block;
      position:relative;
      height:auto;
      width:auto;
      padding:13px 0 0;
      text-align:center;
     }


@media screen and (-webkit-min-device-pixel-ratio:0) {
  div#uploader p span.bai { letter-spacing:-0.05em; margin:0 0.15em 0 0.10em;   }
  div#uploader p:nth-child(5) {   height:198px; }
  div#uploader { height:249px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  div#uploader p:nth-child(2) { top:24px; }
  div#uploader { height:249px!important; }
  div#uploader p:nth-child(5) { height:198px!important; }
}


/**********************

 左カラム：写真アップロード後

 **********************/

 div#uploader section{
   width:187px;
   height:200px;
   margin: 5px auto 0;
   overflow: hidden;
 }


 div#uploader section img{
  border:#a0a0a0 1px solid;
  padding:5px;
  width: 175px;
  height: 175px;
  display: block;
 }


 div#uploader section span.delcap {
   position:absolute;
   background:rgba(0, 0, 0, 0.6) ;
   height:55px;
   width:100%;
   right:0;
   left:0;
   text-shadow:none;
   bottom:-175px;
   color:#fff;
   overflow:hidden;
   z-index:3;
  }

 div#uploader section span.delcap a{
   color: #fff;
   line-height: 55px;
   letter-spacing: 0.07em;
 }


/**********************

 左カラム：現在のポイント箇所

 **********************/

#left_sidebar div#point {
     padding: 20px 34px;
     background:#fff;
     height: auto;
    }

div#point h3 {
     letter-spacing:0.54em;
     margin-right: -0.54em;
     font-size: 85%;
     padding:0 ;
     text-align:center;
    }

div#point span{
     display:block;
     color:#f854a5;
     font-weight:bold;
     text-align:center;
     margin-bottom:-1px;
    }

div#point p.antespay{
    cursor:pointer;
     font-size: 14px;
     padding: 3px 0 1px;
     background: #fff;
     width:158px;
     border:#999 1px solid;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     text-align:center;
     letter-spacing:0.1em;
     margin: 12px 0 7px -6px;
     color: #666;
     text-shadow: none;
    }


div#point p.antespay:hover { background:#f3f3f3; color:#a0a0a0;  }

/* button */
div#point p.defhide,
div#point p.defhide2 {
     cursor:pointer;
     font-size: 14px;
     padding: 3px 5px;
     width: 158px;
     background: #62a640;
     margin: 6px 0 0 -10px;
     border:#62a640 1px solid;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     text-align:center;
     letter-spacing:0.1em;
     text-shadow: none;
     margin-bottom: 7px;
     color:#fff;
     margin-right:-0.1em;
    }

div#point p.defhide a,
div#point p.defhide2 a {
      color:#f3f3f3;
      display:block;
      width:100%;
      height:100%;
     }

div#point p.defhide:hover,
div#point p.defhide:hover {
    opacity:0.8;
   }

.defhide a:hover{ text-decoration: none!important; }

/* pts point
div#point p.defhide2 { cursor:pointer; font-size: 80%; background: #62a640; margin: 4px auto 0;   box-shadow: 0 1px 1px 1px rgba(220,220,220,0.8); border:#a0a0a0 1px solid;text-align:center; letter-spacing:0.1em;  font-weight:bold; margin-bottom: 7px; color:#fff; }
div#point p.defhide2 a { color:#f3f3f3; display:block; width:100%; height:100%; }
div#point p.defhide2 a:hover { color:#fff; background: #70bd4a; }
*/
/* メンバーリスト sumnail */
.msglist img[src*="PictPut"] {  border:#a0a0a0  1px solid; }
.menbersbox article img { margin:5px 8px 20px 10px;}
.menbersbox article.thumbnail img { margin:15px 10px 13px 12px; }



/* page navi[corrected]  */
.dispchenge { position:relative; height:66px; width:auto; padding:0 1px; margin-bottom:16px;  }
.dispchenge p.contter { position:absolute; height:25px; left:0; top:0px; }.dispchenge p.contter span { color:#f854a5; font-weight:bold; }




/**********************

 リスト削除ボタン(apl,msg)

 **********************/

.sakujobtn {
     display:block;
     width:100px;
     height:30px;
   background:url(/imgs/files/icons/gomibako.png)no-repeat 86px center;
   border:#ccc 1px solid;
   text-align:center;
     line-height: 32px;
   cursor:pointer;
   letter-spacing: 0.07em;
   color: #A0A0A0;
   padding-right: 10px;
   border-radius: 3px;
   margin: 15px 0;
       -webkit-transition: 0.3s;
       -moz-transition: 0.3s ;
         -o-transition: 0.3s;
            transition: 0.3s;
  }

.sakujobtn:hover{
  border:#818181 1px solid;
  color: #818181;
　background:url(/imgs/files/icons/gomibako.png)no-repeat 86px center #F7F7F7;
}

.dispchenge2 { position:relative; height:auto; width:100% }
.dispchenge2 span.sakujobtn { position:absolute; display:block; width:90px; height:22px; background:url(/imgs/files/icons/gomibako.png)no-repeat 65px 3px;
   border:#dcdcdc 1px solid; text-align:center; letter-spacing:0.4em; cursor:pointer; }
@media screen and (-webkit-min-device-pixel-ratio:0){}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  .dispchenge2 span.sakujobtn { }
}


/* page navi[corrected]  */
.dispchenge3 { position:relative; height:66px; width:auto; padding:0 1px; margin-bottom:16px;   }
.dispchenge3 p.contter { position:absolute; height:25px; left:0; top:0px; }.dispchenge3 p.contter span { color:#f854a5; font-weight:bold; }
/* sakujo*/
.dispchenge3 span.sakujobtn { display:block; position:absolute; width:90px; height:22px; left:0; bottom:4px;
  background:url(/imgs/files/icons/gomibako.png)no-repeat 65px 3px;  border:#dcdcdc 1px solid; text-align:center; letter-spacing:0.4em; cursor:pointer; }


/* MyList navi[corrected]  */
.dispchngMy { position:relative; height:62px; width:auto; padding:0 1px; margin-bottom:10px;  }
.dispchngMy p { display:block; }
.dispchngMy p.contter { position:absolute; height:25px; left:0; top:0px; }.dispchngMy p.contter span { color:#f854a5; font-weight:bold; }
.dispchngMy p.volbtn { position:absolute; display:block; width:138px; height:20px; padding:1px; cursor:pointer; font-size: 80%; border:#187fc2 1px solid;left:0;
  text-align:center; letter-spacing:0.06em;margin-right:-0.06em; color:#187fc2; bottom:0; }
.dispchngMy p.volbtn:hover { background: #0599e0; border: #fff; color:#fff; }
.dispchngMy p.volbtn span:before { content:"<<"; }
.dispchngMy nav.disp_nav { position:absolute; width:60px; margin:0; height:24px; text-align:right;  bottom:0; right:0;    }
.thumbnail .dispchngMy { margin-bottom:16px; }
.searlits .dispchngMy { margin-bottom:20px; }

.dispchngMy2 { position:relative; height:30px; width:auto; padding:0 1px; margin-bottom:10px; }
.dispchngMy2 p { display:block; }
.dispchngMy2 p.contter { position:absolute; height:25px; left:0; top:0px; }.dispchngMy2 p.contter span { color:#f854a5; font-weight:bold; }
.dispchngMy2 p.volbtn { position:absolute; display:block; width:138px; height:20px; padding:1px; cursor:pointer; font-size: 80%; border:#187fc2 1px solid;left:0;
  text-align:center; letter-spacing:0.06em;margin-right:-0.06em; color:#187fc2; bottom:0; }
.dispchngMy2 p.volbtn:hover { background: #0599e0; border: #fff; color:#fff; }
.dispchngMy2 p.volbtn span:before { content:"<<"; }
.dispchngMy2 nav.disp_nav { position:absolute; width:60px; margin:0; height:24px; text-align:right;  bottom:0; right:0; }

/* pagenavi */  /* navimain2 deleat */
.dispchenge .navimain ul.pageNav {  position:absolute; /zoom:1; overflow:hidden; margin:0 0 20px; padding:0;  background:none; right:-10px; bottom:-17px; }
.dispchenge2 .navimain ul.pageNav { position:absolute; /zoom:1; overflow:hidden; margin:0 0 20px; padding:0;  background:none; right:-10px; top:-1px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .dispchenge2 .navimain ul.pageNav {  right:-11px; top:0; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}
.navimain ul.pageNav li,
.navimain2 ul.pageNav li { display:inline-block; margin: 0 10px 0 0; font-size:90%; height:24px; width:24px; }
.navimain ul.pageNav li:first-child,
.navimain ul.pageNav li:last-child { width:40px;}

.navimain ul.pageNav li span,.navimain ul.pageNav li a,
.navimain2 ul.pageNav li span,.navimain2 ul.pageNav li a { display:block; background: #0599e0; border:#187fc2 1px solid; box-sizing:border-box; color: #fff; width:100%;height:100%; text-indent:7px; }

/* active */
.navimain ul.pageNav li span,
.navimain2 ul.pageNav li a.activeli { background:#53bef2; }
.navimain ul.pageNav li a:hover,
.navimain2 ul.pageNav li a.activeli:hover { background: #53bef2; border-color:#187fc2; }



/* pagenavi- movielist */
#movielist .dispchenge div#navimainb,
#movielist .dispchenge2 div#navimainb2,
#movielist .dispchenge3 div#navimainb2 {  position: absolute; width:207px;  right:8px;  text-align:right; margin:0 -5px -9px 30px; }
.dispchenge2 div#navimain2,
.dispchenge3 div#navimain2 { margin-right:-24px; }
#movielist .dispchenge div#navimainb { top:26px; }
#movielist .dispchenge2 div#navimainb2,
#movielist .dispchenge3 div#navimainb2 { top:10px; }
#movielist .dispchenge span.clr { clear:both; width:1px; height:1px; display:block; }
.movies_bg .dispchenge { margin-top: -40px; }


/* Movies pagenavi ----------------------------*/
#movielist #navimainb ul.pageNav,
#movielist #navimainb2 ul.pageNav { /zoom: 1; overflow: hidden; margin: 0 0 20px; padding: 0; background: none; }
#movielist #navimainb ul.pageNav li { float: left;  margin: 0 8px 2px 0; font-size:90%; }
#navimainb ul.pageNav li a,
#navimainb2 ul.pageNav li a,
#movielist #navimainb ul.pageNav li span,
#movielist #navimainb2 ul.pageNav li span { float: left;   padding: 0 8px;  background: #535353;  border: 1px solid #a0a0a0;  color: #fff; }
#movielist #navimainb ul.pageNav li span,#navimainb2 ul.pageNav li span { background: #000000;}
#movielist #navimainb ul.pageNav li a:hover,#navimainb2 ul.pageNav li a:hover { background: #000000;  border-color:#535353;}



/*-受信メッセージ---------------------------------*/
/*-- public --*/
.msglist { clear:both; }
.msglist li { margin-bottom:20px;}




/**********************

 受信メール：msg_r.html

 **********************/


.msglist .receive li {
     display:block;
     width:100%;
     border: 1px solid #A0A0A0;
     padding:10px 0;
     height:95px;
    }


.msglist .receive li.midoku {
     display:block;
     width:100%;
     border: 1px solid #F369AD;
     padding:10px 0;
     height:95px;
    }


.msglist .receive li:after,
.msglist .receive li.midoku :after {
    content: "";
    clear: both;
    height: 0;
}


.msglist .receive li .thread img:nth-child(1)  {
    max-height:75px;
    width:auto;
    margin:7px 5px 6px 13px;
    }


.msglist .receive .thread {
    width:100%;
    height:100%;
   }


.msglist .receive .thread .datas {
     height:auto;
     float:left;
     width: 450px;
     padding:0 2px;
     margin-left:10px;
     position: relative;
     margin-left:8px;
    }

.msglist .receive .thread .datas:after{
  content: "";
  display:block;
  clear:both;
  height:0;
    visibility: hidden;
}

.msglist .receive .thread .datas p {
     display:block;
     margin:5px 0 0 0;
     padding:5px 0 ;
     font-size: 14px;
     clear: both;
    }


.msglist .receive .thread .datas .msgtitle{
  width:70%!important;
  height: auto;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top:15px;
  margin:0;
}


.msglist .receive .thread .datas a.r-more{
  display:inline-block;
  padding:3px 15px;
  width:70px;
  text-align: center;
  border:1px solid #9F9F9F;
  border-radius: 20px;
  font-size: 13px;
  color: #666;
  float:right;
  margin-top:15px;
  line-height: 16px;
}


div.thread .datas p.msgtitle img.clip {
     display:inline-block;
     margin:-2px 2px 0 -1px;
}


.msglist .receive .thread a { /* display:block; */ width:100%; height:97%; background-color:none; }
.msglist .receive .thread .datas p:nth-child(1) { width:97%; height:100%; border-bottom: #dcdcdc 1px dotted; }

/* msg_r.html  Auto Load Type */
.loadms { padding-top: 6px; }


/*-受信メッセージ individual ---------------------------------*/
ul.posterity { margin: 0 auto 14px; }
ul.posterity .thread_sub p.gomibako,
.thread_sub p.clip { position:absolute; margin:20px 3px 0 0; top:38px;  }
ul.posterity .thread_sub p.gomibako { height:21px; width:18px; right:35px; }
ul.posterity .thread_sub p.clip { height:17px; width:20px; right:10px; }

ul.posterity li {
     display:block;
     width:100%;
     height:auto;
     margin:10px auto;
     border:#dcdcdc 1px solid;
    }

ul.posterity li:after { content:''; display:block; clear:both; } ul.posterity .thread_sub  { position:relative; width:100%; height:100%; }
ul.posterity .thread_sub .checks { float:left; width:16px; height:auto; padding:2px 10px 0 0; margin-right:10px; }
ul.posterity .thread_sub .checks input[type="checkbox"]{ margin:35px 0 auto 15px; border:#a0a0a0 3px solid; }
ul.posterity .thread_sub div.msgtitle,ul.posterity .thread_sub p.msgdate { display:block; margin: 0;
  text-overflow:ellipsis;white-space: nowrap; overflow: hidden; }
ul.posterity .thread_sub div.msgtitle { float:left; width:89%; margin:30px 0 30px 20px; ; padding-left:2px; }
ul.posterity .thread_sub a { display:block; float:left; width:75%; height:100%; text-overflow:ellipsis;white-space: nowrap; overflow: hidden;  }
ul.posterity .thread_sub p.msgdate { float:right; width:22%; margin-right:15px; margin-top:2px; font-size:85%; text-align:right; }

/* navi posi */
.navmsg_r { margin-bottom:12px; }
.navmsg_r2 { margin-top:20px; }
.navmsg_ap { bottom:0; }
.pgnv { display:block; margin-bottom:34px; }



/**********************

 受信メール：未読関係

 **********************/

.msglist .thread span.usrname { color:#0599e0; margin-right:0.2em; }


 .RED_name {
   margin-right: 0.2em;
   color: #0599e0!important;
}

.msglist .receive p span.c-time{
    float:right;
    font-size: 12px;
    margin-right: -7px;
   }


.msglist .receive li div.thread:after { content:''; display:block; clear:both; }


/********

新着の吹き出し

********/

.flag{
  color: #fff;
  text-shadow: none;
}
.msglist .receive .midoku .flag {
    width:35px;
    height:20px;
    color:#fff;
    padding:2px 0 0;
  line-height:20px;
  background:#F369AD;
  position:absolute;
  right:107px;
  top: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  z-index: 0!important;
  font-size: 12px;
   }

.msglist .receive .midoku .flag:before {
  content: "";
  position: absolute;
  bottom: -4px; left: 13px;
  margin-left: 0;
  display: block;
  width: 12px;
  height: 10px;
  background: #F369AD;
  border-radius: 0 30px 0 30px;
  z-index: -100002;
}

.msglist .receive .midoku .flag:after {
  content: "";
  position: absolute;
  bottom: -5px; left: 22px;
  margin-left: 0;
  display: block;
  width: 15px;
  height: 7px;
  background: #fff;
  border-radius: 0 30px 0 30px;
  z-index: -100000;
  -webkit-transform: rotate(10deg);
     -moz-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
       -o-transform: rotate(10deg);
          transform: rotate(-12deg);
}



.msglist .receive li.midoku a { color:#333; }




/*-送信済みメッセージ  msg_s.html ---------------------------------*/
/* trans */
.msglist .transm li { background: #ffffff; border:#dcdcdc 1px solid; display:block; height:auto; widht:100%; position: relavive; margin-botttom:10px; }
.msglist .transm li .thread img:nth-child(1)  { float:left; max-height:72px; width:auto; margin:6px 5px 5px 6px }
.msglist .transm .thread  div.threa { width:100%; height:100%; }
.msglist .transm .thread .datas { float:left; height:auto; width: 70%; padding:0 2px; margin-left:10px; }
.msglist .transm .thread a { width:100%; height:97%; background-color:none; }

.msglist .transm .thread .datas p { display:block; margin:5px 0 0 0;  padding:5px 0 ; }
.msglist .transm .thread .datas p:nth-child(1) { width:97%; height:100%; margin-top:5px; border-bottom: #dcdcdc 1px dotted; }
.msglist .transm .thread .datas p:nth-child(2) { padding-top:2px; width:97%; height:auto; float:left; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; }


/*-送受信内容  ---------------------------------*/

.viw_s { margin-bottom:-20px; }
.viw_r .thread,
.viw_s .thread { display:block; position:relative; width:auto; height:auto; border:#a0a0a0 1px solid; padding:20px; padding-bottom:11px; margin-bottom:0; }

.viw_r .sum_box,
.viw_s .sum_box { float:left; width:100px; height:auto; margin:0; }
.viw_r .sum_box img,
.viw_s .sum_box img { width: 74px; height:auto; border:#a0a0a0  1px solid;  padding:2px; margin-bottom:12px; }
.viw_r .thread .datas,
.viw_s .thread .datas { float:left; height:auto; width:80%; padding:0; margin: 2px 5px 0 0; }
.viw_r .thread .datas p,
.viw_s .thread .datas p { display:block; margin: 0; height:35px; padding:2px 0 0; overflow:hidden;  line-height:35px;   /*outline:#000 1px dotted; */}
.viw_r .datas p:nth-child(2n+1),
.viw_s .datas p:nth-child(2n+1) { float: left; width:74px; letter-spacing:0.2em; margin-right:0.4em; padding-left:0; clear:both; }
.viw_s .datas p:nth-child(2n+0),
.viw_r .datas p:nth-child(2n+0) { float:left;width:365px; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; }
.viw_r .thread .viw_coments,
.viw_s .thread .viw_coments { margin:14px auto; padding:0; width:auto;  }
.viw_r .thread .viw_coments_title,
.viw_s .thread .viw_coments_title { clear:both; margin: 0;  padding:0 ; width:auto; height:auto; min-height:50px; line-height:1.8;
   border-bottom:#a0a0a0 1px dotted; border-top:#a0a0a0 1px dotted; }

/* file area */
.viw_s .thread .viw_coments p { display:block; position: relative; margin: 40px 0 0;  padding:12px; width: auto; border:#e5e5e5 1px dotted; }
.viw_s .thread .viw_coments p span { display:block; position: absolute; left: -6px; top: -8px; text-align:center;
   font-size:75%; width:60px; padding:2px; letter-spacing:0.2em; height: auto; background:#000; color: #fff; }
.viw_s .thread .viw_coments p img {  max-width:180px; height:auto; }



/*-喜びの声---------------------------------*/
/* trans */
.voice2 ul { margin-top:-4px; }
.voice2 li { display:block; height:auto; width:auto; position: relavive; margin-botttom:10px; }
.voice2 .thread { position:relative; border:#a0a0a0 1px solid; width:auto; height:auto; padding:20px; }
.voice2 li .thread img:nth-child(1)  { width: 74px; height:auto; margin-bottom:12px; border:#dcdcdc 1px solid; border:#a0a0a0  1px solid;  padding:2px; margin-bottom:9px; }
.voice2 .thread .datas {  position:absolute; height:auto; width:463px; padding:0 2px; margin-left:10px; right:20px; top:20px; }
.voice2 .thread .datas p { display:block; margin: 0; padding:7px 0; height:25px; line-height:28px; /* margin-bottom:-5px; */ }
.voice2 .thread .datas p:nth-child(1) { width:100%;  border-bottom: #dcdcdc 1px dotted;/*border-top: #dcdcdc 1px dotted;*/ margin-top:0;  margin-left:0; line-height:; }
.voice2 .thread .datas p:nth-child(2) { width:100%; float:left; text-overflow:ellipsis;white-space: nowrap; margin-top:0;
  overflow: hidden; border-bottom:#e5e5e5 1px dotted; margin-bottom:20px; }
.voice2 .thread p.custmer_voice { clear:both; display:block; padding：0; margin:0; line-height:1.5; font-size:85%; }
aside#voice_header,
aside#voice2_header { border:#a0a0a0 1px solid; width:auto; height:146px; padding:2px; margin-bottom:20px;  }
aside#voice2_header { background:url(/imgs/files/img/voice2_topimg.png)no-repeat center #fff;}
aside#voice_header { background:url(/imgs/files/img/voice_topimg.png)no-repeat center #fff; }






/**********************

アピール受信

**********************/

.apllc li {
     display:block;
     height:auto;
     position:relative;
     border: 1px solid #A0A0A0;
     padding: 9px 0;
     width: 100%;
    }

.apllc li:after { content:''; display:block; clear:both; }
.apllc .thread a { color:#535353;  }

ul.msbox div.thread div.checks{margin-top:1px!important;}
.apllc .thread .checks { float:left; width:16px; height:auto; padding:6px 9px 0 0; margin-right:10px; }
.apllc .thread .sum_box img { float:left; width:75px; height:auto; padding:2px; border:#a0a0a0 1px solid; margin:8px 20px 8px 0;  }

.apllc .thread p.apiname,
.apllc .thread p.apidate { display:block; float:left; margin-top:36px; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; }
.apllc .thread p.apiname { width:330px; margin-left:-1px; }
.apllc .thread p.apiname span { color:#0599e0; margin-right:0.2em; }
.apllc .thread p.apidate { float:right; margin-top:39px; font-size:85%; text-align:right; margin-right:20px; }
.apiname a:hover{text-decoration: none!important;}
.apiname a span:hover{text-decoration: underline!important;}





/**********************

リストからの削除用の新規チェックボックス設定（apl,msg）

**********************/


.apllc .thread input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #B5B5B5!important;
}

.apllc .thread input[type="checkbox"]:checked {
    background: #0599E0;
    border: 2px solid #0599E0!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.apllc .thread input[type="checkbox"]:checked:before {
    position: absolute;
    left: 0px;
    top: 9px;
    display: block;
    content: "";
    width: 5px;
    height: 2px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

.apllc .thread input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 5px;
    top: 8px;
    content: "";
    width: 9px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}


.apllc .thread input[type="checkbox"]{
     margin:30px 17px;
      }


   .apllc .thread .sum_box img {
    margin-left:13px;
    margin-right:21px;
   }

@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  #indexhtml article p.indtxt { margin-top:-5px; } #indexhtml aside.buttonw { margin-top:72px; padding-top:22px;  }
}



/*-設定変更---------------------------------*/
/* setup */
.msglist .setup li { background: #ffffff; border:#dcdcdc 1px solid; display:block; height:auto; widht:100%; position: relavive; margin-botttom:10px; }
.msglist .setup li .thread img:nth-child(1)  { float:left; max-height:72px; width:auto; /*border: #dcdcdc 3px solid;*/ margin:5px 5px 5px 8px;
  border-radius: 2px; -webkit-border-radius:2px; -ms-border-radius:2px; -moz-border-radius:2px; }
.msglist .setup .thread  div.threa { width:100%; height:100%; }
.msglist .setup .thread .datas { float:left; height:auto; width: 70%; padding:0 2px; margin-left:10px; }
.msglist .setup .thread .datas p { display:block; margin: 0 auto; padding-top:4px 0;}
.msglist .setup .thread a { display:block; width:100%; height:97%; background-color:none; }
.msglist .setup .thread .datas p:nth-child(1) { width:97%; height:100%; margin-top:5px; border-bottom: #dcdcdc 1px dotted; }
.msglist .setup .thread .datas p:nth-child(2) { width:97%; height:100%; float:left; text-overflow:ellipsis;white-space: nowrap; overflow: hidden; }
.text_m {margin:20px 0px 0px 0px; font-size:80%; }

/*-ポイント---------------------------------*/
.pts ul{  margin-bottom:-19px; }
.pts li{
     display:block;
     border:#a0a0a0 1px solid;
     height:auto;
     width:100%;
     position: relative;
     margin-bottom:20px;
     padding: 15px 0;
    }

.pts .thread { position:relative; width:100%; height:80px; padding:0 3px; margin-bottom:0; overflow:hidden; }
.pts .thread a { position: absolute; display: block;  width: 70px; height: auto; top:28px; left: 20px;  }
.pts .thread .datas { position: absolute; height:auto; width: 489px; padding:0 2px; right:4px; /*margin-left:10px; */}
.pts .datas:after { content:''; display:block; position:absolute; width:260px; height:33px; top:6px; right:20px; }
.pts .thread .datas p { display:block; margin: 0 auto; }
.pts .thread .datas p span { font-size: 80%; font-weight:bold; }
.pts .thread .datas p:nth-child(1) { width:auto; height:40px; /*padding:6px 0 5px;*/ line-height:2.7; font-size:115%; font-weight:bold; color:#f854a5;
  letter-spacing: 0.12em; border-bottom: #dcdcdc 1px dotted; margin-right:0.12em; }
.pts .thread .datas p:nth-child(2) { width:auto; height:auto; font-size:90%; padding:6px 0 7px; margin-bottom:-14px; line-height:2.0; }
.bg-pey02 { letter-spacing:-0.02em; }
/* ポイント追加　pts */

.pts .bg-pey01 .datas:after { background: transparent url(/imgs/files/parts/pay01.png) no-repeat right top; }/* default= top:6px; */
.pts .bg-pey02 .datas:after { background: transparent url(/imgs/files/parts/pay02.png) no-repeat right top; }
.pts .bg-pey03 .datas:after { background: transparent url(/imgs/files/parts/pay03.png) no-repeat right top; top:5px; }
.pts .bg-pey04 .datas:after { background: transparent url(/imgs/files/parts/pay04.png) no-repeat right top; top:5px; }
.pts .bg-pey05 .datas:after { background: transparent url(/imgs/files/parts/pay05.png) no-repeat right top; }
.pts .bg-pey06 .datas:after { background: transparent url(/imgs/files/parts/pay06.png) no-repeat right top; top:5px; }
.pts .bg-pey07 .datas:after { background: transparent url(/imgs/files/parts/pay07.png) no-repeat right top; top:8px; }
.pts .bg-pey08 .datas:after { background: transparent url(/imgs/files/parts/pay08.png) no-repeat right top; top:6px; }
.pts .bg-pey09 .datas:after { background: transparent url(/imgs/files/parts/pay09.png) no-repeat right top; top:9px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
  .pts .datas:after  { right:21px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}


/* 銀行---------- */
.points table#bankkouza,.points table#pointdeta { border: #535353 1px solid; border-collapse: collapse; font-size:92%; }
.points table#bankkouza { margin-top:12px; margin-bottom:14px; }
.points table#bankkouza th,.points table#pointdeta th { border: #535353 1px solid;  background-color: #e5e5e5;  padding: 10px;  font-weight: bold;  }
.points table#bankkouza td,.points table#pointdeta td { border: #535353 1px solid;  background-color: #fff; vertical-align: top; padding: 10px; }
.points table#bankkouza tr td:nth-of-type(1) { background:#e5e5e5;  }
table#bankkouza { width:50%; } table#bankkouza,table#pointdeta { margin: 0; }
article.points #contents { padding-top:0; }/* /40/ */

.banka form.paysys { display:block; margin-bottom:-16px; padding-bottom:30px; height:auto; border-bottom:#a0a0a0 1px dotted; }
.banka form.paysys input { float:left; }
.banka form.paysys input[type="email"] { margin-right:10px; }
.banka #contentst { margin-top:24px; }

.banka #expla.mnm_u { margin-top:0px; }
.banka p.uline { border-bottom:#a0a0a0 1px dotted; margin-top:11px; height:1px; }

.banka form.paysys { margin-bottom:; }
.banka form.paysys:after { content:''; display:block; clear:both; }
.banka form.paysys input[type=email] { display:block; float:left; height:25px; margin-top:13px; }
.banka form.paysys input[type=submit] { float:left; margin:13px 0 0 10px; height:29px; }
.banka #pointdeta { width:100%; margin-top:13px; margin-bottom:5px; }



/* ポイント各種  ------------------------------------- */
/*illusts*/
#cont_look { clear:both; margin:0 -15px -4px; }
/*main*/
#cont_look div.sizefix {
    position:relative;
    float:left;
    margin:30px 15px 0;
    padding:0;
    width:178px;
    height:165px; /* fix */
  text-align:center;
  border: #0599e0 2px solid;
  }

#cont_look div.sizefix:nth-child(3n+3) { margin-right:0; }
#cont_look span.ptext { display:block; font:600 200%/0.8 "ＭＳ Ｐゴシック", "MS PGothic",Meiryo, Osaka, sans-serifsize;
  padding:0; color:#0599e0; margin: 24px auto 10px; }
#cont_look div.sizefix aside.sizesmall { margin:15px auto; text-align:center; }
#cont_look div.sizefix .buttong_base { clear:both; margin-left:40px; }
#cont_look div.sizefix p:nth-child(2) { margin:6px; line-height:1.6; font-size:95%; }

#cont_look .sizefix span.btntext {
     position:absolute;
     display:block;
     z-index:4;
     left:3px;
     bottom:-20px;
     letter-spacing:0.3em;
     width:60px;
     height:18px;
     color:#fff;
    }

#cont_look .sizefix label.btpay_base {
    position:relative;
    left:-16px;
   }

.bg-pey08 .paybutton { text-align:center; }



/* pts各boxのマージン */
.points #expla { margin:0; }

/*footer*/
.points .ptsfooter { clear:both; padding:30px 0 0; margin:0 17px 0  15px;}
.points .ptsfooter input[type="submit"] { margin-bottom: 12px; }
.points .ptsfooter p { display:block; margin: 0 auto; line-height:1.4;}
/*texts margin*/
.points p.ptstext { clear:both; display:block; margin:40px 0 0 0; }

/*H下の texts margin*/
.points p.shtext { display:block; margin:12px auto 0; padding:0; }/**/
.points p.ptstext input,.points p.ptstext select { margin:12px 0 0 5px ; }
.points form.paysys:after,
.points form.paysys2:after{ content:''; display:block; clear:both; zoom: 1; /* for IE6/7 */ }
.points form.paysys2 { margin-left:0; }
.points form.paysys2 input[type=email] { float:left; margin-top:18px; }
.points form.paysys2 input[type=submit] { float:left; margin: 18px 0 0 20px; }
p.text2 { display:block; margin: 50px 0 10px;  line-hegiht:0.9; }
table.convine,table#bankkouza,table#pointdeta { margin:20px 0 0 0; }


/* bitcash */
div.webmnbitc input[type="text"] {
     display:inline-block;
     height:25px;
     width:40%;
     margin-right:12px!important;
    }

div.webmnbitc { margin:20px 0 0; }
.bitcash p.ptstext { margin-top:-3px; } /*  illust text top top */
.bitcash #expla.mnm_u { margin-top:22px; } /* illust top */
.bitcash form.paysys .ptstext { margin-top:25px; }
.bitcash form.paysys .ptstext2 { margin:14px 0 -18px;  }
.bitcash form.paysys .webmnbitc { margin-top:13px; }

/* gmoney */
.gmoney p.ptstext { margin-top:-5px; }
.gmoney p.ptstext2 { margin-top:8px; }
.gmoney #expla.mnm_u { margin-top:24px;  }
.gmoney form.paysys p.ptstext { margin-top:24px; margin-bottom:-18px; }

/* payeasy */
.payeasy p.ptstext { margin:-5px auto 15px; }
.payeasy p.ptstext2 { margin:26px auto -18px; }
.payeasy p.ptstext3 {  }

.payeasy #expla { margin-top:23px; }

/* credit */
.credit p.ptstext { margin:-5px auto 0; }
.credit #expla { margin:23px auto 30px; }
.credit p.ptstext2 { margin:-5px auto -18px; }

/* securitym */
.securitym p.ptstext { margin:-5px auto 7px; }
.securitym p.ptstext3 { margin:0 auto; }
.securitym #expla{
     margin:24px auto 30px;
     border-bottom: 1px dotted #A1A1A1;
     padding-bottom:25px;
     }

/* vpreca */
.vpreca #expla { margin:23px auto 29px; }
.vpreca p.ptstext { margin:-5px auto 7px; }
.vpreca p.ptstext2 { margin:-5px auto -17px; }



/* ccheck */
div.webmn input{ display:inline-block; width:12%; margin-right:12px;  }
div.webmn { margin:20px 0 0 12px; } /*//*/
div.webmn_cck input[type="text"] { width:240px; margin:20px 0 1px 12px; }
div.webmn select.convini { width:160px; }
p.inputfooter { clear:both; font-size:90%; letter-spacing:0.099em; line-height:2.3;}
.ccheck p.ptstext { margin-top:16px; }
.ccheck p.ptstext2 { margin-top:4px; }
.ccheck #expla { margin-bottom:24px; margin-top:30px;}
.ccheck p.ptstext3 { margin-bottom:-9px; }
.ccheck p.ptstext3 + .webmnbitc input[type="text"] {
  width:300px; margin-bottom:17px; }
.ccheck p.ptstext4 { margin-bottom:-18px; }
.ccheck p.ptstext4:before{ content:''; display:block; width:100%; height:1px;
  border-bottom:#a0a0a0 1px dotted; margin:12px auto 24px; }


/* convine */
.conveni #expla { margin:21px auto 25px; }
.conveni p.ptstext { margin-top:-5px; }
.conveni p.ptstext2 { margi。n-top:8px; }
.conveni p.ptstext3,
.conveni p.ptstext4 { margin-bottom:-7px; }
.conveni p.ptstext5 { margin-bottom:-18px; }

.conveni p.ptstext4:before,
.conveni p.ptstext5:before{ content:''; display:block; width:100%; height:1px;border-bottom:#a0a0a0 1px dotted;
  margin:29px auto 24px; }
.conveni p.ptstext4:before {  margin:29px auto 24px; }
.conveni p.ptstext5:before {  margin:32px auto 24px; }

.conveni .webmnbitc { margin-left:15px; margin-bottom:15px; }
.conveni .webmnbitc label { display:inline-block; width:90px; }
.conveni .webmnbitc label input[type="text"] {  height:25px;  }

.convenilabel.convin {  }
.conveni label.name { letter-spacing:1.9em; }
.conveni label.tel { display:block;  }
.conveni label.tel input[type="text"] {  width:300px;  }

.conveni select {  height:29px; }
.conveni .webmnbitc p { position:relative; margin-bottom:14px; }
.conveni .webmnbitc input[type="text"] { position:absolute;  height:25px; width:120px; display:inline-block; }
.conveni .webmnbitc input[type="text"]:nth-child(1) { height:25px; }
.conveni .webmnbitc input[type="text"]:nth-child(2) { height:25px; left:80px; top:0; }
.conveni .webmnbitc input[type="text"]:nth-child(3) { height:25px; left:218px; top:0; }
.conveni .webmnbitc input[type="text"]#tel { height:25px; width:258px;  left:80px; top:0;  }
.conveni .webmnbitc input[type="text"]#addr{ height:25px; width:258px;  left:80px; top:0;  }
.conveni .webmnbitc input[type="text"]#eml { height:25px; width:258px;  left:80px; top:0;  }



/*- 動画一覧 moviesbox
------------------------------------- */
/* Movies */
aside#movie_header { width:auto; height:150px; border:#a0a0a0 1px solid; margin-bottom:20px; }
aside#movie_header { background:url(/imgs/files/movie/eyecach_m/movies.jpg)no-repeat center; }
#moviebox p.ptstext {  }
#moviebox ul { margin-top:-9px; margin-bottom:-15px; }
#moviebox li{ display:block; border:#dcdcdc 1px solid; margin-bottom:20px; padding:20px; }
#moviebox li:last-child{ margin-bottom:15px; }
#moviebox div.bg-movies { position:relative; height:auto; position:relative;                }
#moviebox div.bg-movies:after { content:''; display:block; clear:both; }
#moviebox div.bg-movies a { display:block; width:100%; height:100%; }

#moviebox div.bg-movies img {
     display:block;
     margin:10px;
    }

#moviebox aside.movbox { position:absolute; display:block; width:auto; height:65px; top:0; left:210px;  line-height:1.3;  }
#moviebox aside.movbox p.title { position:relative; color:#0599e0; margin-left:1.5em; font-size:100%; top:-2px; }
#moviebox aside.movbox p.title:hover { text-decoration: underline; }
#moviebox aside.movbox p.title:before { content:''; top:3px; left:-20px; position:absolute;  height:0;width:0;
display:block;border-top:6px solid transparent;border-left:12px solid #0599e0;border-right:12px solid transparent;border-bottom:6px solid transparent; }
#moviebox aside.movbox p.comme {position:relative; font-size:86%;line-height:1.4; bottom:-4px; color:#535353; max-height:68px;}



/**********************

ムービーリストページ

**********************/

#movielist p.ptstext { padding: 0; /* margin:0; */ }
#movielist ul {
     margin-right:-37px;
    margin-left: -4px;
    }

#movielist ul li{
     display:block;
     float:left;
     border:#dcdcdc 1px solid;
     width:184px;
     margin-right:29px;
     margin-bottom:29px;
    }

#movielist li .bg-movies {
     position:relative;
     height:auto;
     margin:9px;
     overflow:hidden;
    }

#movielist div.bg-movies:after { content:''; display:block; clear:both; }
#movielist div.bg-movies a { display:block; width:100%; height:100%; }

#movielist div.bg-movies img {
     display:block;
     width:auto;
     margin:0 auto;
     width:160px;
     height:120px;
    }

#movielist aside.movbox {
   position:relative;
   display:block;
   width:165px;
   height:80px;
   margin:3px;
   top:8px;
   line-height:1.2;
   font-size:78%;
   letter-spacing: 0.1em;
   color:#535353;
  }

.bg-movies a:hover {
  text-decoration:none!important;
  }

#movielist p.comenttext { position:relative; display:none; line-height:0.8; bottom:1px; color:#535353; max-height:20px; font-size:9px; }


/* Movies list eyecachs
------------------------------------- */
.v01 #movie_header { background:url(/imgs/files/movie/eyecach_m/01.likeboys_664_146.jpg)no-repeat center; }
.v02 #movie_header { background:url(/imgs/files/movie/eyecach_m/02.acceed_664_146.jpg) no-repeat center; }
.v03 #movie_header { background:url(/imgs/files/movie/eyecach_m/03.badi_664_146.jpg) no-repeat center; }
.v04 #movie_header { background:url(/imgs/files/movie/eyecach_m/04.super_664_146.jpg) no-repeat center; }
.v05 #movie_header { background:url(/imgs/files/movie/eyecach_m/05.axis_664_146.jpg) no-repeat center; }
.v06 #movie_header { background:url(/imgs/files/movie/eyecach_m/06.mensc_664_146.jpg) no-repeat center; }
.v07 #movie_header { background:url(/imgs/files/movie/eyecach_m/07.bbvideos_664_146.jpg) no-repeat center; }
.v08 #movie_header { background:url(/imgs/files/movie/eyecach_m/08.newsexual_664_146.jpg) no-repeat center; }
.v09 #movie_header { background:url(/imgs/files/movie/eyecach_m/09.cyst_664_146.jpg) no-repeat center; }
.v10 #movie_header { background:url(/imgs/files/movie/eyecach_m/10.prism_664_146.jpg) no-repeat center; }
.v11 #movie_header { background:url(/imgs/files/movie/eyecach_m/11.greenbell_664_146.jpg) no-repeat center; }
.v12 #movie_header { background:url(/imgs/files/movie/eyecach_m/12.tequila_664_146.jpg) no-repeat center; }

/* Movies leftsideMenu
------------------------------------- */
nav#movieMenu { margin-bottom:20px; }
nav#movieMenu ul li { height:60px; width:auto; }
nav#movieMenu ul li img { margin-bottom:0; }




/*- イベントm
------------------------------------- */
/* sample */
#events{  }
header.eventHead { background:url(/imgs/files/events/eyecache-header.png)no-repeat center; border:#a0a0a0 1px solid; width:auto; height:150px; margin-bottom:20px; }

.events.box { margin-right:0; overflow:hidden; }
#events p.ptstext { padding: 0 }
#movielist li{ margin:0; }
ul.tp-grid { font-family:"HuiFont"; font-size:14px;} /** font eot woff svg を追加予定  **/
#gallery {  margin: -9px -37px 0 -4px; overflow:hidden;  }
ul.tp-grid li { margin-right:-7px; margin-top:-10px; height:120px; width:160px; letter-spacing:-0.12en; margin-left:2px; margin-bottom:2px; /*box-shadow:-1px 0 0 0 rgba(0, 0, 0, 0.4); */ }
ul.tp-open li { margin-right:-8px; margin-top:-10px; height:120px; width:160px; }
ul.tp-open li img {  height:120px; width:160px;}







/*- モバイル mobile
------------------------------------- */
.mobile .box { background:url(/imgs/files/img/mobileheader2.png) no-repeat center top; height:451px; }
/* Movies */
#mobile { position:relative; background:#ffffff; padding:30px 30px 50px; font-size: 90%; margin-top:-5px; }
#mobile h2 { position:relative; background:url(/imgs/files/img/qr_h.png) no-repeat; width:188px; height:69px; top:-42px; left:55px; }
#mobile:after { content:''; display:block; clear:both; }
#mobile p.ptstext { padding: 10px 10px 50px; } #movielist li{ margin: 0 0 10px; }/* text */
#mobile .smpgrk { position:relative; padding: 0; width: 30%; top:-95px; left:10px; }
#mobile .smpgrk div input[type="email"] { width:180px; height:22px; font-size:0.8em; padding : 1px 3px 0;  }
#mobile .smpgrk div input[type="submit"] { float:right; margin-left:5px; }
#mobile .smpgrk div { background:#EFEDE9; height:auto;  padding: 12px 20px 12px 42px; margin:0 0 43px 2px; width:285px; position:relative; }
#mobile .smpgrk span { display:block; position:absolute; width:72px; height:91px; bottom:-30px; }
#mobile .smpgrk .smp span { background:url(/imgs/files/img/mobile_smp.png) no-repeat 2px 0; left:-16px; }
#mobile .smpgrk .grk span { background:url(/imgs/files/img/mobile_cell.png) no-repeat 2px 0; left:-8px; }
#mobile .smpgrk  p.qrcord {
      display: block;
    position: absolute;
    background: url(/imgs/files/img/qr.png) no-repeat;
    width: 147px;
    height: 146px;
    left: 200px;
    top: -49px;
 }
#mobile div.bg-mobiles p.comenttext { float:left font-size:80%; padding: 100px auto 0; }
header.mobilehead { display:block; position:relative; width:100%; background:url(/imgs/files/img/mobileheader.png) no-repeat center top; height:451px; }
#mobile article.mobile_bg { background:#ffffff; margin-bottom: -50px; }
.mobiles aside.mobiletext { position:absolute; width:240px; top:246px; right:68px; font-size:78%; line-height:1.945; }



/*- ユーザーメニュー moviesbox
------------------------------------- */
div.users:after { content:''; display:block; clear:both; *zoom:1; }
.users h1 { font-size:95%; font-weight:100; border:none; color:#ffffff;
  border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -webkit-border-radius:2px;
  margin-left:0; background:#0599e0; width:100px; padding:2px 2px 1px 4px;; display:block; float:right; }


/* ユーザーメニュー list */
.userlist { clear:both; }
/*detalis*/
.usermenu div.user_mh { font-size:140%; text-indent:0.03em; margin:-20px 0 13px 9px; width:auto; height:49px; line-height:68px;   }
.usermenu h3#new_msg,
.usermenu h3#new_ap,
.usermenu h3#new_msg,
.usermenu h3#new_mn  {
  display:block; background:#0599e0; padding: 2px 10px; width:auto; height:25px; font-size:100%; font-weight:100; color:#fff; }
.usermenu h3#new_ap,.usermenu h3#new_mn { margin-top:45px; }
.usermenu h3 { margin-bottom:8px; }
ul.new_msg li{ clear:both; border-bottom: #dcdcdc 1px dotted; padding:7px 5px; }
ul.new_msg li:after{ content:''; display:block; clear:both; *zoom: 1; }
ul.new_msg li p{ display:block; margin:0; padding:5px auto; }
ul.new_msg li p:nth-child(1) { float:left; width:400px; margin-left:4px; }ul.new_msg li p:nth-child(2) { float:right; width:150px; height:20px; text-align:right; padding-right:8px; }
.usermenu h1 { visibility:hidden; }

p.maslnk { display:block; text-align:right; width:99%; height:12px; margin:10px 0 -2px 0; font-size:85%; }
aside.uptext { margin:10px 9px; }





/*******************

menu.html（出会いを成立させて報告しよう）写真リスト

*******************/

ul.cupplphoto {
     width:100%;
     margin-bottom:-34px;
     margin-left: -1px;
    }

ul.cupplphoto img {
      padding:2px;
      border:#a0a0a0 1px solid;
      width:64px;
      height:auto;
     }

ul.cupplphoto:after{
     content:'';
     display:inline-block;
     width:100%;
     height:0;
     clear: both;
    }

ul.cupplphoto li {
     display:inline-block;
     float:left;
     margin-bottom: 7px;
     margin-right: 7px;
    }

ul.cupplphoto li:nth-child(8n){
  margin-right:-10px;
}

/*- ご利用ガイド　　guide.html
------------------------------------- */
.site_guide h1.site_guid_h { border:none; margin-left:-7px; }
.site_guide article h2 { float:left; display:block; position:relative; border:none; margin:-2px 0 15px -4px; height:23px; width:310px;
   padding-left:28px; font-size:115%; color:#535353; }
.site_guide article h2.fh01:before { content:'1 '; top:-17px; left:0;  } .site_guide article h2.fh02:before { content:'2 '; top:-17px; left:0;  }
.site_guide article h2.fh01:before,.site_guide article h2.fh02:before { display:block; position:absolute; font-size:200%; font-weight:100;  color:#0599e0; }
.site_guide article div.imgbox_guid { float:left; width:240px; height:175px;  margin: 0 23px 2px 0; }
.site_guide article div.imgbox_guid a { padding-top:3px; }
.site_guide article div img.img1ex { width:235px; height:140px;  background:url(/imgs/files/img/site_img01ss.png) no-repeat;  }
.site_guide article div img.img2ex { width:235px; height:132px;  background:url(/imgs/files/img/site_img02ss.png) no-repeat;  }
.site_guide article div p { margin-top:3px; font-size:80%; letter-spacing:0.095em; color:#b3b3b3; text-shadow:none; text-align:center; }
.site_guide article p.ptstext { font-size:98%; line-height:1.9; }
.site_guide article { margin-bottom:50px; clear:both; }






/* index.html -------------------------*/
#indexhtml { background:url(img/25_03.png) repeat;}
#indexhtml article { width:910px; border:#0599e0 5px solid; text-align:center; margin:6% auto 0; padding:30px 0 0;
  background:url(/imgs/files/img/g-logo.png) no-repeat 396px 30px #fff; }
#indexhtml article h1 { background:url(/imgs/files/img/index_h1.png) no-repeat center top; width:537px; height:30px; margin:194px auto 31px; }
#indexhtml article p.indtxt { line-height:1.6; font-size:95%; margin-top:-6px; }
#indexhtml article p.indtxt span { color:#f854a5; }

#indexhtml aside.buttonw { margin-top:73px; background:url(/imgs/files/img/index_h2.png) no-repeat center top; padding-top:22px; }

#indexhtml aside.buttonw span:nth-child(1) { display:block; width:300px; height:60px; margin:25px auto; }
#indexhtml aside.buttonw span:nth-child(2) { display:block; width:240px; height:48px; margin:30px auto; }

#indexhtml aside.buttonw span a { display:block; width:100%; height:100%; }
#indexhtml aside.buttonw span:nth-child(1) a { background:url(/imgs/files/img/ind_entry.png) no-repeat center 1px #f854a5; }
#indexhtml aside.buttonw span:nth-child(2) a { background:url(/imgs/files/img/ind_ext.png) no-repeat center #a0a0a0; }
@media screen and (-webkit-min-device-pixel-ratio:0){
  #indexhtml article p.indtxt { margin-top:-4px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  #indexhtml article p.indtxt { margin-top:-5px; }
  #indexhtml aside.buttonw { margin-top:72px; padding-top:22px; }
}



/* 発動条件---------------------------------*/
#put_cond { width:670px; margin: 0 auto; background:#fff; }
#put_cond .put_child { border:#f00 3px solid; margin-bottom:40px; padding:15px 30px; position:relative; line-height:1.8;  }
#put_cond .put_child h2 {  display:block; color:#f00; font-size:125%; letter-spacing:0.02em; text-align:center;  margin: 10px -0.02em 37px 50px; height:auto; line-height:1.5;  }
#put_cond .put_child h2.close_put2 { margin-bottom:39px; }
#put_cond .put_child h2:after { content:''; display:block;  background:url(/imgs/files/icons/alert_icon.png) no-repeat;
  width:77px; height:70px; position:absolute; top:15px; left:112px;  }
#put_cond .put_child:last-child h2 { letter-spacing:0.11em; }
#put_cond .put_child:last-child p { display:block; margin-bottom:20px; }
#put_cond .put_child p { display:block; font-size:90%; }
#put_cond .put_child button { display:block; font-size:90%; margin:23px auto 15px; width: 120px; height:35px; }
#put_cond .put_child button.close_put2 { margin-top:24px; }


/* 特商法表記  specified.html
-- window ---------------------------------------------*/
div,p { margin:0; padding:0; border:none;}
#specified { width:530px; background:#fff; font-size:85%; margin: 0 auto; padding:20px 0 30px 20px; }
#specified:after { content:''; clear:both; display:block; }
#specified h1 { font-size:135%; margin:0 8px; color:#0599e0; display:block; margin-bottom:5px; padding: 0;width:auto; letter-spacing:0.12em; }
#specified div.col p { float: left;  padding: 9px 2px 8px; border-bottom: #ccc 1px dotted; overflow:hidden; }
#specified div.col p:nth-child(3n+1) { clear:both; width:110px; margin-left:5px;}
#specified div.col p:nth-child(3n+2) { width:35px; text-indent:8px; }
#specified div.col p:nth-child(3n+0) { width:343px; text-indent:0.102em; }


/* お問い合わせ  ask.html
-- window ---------------------------------------------*/
div,p { margin:0; padding:0; border:none;}
p input[type=email] { float:left; display:block; margin-right:22px; width:315px; }
p input[type=submit] { margin: 15px auto 6px; }
p select { float:right; display:inline-block; margin-right:2px; width:187px; height:30px; }
p.titlearea { border-bottom:#a0a0a0 1px dotted;  padding:1px; }
textarea.asktarea { clear:both; padding:5px; width:540px; min-height:250px; margin-top:25px;}
#askhtml { width:600px; background:#fff; font-size:98%; margin: 0 auto; padding-top:20px; padding-bottom:8px; position:relative; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #askhtml { width:600px; background:#fff; font-size:98%; padding-top:20px; padding-bottom:8px; position:relative; }
}
/* お問い合せ */
#askhtml .col { margin:0 28px 20px;  }
#specified div.col p { float: left;  }
#askhtml h2 { font-size:135%; margin:0 27px 0; color:#0599e0; display:block; margin-bottom:18px; padding: 0;  width:auto; letter-spacing:0.12em; text-align:center; }
#askform span.countask {  }
form#askform span.countask { position:absolute; display:inline-block; background:#EFEDE9; width:62px; height:20px; outline: #e5e5e5 1px solid;
  text-align:right; padding:1px 5px 3px 2px; font-size:11pt;  line-height:1.7; bottom:49px; left:29px; }


/* 動画プレビュー  movieprevew.html
-- window ---------------------------------------------*/
#movieprehtml div,p { margin:0; padding:0; border:none;}                /* ※※※※グローバル化していた　他に影響がないか注意 ※※※※  */
#movieprehtml { width:100%; height: 100%; background:#fff; font-size:85%; margin: 0; padding:10px 0 30px; }
#movieprehtml div.col p {  padding: 5px; border-bottom: #ccc 1px dotted; }
#movieprehtml div.col video {  width:432px; height:260px; }
#movieprehtml a span { margin:30px auto 5px; }
#movieprehtml div.col { width:432px; height:240px; margin:20px auto; background:#000000; } /* 動画スペースdemo　削除してください */
#movieprehtml p.textare { font-size:85%; width:432px; margin:15px auto 25px; }



/*- floating-images ---------------------------------*/
span.loading { display:block; width:100%; background:url(/imgs/files/img/loading.gif) no-repeat center; min-height:50px; margin-top:50px; }
span.arrow_r { display:block; width:100%; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto; }
span.arrow_prof { display:block; width:365px; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto 20px 0; }
span.arrow_prof2 { display:block; width:365px; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto -5px 0; }

div#loading { width:100%; background:url(/imgs/files/img/loading.gif) no-repeat center; min-height:50px; margin-top:50px; }
div#arrow_r { width:100%; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto; }
div.arrow_prof { width:365px; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto 20px 0; }
div.arrow_prof2 { width:365px; background:url(/imgs/files/img/arrow_r.png) no-repeat center; height:69px; margin:20px auto -5px 0; }

.msglist .loading{text-align: center;}

/*- [decoration]
---------------------------------------*/
/* float */
.float_l { float:left; }.float_r { float:right; }


/* shadow */
#befleft_sidebar img,
#left_sidebar div,
#main_footer {box-shadow: 1px 1px 2px #dcdcdc; }

/* filter */
#befleft_sidebar a:hover img,
#left_sidebar a:hover img,
.a:active img{
   filter:alpha(opacity= 90); /* IE */
  -moz-opacity:0.90; /* Firefox CSS3以前 */
  opacity:0.90; /* CSS3 */ }

/* textcolor */
.tc_pink { color:#f854a5; }.tc_green { color:#62a640 }
.tc_navy { color:#187fc2 }.tc_blue { color:#0599e0 }
.tc_dglay { color:#535353 }.tc_graya0 { color:#a0a0a0 }
.tc_gradc { color:#dcdcdc }.tc_graye5 { color:#e5e5e5 }
.bgc_def { color:#f3f3f3; }.ts_bold { font-weight: bold; }
.ta_notes { color:#a0a0a0; font-size: 90%; } .tc_atent{ color:#ff0000; }
span.textsh { display:block; margin-bottom:-18px; font-size:120%; font-weight:bold; }
span.texts { font-size:90%; }

/* spacer */
.margin02 { display:block;margin-top:20px; } .margin04 { display:block;margin-top:40px; }
.margin06 { display:block;margin-top:60px; } .margin08 { display:block;margin-top:80px; }
.margin10 { display:block;margin-top:1000px; } .margin12 { display:block;margin-top:120px; }
.margin15 { display:block;margin-top:15px; }

.img_left { display:block; width:100%; text-align:left; }
.img_right { display:block; width:100%; text-align:right; }

/* clear w3c-tag */
.clearfix { display:block; contents:''; clear:both; }
.w3cEl { /*display:none;*/ font-size:0; color:#fff; text-indent:-9999px; }




/*- top-tab_module[layout]
---------------------------------------*/
#caresel { margin-bottom:27px; }/* ◆◆margin right-columns◆◆ */
div#tab_container {
     margin-top:27px;
    } /* ◆◆margin right-columns◆◆ */

div#tab_container .box_coment img{
  z-index: 10120;
}

/* car blowff */

#caresel p.nmBlow {
     position:absolute;
     opacity:1;
     width:285px;
     height:27px;
     font-size:98%;
     text-align:center;
     border:#0599e0 2px solid;
     padding:0;
     line-height:27px;
     box-shadow: 1px 1px 1px 1px rgba(220,220,220,1.0);
     border-radius:20px;
     top:-45px;
     left:-40px;
    }

#caresel p.nmBlow:after {
     content:''; position:relative;
     display:block;
     width:11px;
     height:12px;
     left:28px;
     top:0;
   background:url(/imgs/files/icons/nt_10.png) no-repeat;
  }


#tab_container {
     width:auto;
     margin: 0;
     border:#a0a0a0 1px solid;
     width:auto;
     padding-top:60px;
     background:#fff url(/imgs/files/img/indh202.png) no-repeat center 21px;
    }


#tab_container:after { content:''; display:block; clear:both; }
#tab_container h1 { width:334px; height:22px;   margin: 19px auto; background:url(/imgs/files/img/indh202.png) no-repeat;  }
#tab_container .box_coment { display:block; position:relative; margin: 20px 0; padding:0 15px; width:100%; margin-top:0; overflow:hidden; }
#tab_container .box_coment:after { display:block; content:''; clear:both; }
#tab_container .box_coment:nth-child(1) { margin-top:0; margin-right:20px;/**/ }
#tab_container .box_coment img { float:left; border:#a0a0a0 1px solid; margin-left:15px; margin-right:30px; width:62px; height:auto; padding:1px; }

/* detail */
#tab_container .blowo01 h3 { display:block; margin: 5px 0 5px 18px; font-weight:bold; font-size:105%; height:27px; }
#tab_container .blowo01 h3 span { overflow:hidden; }
#tab_container .blowo01 h3 span:nth-child(1) { float:left;  margin:0; padding: 5px 0 0px 3px; text-align:left; width:40%; font-size:100%; color:#f854a5; }
#tab_container .blowo01 h3 span:nth-child(2) { float:right; margin:0; padding: 5px 0 0px 3px; text-align:left; width:55%; font-size:100%; color:#535353; }
#tab_container .blowo01 h3:after { content:''; display:block; clear:both; widht:1px; height:0; }
#tab_container .blowo01 { border:1px solid #a0a0a0; text-align:left; font-size:80%; float:left; position:relative;width:510px;top:0; height:128px; }

@media screen and (-webkit-min-device-pixel-ratio:0){
  #caresel { margin-bottom:32px; }                                  /* ◆◆margin right-columns◆◆ */
  div#tab_container { margin-top:31px; }                                /* ◆◆margin right-columns◆◆ */
  #tab_container .blowo01 { height:125px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  #caresel { margin-bottom:28px; }
  div#tab_container { margin-top:27px; }
}
/* detail ...*/
#tab_container .blowo01 aside {  display:block; padding: 0; margin:6px 20px; line-height:1.5;  overflow:hidden;  }
#tab_container .blowo01:before {content:"";border:10px solid transparent;border-right-color:#fff;border-left-width:0;left:-9px;top:10px;
  display:block; position:absolute; width:0; height:0; z-index:1; }
#tab_container .blowo01:after { content:""; border:10px solid transparent;border-right-color:#a0a0a0;border-left-width:0;left:-10px;top:10px;
  display:block; position:absolute; width:0; height:0; }
#tab_container li span.blowoff01,
#tab_container li span.blowoff02  { position:absolute;  width:37px; height:32px;z-index:1000;  top:-20px; }



/*- animation ---------------------------------*/
/*- logo vibration -------------------*/

@-webkit-keyframes shake {
  0% { -webkit-transform: translate(3px, 2px) rotate(0deg); }
  10% { -webkit-transform: translate(-2px, -3px) rotate(-1deg); }
  20% { -webkit-transform: translate(-4px, 0px) rotate(1deg); }
  30% { -webkit-transform: translate(0px, 3px) rotate(0deg); }
  40% { -webkit-transform: translate(2px, -2px) rotate(1deg); }
  50% { -webkit-transform: translate(-2px, 3px) rotate(-1deg); }
  60% { -webkit-transform: translate(-4px, 2px) rotate(0deg); }
  70% { -webkit-transform: translate(3px, 2px) rotate(-1deg); }
  80% { -webkit-transform: translate(-2px, -2px) rotate(1deg); }
  90% { -webkit-transform: translate(2px, 4px) rotate(0deg); }
  100% { -webkit-transform: translate(2px, -3px) rotate(-1deg); }
}

@keyframes shake {
  0% { transform: translate(3px, 2px) rotate(0deg); }
  10% { transform: translate(-2px, -3px) rotate(-1deg); }
  20% { transform: translate(-4px, 0px) rotate(1deg); }
  30% { transform: translate(0px, 3px) rotate(0deg); }
  40% { transform: translate(2px, -2px) rotate(1deg); }
  50% { transform: translate(-2px, 3px) rotate(-1deg); }
  60% { transform: translate(-4px, 2px) rotate(0deg); }
  70% { transform: translate(3px, 2px) rotate(-1deg); }
  80% { transform: translate(-2px, -2px) rotate(1deg); }
  90% { transform: translate(2px, 4px) rotate(0deg); }
  100% { transform: translate(2px, -3px) rotate(-1deg); }
}

::selection {     background:#d4dcd6;  }
::-moz-selection {      background:#d4dcd6;  }
::-ms-selection {     background:#d4dcd6;  }
::-webkit-selection {     background:#d4dcd6;  }











/*- HUSEN ---------------------------------*/

/* thumbnail tool chip */
.thumbnail ul.mlbox li aside.thmsBx { width:100%; height:100%; display:block; position:relative; /* overflow:hidden; */}
aside.thmsBx img{ width:118px !important; height: 118px!important;}

.thumbnail ul.mlbox li span.sCap {
   display:block;
   position:absolute;
   background:rgba(0, 0, 0, 0.6);
   height:130px;
   width:130px;
   font-size:90%;
   text-shadow:none;
   top:-130px;
   left:0;
   right:0;
   color:#fff;
   overflow:hidden;
   z-index:3;
  }

.thumbnail ul.mlbox li a {
   display:block;
   width:100%;
   height:130px;
   overflow:hidden;
  }

.thumbnail ul.mlbox li span.sCap aside {
   text-align:center;
   padding:12px 10px 50px 12px;
   line-height:1.3;
  }

.thumbnail ul.mlbox li span.sCap aside p {
   margin:0;
   height: 52px;
  }

.thumbnail ul.mlbox li span.sCap aside div {
  line-height: 1.5em;
  }

.thumbnail ul.mlbox li span.sCap aside span {
   display: block;
  }



/* icons */
/* apl blowoff icon */
.apllc .blowoff .thread:before,
.thumbnail .blowoff:before {
     content:'';
     display:block;
     position:absolute;
/*     background:url(/imgs/files/parts/blowoff001_new.png) no-repeat; */
     width: 37px;
     height:32px;
     top:30px;
     right:115px;
    }

.thumbnail .blowoff:before { top:-8px; left:-24px; z-index:5; }


/* Js addClass */
ul#lists li.blowoff { position:absolute; background:url(/imgs/files/icons/news.png) no-repeat; width:37px; height:32px; top:10px; left:-8px; }


/* NEW噴出しblowoff */
#lists li { position: relative; }
#lists li.blowoff > div > a:before { content:''; display:block; position:absolute; background:url(/imgs/files/icons/news.png) no-repeat; width: 37px; height:32px; top:7px; left:-12px; }



/* menu.html 発動条件  */
#mainnavi ul#dropm li.msg_rm > a:before,
#mainnavi ul#dropm li.apl_rm > a:before  { content:''; display:block; position:absolute; width: 37px; height:37px; top:6px; right:-11px;
    background:#ffffff; border-radius:100%; width:29px;height:29px; line-height:0.2; box-shadow:1px 1px 2px rgba(0,0,0,0.3); z-index:9997; }
#mainnavi ul#dropm li.msg_rm > a:after,
#mainnavi ul#dropm li.apl_rm > a:after { content:''; display:block; position:absolute;  width: 32px; height:32px; top:7px; right:-9.5px;
    background:#f854a5; border-radius:100%; width:26px;height:26px; line-height:1.95; font-size:90%; font-weight:normal; letter-spacing:-0.08em; text-shadow:1px 1px 2px rgba(248,84,165,0.3); z-index:10; color:#fff; z-index:9998 }

/* ダミー */
#mainnavi ul#dropm li.mylis > a:after { content:'11'; display:block; position:absolute;  width:36px; height:36px; top:4px; right:-13.4px;
  background:url(/imgs/files/icons/ht_phochi.png) no-repeat 2px 1px; border-radius:100%; line-height:2.3; font-weight:600; text-shadow: 1px 1px 2px #b53e79; z-index:10; }





/******************************

ダイアログ類

******************************/


#dialogs {
    width:300px;
    background:#fff;
    font-size:85%;
    margin: 0 auto;
    padding:10px;
    border:#0599e0 1px solid;
    overflow:hidden;
    z-index: 10000;
   }

#dialogs h1 { font-size:100%; font-weight:normal; margin:1px auto; color:#0599e0; display:block; width:auto; text-align:center; }

@media screen and (-webkit-min-device-pixel-ratio:0){
#caresel { margin-bottom:32px; }
div#tab_container { margin-top:31px; }
#tab_container .blowo01 { height:125px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  #caresel { margin-bottom:28px; }
  div#tab_container { margin-top:27px; }
}




/*-----------------------------------------▼2015.引き継ぎ以降の追加スタイル▼-------------------------------------*/


/*******************

新規ログインダイアログ

*******************/


.logincheck {
    padding: 6px;
}
.logincheck input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.logincheck input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .logincheck input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .logincheck input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .logincheck input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }

    .logincheck input[type=checkbox] + label::before {
        border: 1px solid #ccc;
    }

    .logincheck input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .logincheck input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #f854a5;
        border-bottom: 3px solid #f854a5;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}



#dialog_login {
     margin: 0 auto;
     background: #fff;
     padding:15px 15px 30px;
     text-align: center;
    }

#dialog_login div {
     display:inline-block;
    }

#dialog_login p.dtitle,
#dialog_login div.therdbox {
     display:block;
     padding:0 ;
     letter-spacing:0.09em;
     z-index:100;
    }

#dialog_login h2{
  font-size: 18px;
        padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

#dialog_login p.dtitle {
  font-size: 12px;
  line-height: 1.4em;
  margin: 10px auto;
}

#dialog_login div.therdbox {
    letter-spacing:0.15em;
    font-size: 12px;
    text-align: left;
    margin-left: -35px;
    margin-top: 8px;
    margin-bottom: 8px;
   }

#dialog_login div.therdbox a:link {
     color:#0599e0;
     text-decoration:none;
    }

#dialogs div.therdbox a:hover {
     color:#4ac6ff;
     text-decoration:none;
    }

#dialog_login div.therdbox a:visited {
     color:#0599e0;
     text-decoration:none;
    }

#dialogs div.therdbox a {
     text-shadow:0 0 0 #425786;
    }

.subbox {
     width:100%;
    }

.coltext {
     width:230px;
     height:auto;
     margin: 0 auto;
     padding:0 ;
    }

.coltext form#login {
    }


#dialog_login input[type="text"],
#dialog_login input[type="password"] {
     width:300px;
     height:35px;
     margin-left:-35px!important;
     margin: 5px auto;
     font-size: 14px;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    padding-left: 5px;
    background: #f9f9f9;
    }

#dialog_login input[type="text"]:focus,
#dialog_login input[type="password"]:focus {
   background: #fff;
   border: 1px solid #0599E0;
}

label {
     display:block;
    }






/********************

各種toggle風ボタン

********************/

.toggle-a,.toggle-b{
  width:130px;
  height: 35px;
  border-radius: 20px;
  line-height: 25px;
  margin: 3px 0 12px 0;
  font-size: 15px;
}

.toggle-a{
  background: #EEEEEE;
  border: 2px solid #999;
  color: #989898;
  }

.toggle-b {
  background: #fff;
  border: 2px solid #5698DD;
  color: #5698DD;
   }

.toggle-a span,
.toggle-b span{
  width:27px;
  height:27px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size:1pt;
  margin: 2px;
}

.toggle-a span{
   background: #fff;
   border: 2px solid #989898;
   float: left;
   color: #fff;
  }

.toggle-b span{
  background: #5698DD;
  border: 2px solid #5698DD;
  float: right;
  color: #5698DD;
   }

.toggle-a p,
.toggle-b p{
  display: inline;
  vertical-align: middle;
  line-height: 2em;
  }

.toggle-a p{
   padding-left: 4px;
  }

.toggle-b p{
  padding-left: 12px;
  }



/*****

C & D（ポイント購入ページ、イラスト展開用）

****/

.toggle-c,.toggle-d{
    cursor: pointer;
  width:150px;
  height: 35px;
  border-radius: 20px;
  line-height: 25px;
  margin: 3px 0 12px 0;
  font-size: 13px;
  letter-spacing: 0.07em;
  background: #E9E9E9;
  border: 2px solid #68686E;
  color: #68686E;
}

.toggle-c{
  background: #E9E9E9;
  border: 2px solid #68686E;
  color: #68686E;
  }

.toggle-d{
  background: #fff;
  border: 2px solid #F35AA5;
  color: #F35AA5;
}


.toggle-c span,
.toggle-d span{
  width:27px;
  height:27px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size:1pt;
  margin: 2px;
   position: relative;
   text-shadow: none!important;
}

.toggle-c span{
   background: #68686E;
   border: 2px solid #68686E;
   float: left;
   color: #68686E;
  }

.toggle-d span{
  background: #F35AA5;
  border: 2px solid #F35AA5;
  float: right;
  color: #F35AA5;
   }

.toggle-c p,
.toggle-d p{
  display: inline;
  vertical-align: middle;
  line-height: 2.8em;
  }

.toggle-c p{
    padding-left: 4px;
   }

.toggle-d p{
  padding-left: 14px;
   }


.toggle-c span:after {
     border:6px solid transparent;
     border-left-color:#CBCCD6;
     bottom:8px;
     left:43%;
     position:absolute;
     width:0;
     height:0;
     content:"";
     display:block;
    }

.toggle-c span:before {
     content:"";
     border:6px solid transparent;
     border-left-color:#68686E;
     bottom:8px;
     left:30%;
   display:block;
   position:absolute;
   width:0;
   height:0;
   z-index:1;
  }




.toggle-d span:after {
     border:7px solid transparent;
     border-top-color:#fff;
     bottom:1px;
     left:7px;
     position:absolute;
     width:0;
     height:0;
     content:"";
     display:block;
    }

.toggle-d span:before {
     content:"";
     border:7px solid transparent;
     border-top-color:#F35AA5;
     bottom:4px;
     left:7px;
   display:block;
   position:absolute;
   width:0;
   height:0;
   z-index:1;
  }


/*****

E & F（ポイントテーブル箇所）

****/

.toggle-e,.toggle-f{
  width:120px;
  height: 23px;
  border-radius: 20px;
  margin: 3px 0 12px 0;
  font-size: 12px;
  line-height: 25px;
  cursor: pointer;
}

.toggle-e{
  background: #fff;
  border: 2px solid #299CDA;
  color: #299CDA;
  }

.toggle-f {
  background: #DDDDDD;
  border: 2px solid #969696;
  color: #969696;
   }


.toggle-e p,
.toggle-f p{
  text-align: center;
  margin: 0 auto;
  }

  .illusts{
    display:none;
  }


  /*********************/


/*****

F & H（出会い検索）

****/
#search_table{
  width:100%;
  height: 23px;
  margin: 10px 0 0;
  font-size: 12px;
  cursor: pointer;
  background: #fff;
  color: #299CDA;
}

#search_table p{
  text-align: right;
  margin: 0 10px 0 0;
  }


.toggle-h {
  background: #fff;
  color: #969696;
  margin: 10px 0 20px 0;
   }
.toggle-h p{
  text-align: right;
  margin: 0 10px 0 0;
  }

.illusts{
    display:none;
  }
  /*********************/






#pt-slide{
  display: none;
  padding-top:15px;
}

#procedure{
  margin:30px 0 15px 0;
}


.sntext img{
float: left;
margin: 0 8px 0 0;
height:100px;

}


#koryaku dd img{
float: left;
margin: 0 10px 0 0;
  border-radius: 300px;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
height:60px;
border: 2px #0599e0 solid;
}



#koryaku dt,
#faq dt{
  cursor: pointer;
}

textarea.prof{
  height:10.6em!important;
}

#infscr-loading {
    text-align: center;
}

#koryaku dd{
  font-size:90%;
}










/***********************

ポイント追加ページ：料金表テーブル

***********************/

.context{
  margin: 20px 0;
}

.pt-conf{
    padding-bottom:20px;
  border-bottom: 1px dotted #D9D8D8;
  width:100%;
  text-align: center;
}

.pt-conf .conf-table{
  width:134px;
  border: 1px solid #7d7d7d;
  display: inline-block;
  margin: 0 6px;
}

.pt-conf .conf-table div{
  padding: 10px 0;
}

.pt-conf .conf-table div span{
  color: #F973DB;
  font-weight: bold;
}

.pt-conf .conf-table div:first-child{
  background: #F2F2F2;
  border-bottom: 1px solid #7d7d7d;
}


.full_content {
  width:98%;
  height:380px;
  position:relative;
  margin:10px auto;
  clear:both;
  display: block;
  margin-bottom:80px;
}

.t-menu{
  width:130px;
  height:35px;
  background:#F2F2F2;
  float:left;
  list-style:none;
  padding:10px 0 0;
  margin-left:6px;
  text-align:center;
  display:block;
  cursor: pointer;
  color:#7d7d7d;
  font-size: 14px;
  border: 1px solid #7d7d7d;
}

.t-menu:first-child {
  margin-left:0;
}
.active, .hover {
  background:#fff;
  border-bottom: 1px solid #fff;
}

.t-content {
  width:98%;
  margin: 0 auto;
  height:auto;
  border:#7d7d7d 1px solid;
  top:46px;
  left:0;
  padding:5px 5px 0;
  position:absolute;
  z-index: 1;
}


.full_content table{
  width: 100%;
  height: auto;
  font-size: 14px;
  color: #888;
  border-collapse: separate;
  margin-bottom: 20px;
  padding:0;
  overflow: hidden;
  margin:0;
}

.full_content table span{
  color: #F973DB;
}

.ta-cap{
  font-weight:bold;
  margin-left: 5px;
}

.full_content table tr{
  height: 40px;
}

.full_content table tr td{
  vertical-align: middle;
  border-bottom: 1px dotted #ddd ;
}


.full_content table tr td:first-child{
  background: #fff;
  border-right: 1px dotted #ccc;
  width: 110px;
  padding: 5px 10px;
}

.full_content table tr td:nth-child(2){
  padding-left: 15px;
  background: #fff;
}


/*********

add-act-area

*********/

#exchangeing{
  display: none;
}

aside.add-act-area{
  color: #7d7d7d;
  letter-spacing: 0.04em;
  padding: 0 10px 0 0;
  width: 100%;
}

aside.add-act-area h4{
  font-size: 14px;
  line-height: 3;
  cursor: pointer;
  font-weight: bold;
  color: #0599E0;
  display:inline;
}

aside.add-act-area h4:hover{
  text-decoration: underline;
}

aside.add-act-area p{
  font-size: 14px;
  line-height: 1.5em;
}

aside.add-act-area span{
  color: #FC0F1D;
}

aside.add-act-area form{
  margin-top: 2em;
}

aside.add-act-area form p{
  line-height: 2.7;
}

aside.add-act-area input[type="radio"]{
   display: inline-block;
   margin-right: 6px;
}

aside.add-act-area input[type="radio"] + label{
  position: relative;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    margin-top: -2px;
}

aside.add-act-area input[type="radio"]{
    display: none;
    margin: 0;
}

aside.add-act-area input[type="radio"] + label{
    padding: 0 0 0 24px;
}

aside.add-act-area input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 55%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}

aside.add-act-area input[type="radio"] + label::before {
    border: 2px solid #299CDA;
    border-radius: 30px;
}

aside.add-act-area input[type="radio"]:checked + label::after{
    content: "";
    position: absolute;
    top: 55%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

aside.add-act-area input[type="radio"]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #299CDA;
    border-radius: 8px;
}


.add-act-email input[type="radio"]{
   display: inline-block;
   margin-right: 6px;
}

.add-act-email input[type="radio"] + label{
  position: relative;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    margin-top: -2px;
}

.add-act-email input[type="radio"]{
    display: none;
    margin: 0;
}

.add-act-email input[type="radio"] + label{
    padding: 0 0 0 24px;
}

.add-act-email input[type="radio"] + label::before {
    content: "";
    position: absolute;
    top: 55%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
}

.add-act-email input[type="radio"] + label::before {
    border: 2px solid #299CDA;
    border-radius: 30px;
}

.add-act-email input[type="radio"]:checked + label::after{
    content: "";
    position: absolute;
    top: 55%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.add-act-email input[type="radio"]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #299CDA;
    border-radius: 8px;
}


/*********

禁止行為ページ

*********/

.red{
  color:red;
}
.reds{
  color:red;
font-weight:bold;
}

.prohibited{
  text-align: justify;
}

.prohibited div{
  text-align: center;
}

.prohibited h1{
  margin: 40px 0 20px;
}

.prohibited p{
  font-size: 14px;
  letter-spacing: 0.01em;
  line-break: strict;
}



/*********

movieページ用modal

*********/


div#modal {
  z-index: 999998;
  display:none;
  position: fixed;
  width: 100%;
  height: 100%;
}
div#modal div.background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha(opacity=75)";
}
div#modal div.container {
  position: relative;
  width: 500px;
  height: auto;
  background-color: #ffffff;
}

/* js - Magnific Popup */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    height: 60%;
    max-width: 650px; }

  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }








/*== Default
 =================================================================*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,a,
quote,small,form,input,ul,li,ol,label,
form,fieldset,legend,pre,blockquote { margin:0px; padding:0px; }
ul,ol,li,p,div {  margin: 0;  padding: 0; list-style-type:none;}

table,table td { border:0;}

html, body{
    overflow: auto;
    margin: 0;
    padding: 0;
}
html { position: relative; display:block; }
body { margin:0; padding:0; min-width:100%; height:100%; color:#535353; background: #F7F7F7;}

/* image
------------------------------*/
img { margin:0px; padding:0px;  border:0px; }
img,input,textarea,select { vertical-align:middle; margin:0; padding:0;}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}
input[type="search"]:focus {
  outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}

input[type="button"],input[type="submit"] {
    border-radius: 0;
  }

  input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
/* html5 Default */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;    padding:0;    border:0;    outline:0;    vertical-align:baseline;

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {   display:block; }
nav ul {    list-style:none;}

a {    margin:0;    padding:0;    vertical-align:baseline; text-decoration: none;
    background:transparent; color:#0599e0; }
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none; }

ins {    text-decoration:none; }
del {    text-decoration: line-through; }
abbr[title], dfn[title] {    border-bottom:1px dotted;    cursor:help; }
table {    border-collapse:collapse;    border-spacing:0; }
hr {    display:block;   border:0;   }
/*blockquote, q {    quotes:none; }*/
 /*   background:transparent;*/



/*- Link colors -------------------*/
a:link {  text-decoration: none; color:#187fc2; }
a:visited { text-decoration: none; color:#187fc2; }
a:hover { text-decoration: none; color:#0599e0; }
a:active {  text-decoration: none; color:#0599e0; }

#mainnavi a:link,
#main_footer a:link,
#main_footer2 a:link {  text-decoration: none; color:#fff; }

#mainnavi a:visited,
#main_footer a:visited,
#main_footer2 a:visited  {  text-decoration: none; color:#f3f3f3; }

#mainnavi a:hover,
#main_footer a:hover,
#main_footer2 a:hover { text-decoration: none; color:#dcdcdc; }/*38bbeb*/

#mainnavi a:active,
#main_footer a:active,
#main_footer2 a:active {  text-decoration: none; color:#dcdcdc; }

#user_counter a:link { color: #187fc2; }
#user_counter a:visited { color: #187fc2; }
#user_counter a:hover { color: #0599e0; }
#user_counter a:active { color: #0599e0; }

/*
bg_l_line.png .box a:hover { background: tranceparent url(/imgs/files/img/bg_l_line.png);}
*/



/* font
------------------------------*/
body { font-family: Meiryo, メイリオ,'Lucida Grande',sans-serif; }
@font-face {
    font-family: 'websymbolsligaregular';
    src: url('./fonts/websymbolsligaregular.eot');
    src: url('./fonts/websymbolsligaregular.eot?iefix') format('eot'),
         url('./fonts/websymbolsligaregular.woff') format('woff'),
         url('./fonts/websymbolsligaregular.ttf') format('truetype'),
         url('./fonts/websymbolsligaregular.svg#webfontjSpbZQRv') format('svg');
}

@font-face {
    font-family: 'HuiFont';
    src:url("./fonts/HuiFont29.eot") format('eot'),
      url('./fonts/HuiFont29.woff') format('woff'),
      url('./fonts/HuiFont29.ttf') format('truetype');

}








/*== jQuery CSS　
 =================================================================*/


/* fortopbtn
-----------------*/
#fortopbtn { width: 79px; height: auto; background-color:none; position:fixed; bottom:-10px; right:10%; text-align:right; padding: 0; z-index:999; }

dl#faq { background: #0599e0; margin: 0; padding: 0; }
dl#faq dt { border-bottom: 1px solid #dcdcdc; border-top: none; color: #FFF; height: 45px; line-height: 45px; padding: 0 0 0 48px; position: relative; font-size: 105%; }
dl#faq dt:after { content: "";  width: 19px; height: 19px; position: absolute; top:50%; left: 15px; margin-top: -10px; cursor:pointer; }
dl#faq dt.selected:after { background-image: url(/imgs/files/icons/k_open.png); background-size: contain;}
dl#faq dt:after { background-image: url(/imgs/files/icons/k_close.png);}
dl#faq dt:first-child { -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; border-top: 1px solid #a0a0a0; }
dl#faq dd,dl#faq li { background: #FFF; padding-bottom: 15px; padding-top: 15px;  }
dl#faq dd p { padding: 15px; margin: 0; }
dl#faq dd p strong span { font-size: 100%; }
dl#faq dd{ }
/*icons*/
dl#faq span.icon_q { vertical-align:1px; }span.icon_q:after { content:" "; }
dl#faq span.icon_a { vertical-align:1px; }span.icon_a:after { content:" "; }

dl#faq li.qlt {
    position: relative;
    display:block;
    border: none;
    background: #f3f3f3;
    height: 22px;
    width:92%;
  line-height:25px;
  padding:0 10px;
  margin:0;
  font-size: 105%;
  letter-spacing:0.05em;
  cursor: pointer;
   }

dl#faq li.ald { border-bottom:#dcdcdc 2px dotted; }
dl#faq li.ald:last-child{ border:none; }
dl#faq li.qlt,dl#faq li.ald { display:block; margin:0 0 0 18px; padding: 10px;  width:90%; }



/* koryaku------------------------------------ */
dl#koryaku { margin: 0; padding: 0; -webkit-border-radius: 3px; border-radius: 3px 3px 0 0; }
header.koryaku_h { display:block; width:100%; height:150px; background:url(/imgs/files/img/koryaku.png) no-repeat center; width:auto; border:#a0a0a0 1px solid;
  text-align:center; margin-bottom:20px; }

dl#koryaku dt { border-top:#dcdcdc 1px solid; border-collapse:collapse; height:40px; line-height:45px; padding: 0 12px 0 20px;position: relative; font-size: 105%; }
dl#koryaku dt:after { content: "";  width: 19px; height: 19px; position: absolute; top:50%; left:-3px; margin-top: -9px; cursor:pointer; }

dl#koryaku dt.selected:after {
     background-image: url(/imgs/files/icons/k_open.png); background-size: contain;
    }/* open */


dl#koryaku dt.selected { border-bottom: none; }/* open */
dl#koryaku dt:after { background: url(/imgs/files/icons/k_close.png) no-repeat left; }

dl#koryaku dt:first-child { border-top: 1px solid #999; }
dl#koryaku dd { padding-bottom: 15px; padding-top: 15px;  }
dl#koryaku dd p { padding:0 0 7px 19px; margin: 0; }
dl#koryaku dd p strong span { font-size: 100%; }

@media screen and (-webkit-min-device-pixel-ratio:0){
  .koryaku p.sntext { margin-bottom:13px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}




/* メッセージ送信------------------------------------ */
.sendfm { width:auto; height:auto; position:relative; }


/*-マイリスト 削除　delete .boxgrid.deletefull
---------------------------------------------*/
.boxgrid {  position:relative; width:450px; height:550px; margin-bottom:0; overflow:hidden; }
.covDel { position:absolute; width:100%; height:115px; bottom:0; right:0; left:0; right:0; left:0; bottom:0;overflow:hidden;
  /*outline:#000 1px dotted; */}
.covDel div.covpnl { position:absolute; height:65px; width:100%; bottom:-65px; right:0; left:0; background-color:rgba(0,0,0,0.6); z-index:100;
  background:; cursor:pointer;  }
.covDel p.txtCap { position:relative; background:transparent url(/imgs/files/icons/gomibako_.png) no-repeat; color:#fff; height:25px; width:150px; padding-left:25px;
  bottom:-65px; left:0; z-index:101; cursor:pointer; margin:0 auto; }
.deletefull .boxdelete { top: 300px;  left: 0; }


.favTgr a { background:url(/imgs/files/img/btn_mylist_mm.png) no-repeat; }






#caresel {
     position:relative;
     width:628px;
     height: 78px;
     padding:0;
     border:#a0a0a0 1px solid;
     padding:0 20px;
     box-shadow: 0 0 1px 0px rgba(0,0,0,0.2);
    }

#caresel ul {
     overflow: hidden;
     padding:3px 0;
     margin:0 auto;
     margin-top:-2px;
     margin-bottom:-4px;
     width:100%;
    }

#caresel img {
     width:72px;
     height:72px;
     padding:3px 1px 0 1px;

    }

#caresel ul li{
     display:block;
     float:left;
    }

#caresel li img {
     margin:1px 2px -1px;
    }



#caresel .carouPrev,#caresel  .carouNext { display:block; position:absolute; width:20px; height:80px; top:-1px; cursor:pointer; }
#caresel .carouPrev{ left:-1px; background:url(/imgs/files/img/arwb_lft.png) no-repeat; background-position: 0 0;  }
#caresel .carouNext{ right:-1px; background:url(/imgs/files/img/arwb_rft.png) no-repeat; background-position: 0 0; }
#caresel .carouPrev:hover,#caresel  .carouNext:hover { background-position: 0 -80px; }

/*- eyecache -*/
div.flexslider  ol.flex-control-nav {
     display:block;
     bottom:-55px;
    }

div.flexslider ol li { display:inline-block; }
div.flexslider ul.slides li.eyeLst { display:block;position:relative; }
div.flexslider ul.slides li.eyeLst img { width:920px; height:auto; }
div.flexslider ul.slides li.eyeLst img.eyeRegBtn,
div.flexslider ul.slides li.eyeLst img.eyeRegBtn_p2,
div.flexslider ul.slides li.eyeLst img.eyeRegBtn_p3 { width:333px; height:115px; position:absolute;right:20px; }
div.flexslider ul.slides li.eyeLst img.eyeRegBtn { top:170px; }
div.flexslider ul.slides li.eyeLst img.eyeRegBtn_p2 { bottom:33px; }
div.flexslider ul.slides li.eyeLst img.eyeRegBtn_p3 { bottom:100px; }

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}


/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
     margin: 0 auto;
     position: relative;
     zoom: 1;
     border: 1px solid #C9C9C9;
     border-radius: 1px;
  -webkit-border-radius: 1px;
  height: 454px;
  width:920px;
  }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; overflow:hidden; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}

.flex-direction-nav a  {
     text-decoration:none;
     display: block;
     width: 60px;
     height: 123px;
     margin: -20px 0 0;
     position: absolute;
     top: 40%;
     z-index: 10;
     overflow: hidden;
     cursor: pointer;
     color: rgba(255,255,255,0.8);
     text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease; transition: all .3s ease;
     }



/*****************

eyecatch-nav

*****************/

.flex-direction-nav .flex-prev {
     left: -35px;/* 70 */
     background:url(/imgs/files/parts/carousel-arrow-prev.png) no-repeat center;

    }

.flex-direction-nav .flex-next {
     right: -35px;/* 70 */
     text-align: right;
     background:url(/imgs/files/parts/carousel-arrow-next.png) no-repeat center;

    }

.flexslider:hover .flex-prev { opacity: 1;}
.flexslider:hover .flex-next { opacity: 1;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 6; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:hover  { opacity: 1; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -15px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }

.flex-control-paging li a:hover { background: #187fc2; background: rgba(24,127,194,0.7); }
.flex-control-paging li a.flex-active { background: #0599e0; background: rgba(5,153,224,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: -10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
#eyecache_body ul.slides { overflow:hidden; z-index:;}
/*aside.slider ul.slides li img { display:none; }
aside.slider ul.slides li.flex-active-slide img { display:block; }*/









/*- layout ---------------------------------------*/


/* 包括するBOXの指定 */
div.inputbox,
div.middlebox,
div.checkbox,
div.txareabox { clear:both;  width: 95%; height:auto; padding: 10px 5px; margin-top: 2px; }
div.checkbox:after { content:''; display:block; clear:both; }
div.txareabox p { float:left; display:block; height:auto; padding: 0; margin: 0; width:auto; }

.inputbox span,
.checkbox span,
.middlebox span,
.txareabox span {
  display:block;  text-align:center;
  width: 92px; padding: 0 2px 0 0;
  margin: 0 18px 0 0;
  float: left;
  font-weight: normal;
  text-align: left;
   }

.txareabox span { float:left; }

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
     width: 300px;
      /*font-size:85%; padding:1px; */
     padding:3px;
     }

select {
     width:150px;
     font-size: 13px;
    }

textarea { margin-bottom:10px; }


select,
input[type="text"],
input[type="email"],
input[type="password"] {
     height:27px;
     padding:3px;
    }

input[type="text"],input[type="email"],
input[type="password"],textarea {
  -webkit-transition: background 1s ease, box-shadow 1s ease;
  -moz-transition: background 1s ease, box-shadow 1s ease;
  transition: background 1s ease, box-shadow 1s ease; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="checkbox"],
select,textarea {
  color: #535353;
  border:#a0a0a0 1px solid;
  padding: 1px 4px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

/* Mouse Over */
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
#windowBody #voice_w { background: #EFEDE9;}

/* forms */
#config textarea { width:52.5%; }
#config_sendm textarea { width:55%; }

#config input[type="text"],
#config_sendm input[type="text"],
#config input[type="password"],
#config_sendm input[type="password"],
#config input[type="email"],
#config_sendm input[type="email"] { width: 220px; margin-right:8px; padding:1px; }

#config select,
#config_sendm select { width:140px; padding:1px; }

/* label */
#config .inputbox span,
#config .checkbox span { letter-spacing:2em; }
#config .textareabox span{ letter-spacing: 0.1em; }
#config .middlebox span.fl { letter-spacing:-0.07em;}
#config_sendm .inputbox span.fl { letter-spacing:0.02em;}
#config .inputbox span.fpw { letter-spacing:0.2em; }
/* text positon */
#search label q { position:absolute; top:38; left:70; width:80px; height:12px; line-height:4px; }

/* search top.html, search.htmml のレイアウト(フォーム内) */

/* span */
#search .inputbox span,
#search .checkbox span { letter-spacing:1em; margin-top: 0; line-height:2.3em; margin-bottom:-20px;     }

#search select { width:158px; margin-right:15px; height:29px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
#search select.agef { width:298px; }

#search .inputbox { padding:9px 0 18px 20px; border-bottom:#a0a0a0 1px dotted; }
#search .checkbox { padding:6px 0 19px 20px; border-bottom:#a0a0a0 1px dotted; }

#search .inputbox:nth-of-type(1) { border-top:#a0a0a0 1px dotted; }

#search .inputbox:nth-of-type(1) { padding-top:10px; padding-bottom:12px; }
#search .inputbox:nth-of-type(2) { padding-top:10px; padding-bottom:12px; }


#search #ck01 { padding-bottom:20px; }
#search #ck02 { padding:7px 0 20px 20px; }

/* ck */
#search .checkbox div { float:left; display:inline-block; margin-left:-13px; }

/* search position */
#search #ck01 div:nth-child(3) { padding-left:30px; }
#search #ck01 div:nth-child(4) { padding-left:19px; }
#search #ck01 div:nth-child(3) { padding-left:16px; }
#search #ck01 div:nth-child(4) { padding-left:15px; }
#search { margin-top:45px; }
#search form{font-size: 90%;}

/* 1 */
#search div.checkbox div label.riva,
#search div.checkbox div label.normal,
#search div.checkbox div label.imge { left:1px; }
/* 2 */
#search div.checkbox div label.tachi{left:75px; }
#search div.checkbox div label.muscle{left:91px; }
/* 3 */
#search div.checkbox div label.uke  { left:150px; }
#search div.checkbox div label.pocha{ left:181px; }


/* search.html *//* adjust */
.searcbox #search div.inputbox { height:30px;}
.searcbox #search div.inputbox select { margin-top:3px; }
.searcbox #search div.inputbox span { margin-top:1px; }




.searcbox #search div#ck01 { height:22px; }
.searcbox #search div#ck01 span { margin-top:3px; }
.searcbox #search div#ck01 input[type="checkbox"] { margin-top:0; }

.searcbox #search div#ck02 { height:21px; }
.searcbox #search div#ck02 span { margin-top:3px; }

.searcbox #search div#ck03 { height:23px; }
.searcbox #search div#ck03 span { margin-top:4px;  }


/* position - y */
/* 1 */
.searcbox #search div.checkbox div label.riva,
.searcbox #search div.checkbox div label.tachi,
.searcbox #search div.checkbox div label.uke { top:2px; }
/* 2 */
.searcbox #search div.checkbox div label.normal,
.searcbox #search div.checkbox div label.muscle,
.searcbox #search div.checkbox div label.pocha { top:1px;  }
/* 3 */
.searcbox #search div.checkbox div label.imge   {  top:2px;  }



/* topbox top.html */
.topbox #search div#ck01 span,
.topbox #search div#ck02 span,
.topbox #search div#ck03 span { margin-top:3px; }

/* 1 */
.topbox #search div.checkbox div label.riva,
.topbox #search div.checkbox div label.tachi,
.topbox #search div.checkbox div label.uke { top:1px; }
/* 2  */
.topbox #search div.checkbox div label.normal,
.topbox #search div.checkbox div label.muscle,
.topbox #search div.checkbox div label.pocha { top:1px;  }
/* 3 */
.topbox #search div.checkbox div label.imge {  top:0;  }

@media screen and (-webkit-min-device-pixel-ratio:0){
  .topbox #search div#ck01 span { margin-top:5px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {}




/* #checkbox */
#search label{ margin:0 5px 0 -15px;  }
#search input[type=checkbox] { display: inline-block; margin-right: 0; opacity: 0.1; }
#search input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    line-height:0;
    cursor: pointer; }
@media (min-width: 1px) {
    #search input[type=checkbox] { display:none; padding: 20px 0; }
    #search input[type=checkbox] + label { padding: 9px 0 0 35px; letter-spacing:0.2em; font-size:95%; }
    #search input[type=checkbox] + label:before { /* before */
        content: "";
        display: block;
        position: absolute;
        top: 50%; left: 0;
        -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;

        width: 29px; height: 29px;
        margin-top: -9px; }
    #search input[type=checkbox] + label:before {        border: 1px solid #a0a0a0; }
    #search input[type=checkbox]:checked + label:after {
        content: "";position: absolute;display: block;
        left:2px; top:6px;
    /*left:2px; top:2px;*/
    width: 29px; height: 29px;
        /*width: 24px; height:16px;*/
        margin-top: -8px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    text-shadow:1px 1px 2px #696;
    background:url(/imgs/files/icons/checkmarknv.png)no-repeat;

/*        border-left: 7px solid #62a640;
        border-bottom: 7px solid #62a640;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);*/
    }
}

/*-*- pay
----------------------------------------------------------------*-*/
/* #checkbox */
#paysys label{ margin:0 5px 0 -15px;  }
#paysys input[type=checkbox] {
    display: inline-block; /**/
    margin-right: 0; opacity: 0.1; }
#paysys input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    line-height:0;
    cursor: pointer; }
@media (min-width: 1px) {
    #paysys input[type=checkbox] {
        display: none;    padding: 20px 0;    }
    #paysys input[type=checkbox] + label {
        padding: 9px 0 0 35px; letter-spacing:0.2em; font-size:95%; }
    #paysys input[type=checkbox] + label:before {
        content: ""; display: block; position: absolute;
        top: 4px;left: -10px;
    width:80px; height:30px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;

    font-size:99%;
    font-weight:normal;

        margin-top: -9px;
    color:#e5e5e5;
    text-shadow:1px 1px 2px #187fc2;
    box-shadow: 1px 1px 2px #333;
    border: 1px solid #68b045;
    background:#62a640;
/*    background: linear-gradient(to bottom,  rgba(104,176,69,1) 0%,rgba(92,156,61,1) 100%); /* ms * /
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b045', endColorstr='#5c9c3d',GradientType=0 );
    background: -moz-linear-gradient(top, #68b045, #5c9c3d);/* FF * /
    background: -webkit-gradient(linear, left top, left bottom, from(#68b045), to(#5c9c3d));  }
  #paysys input[type=checkbox] + label:before:hover {
  color:#e5e5e5; font-weight:normal; text-shadow:1px 1px 2px #187fc2;
  background: linear-gradient(to bottom,  rgba(92,156,61,1) 0%,rgba(104,176,69) 100%); /* ms * /
  background: -moz-linear-gradient(top, #5c9c3d, #68b045);　/* Firefox用 * /
    background: -webkit-gradient(linear, left top, left bottom, from(#5c9c3d), to(#68b045));*/  }
    #paysys input[type=checkbox]:checked + label:before { /*　after  */
        content: "";
        display: block;
        position: absolute;
    width:80px;height:30px;
        top: 4px;left: -10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin-top: -8px;
    color:#e5e5e5;
    font-weight:normal;
    border: 1px solid #7cd152;
    text-shadow:1px 1px 2px #187fc2;
/*    background: -moz-linear-gradient(top, #70bd4a, #6bb547);　/* FF * /
    background: -webkit-gradient(linear, left top, left bottom, from(#70bd4a), to(#6bb547));/* webkit */  }
  #paysys input[type=checkbox]:checked + label:after {
    content:"";
    display:block;
    position:absolute;
    z-index:5;
    top:-30px;left:0;
    width:65px; height:52px;
    background:url(/imgs/files/img/check_pinkss.png) no-repeat;
  }

}
/* ラジオボタン用 */
#paysys input[type=radio] {
    display: inline-block; /**/
    margin-right: 0; opacity: 0.1; }
#paysys input[type=radio] + label {
    position: relative;
    display: inline-block;
    margin-left: 12px;
    line-height:0;
    cursor: pointer; }
@media (min-width: 1px) {
    #paysys input[type=radio] {
        display: none;    padding: 20px 0;    }
    #paysys input[type=radio] + label {
        padding: 9px 0 0 35px; letter-spacing:0.2em; font-size:95%; }
    #paysys input[type=radio] + label:before {
        content: ""; display: block; position: absolute;
        top: 4px;left: -10px;
    width:80px; height:30px;

        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;

    font-size:99%;
    font-weight:normal;

        margin-top: -9px;
    color:#e5e5e5;
    text-shadow:1px 1px 2px #187fc2;
    box-shadow: 1px 1px 2px #333;
    border: 1px solid #68b045;
    background:#62a640;
/*    background: linear-gradient(to bottom,  rgba(104,176,69,1) 0%,rgba(92,156,61,1) 100%); /* ms * /
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b045', endColorstr='#5c9c3d',GradientType=0 );
    background: -moz-linear-gradient(top, #68b045, #5c9c3d);/* FF * /
    background: -webkit-gradient(linear, left top, left bottom, from(#68b045), to(#5c9c3d));  }
  #paysys input[type=radio] + label:before:hover {
  color:#e5e5e5; font-weight:normal; text-shadow:1px 1px 2px #187fc2;
  background: linear-gradient(to bottom,  rgba(92,156,61,1) 0%,rgba(104,176,69) 100%); /* ms * /
  background: -moz-linear-gradient(top, #5c9c3d, #68b045);　/* Firefox用 * /
    background: -webkit-gradient(linear, left top, left bottom, from(#5c9c3d), to(#68b045));*/  }
    #paysys input[type=radio]:checked + label:before { /*　after  */
        content: "";
        display: block;
        position: absolute;
    width:80px;height:30px;
        top: 4px;left: -10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin-top: -8px;
    color:#e5e5e5;
    font-weight:normal;
    border: 1px solid #7cd152;
    text-shadow:1px 1px 2px #187fc2;
/*    background: -moz-linear-gradient(top, #70bd4a, #6bb547);　/* FF * /
    background: -webkit-gradient(linear, left top, left bottom, from(#70bd4a), to(#6bb547));/* webkit */  }
  #paysys input[type=radio]:checked + label:after {
    content:"";
    display:block;
    position:absolute;
    z-index:5;
    top:-30px;left:0;
    width:65px; height:52px;
    background:url(/imgs/files/img/check_pinkss.png) no-repeat;
  }

}



/*Webkit*/
::-webkit-input-placeholder    {
  color: #7B7B7B!important;
  font-weight: normal!important;
  font-size: 14px!important;
  font-family: "Verdana",  sans-serif!important;
  }

/*Firefox 19以降*/
::-moz-placeholder    {
  color: #7B7B7B!important;
  font-weight: normal!important;
  font-size: 14px!important;
  font-family: "Verdana",  sans-serif!important;
 }

/*Firefox 18以前*/
:-moz-placeholder    {
  color: #7B7B7B!important;
  font-weight: normal!important;
  font-size: 14px!important;
  font-family: "Verdana",  sans-serif!important;
 }

/*Windows IE*/
:-ms-input-placeholder    {
  color: #7B7B7B!important;
  font-weight: normal!important;
  font-size: 14px!important;
  font-family: "Verdana",  sans-serif!important;
 }









/*Mo-------------------------------------*/
/* mylist */
ul#nav1 li a {
  display: block;
  width: 130px;
  background-color: #fff;
  float: left;
  padding: 5px;
  text-align: center;
  border: solid 1px #999;
  margin-left: -1px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  font-weight: bold; }

ul#nav1 li a:hover {  background: #ff9900; }.action_btns p { margin:5px auto; }

/* mylist */
.action_btns a.ml_mo,.action_btns a.ml_mm,.action_btns a.ap_mo,.action_btns a.ap_ml,.action_btns a.ms_mo,
.action_btns a.ml_mo2,.action_btns a.ml_mm2,.action_btns a.ap_mo2,.action_btns a.ap_ml2,.action_btns a.ms_mo2,
.action_btns a.ml_regist { display:block; height:35px; cursor:pointer; margin-bottom:4px; }

.action_btns a.ml_regist { background:url(/imgs/files/img/btn_mylist_mo.png) no-repeat; }

.action_btns a.ml_mo { background:url(/imgs/files/img/btn_mylist_mo.png) no-repeat; }
.action_btns a.ml_mm { background:url(/imgs/files/img/btn_mylist_bg.png) no-repeat; }  /* 20160317追加 */
.action_btns a.ap_mo { background:url(/imgs/files/img/btn_api_mo.png) no-repeat; }
.action_btns a.ap_ml { background:url(/imgs/files/img/btn_api_lmo.png) no-repeat; }
.action_btns a.ms_mo { background:url(/imgs/files/img/btn_msend_mo.png) no-repeat; }

/* mylist */
.action_btns a.ml_mo2 { background:url(/imgs/files/img/btn_mylist_mo.png) no-repeat; }
.action_btns a.ml_mm2 { background:url(/imgs/files/img/btn_mylist_bg.png) no-repeat; } /* 20160317追加 */
.action_btns a.ap_mo2 { background:url(/imgs/files/img/btn_api_mo.png) no-repeat; }
.action_btns a.ap_ml2 { background:url(/imgs/files/img/btn_api_lmo.png) no-repeat; }
.action_btns a.ms_mo2 { background:url(/imgs/files/img/btn_msend_mo.png) no-repeat; }

/*jquery*/
form.profFrom .mover_ml { display:block; height:35px; width:150px; cursor:pointer; }
form.profFrom .mover_ms { display:block; height:35px; width:150px; cursor:pointer; }


.sndbtn a{
   -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}


/* 青ボタンサイズ */
.button_sizemax { width:100%; height:50px; font-size:120%; line-height:2.2; letter-spacing:0.14em; margin-right:-0.14em; }

.button_site {
     width:336px;
     height:50px;
     font-size:120%;
     line-height:50px;
     }

.button_login {
    margin-left:-35px!important;
    margin-top: 5px;
     width:310px;
     text-align: center;
     font-size:115%;
     border:#0599E0 1px solid;
     background: #0599E0;
     display:block;
     cursor:pointer;
     letter-spacing: 0.2em;
     color: #fff;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     padding: 10px;
    }

    /*login*/
#dialog_login form input[type="submit"]  {
    margin-left:-35px!important;
    margin-top: 5px;
     width:310px;
     text-align: center;
     font-size:115%;
     border:#0599E0 1px solid;
     background: #0599E0;
     display:block;
     cursor:pointer;
     letter-spacing: 0.2em;
     color: #fff;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     padding: 10px;
    }

.button_size01 { width:401px; height:50px; font-size:148%; line-height:2.1; }
.button_sizeconfmain { width:300px; height:50px; font-size:148%; line-height:2.1; }
.button_size02 { width:180px; height:30px; font-size:99%; }
.button_size02_sendm { width:140px; height:30px; font-size:99%; }
.button_size02_2 { width:420px; height:50px; font-size:148%; }
.button_size03 { width:100px; height:24px; font-size:90%; }
.button_size05 { width:82px; height:28px; font-size:98%;  letter-spacing:0.52em; line-height:2.22em; padding-left:0.52em; }
.button_size05_pts { width:70px; height:28px; font-size:98%;  letter-spacing:0.52em; line-height:2.1em; padding-left:0.52em; margin-right:0.52em; }

.button_size05_m { width:80px; height:25px; font-size:90%; line-height:1.61em; }
.button_size05_d { width:75px; height:28px; font-size:90%; line-height:2em; }
.button_size06 { width:75px; height:52px; font-size:100%; line-height:3em; font-size:120% }
.button_size07 { width:150px; height:50px; font-size:144%; line-height:47px; letter-spacing:0.01em; font-weight:normal; }

.button_view { width:180px; height:38px; font-size:110%; line-height:2.7em; letter-spacing:0.04em; padding-left:0.14em; }
.button_send { width:180px; height:38px; font-size:130%; line-height:1.6em; letter-spacing:0.14em; padding-left:0.14em; }
.button_size_point { width:80px; height:30px; font-size:99%; }
.button_size09 { width:180px; height:30px; font-size:90%; }
.button_sendmesse { /* width:368px; */ width:385px; height:50px; font-size:148%; line-height:1.65; letter-spacing:0.14em; padding-left:0.14em;  }

/*青ボタンベース*/
.button_base{
     display:block;
     cursor:pointer!important;
     border:#0599E0 1px solid;
   color:#fff;
   text-align:center;
   background:/*url(/imgs/files/img/mail_icon.png) no-repeat 10px center*/ #0599e0;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   letter-spacing: 0.08em;
  }

/*青ボタンMO*/

.button_base:active {
    background: #1ea4fc;
  color:#e5e5e5;
   }

/* 緑ボタンベース */
.buttong_base {
  display:block;
  cursor:pointer;
  color:#fff;
  text-align:center;
  background:#62a640;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  }
/*グレーボタンベース*/
.buttongr_base{
  /*gradient*/ background:#dfdede;
    background-image: -moz-linear-gradient(top, #dbdbdb, #e7e5e5),background:url(/imgs/files/img/gr_gra.png) repeat-x;　/* Firefox用 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e7e5e5));
  background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(231,229,229,1) 100%);/*main*/
  display:block;  cursor:pointer; border:#a0a0a0 1px solid;
  color:#535353; font-weight:normal;  text-align:center;  }
/*グレーボタンMO*/
.buttongr_base:active {
  color:#535353; font-weight:bold;
  background-image: -moz-linear-gradient(top, #e1dede, #dfdede);　/* Firefox用 */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e1dede), to(#dfdede));
  -ms-fioter:progid:DXImageTransform.Microsoft
  .gradient(GradientType=0,startColorstr="#ffe1dede",endColorstr="#ffdfdede");
  background-color:#dfdede; }






/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 2px;/* edit-140722  */
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 0;/* edit-140722 　def-15px */
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/imgs/files/img/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.6;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('/imgs/files/img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/imgs/files/img/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    margin:0!important;
    padding:0!important;
    overflow-x: hidden!important;
    overflow-y: scroll!important;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
  display: none;
  z-index: 8010;
  background: url('/imgs/files/img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
   overflow: visible !important;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -5px;/* edit-140722 　def-35px*/
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 10px; /* edit-140722 */
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2px; /* edit-140722 ↓ */
     -moz-border-radius: 2px;
          border-radius: 2px;
  text-shadow: 0 1px 2px #222;/* edit-140722↑  */
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
     only screen and (min--moz-device-pixel-ratio: 1.5),
     only screen and (min-device-pixel-ratio: 1.5){

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/imgs/files/img/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('/imgs/files/img/fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}







/* stapel.css */
ul.tp-grid {
  list-style-type: none;
  position: relative;
  display: block;
  margin-right:-40px;
  ovarflow:hidden;
}

.tp-grid li {
  position: absolute;
  cursor: pointer;
  border: 10px solid #fff;
  box-shadow: 0 2px 3px rgba(0,0,0,0.2);
  display: none;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.no-js .tp-grid li {
  position: relative;
  display: inline-block;
}

.tp-grid li a { display: block; outline: none; }

.tp-grid li img { display: block; border: none; }


.tp-title {
  position: absolute;
  background: rgba(255,255,255,1);
  line-height: 1;
  color: #333;
  top: 50%;
  width: 75%;
  padding: 10px;
  font-weight: 700;
  text-align: right;
  display: inline;
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
}


.tp-info{
  position: absolute;
  background: rgba(255,255,255,1);
  line-height: 17px;
  color: #333;
  top: 50%;
  width: 75%;
  padding: 10px;
  font-weight: 700;
  text-align: right;
  left: -100%;
  display: inline;
  vertical-align: middle;
}


/*.no-touch  -> 展開後 title animation */
.touch .tp-info { left: 0px!important; }
.no-touch .tp-info {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
   }

.no-touch .tp-grid li:hover .tp-info {
  -webkit-transition-delay: 150ms;
  -moz-transition-delay: 150ms;
  -o-transition-delay: 150ms;
  -ms-transition-delay: 150ms;
  transition-delay: 150ms;
   }

.no-touch .tp-open li:hover .tp-info {  left: 0;}


/* 表紙イメージカスタム

.tp-title {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
   }

.tp-grid li:hover .tp-title{ left: 0; background: rgba(255,255,255,0.93);}

   */



/* topbar */
.topbar {
  display:block;
  position: relative;
  height:50px;
  padding:0;
  margin: 0 35px 40px 0;
  border-bottom:#a0a0a0 1px dotted;
  border-top:#a0a0a0 1px dotted;
/*  box-shadow: 0 1px 0 #a0a0a0, 0 -1px 0 #a0a0a0a;*/
}
.topbar .topbarTex { display:block; position:absolute;left:112px;/*top:2px; */ top:14px; text-align:center;  }
@media screen and (-webkit-min-device-pixel-ratio:0){
  .topbar .topbarTex { left:134px; }
}
@media screen and (-ms-contrast: active),(-ms-high-contrast:none) {
  .topbar .topbarTex { left:114px!important; }
}


.back {
  width: 150px;
  height: 25px;
  position: absolute;
  line-height:20px;
  left: 226px;
  top: 16px;
  margin: 0;
  text-align: center;
/*  line-height: 38px;*/
  color: #999;
/*
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  background: #ddd;
*/
  cursor: pointer;
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-touch .back:hover { color:#0599e0; }


#config.kanryou_regist span.registinputbox{
  letter-spacing: 0;
  width: auto;
}
#config .riyoukaishi{
  margin-top: 35px;
}
#config .riyoukaishi a{
  display: block;
    border: #0599E0 1px solid;
    color: #fff;
    background: #0599e0;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
        width: 401px;
    height: 50px;
    font-size: 148%;
    line-height: 2.1;
    margin: 10px 0 0;
}
#config .riyoukaishi a:hover{
  text-decoration: none!important;
}
.kanryou_msglist2{
  padding: 0!important;
}

/* hr */
hr.mlist {
	background-color: #fff;
	border-top: #a0a0a0 1px dotted;
}

/*- やり取りした事がある人 ----------------------------*/
#sendmenber { border:#a0a0a0 1px solid; display:block; margin: 0 auto 20px; }
#sendmenber ul {  padding: 2px 15px 2px 0px; background-color:#fff; }
#sendmenber ul li { clear:both; border-top: #a0a0a0 1px dotted; padding:15px 0 0; height:70px; }

#sendmenber ul li p {
     float:left;
     margin:6px 0 0 10px;
     font-size: 90%;
    }

#sendmenber ul li p a{
  font-size:15px;
}

#sendmenber ul li img {
     float:left;
     max-width:120px;
     height:auto;
     margin-top:3px;
     border: 1px solid #A0A0A0;
     padding: 2px;
margin:1px;
    }
#sendmenber ul li span { display:block; clear:both; width:1px;height:1px; }