@charset "Shift_JIS";





.HeaderMain{
	margin:10px 10px 15px;
    text-align : center;
    clear : both;
}

.HeaderMain .header {
	background:url(../img_sp/bg_header.gif) 0 0 repeat-x;
	line-height:50px;
	height:50px;
    text-align: left;
	border:1px solid #ddd;
	padding:0 0 0 18px;
	margin:0 0 10px;
	position:relative;
}

.HeaderMain .header h1 {
	font-weight:bold;
    font-size: 22px;
    color : #000;
}



.UserInfo {
	width:98%;
	padding-top:3px;
	padding-bottom:3px;
	margin:0 auto;
	text-align:left;

	zoom:1;
}


.UserInfo:after {
	font-size:1%;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .UserInfo {
	display: inline-table;
	/*\*/display: block;/**/
}

.UserInfoArea {
	text-align:center;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background-image:url('../img_sp/bg_user_info.gif');
	background-position:left center;
	background-repeat:repeat-x;
}


.UserNav {
	float:left;
	font-size:89%;
}

.UserNav ul li {
	display:block;
	float:left;
	padding: 0px 5px 0px 5px;
}

.UserNav ul li.UserName{
	padding-top:6px;
}

.UserNav ul li.ScreenId{
	padding-top:6px;
}

.UserNavRight {
	float:right;
	font-size:89%;
}

.UserNavRight ul li {
	display:block;
	float:right;
	padding: 0px 5px 0px 5px;
}

.UserNavRight ul li.ScreenId{
	padding-top:6px;
}