@charset "shift_jis";


/* --------------------
default-tag-reset
-------------------- */
*{
	margin:0;
	padding:0;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;
	padding:0;
	font-size:12px; 
	font-weight:normal;
	} 
	
table{
	border-collapse:collapse;
	border-spacing:0;
	} 
	
fieldset,img{
	border:0;
	}
	 
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	} 
	
caption,th {
	text-align:left;
	} 
	
h1,h2,h3,h4,h5,h6{
	font-size:12px;
	}
	
q:before,q:after{
	content:'';
	}
	 
a{
	border:0px;
	}

.clear{
	clear:both;
	}
	
.hide {
	display: none;
}



#header_login {
	height: 20px;
	width: 850px;
	display: block;
	margin-top: 5px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	background-color:#EF678B;
}


/* --------------------
body
-------------------- */
body{
	background-color:#FCE3E3;
	text-align:center;
	}

h1{
	padding-top:2px;
	width:auto;
	height:16px;
	_height:18px;
	color:#FFFFFF;
	background:url(img/h1_bg.gif) repeat-x;
	text-align:center;
	}

div#wrapper{
	margin:0 auto;
	width:850px;
	height:auto;
	text-align:left;
	}
/* --------------------
head
-------------------- */
div#head{
	width:850px;
	height:280px;
	background:url(img/head.jpg) no-repeat;
	}

div#head h2{
	width:425px; 
	height:165px;
	text-indent:-9999px;
	}

div#head h2 a{
	width:425px; 
	height:165px;
	display:block;
	overflow:hidden;
	}

div#head h2 a:visited{
	width:425px; 
	height:165px;
	display:block;
	overflow:hidden;
	}

div#title_text{
	margin-left:20px;
	margin: 0px 0px 0px 30px;
	padding: 50px 0px 0px 0px;
	width:320px;
	height:50px;
	}

div#mb_box{
	margin-left:20px;
	margin: 5px 0px 0px 20px;
	width:500px;
	height:110px;
	}

div#qr_box{
	float:left;
	width:110px;
	height:110px;
	}
	
div#mb_form{
	padding-left:10px;
	float:left;
	width:380px;
	height:110px;
	}

div#mb_form p{
	height:15px;
	}

div#mb_form_send{
	padding-top:10px;
	}
/* --------------------
menu
-------------------- */
/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.main{font-size:12px;}
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。
=========================================================================*/
ul.main{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/}
ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
ul.main{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.main a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
.main{
	background-color:;/*サブメニューの位置をずらした場合指定必須*/
	background: url(img/menu_back.jpg) no-repeat;
}
.main li{
	background-color:#ffffff;
	background: url(img/menu_back.jpg) no-repeat;
}
/*メインメニューのオンマウス時*/
.main a:hover{background-color:#ffffd5;}
/*サブメニューへ移動したときの色（main a:hoverと同じ値推奨）*/
.main li.on{background-color:#ffffd5;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#ffcccc;}
.sub li{background-color:#ffcccc;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#ffffff;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.sub li.on2{background-color:#ffffff;}

/*サブメニュー2の背景色*/
.sub-2{background-color:#ccccff;}
.sub-2 li{background-color:#ccccff;}
/*サブメニュー2のオンマウス時*/
.sub-2 a:hover{background-color:#ecffff;}

/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/
/*：メインメニューの文字色*/
.main a:link{color:#aa0000}
.main a:visited{color:#ffffff;}
.main a:hover{color:#ff0000;}

/*：サブメニューの文字色*/
.sub a:link{color:#0000ff}
.sub a:visited{color:#000000;}
.sub a:hover{color:#ff0000;}

/*：サブメニュー２の文字色*/
.sub-2 a:link{color:#0000ff}
.sub-2 a:visited{color:#000000;}
.sub-2 a:hover{color:#ff0000;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。
なお、
ul.main{width:1%;}
ol.sub{
    left:100%;
    top:-20px;
    width:120px;
}
.main li.on{
    height:19px;
    width:120px;
}
の用にいじると縦型メニューになります。ただしborderの微調整が必要になります。

=========================================================================*/

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.main{width:850px;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.main li.off{
    height:25px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:83px;/*文字数に合わせて調整*/
}
.main li.on{
    width:83px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:5px 2px 5px 2px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.main li.off{
    border:1px solid #993300;
}
/*展開時・メインメニューの枠線*/
.main li.on{
    border:1px solid #993300;
    border-bottom:0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.main a{
    border-bottom:1px solid #993300;
}

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:83px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:83px;/*ol.subと同じ値を推奨*/
    height:25px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:83px;/*ol.subと同じ値を推奨*/
    height:25px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
/*border:1px solid #993300;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
    border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 1px;/*あまり大きな値にしない*/
    width:83px;/*削除不可*/
    height:14px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

/*========================================================================
2段階目のサブメニューを利用しない場合サブメニュー2に関する設定は不要
=========================================================================*/
/*---------------サブメニュー２幅の設定--------------------*/
ul.sub-2{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    top:-20px;/*ブラウザーで見ながら微調整*/
    width:83px;/*値の変更可能*/
}
/*---------------サブメニュー２枠線の設定--------------------*/
ul.sub-2{
    border:1px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
    border-bottom:0px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
}
.sub-2 a{
    border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}
/*---------------サブメニュー２余白の設定--------------------*/
.sub-2 a{
    padding:3px 5px;/*あまり大きな値にしない*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{
    top:;
    left:;
    width:850px;
    position:absolute;
    z-index:100;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#menu{} /* 全体を囲むボックス */

ul.main{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main li.off{} /* メインメニューアイテム通常時 */
ul.main li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

ul.sub-2{} /* サブメニュー2 */
ul.sub-2 li{} /* サブメニュー2アイテム */
ul.sub-2 li a{} /* サブメニュー2用リンク */

/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}






/* --------------------
contents
-------------------- */
div#contents{
	width:850px;
	height:auto;
	}
/* --------------------
contents_search
-------------------- */	
h3#search{
	width:850px;
	height:41px;
	background:url(img/search_title.jpg) no-repeat;
	text-indent:-9999px;
	}

div#search_box{
	margin-bottom:5px;
	padding:0 20px 0 27px;
	width:803px;
	_width:850px;
	height:169px;
	background:url(img/search_cont.jpg) no-repeat;
	}
	
div#search_form{
	padding-top:59px;
	float:left;
	width:589px;
	height:110px;
	}

div#search_btn{
	padding-top:10px;
	float:left;
	width:214px;
	height:140px;
	}
/* --------------------
search_narrow
-------------------- */	
h3#search_narrow{
	width:850px;
	height:41px;
	background:url(img/search_narrow_title.jpg) no-repeat;
	text-indent:-9999px;
	}
div#search_narrow_box{
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
	width: 850px;
	height: 117px;
	background: url(img/search_narrow.jpg) no-repeat;
	}

div#search_narrow_form{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 30px;
	width: 500px;
	height: 50px;
	}


div#search_narrow_button{
	float: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	height: 66px;
	}


/* --------------------
contents_ALL
-------------------- */	
div.list{
	padding:0 20px 0 27px;
	width:803px;
	_width:850px;
	height:auto;
	background:url(img/bg_cont_middle.gif) repeat-y;
	}

div.list p{
	line-height:18px;
	font-size:10px;
	}

div.list_box{
	float:left;
	width:635px;
	height:auto;
	overflow:hidden;
	}

div.list_ossm p,
div.list_wossm p,
div.list_mnew p,
div.list_wnew p,
div.list_member p,
div.list_wmember p{
	margin-bottom:5px;
	padding-top:2px;
	width:122px;
	height:18px;
	color:#000;
	font-size:12px;
	text-align:center;
	}

div.list_ossm .chara img,
div.list_wossm .chara img,
div.list_mnew .chara img,
div.list_wnew .chara img, 
div.list_member .chara img,
div.list_wmember .chara img{  
	border:1px solid #ff699b;
	}

div.list_ossm div.chara_info,
div.list_wossm div.chara_info,
div.list_mnew div.chara_info,
div.list_wnew div.chara_info,
div.list_member div.chara_info,
div.list_wmember div.chara_info{
	padding:2px 0 0 10px;
	width:112px;
	_width:122px;
	height:45px;
	_height:50px;
	text-align:left;
	}
	
div.list_ossm ul li,
div.list_wossm ul li,
div.list_mnew ul li,
div.list_wnew ul li,
div.list_member ul li,
div.list_wmember ul li{
	margin:0 0 3px 0;
	line-height:100%;
	list-style-type:none;
	color:#000;
	font-size:12px;
	text-align:left;
	}

div.sendmail_btn{
	margin:0 auto;
	width:115px;
	height:26px;
	/*background-color:#ff0000;*/
	}

div#btn_shimei{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:50px;
	height:26px;
	float:left;
	}

div#btn_shousai{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:50px;
	height:26px;
	float:right;
	/*clear:both;*/
	}

div.rank{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width:122px;
	height:11px;
	background:url(img/rank.gif) no-repeat;
	font-size:10px; 
	font-weight:bold;
	color:#ffffff;
	}

div.rt_messe{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:122px;
	height:11px;
	background:url(img/rt_messe.gif) no-repeat;
	}

div.status{
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 95px;
	height: 22px;
	/*background:url(img/gold.jpg) no-repeat;*/
	}

div.yosan{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	width:122px;
	height:11px;
	background:url(img/yosan.gif) no-repeat;
	font-size:10px; 
	font-weight:bold;
	color:#ffffff;
	}







div.another_box{
	float:left;
	width:168px;
	height:auto;	
	background:url(img/bg_another_middle.gif) repeat-y;
	text-align:center;
	}

h4.another_boystitle{
	width:168px; 
	height:50px;
	background:url(img/title_another_boys.jpg) no-repeat;
	text-indent:-9999px;
	}

h4.another_girlstitle{
	width:168px; 
	height:50px;
	background:url(img/title_another_girls.jpg) no-repeat;
	text-indent:-9999px;
	}

h4.another_ossmboystitle{
	width:168px; 
	height:50px;
	background:url(img/title_another_ossmboys.jpg) no-repeat;
	text-indent:-9999px;
	}

h4.another_membertitle{
	width:168px; 
	height:50px;
	background:url(img/title_another_member.jpg) no-repeat;
	text-indent:-9999px;
	}
	
dl.another_text{
	padding:5px 5px 15px 10px;
	width:153px;
	_width:168px;
	height:auto;
	text-align:left;
	}
	
dl.another_text dd{
	line-height:15px;
	font-size:10px;
	}
		
div.another_btn{
	margin:0 auto;
	width:159px;
	height:auto;
	}

div.cont_bottom{
	margin-bottom:5px;
	}

/* --------------------
contents_mnew
-------------------- */	
h3#newm{
	width:850px;
	height:41px;
	background:url(img/new_mtitle.jpg) no-repeat;
	text-indent:-9999px;
	}
div.list_mnew{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:122px;
	height:265px;
	background:url(img/bg_new_mlist.gif) no-repeat;	
	text-align:center;
	overflow:hidden;
	}
div.list_mnew .chara img{
	border:1px solid #ffa801;
	}	
div.list_mnew .chara{
	margin:0 auto;
	width:101px;
	height:101px;
	}
/* --------------------
contents_wnew
-------------------- */	
h3#neww{
	width:850px;
	height:41px;
	background:url(img/new_wtitle.jpg) no-repeat;
	text-indent:-9999px;
	}

div.list_wnew{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:122px;
	height:265px;
	background:url(img/bg_new_wlist.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	}

div.list_wnew .chara img{
	border:1px solid #ffa801;
	}
	
div.list_wnew .chara{
	margin:0 auto;
	width:101px;
	height:101px;
	}

/* --------------------
contents_ossm
-------------------- */	
h3#ossm{
	width:850px;
	height:41px;
	background:url(img/ossm_mtitle.jpg) no-repeat;
	text-indent:-9999px;
	}

div.list_ossm{
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	width:122px;
	height:265px;
	background:url(img/bg_ossm_list.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	}

div.list_ossm .chara img{
	border:1px solid #ffa801;
	}

div.list_ossm .chara{ 
	margin:0 auto;
	width:101px;
	height:101px;
	}

/* --------------------
contents_wossm
-------------------- */	
h3#wossm{
	width:850px;
	height:41px;
	background:url(img/ossm_wtitle.jpg) no-repeat;
	text-indent:-9999px;
	}

div.list_wossm{
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	width:122px;
	height:265px;
	background:url(img/bg_ossm_wlist.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	}

div.list_wossm .chara img{
	border:1px solid #ffa801;
	}

div.list_wossm .chara{ 
	margin:0 auto;
	width:101px;
	height:101px;
	}

/* --------------------
contents_member
-------------------- */	
h3#member{
	width:850px;
	height:41px;
	background:url(img/member_title.jpg) no-repeat;
	text-indent:-9999px;
	}

div.list_member{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:122px;
	height:265px;
	background:url(img/bg_member_list.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	}

div.list_member .chara img{
	border:1px solid #ffa801;
	}
	
div.list_member .chara{
	margin:0 auto;
	width:101px;
	height:101px;
	}
/* --------------------
contents_wmember
-------------------- */	
h3#wmember{
	width:850px;
	height:41px;
	background:url(img/member_title.jpg) no-repeat;
	text-indent:-9999px;
	}

div.list_wmember{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:122px;
	height:265px;
	background:url(img/bg_member_wlist.gif) no-repeat;
	text-align:center;
	overflow:hidden;
	}

div.list_wmember .chara img{
	border:1px solid #ffa801;
	}
	
div.list_wmember .chara{
	margin:0 auto;
	width:101px;
	height:101px;
	}
/* --------------------
small_contents
-------------------- */	
div#small_contents{
	padding:0 10px 0 10px;
	width:830px;
	_width:850px;
	height:auto;
	}


/* --------------------
login_number
-------------------- */	

div.login_number_title{
	padding:0 10px 0 10px;
	width:850px;
	height:30px;
	background:url(img/t_subcontent_user.gif) no-repeat;
	}
.login_number th{
	color: #ffffff;
	font-weight:bold;
	border: 1x dashed #085;
	padding: 2px 0px 2px 5px;
	font-size: 12px;
	background-color: #FF6699;
	/*background:url(img/lnumberback.gif) no-repeat;*/
	background-position: center center;
	width: 850px;
}
.login_number td{
	border: 1x dashed #085;
	padding: 5px 10px 5px 10px;
	font-size: 10px;
	text-align: right;
	background:url(img/lnumberback.gif) no-repeat;
	background-position: center center;
	width: 50px;
	height: 56px;
}




/* --------------------
small_contents_whats
-------------------- */	
div#whats{
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 5px 0px;
	width: 410px;
	height: 170px;	
	float: left;
}

div#whats h3{
	width: 410px;
	height: 40px;	
	text-indent: -9999px;
	background: url(img/bar_whats.jpg) no-repeat;
}


div#whats_box{
	padding: 10px 10px 0px 0px;
	width: 400px;
	_width: 410px;
	height: 130px;	
	_height: 130px;
	background: url(img/what_bg.jpg) no-repeat;
	text-align: right;
}	

div#whats_text_box{
	padding: 10px 0px 0px 10px;
	width: 400px;
	height: 70px;
	font-size: 12px; 
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 150%;
}

/* --------------------
small_contents_qa
-------------------- */	
div#qa{
	margin-bottom:5px;
	float:left;
	width:410px;
	height:170px;
	/*background:url(img/bg_qa_middle.gif) repeat-y;*/
	}

div#qa h3{
	width:410px;
	height:40px;
	background:url(img/bar_qa.jpg) no-repeat;
	text-indent:-9999px;
	}

div#qa_box{
	padding: 10px 10px 0px 0px;
	width:400px;
	_width:410px;
	height:130px;	
	_height:130px;
	background:url(img/qa_bg.jpg) no-repeat;
	text-align:right;
	}
div#qa_text_box{
	padding: 10px 5px 0px 10px;
	width: 390px;
	height: 70px;
	font-size: 12px; 
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 150%;
}
/* --------------------
small_contents_entry
-------------------- */	
div#entry{
	margin:0 0 10px 0;
	clear:both;
	width:830px;
	height:170px;
	}

div#entry h3{
	width:830px;
	height:40px;
	background:url(img/bar_entry_w.jpg) no-repeat;
	text-indent:-9999px;
	}

div#entry_g{
	margin:0 0 10px 0;
	clear:both;
	width:830px;
	height:170px;
	}

div#entry_g h3{
	width:830px;
	height:64px;
	background:url(img/bar_entry_w_g.jpg) no-repeat;
	text-indent:-9999px;
	}

div#entry_box{
	padding: 7px 0px 0px 70px; 
	width:820px;
	_width:830px;
	height:123px;
	_height:130px;
	background:url(img/bg_entry_w.jpg) no-repeat;
	}

div#entry_box_g{
	padding: 7px 0px 0px 70px; 
	width:820px;
	_width:830px;
	height:123px;
	_height:130px;
	background:url(img/bg_entry_w_g.jpg) no-repeat;
	}

/* --------------------
footer
-------------------- */	
div#footer{
	float:left;
	width:850px;
	height:170px;	
	text-align:center;
	}

div#menu{
	margin:0 auto;
	width:800px;
	height:30px;
	text-align:center;
	}

div#menu ul li{
	float:left;
	list-style-type:none;
	}

div#menu ul li a.btn_home{ 
	display:block;
	width:159px;
	height:30px;
	overflow:hidden;
	background-position: 0px 0px;
	background-image:url(img/menu_home.gif);
	text-indent:-9999px;	
	}
 
div#menu ul li a.btn_home:hover{
	display:block;
	overflow:hidden;
 	background-position: 0px 30px;
	}		

div#menu ul li a.btn_tos{ 
	display:block;
	width:159px;
	height:30px;
	overflow:hidden;
	background-position: 0px 0px;
	background-image:url(img/menu_tos.gif);
	text-indent:-9999px;	
	}
 
div#menu ul li a.btn_tos:hover{
	display:block;
	overflow:hidden;
 	background-position: 0px 30px;
	}	

div#menu ul li a.btn_privacy{ 
	display:block;
	width:159px;
	height:30px;
	overflow:hidden;
	background-position: 0px 0px;
	background-image:url(img/menu_privacy.gif);
	text-indent:-9999px;	
	}
 
div#menu ul li a.btn_privacy:hover{
	display:block;
	overflow:hidden;
 	background-position: 0px 30px;
	}	

div#menu ul li a.btn_company{
	display:block;
	width:159px;
	height:30px;
	overflow:hidden;
	background-position: 0px 0px;
	background-image:url(img/menu_company.gif);
	text-indent:-9999px;	
	}
 
div#menu ul li a.btn_company:hover{
	display:block;
	overflow:hidden;
 	background-position: 0px 30px;
	}

div#menu ul li a.btn_contact{ 
	display:block;
	width:159px;
	height:30px;
	overflow:hidden;
	background-position: 0px 0px;
	background-image:url(img/menu_contact.gif);
	text-indent:-9999px;	
	}
 
div#menu ul li a.btn_contact:hover{
	display:block;
	overflow:hidden;
 	background-position: 0px 30px;
	}
						
div#copyright{
	width:auto;
	height:auto;
	background:url(img/bg_copyright.gif) repeat-x;
	text-align:center;	
	}
/* --------------------
detail
-------------------- */
div#detail_wrapper{
	margin:0 auto;
	width:600px;
	height:auto;
	text-align:center;
	}
	
div#detail_wrapper h1{
	background:url(img/detail_head.gif) no-repeat;
	width:600px;
	height:60px;
	text-indent:-9999px;
	}

div#detail_contents{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 580px;
	/*_width: 600px;*/
	height: auto;
	}





/*	
div#detail_icon_bg{
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	float:left;
	width:220px;
	height:200px;
	background:url(img/detail_icon_bottom.gif) no-repeat;
	}
	
div#detail_icon_bg p{
	font-size:11px;
	text-align:cnter;
	}
*/





div#detail_contents h2#title02{
	width:580px;
	height:24px;
	background:url(img/detail_bar_tmp.gif) no-repeat;
	text-indent:-9999px;
	}	
	
	

div#temp_wrap{
height:auto;
background:#ffffff;
}

div#detail_tmp_info{
	margin-bottom:5px;
	padding:5px 10px;
	width:560px;
	_width:580px;
	height:auto;
	_height:auto;
	background:url(img/detail_tmp_info.gif) no-repeat bottom;
	text-align:left;
	}

div#detail_tmp_info dl{
	width:330px;
	height:auto;
	}
	
div#detail_tmp_info dl dt{
	margin-bottom:5px;
	line-height:130%;
	font-size:12px;
	color:#ff0000;
	}
	
div#detail_tmp_info dl dd{
	margin-bottom:3px;
	padding-left:5px;
	line-height:100%;
	font-size:11px;
	}

div#detail_contents h2#title03{
	width:580px;
	height:24px;
	background:url(img/sending_mail_title.gif) no-repeat;
	text-indent:-9999px;
	}
		
div#detail_contents h2#title03_02{
	font-weight:bold;
	color:#CE0073;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	width:570px;
	_width:580px;
	height:19px;
	_height:24px;
	background:url(img/sending_mail_title.gif) no-repeat;
	/*text-indent:-9999px;*/
	}

h2#title_mail_comp
	{
	width:580px;
	height:24px;
	background:url(img/sending_mail_title_comp.gif) no-repeat;
	text-indent:-9999px;
	}	


div#sending_mail_bg{
	padding:5px 10px;
	width:560px;
	height:auto;
	_height:auto;
	background:url(img/sending_mail_bg.gif) no-repeat bottom #ffffff;
	text-align:left;
	}

div#sending_mail_bg strong{
padding-left:10px;
color:#ff0000;
}　
			
/*div#detail_form_bgright{
	float:left;
	width:270px;
	height:29px;
	background:url(img/detail_bar_mail.gif) no-repeat;
	}

div#detail_form{
	padding:0 5px;
	float:left;
	width:260px;
	_width:270px;
	height:auto;						
	background:url(img/detail_mail_bg.gif) repeat-y;
	}*/

div#sending_mail_bg td{
	padding:3px 5px 2px;
	}
	
div#sending_mail_bg td ul li{
	line-height:120%;
	list-style-type:none;
	font-size:10px;
	text-align:left;
	}
	
div#detail_form_bottom{
	float:left;
	width:270px;
	height:5px;
	background:url(img/detail_mail_bottom.gif) no-repeat;
	font-size:5px;
	}
	
div#tmp_bg_bottom{
	clear:both;
	width:580px;
	height:4px;	
	background:url(img/tmp_bg_bottom.gif) no-repeat;
	}	
/* --------------------
sending comp
-------------------- */

div#detail_contents h2#title04{
	width:580px;
	height:24px;
	background:url(img/sending_comp_title.gif) no-repeat;
	text-indent:-9999px;
	}	
	
div#sending_comp_bar{
	float:left;
	width:270px;
	height:29px;
	background:url(img/sending_comp_bar.gif) no-repeat;
	}	

div#sending_comp_bg{
	padding:5px 5px 0;
	float:left;
	width:260px;
	_width:270px;
	height:111px;	
	_height:121px;					
	background:url(img/sending_comp_bg.gif) no-repeat;
	}

div#sending_comp_bg p{
	line-height:150%;
	font-size:11px;
	text-align:left;
	}

div#sending_mail_bg p{
	margin-bottom:40px;
	}
	
div#btn_close{
	width:560px;
	height:36px;
	text-align:center;
	}	

div#domein{
	padding:15px 5px 2px;
	float:left;
	width:260px;
	_width:270px;
	height:auto;
	background:url(img/detail_mail_bg.gif) repeat-y;
	}
	
div#domein ul li{
	line-height:120%;
	list-style-type:none;
	font-size:10px;
	text-align:left;
	}			
/* --------------------
sending comp
-------------------- */

div#sending_error_bg01{
	padding:5px 0 0 10px;
	width:570px;
	_width:580px;
	height:auto;
	background:url(img/sending_error_bg01.gif) repeat-y;
	text-align:left;
	}

dl#sending_error_bg01{
padding-bottom:5px;

}

#sending_error_bg01 dt{
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	}

#sending_error_bg01 dd{
	padding-left:10px;
	color:#ff0000;
	}
			
div#sending_error_bg{
	padding:30px 10px 0;
	float:left;
	width:280px;
	_width:300px;
	height:244px;
	_height:274px;
	background:url(img/sending_error_bg.gif) no-repeat;
	text-align:left;
	}
	
div#sending_error_bg ul li{
	line-height:150%;
	list-style-type:none;
	text-align:left;
	}
/* --------------------
another_list_box
-------------------- */
div.another_list_box{
	padding-left:23px;
	width:781px;
	_width:803px;
	height:auto;
	overflow:hidden;
	}
/* --------------------
tos,privacy,company
-------------------- */		
h3#tos{
	width:850px;
	height:64px;
	background:url(img/title_tos.jpg) no-repeat;
	text-indent:-9999px;
	}

h3#privacy{
	width:850px;
	height:64px;
	background:url(img/title_privacy.jpg) no-repeat;
	text-indent:-9999px;
	}	

h3#company{
	width:850px;
	height:64px;
	background:url(img/title_company.jpg) no-repeat;
	text-indent:-9999px;
	}
	
h3#contact{
	width:850px;
	height:64px;
	background:url(img/title_contact.jpg) no-repeat;
	text-indent:-9999px;
	}

h3.what_taitle{
	width:850px;
	height:64px;
	background:url(img/title_what.jpg) no-repeat;
	text-indent:-9999px;
	}



div.list dl.text_page_box{
	padding:0 80px 10px 80px;
	}

div.list dl.text_page_box dt{
	margin-bottom:5px;
	padding-top:20px;
	border-bottom:1px dotted #CCCCCC;
	widht:auto;
	line-height:150%;
	color:#FF3399;
	font-size:14px;
	}
	
div.list dl.text_page_box dd{
	line-height:150%;
	color:#333333;
	font-size:10px;
	}

div.list dl.text_page_box dd ul li{
	padding-left:10px;
	line-height:150%;
	list-style-type:none;
	color:#333333;
	font-size:10px;
	}

div.list dl.text_what_box{
	padding:0 40px 10px 40px;
	}

div.list dl.text_what_box dt{
	margin-bottom:5px;
	padding-top:20px;
	border-bottom:1px dotted #CCCCCC;
	widht:auto;
	line-height:150%;
	color:#FF3399;
	font-size:14px;
	font-weight:bold;
	}
	
div.list dl.text_what_box dd{
	line-height:150%;	
	color:#FF6600;
	font-size:12px;
	}
	
div.list dl.text_what_box dd.what_img{
	padding-top:20px;
	width:643px;
	text-align:center;
	}
	
div.list dl.text_what_box dd.what_img a{
	text-align:right;
	}































/* --------------------
QA
-------------------- */	

h3.qa_title{
	width:850px;
	height:64px;
	background:url(img/title_system.jpg) no-repeat;
	text-indent:-9999px;
	}

div.qa_box{
	padding:0px 20px 0px 0px;
	width:850px;
	height:auto;
	background:url(img/bg_cont_middle.gif) repeat-y;
	}

div.qa_menu{
	float: left;
	margin: 0px 0px 0px 0px;
	padding:  20px 0px 0px 50px;
	width: 250px;
	height: auto;
	line-height: 150%;
	color: #FF3399;
	font-size: 12px;
	}

div.qa_answer{
	float: right;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	height: 600px;
	border: #ccc solid 1px;
	line-height: 150%;
	color: #FF3399;
	font-size: 14px;
	overflow:auto;
}


div.qa_answer_title{
	margin-bottom:5px;
	padding-top:20px;
	border-bottom:1px dotted #CCCCCC;
	widht:auto;
	line-height:150%;
	color:#FF3399;
	font-size:16px;
	font-weight: bold;
}



div.qa_answer dl.text_page_box dt{
	margin-bottom:5px;
	padding-top:20px;
	border-bottom:1px dotted #CCCCCC;
	widht:auto;
	line-height:150%;
	color:#FF3399;
	font-size:14px;
	}
	
div.qa_answer dl.text_page_box dd{
	line-height:150%;
	color:#333333;
	font-size:10px;
	}

div.qa_answer dl.text_page_box dd ul li{
	padding-left:10px;
	line-height:150%;
	list-style-type:none;
	color:#333333;
	font-size:10px;
	}





















	
div.text_qa_box ul li{
	float:left;
	width:auto;
	line-height:150%;
	list-style-type:none;
	color:#666;
	font-size:12px;
	}
	
div.text_qa_box_bottom{
	margin-bottom:0;
	padding:5px;
	border:#ccc solid 1px;
	width:631px;
	_width:641px;
	height:aito;
	line-height:150%;
	color:#FF3399;
	font-size:14px;
	}
	
div.text_qa_box_bottom ul li{
	float:left;
	width:auto;
	line-height:150%;
	list-style-type:none;
	color:#666;
	font-size:12px;
	}

div.list_contact{
	padding:20px 0 10px 210px;
	width:640px;
	_width:850px;
	height:auto;
	background:url(img/bg_cont_middle.gif) repeat-y;
	}
	
div#contact_form{
	float:left;
	width:431px;
	height:406px;
	background:url(img/bg_contact_form.gif) no-repeat;
	}

div#contact_form table{
	margin:60px 0 0 30px;
	}
	
div#contact_form th{
	height:20px;
	}

div#contact_form p{
	padding-top:3px;
	font-size:10px;
	}			

div#contact_img{
	float:left;
	width:119px;
	height:406px;
	/*background:url(img/bg_contact_img.gif) no-repeat;*/
	font-size:5px;
	}

div#contact_img p{
	display:none; 
	}

div#contact_error{
	float:left;
	width:431px;
	height:406px;
	background:url(img/bg_contact_error.gif) no-repeat;
	}
	
div#contact_error table{
	margin:13px 0 0 30px;
	}
	
div#contact_error th{
	height:20px;
	}

div#contact_error span{
	padding-left:10px;
	color:#FF0066;
	font-size:10px;
	}

div#contact_error p{
	padding-top:3px;
	font-size:10px;
	}

div#contact_comp{
	padding-top:150px;
	float:left;
	width:431px;
	height:256px;
	_height:406px;
	background:url(img/bg_contact_comp.gif) no-repeat;
	text-align:center;
	}
	
div#contact_comp p{
	margin-bottom:5px;
	color:#FF0066;
	}	
/* --------------------
regist
-------------------- */
h3#woman{
	width:850px;
	height:64px;
	background:url(img/title_woman.jpg) no-repeat;
	text-indent:-9999px;
}


h3#man{
	width:850px;
	height:64px;
	background:url(img/title_man.jpg) no-repeat;
	text-indent:-9999px;
}
	
div.woman_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:850px;
	height:auto;
	background:url(img/bg_woman_middle.gif) repeat-y;
	/*background-color:#ff0000;*/
	}
div.complete_woman_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 210px;
	width:640px;
	_width:850px;
	height:auto;
	background:url(img/bg_woman_middle.gif) repeat-y;
	/*background-color:#ff0000;*/
	}

div#woman_form{
	float:left;
	width:430px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding:20px 0px 0px 25px;
	/*background:url(img/bg_woman_form.gif) no-repeat;*/
	}

div#woman_form table{
	margin:0px 0px 0px 7px;
	/*margin:0 auto;*/
	}

div#woman_form table ul li{
	font-size:10px;
	line-height:130%;
	text-align:left;
	list-style-type:none;
	}
	
div#woman_form th,div#woman_form td{
	height:62px;
	}

div.regist_w_btn{
	padding-top:10px 0px 0px 0px;
	margin: 5px 0px 0px 80px;
	width:290px;
	}

#wform_back_top {
	width: 425px;
	height: 12px;
	background: url(img/wform_back_top.gif) no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

	
#wform_back_middle {
	width: 425px;
	height: auto;
	background: url(img/wform_back_middle.gif) repeat-y;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}

	
#wform_back_bottom {
	width: 425px;
	height: 12px;
	background: url(img/wform_back_bottom.gif) no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}


div#woman_text{
	float: right;
	width:311px;
	height:406px;
	margin:20px 7px 0px 0px;
	padding:80px 0px 0px 25px;
	background:url(img/bg_woman_text.gif) no-repeat;
	}

div#woman_text dl{
	width:250px;
	height:auto;
	}

div#woman_text dd{
	margin:8px 0px 0px 0px;
	line-height:150%;
	font-size:10px;
	}



/* -------------------woman------------------- */
/* --------------------
woman_sending_error
-------------------- */
div#woman_error{
	padding:100px 0 0 40px;
	float:left;
	width:271px;
	_width:311px;
	height:306px;
	_height:406px;
	background:url(img/bg_woman_error.gif) no-repeat;
	}

div#woman_error dl{
	width:251px;
	height:auto;
	}

div#woman_error dd{
	margin:8px 0 0 0;
	line-height:150%;
	color:#FF0066;
	font-size:14px;
	}
/* --------------------
woman_sending_comp
-------------------- */
div#woman_comp{
	padding-top:150px;
	float:left;
	width:311px;
	height:256px;
	_height:406px;
	background:url(img/bg_woman_comp.gif) no-repeat;
	text-align:center;
	}
	
div#woman_comp p{
	margin-bottom:5px;
	color:#FF0066;
	}
/* --------------------
reply
-------------------- */	
h3#reply{
	width:850px;
	height:60px;
	background:url(img/title_reply.gif) no-repeat;
	text-indent:-9999px;
	}

h4#reply_newmail{
	margin-bottom:10px;
	width:700px;
	height:46px;
	background:url(img/reply_newmail.gif) no-repeat;
	text-indent:-9999px;
	}

div.list_reply{
	padding:0 62px 10px 62px;
	width:726px;
	_width:850px;
	height:auto;
	background:url(img/bg_cont_middle.gif) repeat-y;
	text-align:center;
	}
	
div#reply_prf_bg{
	margin-bottom:10px;
	float:right;
	width:542px;
	height:auto;
	background:url(img/reply_prf_bg.gif) no-repeat;
	}

div#reply_prf_left{
	padding:33px 0 0 20px;
	float:left;
	width:500px;
	_width:520px;
	height:auto;
	_height:auto;
	text-align:left;
	}		

div#reply_prf_left ul{
	height:auto;
	}
div#reply_prf_left ul li{
	width:auto;
	height:auto;
	_height:auto;
	line-height:120%;
	list-style-type:none;
	text-align:left;
	}

.reply_name{
	padding:0 0 10px 20px;
	color:#FF3366;
	font-weight:bold;
	}
	
div#reply_form{
	padding:18px 0 0 225px;
	/*width:611x;*/
	width:726x;
	height:auto;
	_height:auto;
	/*background:url(img/bg_reply_form.gif) no-repeat;*/
	text-align:left;
	}

div#reply_form table,
div#reply_error table{
	width:500px;
	margin:0 auto;
	text-align:center;
	}
		
div#reply_form th,
div#reply_error th{
	padding:0 0 0 35px;
	font-weight:bold;
	}

/*div#reply_form textarea,
div#reply_error textarea{
	padding-top:10px;
	}*/

/*div#reply_form input{
	padding-top:20px;
	}*/
	
div#reply_form p,
div#reply_error p{
	line-height:150%;
	font-size:10px;
	text-align:center;
	}
	
	
div#reply_error{
	/*padding:18px 0 0 115px;*/
	width:726x;
	height:271px;
	background:url(img/bg_reply_error.gif) no-repeat;
	text-align:left;
	}

/*div#reply_error input{
	margin-top:20px;
	}*/
	
div#reply_comp{
	padding:100px 0 0 0;
	width:726x;
	height:172px;
	_height:272px;
	background:url(img/bg_reply_comp.gif) no-repeat;
	text-align:center;
	}
	
div#reply_comp p{
	line-height:150%;
	color:#0000FF;
	}
/* --------------------
enter
-------------------- */	
div#enter_wrapper{
	margin:0 auto;
	width:800px;
	height:692px;
	}

div#enter_bottom{
	width:800px;
	height:204px;
	background:url(img/enter_bottom.jpg) no-repeat;
	}

div#enter_no{
	padding:10px 0;
	text-align:center;
	}	
/* --------------------
 mobile
-------------------- */	
div#sending_m{
	padding:100px 0 0 30px;
	width:320px;
	_width:350px;
	height:40px;
	_height:140px;
	background:url(img/sending_m.gif) no-repeat;
	text-align:left;
	}

div#sending_m_error{
	padding:65px 0 0 120px;
	width:230px;
	_width:350px;
	height:75px;
	_height:140px;
	background:url(img/sending_m_error.gif) no-repeat;
	text-align:left;
	}	

div#sending_m_error p{
	color:#ff0000;
	}
		
div#sending_m_bottom{
	width:350px;
	height:60px;
	background:url(img/sending_m_bottom.gif) no-repeat;
	}

div#sending_m_form{
	width:350px;
	text-align:center;
	}	

div#sending_m_bottom p{
	margin:0 10px;
	color:#ff0000;
	font-size:10px;
	text-align:left;
	}

/* ----------------search---------------- */

.search_main {
	background-image: url(img/base_bg.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 850px;
	display: block;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	/*padding-right: 23px;*/
	/*padding-left: 20px;*/
	/*overflow: auto;*/
	float: left;
}
.leftmenu {
	display: block;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 194px;
	float: left;
}


.left_button {
	display: block;
	width: 194px;
}

.leftmenu ul {
	display: block;
	width: 194px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.leftmenu li {
	display: block;
	width: 185px;
	background-repeat: no-repeat;
	height: auto;
	list-style-type: none;
	text-align: left;
	background-image: url(img/leftnavi_bg.gif);
	padding-top: 8px;	
	margin: 0px;
}

/* ----------------right_detail---------------- */
.right_detail {
	display: block;
	float: right;
	width: 600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*background color : ff0000;*/
}

.right_detail_title {
	display: block;
	width: 587px;
	height: 41px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.prof_detailbox {
	display: block;
	width:580px;
	height:auto;
	background:url(img/second_search_back.gif) repeat-y;
	/*background color : ff0000;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.realtimemesse h2#title01{
	display: block;
	margin: 15px 0px 5px 0px;
	padding: 3px 0px 0px 80px;
	width: 580px;
	height:60px;
	background:url(img/detail_icon_titlemark.gif) no-repeat;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	}

.profbox_upper {
	display: block;
	width:580px;
	height:auto;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.profbox_upper_left {
	display: block;
	float: left;
	width:320px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.profbox_upper_inleft {
	display: block;
	float: left;
	width: 115px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.profbox_status p{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 10px;
	width: auto;
	height: auto;
	color:#000;
	font-size:12px;
	text-align:left;
	}
div.profbox_nick p,
div.profbox_rank p{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 10px;
	width: auto;
	height: auto;
	color:#000;
	font-size:12px;
	text-align:center;
	}

.profbox_nick {
	display: block;
	width:109px;
	height:50px;
	background:url(img/detail_nick.jpg) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.profbox_rank {
	display: block;
	width: 109px;
	height: 50px;
	background: url(img/detail_rank.jpg) no-repeat;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.profbox_status {
	display: block;
	width:109px;
	height:50px;
	background:url(img/detail_status.jpg) no-repeat;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.profbox_status_icon {
	display: block;
	width:95px;
	height:22px;
	margin: 0px 0px 0px 7px;
	padding: 22px 0px 0px 0px;
}
.profbox_shimei {
	display: block;
	width:109px;
	height:35px;
	background:url(img/detail_shimei.jpg) no-repeat;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.profbox_favorite {
	display: block;
	width:109px;
	height:35px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.profbox_upper_inright {
	display: block;
	float: right;
	width: 195px;
	height:auto;
	/*background:url(img/second_search_back.gif) repeat-y;*/
	/*background color : ll8800;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.prof_detailbox_photo_main {
	display: block;
	width: 195px;
	height: 200px;
	background:url(img/detail_icon_bottom.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#detail_icon_bg{
	display: block;
	margin: 0px 0px 0px 0px;
	padding:15px 0px 0px 12px;
	width:170px;
	height:170px;
	/*background:url(img/detail_icon_bottom.gif) no-repeat;*/
	}
	
div#detail_icon_bg p{
	font-size:10px;
	text-align:cnter;
	}

.profbox_upper_right {
	display: block;
	float: right;
	width:240px;
	height:198px;
	background:url(img/profbox_upper_right_back.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 3px;
}


.prof_detailbox_photo_miniboxleft {
	display: block;
	float:left;
	width: 120px;
	height: auto;
	text-align:cnter;
	/*background: url(img/bg_woman_form.gif) no-repeat;*/
	/*background color: 00ff00;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.prof_detailbox_photo_miniboxright {
	display: block;
	float: right;
	width: 120px;
	height: auto;
	text-align:cnter;
	/*background: url(img/bg_woman_form.gif) no-repeat;*/
	/*background color: 00ff00;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


.prof_detailbox_photo_mini {
	display: block;
	width: 100px;
	height: 100px;
	background: url(img/photo_detail_mini.jpg) no-repeat;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 0px;

}








.detail_prof_contents{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 580px;
	height: auto;
	}

.detail_prof_contents_bottom{
	width:580px;
	height:5px;
	background:url(img/detail_prof_contents_bottom.gif) no-repeat;
	text-indent:-9999px;
	}




.detail_prf_bg{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width:580px;
	height:208px;
	background:url(img/detail_prf_bg.gif) no-repeat;
	}

.detail_prf_bg2{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	width:580px;
	height:208px;
	background:url(img/detail_prf_bg_woman.gif) no-repeat;
	}


.detail_prf_left{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 50px;
	float: left;
	width: 240px;
	height: auto;
	}	
.detail_prf_right{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 60px;
	float: right;
	width: 230px;
	height: auto;
	}
.detail_prf_under{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 50px;
	width: 530px;
	height: auto;
	}

div.detail_prf_bg ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 65px;
	width: auto;
	height: auto;
	color:#000;
	font-size:12px;
	text-align:left;
	}
div.detail_prf_bg2 ul li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 65px;
	width: auto;
	height: auto;
	color:#000;
	font-size:12px;
	text-align:left;
	}

div.detail_prf_left ul li,
div.detail_prf_right ul li,
div.detail_prf_under ul li{
	/*margin: 0px 0px 0px 0px;*/
	padding-top: 11px;
	width:auto;
	/*height:14px;*/
	line-height:100%;
	list-style-type:none;
	text-align:left;
	}

		
div#detail_contents h2#title01{
	margin-bottom:5px;
	padding:3px 0 0 28px;
	clear:both;
	width:552px;
	height:17px;
	_height:20px;
	background:url(img/detail_icon_titlemark.gif) no-repeat;
	font-weight:bold;
	text-align:left;
	}

.detail_puchime_top{
	width:580px;
	height:23px;
	background:url(img/puchime_title.gif) no-repeat;
	font-size:5px;
	}
	
.detail_mailbox{
	display: block;
	padding:5px 10px;
	width:560px;
	height:auto;
	background:url(img/detail_mailbox_bg.gif) repeat-y;
	}

.detail_mailbox p{
	display: block;
	padding: 5px;
	width: 540px;
	height: auto;
	text-align: left;
	}

div#detail_contents h3{
	width:580px;
	height:20px;
	background:url(img/detail_bar_icon.gif) no-repeat;
	text-indent:-9999px;
	}

div#detail_mailbox_icon{
	clear:both;
	width:580px;
	height:auto;
	background:url(img/detail_icon_bg.gif) repeat-y;
	}

div#mailbox_icon_left{
	padding:6px 0 0 6px;
	float:left;
	width:296px;
	_width:302px;
	height:23px;
	}
	
div#mailbox_icon_left ul li{
	float:left;
	list-style-type:none;
	text-align:left;
	}

div#mailbox_icon_center{
	padding:4px 0 0 0;
	float:left;
	width:112px;
	height:25px;
	text-align:center;
	}

div#mailbox_icon_right{
	padding:4px 0 0 0;
	float:left;
	width:166px;
	height:25px;
	text-align:center;
	}
						
div#detail_mailbox_bottom{
	margin-bottom:5px;
	width:580px;
	height:5px;
	background:url(img/detail_mailbox_bottom.gif) no-repeat;
	font-size:5px;
	}

div#detail_mailbox_top p,
div#detail_mailbox_bottom p,
div#detail_form_bgright p,
div#detail_form_bottom p,
div#tmp_bg_bottom p,
div#sending_comp_bar p{
	display:none;
	}






.right_member {
	width: 550px;
	margin-bottom: 10px;
	background-image: url(img/member_bg.gif);
	background-repeat: no-repeat;
	height: 147px;
	padding: 0px;
}
.right_member ul {
	width: 610px;
	margin-bottom: 5px;
	height: 147px;
	margin-top: 0px;
	margin-left: 10px;
}
.right_member li {
	width: 118px;
	height: 119px;
	margin: 10px 1px 5px;
	list-style-type: none;
	float: left;
}
.right_search {
	background-image: url(img/search_bg.gif);
	display: block;
	height: 70px;
	width: 629px;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
}
.right_search ul {
	display: block;
	height: 30px;
}
.right_search li {
	display: list-item;
	list-style-type: none;
	float: left;
}
#right_search_01 {
	background-image: url(img/search.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 26px;
	width: 72px;
}
#right_search_area {
	background-image: url(img/area.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 26px;
	width: 45px;
}

.right_search select {
	margin: 5px 3px;
	font-size: 11px;
}
#right_search_age {

	background-image: url(img/old.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 27px;
	width: 44px;
}
#right_search_bottun {
	background-image: url(img/search_bottun.gif);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 25px;
	width: 63px;
	margin-left: 10px;
}
/*
.copyright {
	text-align: right;
	margin-right: 15px;
}
*/
.right_sub {
	width: 629px;
}
.sub_outline_top {
	background-image: url(img/sub_outline.gif);
	background-repeat: no-repeat;
	display: block;
	width: 629px;
	height: 45px;
}
.sub_outline_under {
	background-image: url(img/sub_outline_02.gif);
	background-repeat: no-repeat;
	display: block;
	width: 629px;
	height: 45px;
}
.sub_outline_main {
	background-image: url(img/sub_bg.gif);
	background-repeat: repeat-y;
	display: block;
	width: 629px;
	overflow: auto;
}
.sub_main {
	margin-right: 25px;
	margin-left: 25px;
	display: block;
}

.sub_main_i01 {
	background-image: url(img/illustration01.gif);
	margin-right: 25px;
	margin-left: 25px;
	display: block;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sub_main_i02 {
	background-image: url(img/illustration02.gif);
	margin-right: 25px;
	margin-left: 25px;
	display: block;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sub_main_i03 {
	background-image: url(img/illustration03.gif);
	margin-right: 25px;
	margin-left: 25px;
	display: block;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.sub_main_i01 p{
	padding-right: 90px;
}

.sub_main_i03 p{
	padding-right: 120px;
}

.right_sub_category {
	text-align: right;
	margin-right: 10px;
	font-size: 11px;
}


#leftnav01 a {
	background-image: url(img/leftnavi_01.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}

#leftnav01 a:hover {


	background-image: url(img/leftnavi_01b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav02 a {
	background-image: url(img/leftnavi_02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav02 a:hover {
	background-image: url(img/leftnavi_02b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav03 a {
	background-image: url(img/leftnavi_03.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav03 a:hover {
	background-image: url(img/leftnavi_03b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav04 a {
	background-image: url(img/leftnavi_04.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav04 a:hover {
	background-image: url(img/leftnavi_04b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav05 a {
	background-image: url(img/leftnavi_05.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav05 a:hover {
	background-image: url(img/leftnavi_05b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}
#leftnav06 a {
	background-image: url(img/leftnavi_06.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}

#leftnav06 a:hover {
	background-image: url(img/leftnavi_06b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 158px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;	
}


/* ----------------login_right---------------- */
.login_main {
	float: left;
	background-image: url(img/base_bg.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 850px;
	display: block;
	/*background-position: left top;*/
	padding: 0px;
	margin: 0px;

}
.login_right {
	float: right;
	display: block;
	width: 590px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.right_login_title {
	width: 587px;
	margin: 0px;
	padding: 0px;
}

.login_right_box {
	display: block;
	width:590px;
	height:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background:url(img/second_search_back.gif) repeat-y;

}


div#login_right_form{
	float:left;
	margin: 20px 0px 0px 40px;
	width:431px;
	height:350px;
	background:url(img/login_form.gif) no-repeat;
	}

div#login_right_form table{
	margin:60px 0 0 30px;
	}
	
div#login_right_form th{
	height:20px;
	}

div#login_right_form p{
	padding-top:3px;
	font-size:10px;
	}






.login_right_bottom {
	display: block;
	width: 587px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	background:url(img/second_search_back_bottom.gif) no-repeat;
}

.miss{
	color : #990000;
	font-weight:800;
}

.navi{
	padding : 0 0 10px 0;
	text-align : center;

	clear : both;
}

div#pass_reissue_form{
	float:left;
	margin: 20px 0px 0px 40px;
	width:431px;
	height:350px;
	background:url(img/reissue_form.gif) no-repeat;
	}

div#pass_reissue_form table{
	margin:60px 0 0 30px;
	}
	
div#pass_reissue_form th{
	height:20px;
	}

div#pass_reissue_form p{
	padding-top:3px;
	font-size:10px;
	}