@charset "UTF-8";

/* mypage CSS */

/* インフォメーション
-----------------------------------------------------*/


h3.smid {font-size:small; color:#333; border-bottom:1px #999 solid; padding:7px 0 5px 8px;margin:20px 0;/*background:url(/images/common/mid_bk.gif) no-repeat ;*/ }
h3.hlpmid {font-size:small; color:#666; background:#eee; border-bottom:1px #ccc solid; padding:3px; margin:5px 0;}
h3.hlpmidb {font-size:small; color:#333; border-left:5px #ccc solid; padding:5px; /*margin:5px 0 0 0;*/}

p.about {/*text-indent: 1em;*/ margin-bottom: 15px; line-height: 1.4em;}
p.about2 { line-height: 1.4em;}

ul#helpnavi {margin:10px auto;list-style-type:none;height:36px;padding:0;}
ul#helpnavi li {float:left; border:1px #999 solid;background:#fcf7f3; padding:8px; width:114px; height:36px; margin:0 1px; text-align:center;}

#helpdtl {width:680px;/*border:1px #ddd solid;*/}
#helpdtl h4 {margin:15px 0 10px 0;padding:5px; border-bottom:1px #999 dotted; background:#f0f0f0;}
#helpdtl p {margin:0 10px 20px 30px; }


.box0 {background:#FFF; /*width:600px;*/ margin:0 0px 15px 0;}
.box1 {float:left; background:#FFF; width:320px; margin:0 10px 15px 0;}
.box2 {float:right; background:#FFF; width:320px; margin:0 0 15px 0;}
.box0 h3,.box1 h3,.box2 h3 {margin:5px 0; font-size:medium;}
.box0 p,.box1 p,.box2 p {font-size:small; line-height:1.4em; margin:0; padding:0;}

.box0 img {margin:0 10px;}

.waku01 {width:680px;}
.waku01 div.wTop01 {background:url(/images/www/info/wTop01.gif) no-repeat bottom; width:680px; height:10px; }
.waku01 div.wCtr01 {background:url(/images/www/info/wCtr01.gif) repeat-y; width:680px; }
.waku01 div.wBtm01 {background:url(/images/www/info/wBtm01.gif) no-repeat top; width:680px; height:10px; }


	.usebk680 { background:url('/images/www/info/use_bk680.gif') repeat-y top; width:680px;padding:0;margin:0;}
	.usebk680 div {float:left; margin: 10px 5px 0px 28px!important;margin:10px 20px 0px 15px; padding:0 0 0px 0; width:185px!important;width:180px;}

/* for how_xxx page 2008.11.18 */
.box_how {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

.box_how .left {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 350px;
}
.box_how .left_280 {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	width: 280px;
}
.box_how .right {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	width: 330px;
	text-align: left;
}
.box_how .right_400 {
	margin: 0 0 10px 0;
	padding: 0;
	float: right;
	width: 400px;
	text-align: left;
}
.box_how_center {
	clear: both;
	margin: 0 0 15px 0;
	padding: 0;
	border-bottom: none;
	width: 100%;
	text-align: center;
}
.box_how_center .left {
	margin: 0;
	padding: 0;
	float: left;
	width: 350px;
	text-align: center;
}
.box_how_center .right {
	margin: 40px 20px 0 0;
	padding: 0;
	float: right;
	width: 300px;
	text-align: left;
}



/* リニューアル
-----------------------------------------------------*/

#wrapMain {
	clear: both;
	margin: 0 auto;
	width: 100%;
}

#renewal {
	margin: 0 auto;
	width: 830px;
	font-size: 14px;
	line-height: 2;
}

#renewal p {
	margin-bottom: 10px;
}

#renewal h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#plist { margin:0px 0px 6px 0px; margin-left:200px; font-size:10px; padding:5px; }

.backImg_r {
	background: url("/images/renewal/renew_back_right.gif") no-repeat scroll right top transparent;
}

.backImg_l {
	background: url("/images/renewal/renew_back_left.gif") no-repeat scroll left top transparent;
}

.title h2, .title h3, h4 {
	height: 0;
	overflow: hidden;
	display: block;
}

.title h2 {
	background: url("/images/renewal/renew_title_top.gif") no-repeat scroll 0 0 transparent;
	width: 824px;
	padding-top: 76px;
	margin-bottom: 10px;
}

.title h3 {
	background: url("/images/renewal/renew_title_date.gif") no-repeat scroll 100% 0 transparent;
	width: 361px;
	padding-top: 30px;
	margin-bottom: 10px;
	padding-right: 460px
}

.renewImg {
	margin-bottom: 15px;
}

.pointList {
	display: block;
	list-style: none outside none;
	padding: 0;
}

.pointList li:first-child {
	border-top: none;
	margin-top: 0;
}

.pointList li {
	padding-left: 60px;
	border-top: 1px solid #7793d0;
	padding-bottom: 8px;
	margin-bottom: 5px;
	padding-top: 8px;
	margin-top: 10px;
}

ul .point01 { background: url("/images/renewal/renew_ico_01.gif") no-repeat scroll 0 6px transparent; }
ul .point02 { background: url("/images/renewal/renew_ico_02.gif") no-repeat scroll 0 6px transparent; }

.txtPeople {
	background: url("/images/renewal/renew_txt_people.gif") no-repeat scroll 0 0 transparent;
	width: 295px;
	padding-top: 29px;
}

.txtCompany {
	background: url("/images/renewal/renew_txt_company.gif") no-repeat scroll 0 0 transparent;
	width: 236px;
	padding-top: 28px;
}

.txtLogin {
	background: url("/images/renewal/renew_txt_login.gif") no-repeat scroll 0 0 transparent;
	width: 469px;
	padding-top: 29px;
}

.txtNotice {
	height: 0;
	overflow: hidden;
	display: block;
	padding-top: 25px;
}

.notice {
	background: url("/images/renewal/renew_box_bottom.gif") no-repeat scroll 0 100% transparent;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	width: 830px;
	margin-top: 20px;
}

.noticeInner {
	background: url("/images/renewal/renew_txt_notice.gif") no-repeat scroll 0 0 transparent;
	padding: 60px;
}

.notice ul {
	float: left;
	width: 50%;
	margin-bottom: 10px;
	list-style: none outside none;
	padding: 0;
}

.notice ul li {
	padding-left: 1em;
}

.notice ul li:first-child {
	padding-left: 0;
}

.txtTitle {
	font-weight: bold;
}


#footer {
	margin: 0 auto;
}