@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-image:url(../images/net.png);
	background-color:#173995;
	font-family: "Hiragino Sans GB W3", "Meiryo", "メイリオ";
	font-size: 12px;
}

#container {
	width: 840px;
	margin: auto;
	background-color:#FFF;
}


#container h2{
	margin-left:25px;
}



#container p{
	margin-left:25px;
}

#header {
		width:840px;
		height:119px;
		padding: 0px;
		background-image:url(../images/header_background.gif);
		clear:both;
}



#header h5{
	font-size:11px;
	margin:0px;
	padding-top:9px;
	padding-right:75px;
	float:right;
	margin-bottom:0px;
}

#globalNavi{
	clear:both\9;
	clear:both\0;  /* ie 8/9*/
	margin-top:20px;
	margin-top:-28px\9\0;
	padding:0px;
	width:550px;
	
	float:right;
	padding-right:17px;
	font: 16px/150% Arial, Helvetica, sans-serif;
	color: #54929C;
	
	
}

#globalNavi ul{
	
	margin:0;
	padding:0;
	list-style-type:none;
}

#globalNavi li{
	display: inline;
}

#globalNavi li a{
	
	margin:1px;
	padding:0px;
	float:right;
	
	z-index: 10;
	
	height: 36px;
	overflow: hidden;
	color: #D7EAEE;
	font-size: 18px;
	position: relative;
	text-decoration: none;
	padding: 6px 15px 0px 0px;
}

#header_inner {
	padding:10px;
	float:left;
}

#header h1 {
	margin:0px;
}

#utility {
	clear:both;
	margin-top:-8px;
	width:840px;
	height:351px;
	background-position:0px 8px;
	background-image:url(../images/utility_background.png);
	background-repeat:no-repeat;
}

#photo_frame img{
	padding-left:3px;
}

.info_block{
	width:793px;
	height:142px;
	margin-top:15px;
}


.info_cell{
	margin-right:16px;
	width:380px;
	height:142px;
	background-image:url(../images/info_cell_background.gif);
	float:left;
}

.info_cell_photo{
	width:109px;
	height:133px;
	padding:8px 7px;
	background-image:url(../images/info_cell_photo_background.gif);
	background-position:6px 5px;
	background-repeat:no-repeat;
	float:left;
}

.info_cell_photo img{
	padding:5px 7px;
}

.info_cell_text{
	padding:0px;
	padding-top:10px;
	width:180px;
	height:138px;
	margin-left:-28px;
	float:left;
}

.info_cell_text p{
	display:block;
	padding:0;
	margin:0;
	margin-bottom:5px;
}

.info_cell_button{
	width:100px;
	height:40px;
	float:right;
	margin-left:-10px;
	padding-top:92px;
}

.profile{
	margin-top:15px;
	padding-left:32px;
}

#profile_content{
	padding:0px;
	margin-top:17px;
}

#profile_editor_panel{
	height:350px;
	width:180px;
	float:left;
}

#profile_editor_content{
	height:350px;
	width:618px;
	float:right;
	padding-left:4px;
	background-image:url(../images/editor_panel_background.gif);
	background-repeat:round;
}

#upload_field{
	width:618px;
	float:right;
	padding-left:4px
}

.profile_editor_content_text{
	box-shadow: 2px 2px 2px #000;
	background:#fff;
	border:1px solid ddd;
/* For IE */
 *filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#cccccc");
	
	min-height:350px;
	width:581px;
	float:right;
	margin-right:24px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-webkit-box-shadow:0 0 2px black;
	-moz-box-shadow:0 0 2px black;
	margin-bottom:10px;
}

#profile_editor_content img{
	margin:0px;
	padding:0px;
	float:left;
}

textarea {
    resize: none;
}


#photo_previews{
	padding-left:30px;
	padding-top:84px;
	display:block;
}

#photo_previews img{
	margin-right:20px;
}

#UploadFile{
	position:absolute;
display:block;
width:132px;
height:47px;
z-index:100; /* //调整是否覆盖的 */
margin-left:400px; 
margin-top:0px; /* //调整位置的 */
font-size:60px; /* //调整高度的 */
opacity:0;filter:alpha(opacity=0);/*  //调整透明度的 */
}

#buttons{
clear:both;
float:right; 
padding-right:70px;
}

span.preview_photo {
	margin:0px;
	width:170px;
	height:174px;
	background-image:url(../images/preview_background.gif);
	background-repeat:no-repeat;
	padding:7px 7px;
	display:block;
	float:left;
}

span.preview_photo input{
	clear:both;
	margin-left:-7px;
	margin-top:160px;
	display:block;
	
}

#profileeditor_buttons{
	margin:0;
	height:104px;
	width:180px;
	clear:both;
	padding-left:5px;
}

#profile_editor_page_photo{
	margin-top:-5px;
	width:170px;
	height:230px;
	padding-left:16px;
	padding-top:16px;
	background-position:0px 0px;
	background-image:url(../images/photo_back.gif);
	background-repeat:no-repeat;
	float:left;
}

#profilepage_photo{
	
	width:180px;
	height:230px;
	padding-left:45px;
	background-position:29px 0px;
	background-image:url(../images/photo_back.gif);
	background-repeat:no-repeat;
	float:left;
}

#profilepage_photo img{
	padding-top:16px;
}

#profile_text {
	width:500px;
	height:230px;
	margin-left:0px;
	padding-left:60px;
	padding-top:15px;
	float:left;
}

.content_text{
	padding-top:64px;
	padding-left:45px;
}

#status{
	clear:both;
	background-repeat:no-repeat;
	width:840px;
	height:139px;
	background-image:url(../images/title_status.gif);
}

#condition{
	clear:both;
	background-repeat:no-repeat;
	width:840px;
	height:139px;
	background-image:url(../images/title_condition.gif);
}

#friend_PR{
	clear:both;
	background-repeat:no-repeat;
	width:840px;
	height:139px;
	background-image:url(../images/title_friendpr.gif);
}

#foot {
	width:840px;
	height:82px;
	background-image:url(../images/footer.png);
	clear:both;
}

.must {
	color: #c00;
	margin: 0 0.3em;
}


#floatBoxBg { 
display:none; 
width:100%; 
height:100%; 
background:#000; 
position:absolute; 
top:0; 
left:0; 
} 
.floatBox { 
background-image:url(../images/dailog_bg.png);
width:690px;
position:absolute; 
top:50px; 
z-index:1000; 
} 
.floatBox .title { 
height:23px;
margin:30px;
padding:7px 10px 0; 
color:#fff; 
background-attachment: scroll;  
background-repeat: repeat-x; 
background-position: 0px 0px; 
} 
.floatBox .title h4 { 
float:left; 
padding:5px; 
margin:0;
font-size:20px; 
line-height:16px;
color:#000;
} 
.floatBox .title span { 
float:right;
padding:0px;
margin:0;
cursor:pointer;
vertical-align:top;  
} 
.floatBox .content { 
padding:30px 35px;
height:833px;
line-height:3em;
}