@charset "utf-8";
/* -------------------------------------------------------------- 
   
   Prototype.css
   * Version:   1.0 (2007/09/06)
   * Version:   1.1 (2007/10/15)
  
   Produced by:
   * Webservice,Inc
   * Hideki hattori
   
   Info:
   * Blueprint.css を使用する場合に必ず読み込む！
  
-------------------------------------------------------------- */

.bottom {
	border-top: 1px solid #ddd;
}

/*
	テキスト非表示
*/

.texthidden {
	text-indent:-9877em;
	text-decoration:none;
}


/*
	文字の色を変える
*/

.blue {
	font-weight: bold;
	color: #3399CC;
}

.pink {
	font-weight: bold;
	color: #FF3366;
}

.bold {
	color: #000000;
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.white {
	color: #ffffff;
}

/*
	margin padding をなしにする
*/

.none {
	margin: 0;
	padding: 0;
}

.left {
	text-align: left;
}

/*
	小さい矢印を使ったサブメニュー
*/

.submenu {
	text-align: right;
	margin: 0 0 0 0;
}

/* ミニエラー spanタグの先頭にビックリマークをつける */
.m_error {
	background-repeat:no-repeat;
	margin: 0 0 0 10px; 
	padding: 0 0 0 15px;
	background-image:url(/img/prototype/error.png);
}

/*
	flash メソッド使用時のcss
*/

.flash_success {
	width: 100%;
	font-size: 14px;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	border: 2px solid #ddd;
	background: #E6EFC2;
	color: #529214;
	border-color: #C6D880;
}

.flash_success a  { color: #529214; }

.flash_attention {
	width: 100%;
	font-size: 14px;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	border: 2px solid #ddd;
	background: #FFFFCC;
	color: #FF9900;
	border-color: #FFFF33;
}

.flash_attention a  { color: #CC6600; }

.flash_error {
	width: 100%;
	font-size: 14px;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
	border: 2px solid #ddd;
	background: #FFCCFF;
	border-color: #FF3399;
}

.flash_error a  { color: #CC0000; }

/*
	矢印のついたメニュー
	.arrow 普通のメニュー左につく矢印
	.next_arrow 次へ　などの右側につく矢印
	.prev_arrow 前へ　などの左側につく矢印
*/

.arrow {
	background-repeat:no-repeat;
	margin: 0 0 0 10px; 
	padding: 0 0 0 15px;
	background-image:url(/img/arrow.png);
}

.next_arrow {
	background-repeat:no-repeat;
	margin: 0 0 0 10px; 
	padding: 0 0 0 15px;
	background-image:url(/img/next_arrow.gif);
}

.prev_arrow {
	background-repeat:no-repeat;
	margin: 0 0 0 10px; 
	padding: 0 0 0 15px;
	background-image:url(/img/prev_arrow.gif);
}

/*
	横並びのヘッドメニュー、ボトムメニュー
	<ul class="sidemenu">
	<li><a href="#">会社概要</a></li>
	<li><a href="#">出張ホスト募集</a></li>
	<li><a href="#">広告主様募集</a></li>
	<li><a href="#">メディア取材・お問い合わせ</a></li>
	</ul>
*/

.sidemenu {
	margin: 10px 0 20px 0;
	list-style-type: none;
	text-align: center;
}

.sidemenu li {
	display: inline;
	margin: 3px;
	color: #FFFFFF;
	background-image: url(/img/allow.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 10px;
}

/*
	パンクズリスト
	<ul class="topicpath">
	<li><a href="<?=TOP;?>">トップ</a></li>
    <li><a href="/hosts/index">出張ホスト募集中！ 副業にもぜひどうぞ。</a></li>
	<li>他サイト、クラブと違い、こんなにすごい！</li>
	</ul>
*/

.topicpath {
	margin:5px 0 5px 0;
}
.topicpath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
.topicpath li a {
	padding-right:10px;
	margin-right:3px;
	background:url(/img/topicpath.gif) no-repeat right center;
}


/*
	ツールチップ
*/

div#qTip {
  padding: 3px 5px 3px 5px;
  border: 1px solid #95CA60;
  border-right-width: 1px;
  border-bottom-width: 1px;
  display: none;
  background: #DFFFBF;
  color: #333333;
  text-align: left;
  position: absolute;
  z-index: 1000;

  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
}

/*
	テーブル枠
*/

.tablewaku{
	color:#333333;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.tablewaku td{
	color:#333333;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;
	text-align:left;
}

/*
	<p></p> 使用時に絵文字の位置が
	バグらないようにする
*/

.emoji img{
	margin: 0;
	padding: 0;
	float: none;
}