@charset "euc-jp";

/*
==========================================================================================
Copyright (C) 2009-2013 ういすぷ, All right reserved. 
http://wisp.tree-web.net/

powered by TREE-WEB.NET
http://www.tree-web.net/
==========================================================================================
*/
em {
   font-weight:normal;
   list-style-type:none;
   font-style:normal;
}

.font-style-B{ font-weight:bold; }
.font-style-I{ font-style:oblique; }
.font-style-S{ text-decoration:line-through; }
.font-style-U{ text-decoration:underline; }

.font-size-xx-small{ font-size:xx-small; }
.font-size-x-small{ font-size:x-small; }
.font-size-small{ font-size:small; }
.font-size-medium{ font-size:medium; }
.font-size-large{ font-size:large; }
.font-size-x-large{ font-size:x-large; }
.font-size-xx-large{ font-size:xx-large;line-height:1.1em; }

.font-size-xx-small,
.font-size-x-small,
.font-size-small,
.font-size-medium,
.font-size-large,
.font-size-x-large,
.font-size-xx-large{ line-height:1.2em; }


/* 等角指定 */
.MOJI_QUOTATION,.MOJI_SOURCE
,blockquote,pre{
   font-family:monospace;
}


/* 引用処理 */
blockquote{
   margin:0px 0px 0px 20px;
   background-color:#d6d1cb;
   border-left-style:solid;
   border-left-width:10px;
   border-color:#998f87;
   padding:10px;
   display:block;
}
/* ソース */
pre{
   margin:0px;
   white-space:pre;
   background-color:#d6d1cb;
   padding:10px;
   display:block;
line-height:1.0em;
overflow-y:scroll;
scrollbar-width:thin;
}

/* nodata */
#nodata{
   display:block;
   width:100%;
   height:600px;
}


img {
   /* IE用縮小画像表示用処理 */
   -ms-interpolation-mode:bicubic;
}


/* ERROR 関連 */
#regst-error {
   padding:10px;
   margin-top:40px;
   margin-bottom:20px;
   background-color:#fdeff2;
   border:2px solid #ff4151;
   border-radius:5px;
}
#regst-error .error {
   color:#ff4151;
   font-weight:bold;
}


/* ソーシャルリンク */
.social_area .facebook_like_frame {
   width:100px;
   height:20px;
}
.social_area .mixi-like-button {
   width:60px;
   height:20px
}
.social_area .mixi_like_frame {
   width:60px;
   height:20px
}
.social_area .gree_line_frame {
   width:72px;
   height:20px;
}
.social_area .FBConnectButton_Text{
   font-size:10px;
}
.social_area .fb-share-button {
   width:63px;
   height:18px;
   display:block;
   float:left;
   overflow:hidden;
   text-indent:-3em;
   font-size:1px;
}
.social_area .fb-share-button span {
   width:63px;
   height:18px;
}



/* for smartphone */
@media only screen and (max-width: 480px) {
   .wb_mode_sp { display:block; }
   .wb_mode_tab, .wb_mode_pc { display:none; }
   
}
/* for tablet 
@media only screen and (min-width: 481px) { */
@media only screen and (max-width: 768px) {
   .wb_mode_tab { display:block; }
   .wb_mode_sp, .wb_mode_pc { display:none; }
   
   img {
      max-width:100%;
      height:auto;
      width:auto;
   }
}
/* for pc */
@media only screen and (min-width: 769px) {
   .wb_mode_pc { display:block; }
   .wb_mode_sp, .wb_mode_tab { display:none; }
}