@charset "utf-8";







/*------------------------------------------------



   Mypage_area



------------------------------------------------*/



#mypage_area    {



	float:right;



	width:377px;



	padding: 10px 0 0 0;



	text-align:left;



}







#mypage_area_box {



	margin:7px 0 10px 0;



	float:right;



	width:300px;



	background: url(http://image.pia.jp/common2/images/my_page_area/my_area_back.gif) no-repeat;



}











#sub_menu {



	height:12px;



	margin:0;



	text-align:left;



	background: url(http://image.pia.jp/common2/images/my_page_area/s_navi_t.gif) no-repeat 10px 0;



	position:static;



}







#sub_menu ul {



	margin: 0;



	padding: 0;



	list-style: none;



	position:relative;



}



#sub_menu li {



	margin: 0;



	padding: 0;



	height:15px;



	text-indent: -9999px;



	position:absolute;



}



#sub_menu li a,#sub_menu strong {



	text-decoration: none;



	display: block;



	height:15px;



}











#sub_menu li#h01 {



	left:5px;



	top:0;



	width:124px;



}







#sub_menu li#h02 {



	left:136px;



	top:0;



	width:107px;



}



#sub_menu li#h03 {



	left:252px;



	top:0;



	width:40px;



}



#sub_menu li#h04 {



	left:300px;



	top:0;



	width:68px;



}











#sub_menu li#h01 a:hover  ,#sub_menu li#h01 strong {



	background: url(http://image.pia.jp/common2/images/my_page_area/s_navi_t.gif) no-repeat 5px -20px;



}



#sub_menu li#h02 a:hover  ,#sub_menu li#h02 strong {



	background: url(http://image.pia.jp/common2/images/my_page_area/s_navi_t.gif) no-repeat -126px -20px;



}



#sub_menu li#h03 a:hover  ,#sub_menu li#h03 strong {



	background: url(http://image.pia.jp/common2/images/my_page_area/s_navi_t.gif) no-repeat -242px -20px;



}



#sub_menu li#h04 a:hover  ,#sub_menu li#h04 strong {



	background: url(http://image.pia.jp/common2/images/my_page_area/s_navi_t.gif) no-repeat -290px -20px;



}











#mypage_area_navi {



	clear:both;



	margin: 0;



	padding: 3px 0 3px 10px;



	background: url(http://image.pia.jp/common2/images/my_page_area/my_area_back2.gif) no-repeat left bottom;



}



#mypage_area_navi_logout {



	clear:both;



	margin: 0;



	padding: 3px 0 3px 10px;



	background: url(http://image.pia.jp/common2/images/my_page_area/my_area_back3.gif) no-repeat left bottom;



}







#mypage_area_navi ul,#mypage_area_navi_logout ul {



	float:left;



	list-style: none;



}



#mypage_area_navi li,#mypage_area_navi_logout li {



	margin: 0;



	padding: 0;



	height: 27px;



	display: inline;



	vertical-align:middle;



	font-size:10px;



}



#mypage_area_navi li a,#mypage_area_navi strong,#mypage_area_navi_logout li a,#mypage_area_navi_logout strong {



	text-decoration: none;



	display: inline;



	height: 27px;



}



#mypage_area_navi li a:hover ,#mypage_area_navi_logout li a:hover {



	text-decoration:underline;



}







#mypage_area_navi div#log_out_button {



	float:right;



	padding:0 5px 0 0;



}







#log_base {



	display:block;



	padding:4px 10px;



	font-size:10px;



	margin:0;



	border-bottom:2px solid #c1c1c1;



}



#login_name {



	background: url(http://image.pia.jp/common2/images/my_page_area/login.gif) no-repeat left center ;



	margin:3px 0 0 0;



	padding:0 0 0 20px;



	float:left;



	height:17px;



}







.login_message {



	background: url(http://image.pia.jp/images2/message_left.jpg) left top no-repeat;



	height:17px;



	padding:0 0 0 7px;



	margin:0 5px 0 0;



	float:left;



	font-size:10px;



	letter-spacing:1px;



	line-height:17px;



}











.login_message strong {



	display:block;



	background: url(http://image.pia.jp/images2/message_right.jpg) right top no-repeat;



	color:#FFF;



	padding:0 10px 0 0;



}







#logout_name {



	background: url(http://image.pia.jp/images2/my_page_area/logout.gif) no-repeat left center ;



	padding:3px 0 0 20px;



	float:left;



	height:17px;



}







#log_base p#new {



	width:95px;



	height:20px;



	text-indent:-9999px;



	background: url(http://image.pia.jp/common2/my_page_area/new.gif) no-repeat ;



	float:left;



}







#logout_name span {



	color:#FF6600;



	font-weight:bold;



}



#logout_name span a,#logout_name span a:visited {



	color:#FF6600;



	text-decoration:none;



}







#logout_name span a:hover {



	text-decoration:underline;



}