@charset "shift-jis";
/***************************
爆コミュ β版
----------------------------
Copyright(C) bakusai.com All rights reserved.
http://bakusai.com/sns/
****************************/
html{
overflow-y:scroll;
}

body {
	/*background: url(http://img.bakusai.com/p/img/bg_sns.gif) repeat-x fixed;*/
	font-size:14px;
	margin:0px 0px;
	height:100%;
	clear:both;
	}

input{
border:1px solid #666666;

}

*html body {
	/*background: url(http://img.bakusai.com/p/img/bg_sns.gif) repeat-x fixed;*/
	font-size:14px;
	margin:0px 0px;
	text-align:center;
	height:100%;
	}


a:link {
	color:#1D3994;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#9966CC;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

#topheader{
width:100%;
padding:3px 0 4px 0;
background:#999999;
border-bottom:#999999 3px double;
clear:both;
color:#FFFFFF;
height:13px;
background: url(http://img.bakusai.com/p/img/bg_header_sns.gif) repeat-x fixed;
}

h1{
float:left;
font-size:13px;
font-weight:normal;
height:13px;
color:#FFFFFF;
margin:0;
padding-left:3px;
}

h2{
float:left;
font-size:13px;
height:13px;
font-weight:normal;
padding-left:3px;
color:#FFFFFF;
margin:0;
}

#topheader div{
float:right;
padding-right:3px;
}

#main{
	width:990px;
	height:100%;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
}

*html #main{
	width:990px;
	height:auto;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
}

*:first-child+html #main{
	width:990px;
	height:auto;
	background:#FFFFFF;
	margin:0 auto;
	text-align:left;
}


/************************
  ヘッダー
************************/
#header{
	width:990px;
	height:100px;
}

/*** ロゴ ***/
#logo ,#logo a{
	background:url(http://img.bakusai.com/p/img/logo_sns.gif) no-repeat bottom right;
	width:370px;
	height:90px;
	display:block;
	float:left;
	margin-top:5px;
	margin-left:8px;
	_margin-left:5px;
	margin-right:10px;
	_margin-right:2px;
}

#logo span{
	display:none;
}

/*** ヘッダーバナー ***/
#ad_top{
float:left;
margin:23px 5px 0 5px;

}

#ad_top img{
border:1px solid #999999;
}

/*** ヘッダーリンク ***/
#header_link{
float:left;
margin:23px 0 0 10px;
font-size:12px;
line-height:1.6em;
}


/************************
  メニュー
************************/
#menu{
width:990px;
height:68px;
margin-bottom:0px;
_margin-bottom:0px;
}

/*** 左角 ***/
#menu_left{
	background:url(http://img.bakusai.com/p/img/menu_left.gif) no-repeat top right;
	height:68px;
	width:28px;
	float:left;
}

/*** 右角 ***/
#menu_right{
	background:url(http://img.bakusai.com/p/img/menu_right.gif) no-repeat top left;
	height:68px;
	width:28px;
	float:right;
}

/*** メニュー背景 ***/
#menu_list{
	background:url(http://img.bakusai.com/p/img/menu_bg.gif) top center repeat-x;
	height:68px;
	width:934px;
	float:left;
}

#menu_botton{
height:27px;
padding:0px;
margin-bottom:20px;
}

#menu_botton span{
display:none;
}

#menu_botton ul{
margin:0 0 0 -37px;
}

/*Firefox2以外ハック(だと思う)*/
#menu_botton ul, x:moz-read-only{
margin:0 0 0 -37px;
}

#menu_botton li{
float:left;
list-style:none;
}


/*** メニューボタン ***/
/**トップ**/
#menu_top,#menu_top a{
background:url(../img/menu_top.gif) no-repeat;
float:left;
width:67px;
height:48px;
display:block;
}

#menu_top a:hover{
background:url(../img/menu_top_a.gif) no-repeat;
float:left;
width:67px;
height:48px;
display:block;
}


/**プロフ登録**/
#menu_prof,#menu_prof a{
background:url(../img/menu_prof.gif) no-repeat;
float:left;
width:99px;
height:48px;
display:block;
}

#menu_prof a:hover{
background:url(../img/menu_prof_a.gif) no-repeat;
float:left;
width:99px;
height:48px;
display:block;
}


/**プロフ検索**/
#menu_search,#menu_search a{
background:url(../img/menu_search.gif) no-repeat;
float:left;
width:97px;
height:48px;
display:block;
}

#menu_search a:hover{
background:url(../img/menu_search_a.gif) no-repeat;
float:left;
width:97px;
height:48px;
display:block;
}

/**みんなのリアル**/
#menu_real,#menu_real a{
background:url(../img/menu_real.gif) no-repeat;
float:left;
width:131px;
height:48px;
display:block;
}

#menu_real a:hover{
background:url(../img/menu_real_a.gif) no-repeat;
float:left;
width:131px;
height:48px;
display:block;
}

/**自己紹介掲示板**/
#menu_myshow,#menu_myshow a{
background:url(../img/menu_myshow.gif) no-repeat;
float:left;
width:132px;
height:48px;
display:block;
}

#menu_myshow a:hover{
background:url(../img/menu_myshow_a.gif) no-repeat;
float:left;
width:132px;
height:48px;
display:block;
}

/**ヘルプ**/
#menu_help,#menu_help a{
background:url(../img/menu_help.gif) no-repeat;
float:left;
width:69px;
height:48px;
display:block;
}

#menu_help a:hover{
background:url(../img/menu_help_a.gif) no-repeat;
float:left;
width:69px;
height:48px;
display:block;
}

/************************
  テキスト広告
************************/
#ad_text{
padding:5px 0 5px 0;
}

*html #ad_text{
padding:5px 0 5px 5px;
margin-top:-15px;
margin-left:-5px;
}

#ad_text span a{
background:url(http://img.bakusai.com/p/img/icon_textpr.gif) no-repeat ;
padding-left:27px;
margin-right:15px;
}

#ad_text span a:hover{
background:url(http://img.bakusai.com/p/img/icon_textpr.gif) no-repeat #FFCCFF ;
padding-left:27px;
margin-right:15px;
}


/*IE6ハック*/
*html #q_a{
width:1000px;
height:95%;
background:#EDEDED;
margin:5px 15px 10px 10px;
padding:15px 0 0 10px;
float:left;
font-size:14px;
}

/************************
  よくある質問
************************/
#title_q_a{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_q_a.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_trouble{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_trouble.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_q_a span{
display:none;
}

#question{
font-size:14px;
font-weight:bold;
color:#555555;
}

#answer{
clear:both;
margin-left:20px;
padding:3px;
}


/************************
  爆コミュ利用規約/ヘルプ
************************/
#title_snsrule{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_snsrule.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_snsguide span, #title_snsrule span{
display:none;
}

#title_snsguide{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_snsguide.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}


#title_snshelp{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_snshelp.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_snshelp span{
display:none;
}

.box1{
border:1px solid #999999;
margin:10px 10px 10px 0px;
background:#FFFFFF;
clear:both;
}

.box2{
font-size:13px;
font-weight:bold;
color:#555555;
}

.box3{
font-size:13px;
clear:both;
margin-left:20px;
font-weight:normal;
padding:3px;
color:#444444;
}

.box2_2{
font-size:14px;
font-weight:bold;
color:#FE55AC;
}

.box3_2{
font-size:14px;
clear:both;
margin-left:20px;
font-weight:normal;
padding:3px;
color:#444444;
}

/************************
  インデックス
************************/
#index{
width:730px;
background:#EDEDED;
margin:5px 0 10px 15px;
padding:10px 0;
text-align:center;
height:auto;
float:left;
}

/*IE6*/
*html #index{
width:725px;
background:#EDEDED;
margin:5px 0 10px 5px;
padding:10px 0;
text-align:center;
height:auto;
float:left;
}

/*IE7*/
*:first-child+html #index{
width:730px;
background:#EDEDED;
margin:5px 0 10px 15px;
padding:10px 0;
text-align:center;
height:auto;
float:left;
}

/**** ログイン中のユーザー数 *****/
#login{
text-align:center;
font-size:30px;
font-weight:bold;
color:#666666;
padding:25px 20px 10px 20px;
width:650px;
height:50px;
margin:0 auto;
background:url(../img/bg_login) top center no-repeat;
clear:both;
}

*html #login{
text-align:center;
font-size:30px;
font-weight:bold;
color:#666666;
padding:30px 20px 10px 20px;
width:650px;
height:90px;
margin:0 auto;
background:url(../img/bg_login) top center no-repeat;
clear:both;
}


/**** ログイン中のユーザー ****/
#title_login-user{
padding:5px 0 5px 0;
margin:10px auto 20px auto;
width:690px;
_width:710px;
height:auto;
background:#FFFFFF url(../img/title_login-user.gif) repeat-x top left;
border:1px solid #C1C1C1;
}


.prof_photo{
text-align:center;
float:left; width:150px;
height:180px;
_height:175px;
margin-bottom:0px;
_margin-bottom:-10px;
padding:0 3px;
}

/*IE7*/
*:first-child+html .prof_photo{
text-align:center;
float:left; width:150px;
height:165px;
margin-bottom:0px;
padding:0 3px;
}

.prof_photo img{
border:1px solid #999999; width:120px; height:150px; margin-bottom:3px;
}




/**** 最新リアル ****/
#title_newalbum{
padding:40px 0 20px 0;
margin:10px auto;
width:690px;
background:#FFFFFF url(../img/title_new-album.gif) repeat-x top left;
clear:both;
border:1px solid #C1C1C1;
}

#title_newalbum span{
display:none;
}

.newsalbum-list{
border:1px solid #666666;
margin:5px;
}
/************************
  みんなのリアル
************************/

/**** 最新リアル ****/
#title_newreal{
padding:40px 0 20px 0;
margin:10px auto;
width:690px;
background:#FFFFFF url(../img/title_new-real.gif) repeat-x top left;
clear:both;
border:1px solid #C1C1C1;
}

/**** リアル見出し ****/
#title_real{
background:url(../img/title_real.gif) top left no-repeat;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_real span{
display:none;
}

/**** プロフに表示されるリアル ****/
.prof_real{
background-color:#FFFFFF;
padding:5px;
margin-bottom:10px;
margin-left:5px;
}

/*IE6*/
*html .prof_real{
background-color:#FFFFFF;
padding:5px;
margin-bottom:10px;
margin-left:10px;
}

/*IE7*/
*:first-child+html .prof_real{
background-color:#FFFFFF;
padding:5px;
margin-bottom:10px;
margin-left:15px;
}


/************************
  プロフィール
************************/
#profile{
width:715px;
height:auto;
background:#EDEDED;
margin:5px 0 10px 15px;
padding:15px 0 0 10px;
float:left;
clear:both;
}

/*IE6ハック*/
*html #profile{
width:715px;
height:95%;
background:#EDEDED;
margin:5px 15px 10px 10px;
padding:15px 0 0 10px;
float:left;
}


/*** プロフ写真外枠 ***/
#prof_photo{
width:198px;
height:258px;
background:url(../img/prof_photo_bg.gif) repeat-x #D8D8D8 top;
margin:0px 10px 10px 15px;
border:#EA9BC4 1px solid;
text-align:center;
padding:15px;
font-size:0.9em;
}

/*** プロフ写真中枠 ***/
#photo_img{
width:190px;
height:210px;
border:#CCCCCC 1px solid;
background-color:#FFFFFF;
margin:10px auto 0 auto;
text-align:center;
}

#photo_img img{
margin-top:15px;
width:120px;
height:150px;
border:0px;
}

/*** 画像拡大 ***/
.p_zoom a{
background:url(http://img.bakusai.com/p/img/prof_zoom.gif) center;
height:20px;
width:75px;
display:block;
margin:2px auto;
}

.p_zoom a:hover{
background:url(http://img.bakusai.com/p/img/prof_zoom_a.gif) center;
height:20px;
width:75px;
display:block;
margin:2px auto;
}

.p_zoom span{
display:none;
}

/************************
  最近の訪問者
************************/
#ashiato{
background:url(http://img.bakusai.com/p/img/ashiato.gif) top no-repeat #FFFFFF;
width:218px;
height:auto;
margin:15px 10px 10px 15px;
padding:40px 0 20px 10px;
border:#C1C1C1 1px solid;
background-color:#FFFFFF;
line-height:1.5em;
}

#ashiato span a{
background:url(http://img.bakusai.com/p/img/gb_arrow.gif) no-repeat;
padding-left:16px;
vertical-align:middle;
height:1.1em;
padding-top:2px;
padding-bottom:2px;
}

#ashiato span a:hover{
background:url(http://img.bakusai.com/p/img/gb_arrow_a.gif) no-repeat;
padding-left:16px;
vertical-align:middle;
height:1.1em;
padding-top:2px;
padding-bottom:2px;
}


/************************
  プロフィール内容
************************/
#prof_text{
width:440px;
height:auto;
float:left;
margin-left:10px;
}

#prof_text ul{
margin:0 0 0 -37px;
width:auto;
}

/*Firefox2以外ハック(だと思う)*/
#prof_text ul, x:moz-read-only{
margin:0 0 0 5px;
width:auto;
}

/*Firefox2以外ハック(だと思う)*/
#prof_text, x:moz-read-only{
width:440px;
height:auto;
float:left;
margin-left:0px;
}

/*** プロフ項目 ***/
#prof_text li{
background-color:#FFFFFF;
height:20px;
margin-bottom:10px;
padding:6px 0px;
list-style:none;
clear:both;
}

/*** プロフ(項目) ***/
.prof_list01{
color:#FF3399;
font-size:12px;
float:left;
width:145px;
_width:155px;
padding-left:10px;
clear:both;
}

/*** プロフ右(入力部分) ***/
.prof_list02{
float:right;
font-size:12px;
width:255px;
_width:235px;
text-align:left;
}

/*** プロフ右(一言部分) ***/
#prof_list03{
float:right;
font-size:12px;
width:245px;
padding-right:10px;
text-align:left;
height:auto;
word-break:break-all;
}

*html #prof_list03{
float:right;
width:235px;
padding-right:10px;
text-align:left;
height:auto;
word-break:break-all;
}

/************************
  プロフ検索
************************/
#prof_serch{
width:715px;
height:95%;
background:#EDEDED;
margin:5px 0 10px 15px;
padding:15px 0 0 10px;
float:left;
font-size:14px;
}

/*IE6ハック*/
*html #prof_serch{
width:715px;
height:95%;
background:#EDEDED;
margin:5px 15px 10px 10px;
padding:15px 0 0 10px;
float:left;
font-size:14px;
}

/***** 検索テーブル *****/
.serch_list{
width:140px;
height:20px;
padding:5px 0 5px 10px;
font-size:14px;
border-bottom:1px #999999 dotted;
border-right:1px #999999 dotted;
letter-spacing:2px;
}

.serch_select{
width:400px
height:20px;
padding:5px 0 5px 10px;
font-size:14px;
border-bottom:1px #999999 dotted;
letter-spacing:2px;
}

#title_serch{
text-align:center;
background:url(http://img.bakusai.com/p/img/title_search.gif) no-repeat left top;
width:660px;
height:55px;
margin:0 auto -10px auto;
}


#title_serch span{
display:none;
}

/*** 検索表示 ***/
#search_list{
height:auto;
}

*html #search_list{
height:100%;
min-height: 100%;
}

*:first-child+html #search_list{
height:100%;
min-height: 100%;
}


/************************
  自己紹介掲示板
************************/
#title_myinfo{
background:url(../img/title_myinfo.gif) top left no-repeat;
width:660px;
height:55px;
margin:0 auto -10px auto;
}

#title_myinfo span{
display:none;
}

.my_intro_name{
border-bottom:1px #999999 solid;
padding:5px; height:30px;
clear:both;
background:url(../img/bg_my_intro_name.gif) repeat-x top;
}

/************************
  右サイド
************************/
#side{
width:220px;
height:auto;
float:right;
margin-top:5px;
margin-right:15px;
}

/*IE6ハック*/
*html #side{
width:220px;
height:500px;
float:right;
margin-top:5px;
margin-right:10px;
}

/*** サイドバナー ***/
#ad_sideimg{
margin-bottom:10px;
}

#ad_sideimg img{
border:0;
height:162px;
width:220px;
}

/** 爆コミュ新規ユーザー **/
#latest-register-user{
	border:1px solid #CCC;
	margin:0 0 10px 0;
	padding:35px 0 0 0;
	background:url(../img/title_newregiuser.gif) no-repeat left top;
}

#latest-register-user ul{
	border:none;
	list-style:none;
	margin:0 0 0 0;
	padding:0;
}

#latest-register-user li{
	padding:5px 5px 5px 15px;
	border-bottom:1px dotted #CCCCCC;
	}

#latest-register-user strong{
	font-size:12px;
}

#latest-register-user p{
	float:left;
	width:160px;
	display:block;
	margin:0;
	padding:0;
}

#latest-register-user img{
	border:1px solid #666;
	margin:0 3px 3px 0;
	float:left;
	width:30px;
	height:30px;
}

/*** 爆コミュプロフ案内 ***/
#side_newprof{
width:220px;
height:auto;
margin:0 0 10px 0;
}

#side_newprof img{
border:none;
}

/*** フリースペース(未定) -オススメ掲示板-***/
#side_space01{
background:url(../img/title_pickup.gif) no-repeat left top;
border:1px solid #CCCCCC;
width:210px;
background-color:#FFFFFF;
padding:37px 5px 5px 5px;
line-height:1.2em;
margin-bottom:10px;
text-align:left;
}

*html #side_space01{
background:url(../img/title_pickup.gif) no-repeat left top;
border:1px solid #CCCCCC;
width:221px;
background-color:#FFFFFF;
padding:37px 5px 5px 5px;
line-height:1.2em;
margin-bottom:10px;
}

#side_space01 ul{
margin:0px;
}

#side_space01 span{
font-size:0.85em;
list-style:none;
margin-bottom:3px;
margin-left:10px;
}


/*** フリースペース(未定) -モバイル版-***/
#side_space02{
background:url(../img/title_mobilesns.gif) no-repeat left top;
border:1px solid #CCCCCC;
width:210px;
background-color:#FFFFFF;
padding:37px 5px 5px 5px;
line-height:1.2em;
height:135px;
}

*html #side_space02{
background:url(../img/title_mobile.gif) no-repeat left top;
border:1px solid #CCCCCC;
width:221px;
background-color:#FFFFFF;
padding:37px 5px 5px 5px;
line-height:1.2em;
height:135px;
}

.qr{
width:100px;
height:100px;
float:left;
}

.mobile{
margin-top:15px;
font-size:0.80em;
float:left;
text-align:left;
width:100px;
}

#lead_mobile{
background:url(../img/lead_mobile01.gif) no-repeat top left;
height:auto;
width:220px;
padding:90px 40px 5px 420px;
font-size:12px;
z-index:100;
clear:both;
margin:0;
}

*html #lead_mobile{
background:url(../img/lead_mobile01.gif) no-repeat top left;
height:auto;
width:680px;
padding:90px 40px 5px 420px;
font-size:12px;
z-index:100;
margin:0;
}

#lead_mobile_bg{
background:url(../img/lead_mobile02.gif) repeat-y top left;
height:auto;
width:680px;
font-size:12px;
z-index:50;
}

#lead_mobile_bottom{
background:url(../img/lead_mobile03.gif) no-repeat top left;
height:41px;
width:680px;
font-size:12px;
z-index:110;
}

/*リアルリスト*/
.real_list {
border-bottom:1px dashed #999999;
}

.real_list table:hover{
background-color:#F6F6F6;
}

.real_topborder{
border-bottom:1px dashed #999999; height:1px; font-size:1px;
width:auto;
_width:688px;
}


/**html #lead_mobile{
background:url(../img/lead_mobile.gif) no-repeat top left;
height:255px;
width:680px;
padding:90px 40px 5px 420px;
font-size:12px;
clear:both;
}
**/
#lead_mobile_text{
letter-spacing:2px;
line-height:1.3em;
font-size:15px;
}

#lead_mobile_text li{
margin-bottom:6px;
list-style:url(../img/lead_mobile_arrow.gif);
font-size:13px;
}



/************************
  フッター
************************/
#footer{
background:url(../img/footer.gif) no-repeat top;
text-align:center;
color:#000000;
padding:20px 0 15px 0;
color:#FFFFFF;
font-size:0.8em;
letter-spacing:2px;
line-height:1.3em;
margin-top:25px;
height:46px;
_height:76px;
clear:both;
}


#footer a{
color:#FFFFFF;
}

#footer_bottom{
height:auto;
width:100%;
border-top:#CCCCCC 4px double;
background:#FFFFFF;
padding:5px 0px 5px 0px;
text-align:center;
font-size:0.9em;
margin:0 auto;
}

.head_news_sns{ padding:5px 0 5px 23px;  width:920px; margin:5px 30px 0 30px!important; border-top:1px dashed #CCC; font-weight:bold; background:url(../img/ico_new1b_7.gif) no-repeat left;}

.small{font-size:10px!important;}
.grey{color:#CCC;}
.clear{
clear:both; font-size:1px; height:1px;
}

#prof_space{
width:715px;

}