@charset "utf-8";

/*********************************************************************
*	大枠レイアウト
*********************************************************************/

#mypageWrapper{
	display:block;
	margin:10px auto;
	width:300px;
	overflow:hidden;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック",sans-serif
}

#mypageHeader{
	display:block;
	width:300px;
	height:28px;
	background:url(/images/n/bpnet/2012/mypage/header_bg.png) left top no-repeat;
	position:relative;
}
* html body #header{overflow:hidden;}

#mypageContents{
	width:300px;
	margin:0 auto;
	padding:0 0 20px;
	overflow:hidden;
	background:url(/images/n/bpnet/2012/mypage/footer_bg.png) no-repeat left bottom;
}


/*********************************************************************
*	header 各パーツ定義
*********************************************************************/
#mypageHeader h1{
	float:right;
	margin:2px 36px 0 0;
}

#mypageHeader .help{
	position:absolute;
	right:11px;
	top:6px;
}

#mypageHeader .user_name{
	padding:7px 15px 5px 12px;
	color:#fff;
	font-weight:bold;
}



/*********************************************************************
*	コンテンツ各パーツ定義
*********************************************************************/

/* コンテンツ囲み */
#mypageContents .contents_wrapper{
	width:296px;
	margin:0 auto;
	padding:8px 2px 0;
	background:url(/images/n/bpnet/2012/mypage/contents_bg.png) repeat-y left top;
}

/* ユーザーアイコン、お知らせ部 */
#mypageContents .user_information{
	padding:0 8px;
	margin:0 0 10px 0;
}
/*
#mypageContents .user_information ul{
	width:296px;
}
*/

#mypageContents .user_information p{
	padding:0 0 0 8px;
	font-weight:bold;
}

#mypageContents .user_information li{
	padding:2px 0 4px 8px;
	border-bottom:1px solid #cccccc;
}

#mypageContents .user_information li a{
	background:url(/images/n/bpnet/2012/mypage/icon_info.gif) no-repeat left center;
	padding:0 0 0 10px;
	color:#333;
}
#mypageContents .user_information li.connectInfo{
	padding:2px 0 4px 2px;
	font-size:11px;
}

#mypageContents .user_information li.connectInfo a{
	background:none;
	padding:0 0 0 0;
}

#mypageContents .user_information li a .number{
	color: #0E3463;
	font-weight:bold;
	font-size:1.2em;
	margin:0 2px;
}

#mypageContents .user_information .btn_box{
	clear:both;
	padding:10px 0 0 0;
	overflow:hidden;
}

#mypageContents .user_information .btn_box a.btn1{
	width:85px;
	height:23px;
	margin:0 7px 0 0;
	float:left;
	display:block;
}

#mypageContents .user_information .btn_box a.btn2{
	width:85px;
	height:23px;
	margin:0 7px 0 0;
	float:left;
	display:block;
}


/* コンテンツ部 レイアウト */
#mypageContents .contents_body{
	margin:0 auto;
	width:296px;
}

#mypageContents .contents_body .contents_box{
	width:296px;
	margin:0 auto;
}

#mypageContents .contents_body .contents_box .ct_head{
	width:296px;
	margin:0 auto 5px;
}

#mypageContents .contents_body .contents_box .ct_head h2{
	width:244px;
	float:left;
}

#mypageContents .contents_body .contents_box .ct_head p{
	width:52px;
	float:right;
}

#mypageContents .contents_body .contents_box .ct_body{
	margin:0 auto;
	padding:0;
/*	background:#fff;*/
}

#mypageContents .contents_body .contents_box .ct_body p{
	padding:0 10px 5px;
}

#mypageContents .contents_body .contents_box .ct_body .list_box{
	margin:0 8px;
	clear:both;
}

#mypageContents .contents_body .contents_box .ct_body li .list_box{
	margin:0 8px 10px;
	padding:5px 0 0 0;
}

#mypageContents .contents_body .contents_box .ct_body .list_box li{
	background:url(/images/n/bpnet/2012/mypage/bg_border.gif) left bottom repeat-x;
	padding:0 0 5px 0;
	margin:0 0 3px 0;
	line-height:1.3;
}

#mypageContents .contents_body .contents_box .ct_body .list_box a{
	display:block;
	background:url(/images/n/bpnet/2012/mypage/icon_list.gif) 5px 7px no-repeat;
	padding:0 0 0 13px;
}

#mypageContents .contents_body .contents_box .ct_body .title a{
	font-weight:bold;
	color:#666;
}

#mypageContents .contents_body .contents_box .ct_body .title{
	display:block;
	padding:0 0 0 13px;
}

#mypageContents .contents_body .contents_box .ct_body .list_box li .title a{
	font-weight:normal;
	color: #0c3561;
}


#mypageContents .contents_body .contents_box .ct_body .list_box.tohelp a {
	margin-left:-12px;
}

/*********************************************************************
*	clearfix
*********************************************************************/

/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */