@charset "utf-8";

/*===============【 mypage.html 】クラス===================================================================

CPI
LastUpDate:2009.06.8.Pm18:00

記載内容：
1.タイトルの指定
2.背景
3.コンテンツ部分

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

/*//////　1.タイトルの指定　////////////////////////////////////////////////////////////////////*/
/*----  mypage h1 ----------------*/
h1{
	height:52px;
	width:330px;
	background:transparent url(../../img/mypage/sso_mypage_h1.gif) no-repeat 0px 0px;
	margin:37px 0px;
}

/*----  mypage h2 ----------------*/
h2{
	height:30px;
	width:748px;
	background:transparent url(../../img/mypage/sso_mypage_h2.gif) no-repeat 0px 0px;
	margin:0;
	text-indent:-999em;
	overflow:hidden;
	display:block;
}

/*//////　2.背景　////////////////////////////////////////////////////////////////////*/
#headerwrap{
height:80px;
}
#mainwrap{
background-position:0 -32px;
}

/*//////　3.コンテンツ部分　////////////////////////////////////////////////////////////////////*/
/*----  背景 ----------------*/
#mypagewrap{
	width:748px;
	margin:0 auto;
}
.mypageboxbg{
	border-left:1px solid #ebebed;
	border-right:1px solid #ebebed;
	width:746px;
	margin:0 auto;
}
.mypagebox{
	background:transparent url(../../img/mypage/cbi_tablebg_middle.gif) no-repeat 0px 0px;
	width:746px;
	margin-left:-1px;
	padding-top:30px;
}

/*----  フォーム部分 ----------------*/
table#mypageform{
	width:90%;
	margin:0px auto;
}
#mypageform th{
	padding:15px 0;
	text-align:center;
	width:45%;
}
#mypageform td{
padding:15px 0 15px 10px;
}
.check{
padding-top:5px;
}

.inputmypageform{
	width:55%;
}
/*----  ボタン ----------------*/
.btnmargin{
	margin:20px 0 0 270px;
}
/*----  ボタン ----------------*/
.btnmargin2{
	margin:20px 0 0 110px;
}

/*----  お問合せはこちら ----------------*/
#mypagewrap ul li{
	background:url(../../img/mypage/top_arrow01.gif) no-repeat 5px 14px;
	padding:10px 0 0px 20px;
	float:right;
}
#mypagewrap ul li a{
	cursor:pointer;
}
*:first-child+html #mypagewrap .radiocheck{/*IE7*/
	display: block;
	float: left;
	clear: both;
	margin:-2px 0 0 -4px;
}
* html #mypagewrap .radiocheck{/*IE6*/
	display: block;
	float: left;
	clear: both;
	margin:-2px -2px 0 -2px;
}
#mypagewrap .radiocheck{
	display: block;
	float: left;
	clear: both;
	margin-top:3px;
}

*:first-child+html #mypagewrap label {/*IE7*/
display: block;
float: left;
clear: none;
margin: 0px 0px 1px 3px;
}
#mypagewrap label {
display: block;
float: left;
clear: none;
margin: 0px 0px 1px 5px;
}

.red {
	color:#e40000;
}