@charset "utf-8";


/**  default.css Menu *********************************************

  ・基本設定

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


/* リセット
--------------------------------------*/
body,div,tr,th,td,p,ul,ol,li,dl,dt,dd,img,form,input,label,select,textarea,h1,h2,h3,h4,h5,noscript{
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
}

/* 基本
--------------------------------------*/
body {
font:75% "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans","Hiragino Kaku Gothic Pro","Meiryo",arial,helvetica,clean,sans-serif;
*font: x-small;
color: #333333;
height:100%;
background: url(../images/bg_body.gif) repeat left top;
}

table {
border-collapse: collapse;
font-size: inherit;
font: 100%;
}

h1,h2,h3,h4,h5 {
font:100% "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans","Hiragino Kaku Gothic Pro","Meiryo",arial,helvetica,clean,sans-serif;
*font:x-small;
font-weight: normal;
line-height: 100%;
}

th,td{
border-collapse: collapse;
}

ul,ol{
list-style-type: none;
}

/* リンク色
--------------------------------------*/
a:link { text-decoration:underline; color:#333333; }
a:visited { text-decoration:underline; color:#333333; }
a:hover { text-decoration:underline; color:#ca0000; }
a:active { text-decoration:none; color:#333333; }

/* 回り込み
--------------------------------------*/
.floatright{
display: block;
float: right;
}

.floatleft{
display: block;
float: left;
}

/* 回り込み解除
--------------------------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/



/* ボールド
--------------------------------------*/
.txtbold{
font-weight: bold;
}

/* 行揃え
--------------------------------------*/
.alignleft{
text-align: left;
}

.alignright{
text-align: right;
}

.aligncenter{
text-align: center;
}

/*画像荒れ対策*/
*+html img{-ms-interpolation-mode:bicubic;}


/* スマフォ切り替え
--------------------------------------*/
.spswitch{
font-size:350%;
background:#fff;
text-align:center;
width:1060px;
padding:50px 0;
}

/* 画像ロールオーバー */
 .imghover :hover{
  filter:alpha(opacity=60);
  opacity:.6;
}


/* クリエイターレコメンド（2016/08）
------------------------------------------*/
.window_creator_recommend{
  width: 600px;
  height: 540px;
  background: #fff;
  border: 3px solid #000;
  padding: 25px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -290px;
  margin-left: -300px;
  z-index: 1000;
}
.window_creator_recommend .btn_close_window{
  position: absolute;
  top: 15px;
  right: 15px;
}
.window_creator_recommend h2{
  font-size: 20px;
  font-weight: bold;
}
.window_creator_recommend ul li{
  margin: 20px 0;
}
.window_creator_recommend ul li:last-child{
  margin: 0;
}
.window_creator_recommend .creator_image{
  float: left;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 1px solid #a7a7a7;
  margin-right: 15px;
}
.window_creator_recommend ul li p{
  font-size: 15px;
  margin-bottom: 10px;
}
.window_creator_recommend ul li a{
  display: block;
}