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

World Wide Web MEDIA MAGAZINE RIN（凜）　contents


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

@charset "utf-8";


/*初期化・汎用----------------------------------------------*/


/**/

.mypage_box{
	width:536px; 
	background:#fff;
	text-align:left;
	padding:5px;
	color:#333;
	margin-top:-1px;
	font-size:14px;
	}

.photo_box{
	width:298px;
	border:solid 1px #ccc;
	background:#003399;
	text-align:center;
	padding:5px auto;
	color:#fff;
	font-size:14px;
}
.photo_link{margin:0 30px; text-align:left;}

/* navi */

#mypage_Navi {
	position:relative;
	width: 548px;
	margin: 0;
	padding: 0;
	/* for MacIE5.x \*/
		overflow: hidden;

}
#mypage_Navi a, #mypage_Navi div.pend{
		width:137px;
		font-size:16px; 
		text-align: center;
		font-family: osaka,MS Pゴシック,Arial, Helvetica, sans-serif;
		font-weight: bold;
		display:block;	
 	  	text-decoration: none;
		float: left;
	}


a.u_navi0:link, a.u_navi0:visited, a.u_navi0:hover, a.u_navi0:active { color:#666;}

a.u_navi1:link, a.u_navi1:visited{ color:#fff;}
a.u_navi1:hover, a.u_navi1:active{ color:#33CC99;}
		
div.u_navi_bg {padding:6px 1.2em; clear:both; cursor:pointer;}
div.pend_bg {padding:6px 1.2em; clear:both;}

a.u_navi0 div.u_navi_bg { background:url('../img/user_tag0.gif') no-repeat center left;}
a.u_navi1 div.u_navi_bg { background:url('../img/user_tag1.gif') no-repeat center left;}
div.pend{ background:url('../img/user_tag1.gif') no-repeat center left;}

/* data */

.u_databox{margin-left:5px;margin-bottom:10px; width:530px; border-bottom:dotted 1px #ccc; text-align:left;}
.koukai{margin-left:30px; vertical-align:middle;}
.u_datatitle{margin-bottom:5px;font-size:14px;font-weight: bold; color:#003399;}
.u_data{ margin-bottom:2px;font-weight: normal; color:#333;}

.input_koukai{border:none;background:#fff;}

/* sec_data */
.sec_name{ font-size:14px; font-weight:bold; margin:10px;}
.help_index{ margin:0px 20px; padding:5px;; list-style:circle;}
.sec_box{ margin:0px 10px 0;}

/* Message */
.tray{margin:20px 5px; padding:5px; background:#003399; color:#fff; font-size:14px; font-weight:bold;}
.massge{ width:500px;margin:5px; padding:5px; border-bottom:dotted 1px #ccc; text-align:left;font-size:12px; color:#333;}
.massge_thumb{ padding:5px;margin:10px;overflow:hidden;}

.massge2{margin:10px 10px; padding:5px; border:solid 1px #ccc; text-align:left;font-size:12px; color:#333;}
.remes{width:500px; margin:10px auto;}
.msg_textarea{	
    color:#333;
	width:450px; height:150px;
	font-size:14px;
	line-height:1.5em; 
	}

/* list */
.list_right{margin:5px 0px 5px 5px;text-align:right; font-size:12px;line-height:16px;}
.list_sp{ margin-left:25px;text-align:left;font-size:12px; color:#333;}