@charset "UTF-8";

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {overflow-y: scroll;}

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	}
input, textarea {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
html, body  {  
    _height: 100%;
}  

/* リンク
----------------------------------------------------*/
a { text-decoration:none; }

a:link {}

a:visited {}

#second #right_area a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);
	zoom:1;
	text-decoration:underline;
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/

/* text-over-flow
**********************************/
.to {
    overflow: hidden;
    text-indent: 100%;
	_text-indent: -9999px;
    white-space: nowrap;
    line-height: 1;
}

/* text-align
**********************************/
.tc { text-align: center;}

.tr { text-align: right;}

/* float 
**********************************/

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px; }

* html .clearfix { height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/ }
  
/* margin 
**********************************/
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt39 {
	margin-top: 39px !important;
}
.mt40 {
	margin-top: 40px !important;
}

/* 共通
**********************************/
h1 ,h2 ,h3 ,#bnr_tw ,#bnr_pv a ,#bnr_nico a ,#section_main p ,#section_intro p ,#section_staff p ,#section_chara p {
	text-indent:-9999px;
}

li { line-height:1.5;}

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

#shadow01 { height:13px; background:url(../images/top/shadow01.png) repeat-x;}
#shadow02 { height:13px; background:url(../images/top/shadow02.png) repeat-x;}

/* footer
**********************************/
#footer { background:#000; padding:10px;}

#footer p { color:#FFF; text-align:center; font-size:14px; }


.copyright { padding:0 0 0 20px; }

#top .pagetop { width:164px; height:25px; margin:0 auto; display:block; padding-bottom:20px;}

#second .pagetop { width:164px; height:25px; margin:0 auto; display:block; padding:20px 0;}