@charset "utf-8"; 

/*
トップページ固有デザイン設定CSS 2009.02.27


【1】ページレイアウト
【2】ヘッダ
【3】メインカラム
【4】左カラム
【5】右カラム
【6】フッタ


*/


/*【1】ページレイアウト*/
/*1-1 リサイズ*/
/*.indextop #container { width: 968px; }*/
/*.indextop #contents { width: 968px; }*/
/*.indextop .wrap { width: 658px; }*/
.indextop #container { width: 988px; }
.indextop #contents { width: 988px; }
.indextop .wrap { width: 678px; }


/*【2】ヘッダ*/
/*.indextop #top { width: 968px; }*/
.indextop #top { width: 988px; }

/*2-1 ナビゲーション関連*/
/*.indextop #gnavi { width: 698px; }*/
.indextop #gnavi { width: 718px; }
.indextop #login .new a:link,
.indextop #login .new a:visited { background: url(../img/navi/mb_new2.jpg) no-repeat 0 0;}
.indextop #login .new a:hover,
.indextop #login .new a:active { background: url(../img/navi/mb_new2_on.jpg) no-repeat 0 0;}
.indextop #login .login a:link,
.indextop #login .login a:visited { background: url(../img/navi/mb_login2.jpg) no-repeat 0 0;}
.indextop #login .login a:hover,
.indextop #login .login a:active { background: url(../img/navi/mb_login2_on.jpg) no-repeat 0 0;}
.indextop #login .forget a:link,
.indextop #login .forget a:visited { background: url(../img/navi/mb_forget2.jpg) no-repeat 0 0;}
.indextop #login .forget a:hover,
.indextop #login .forget a:active { background: url(../img/navi/mb_forget2_on.jpg) no-repeat 0 0;}

/*2-2 サイトID*/
.indextop #siteid { margin:0; }

/*2-3 パン屑*/
.indextop #pan {
	clear: both;
	width: 953px;
	margin: 0 5px;
	padding: 3px 0 2px 5px;
	letter-spacing : 1px;
	color: #00608D;
	font-size: 1.2em;
	background: none;
	height: auto;
}
.indextop .liquid #pan {
	width: auto;
}
.indextop #pan p ,
.indextop #pan h1 ,
.indextop #pan h2 {
	display:inline;
	margin:0;
	white-space:normal;
	float:left;	
}
.indextop #pan a {
	background:url(../img/bg/mb_bg_pan.gif) no-repeat 100% 50%;
	padding:0 20px 0 0;
}

.indextop #top_bnr_img {
	background: url(../img/bnr/subchara_banner_bird.jpg) no-repeat 0 0;
	margin: 0px 0px 0px;
	width: 968px;
	height: 300px;
	text-align: center;
	clear:both;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
.indextop #top_bnr_img_en {
	background: url(../img/bnr/subchara_banner_bird_en.jpg) no-repeat 0 0;
	margin: 0px 0px 0px;
	width: 968px;
	height: 300px;
	text-align: center;
	clear:both;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
.indextop #top_bnr_img:after,.indextop #top_bnr_img_en:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;

}

.indextop #top_bnr_img span,.indextop #top_bnr_img_en span{
   font-size: 15px;  
   float:right;
   padding-top:225px;
   color: #333333;
}

.indextop #top_bnr_img select, .indextop #top_bnr_img_en select{
	width: 250px;
	height:30px;
	border-width:0px;
   border-top: 1px solid #adc290;
   background: #f0f0a0;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0a0));
   background: -webkit-linear-gradient(top, #ffffff, #f0f0a0);
   background: -moz-linear-gradient(top, #ffffff, #f0f0a0);
   background: -ms-linear-gradient(top, #ffffff, #f0f0a0);
   background: -o-linear-gradient(top, #ffffff, #f0f0a0);
   margin: 220px 0px 10px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   box-shadow: rgba(0,0,0,.4) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #333333;
   font-size: 13px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;   
   float:right;

}


.indextop #top_bnr_img input , .indextop #top_bnr_img_en input {
	width: 150px;
	height:30px;
	border-width:0px;
   border-top: 1px solid #adc290;
   background: #f0f0a0;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0a0));
   background: -webkit-linear-gradient(top, #ffffff, #f0f0a0);
   background: -moz-linear-gradient(top, #ffffff, #f0f0a0);
   background: -ms-linear-gradient(top, #ffffff, #f0f0a0);
   background: -o-linear-gradient(top, #ffffff, #f0f0a0);
   margin: 220px 25px 10px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,.4) 0 1px 0;
   box-shadow: rgba(0,0,0,.4) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #333333;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   float:right;
   }
.indextop #top_bnr_img input:hover , .indextop #top_bnr_img_en input:hover {
   border-top-color: #7fb33c;
   background: #ffffff;
   color: #333333;
   }
.indextop #top_bnr_img input:active , .indextop #top_bnr_img_en input:active {
   border-top-color: #7fb33c;
   background: #ffffff;
   }



/*2-4 検索ボックス*/
.indextop #searchBox {
	background: url(../img/bg/mb_bg_search2.jpg) no-repeat 0 0;
	margin: 10px 5px 0px 5px;
	width: 958px;
	height: 67px;
	text-align: center;
}
.indextop #searchBox form {
	padding: 10px;
}
.indextop #searchBox form input.cw {
	width: 400px;
	height:17px;
	margin: 0 0 5px;
}
.indextop #searchBox form .button{
	background:url(../img/mb_btn_search.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox form .tagbutton{
	background:url(../img/mb_btn_tagsearch.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox form .itembutton{
	background:url(../img/mb_btn_itemsearch.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;

	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox_2 {
	background: url(../img/bg/mb_bg_search2.jpg) no-repeat 0 0;
	margin: 10px 5px 0px 5px;
	width: 450px;
	height: 67px;
	text-align: center;
}
.indextop #searchBox_2 form {
	padding: 10px;
}
.indextop #searchBox_2 form input.cw {
	width: 300px;
	height:17px;
	margin: 0 0 5px;
}
.indextop #searchBox_2 form .button{
	background:url(../img/mb_btn_search.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox_2 form .tagbutton{
	background:url(../img/mb_btn_tagsearch.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}
.indextop #searchBox_2 form .itembutton{
	background:url(../img/mb_btn_itemsearch.gif) no-repeat 0 0;
	width:105px;
	height:20px;
	border:none;

	text-indent:-9999px;
	cursor: pointer;
	vertical-align: top;
	margin: 0 6px 0 0;
}

/*【3】メインカラム*/


/*【4】左カラム*/
/*
.indextop #left { width: 180px; }
.indextop #left .box {
	background: url(../img/bg/mb_bg_round180.gif) no-repeat bottom left;
}
.indextop #left .title {
	background: url(../img/bg/mb_bg_title180.gif) no-repeat 0 0;
}
*/
.indextop #left { width: 200px; }
.indextop #left .box {
	background: url(../img/bg/mb_bg_round200.gif) no-repeat bottom left;
}
.indextop #left .title {
	background: url(../img/bg/mb_bg_title200.gif) no-repeat 0 0;
}

/*【5】右カラム*/
.indextop #right { width: 300px; }
.indextop #right .box {
	background: url(../img/bg/mb_bg_round300.gif) no-repeat bottom left;
}
.indextop #right .title {
	background: url(../img/bg/mb_bg_title300.gif) no-repeat 0 0;
}

/*5-1 新規登録*/
.indextop #register {
	background: #e7f3f3;
	height: auto;
	width: auto;
	padding: 0 5px 0 0;
	margin:0 0 3px 0;
}
.indextop #register .registBtn {
	background:url(../img/bg/mb_bg_newregist_top.jpg) no-repeat 0 0;
	width: 140px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 0;
}
.indextop #register .registBtn a {
	display: block;
	height: 150px;
	width: 140px;
	text-indent: -9999px;
	overflow: hidden;
}
.indextop #register li {
	margin:0 0 5px;
}
.indextop #register a {
	display: inline;
	height: auto;
	width: auto;
	text-indent: inherit;
	margin-bottom: 0;
}
.indextop #register .boxLogin {
	padding: 0;
	margin: 5px 0 0;
	width: 155px;
	float: right;
	background: url(../img/bg/mb_bg_boxlogin.gif) 0 0 no-repeat;
}
.indextop #register .boxLogin span {
	padding: 0 0 5px;
	margin: 0;
	display: block;
	text-align: center;
	background: url(../img/bg/mb_bg_boxlogin_bottom.gif) bottom left no-repeat;
}
.indextop #register .boxLogin span a:link,
.indextop #register .boxLogin span a:visited {
	text-decoration: underline;
	color: #00608D;
}
.indextop #register .boxLogin span a:hover,
.indextop #register .boxLogin span a:active {
	text-decoration: none;
	color: #00608D;
}
.indextop #register .boxLogin dl { margin: 0 0 0 5px; }
.indextop #register .boxLogin dt {
	color: #00608D;
	padding: 3px 0 0;
}
.indextop #register .boxLogin input.text {
	height: 17px;
	width: 140px;
	margin: 0;
	padding: 0;
}
.indextop #register .boxLogin p { margin: 10px 0 8px; }
.indextop #register .boxLogin .button {
	height: 20px;
	width: 70px;
	border: none;
	text-indent: -9999px;
	padding: 0;
	display: block;
	background-image: url(../img/mb_btn_login_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 auto;
}

.indextop #portal_login_button{ 
margin: 10px 0 8px; 
}


.indextop #portal_login_button {
	width:300px;
	height:150px;
	background:url(../img/login_portal_over.png) no-repeat left bottom;
}
.indextop #portal_login_button a {
	display:block;
	width:300px;
	height:150px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.indextop #portal_login_button a:hover {
	text-indent:-9999px;
}

/*【6】フッタ*/
.indextop #foot { width: 966px; }
.indextop #foot .partner {
	width: 828px;
}
.indextop #foot #copy {
	background: #8cc63f;
}


.goto_botbiz{
border:1px solid #e40a0a; -webkit-border-radius: 3px;width:300px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f62b2b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f62b2b), color-stop(100%, #d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(top, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.goto_botbiz:hover{
 border:1px solid #e40a0a; background-color: #e40a0a;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e40a0a), color-stop(100%, #9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(top, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}


.login_sighup_now{
border:1px solid #e40a0a; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #f62b2b;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f62b2b), color-stop(100%, #d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(top, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.login_sighup_now:hover{
 border:1px solid #e40a0a; background-color: #e40a0a;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e40a0a), color-stop(100%, #9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(top, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}



.btn_login{
	padding-top: 15px;
	padding-left: 15px;
}

.facebook_login_button_w{
	height:30px;
	width:150px;
	border:0px;
	background-image:url("//metabirds.net/img/socialbtn/fb_login.png");
	background-size:cover;
}

.twitter_login_button_w{
	height:30px;
	width:150px;
	border:0px;
	background-image:url("//metabirds.net/img/socialbtn/tw_login.png");
	background-size:cover;
}