@charset "euc-jp";
/* CSS Document */


div#main h2{
	background:url(../../_resource/images/common/title_01.jpg) scroll no-repeat left center;
	font-weight:bold;
	line-height:40px;
	margin:0 0 15px;
	padding-left:10px;
	font-size:120%;
}

p.smallerR{
	font-size:85%;
	text-align:right;
}

/*
==============================================
タブメニュー
==============================================
*/


div#tabBox{
	clear:both;
	margin:10px 0 5px 0;
	padding:0;
}

div#tabBox ul li{
	display:inline;
	float:left;
}

/*
==============================================
プロフィールボックス
==============================================
*/

div#myBox{
	width:100%;
	clear:both;
}

div#myBox div#profileBox{
	float:left;
	width:178px;
	background:#E4E4E4;
	border:1px solid #CCC;
}

div#myBox div#profileBox div#profilePh{
	background:#FFF url(../images/mypage/bg_myph.jpg) repeat-x left bottom;
	padding:10px 0 20px 0;
	margin:0;
}

div#myBox div#profileBox div#profilePh div.myph{
	width:148px;
	overflow:hidden;
	background:#FFF;
	border:1px solid #CCC;
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
}

div#myBox div#profileBox div#profilePh div.myph img{
	margin:10px auto;
}

div#myBox div#profileBox div#profilePh div.myph p{
	margin-bottom:10px;
}

div#myBox div#profileBox dl{
	background:#FFF;
	margin:10px;
	padding:5px;
	border:1px solid #F6F6F6;
	line-height:1.2;
}

div#myBox div#profileBox dl dt,
div#myBox div#profileBox dl dd{
	padding:3px 0;
}

div#myBox div#profileBox dl dt{
	font-size:85%;
	font-weight:bold;
	background:#F6F6F6;
}

div#myBox div#profileBox dl dd{
background:url(../images/common/line_dot.gif) scroll repeat-x right bottom;
margin-bottom:6px;
color:#4F3768;
}



/*
==============================================
メッセージボックス
==============================================
*/


div#myBox div#messageBox{
	float:right;
	width:430px;
}

div#myBox div#messageBox h3{
	background:#F5EFE4 url(../images/mypage/icon_masseage.gif) no-repeat left center;
	padding:7px 0 0 38px;
	font-weight:bold;
	color:#960;
	height:25px;
	margin-bottom:15px;
}

div#myBox div#messageBox div.massagetit{
	background:url(../images/common/bg_lineblock.gif) repeat left top;
}

div#myBox div#messageBox p{
	clear:both;
	margin:10px 0;
	padding:6px 5px 6px 25px;
}

div#myBox div#messageBox p strong{
	font-weight:bold;
	color:#C00;
}

div#myBox div#messageBox dl {
	background:url(../images/common/line_dot.gif) scroll repeat-x right bottom;
	line-height:1.2;
	padding-bottom:0;
	position:relative;
	width:410px;
	margin:0 0 20px 0;
}

div#myBox div#messageBox dl dt {
	left:0;
	padding-top:8px;
	position:absolute;
	width:7em;
}

div#myBox div#messageBox dl dd {
	background:url(../images/common/line_dot.gif) scroll repeat-x right top;
	margin-bottom:0;
	padding-bottom:8px;
	padding-left:7em;
	padding-top:8px;
	position:relative;
}

.icon7{
	background: url(/_resource/images/common/icon/7.gif) no-repeat scroll 3px center;
}

.icon08{
	background: url(/_resource/images/common/icon/8.gif) no-repeat scroll 3px center;
}

.icon09{
	background: url(/_resource/images/common/icon/9.gif) no-repeat scroll 3px center;
}

.icon10{
	background: url(/_resource/images/common/icon/10.gif) no-repeat scroll 3px center;
}

.icon11{
	background: url(/_resource/images/common/icon/11.gif) no-repeat scroll 3px center;
}

.icon12{
	background: url(/_resource/images/common/icon/12.gif) no-repeat scroll 3px center;
}

.icon13{
	background: url(/_resource/images/common/icon/13.gif) no-repeat scroll 3px center;
}


.iconMail{
	background: url(/_resource/images/common/icon/email.gif) no-repeat scroll 3px center;
}

.iconMailO{
	background: url(/_resource/images/common/icon/email_open.gif) no-repeat scroll 3px center;
}


/*
==============================================
機能一覧
==============================================
*/

div#function{
	clear:both;
	padding:20px 0;
}

h3.subtit{
	margin:0 0 10px 0;
	padding:6px 5px;
	font-weight:bold;
	color:#333;
	background:#F6F6F6;
	border-bottom:2px solid #999;
}


div#function table td{
	padding:7px;
	line-height:1.4;
}

div#function table td h3{
	margin:0 0 10px;
}

div#function table td p.link{
	margin-top:10px;
}

div#function table td p.link a{
	font-size:85%;
	background:url(../images/mypage/icon_func.gif) no-repeat left center;
	padding:0 0 0 10px;
}

.borderT{ border-top:1px solid #CCC; }
.borderB{ border-bottom:1px solid #CCC; }
.borderL{ border-left:1px solid #CCC; }
.borderR{ border-right:1px solid #CCC; }


/*
==========================================
テーブル設定
==========================================
*/


/*メッセージ*/
div#messageCont,
div#myprofile{
	clear:both;
	background:#F6F6F6;
	padding:10px;
	margin-bottom:15px;
}

div#messageCont table,
div#myprofile table{
	width:100%;
	color#FFF;
	line-height:1.4;
}

div.tablecaption{
	border:1px solid #CCC;
	padding:10px 7px;
	background:#FFF url(/_resource/images/mypage/bg_tabletit.jpg) repeat-x left bottom;
}


div.tablecaption h3{
	font-weight:bold;
	font-size:120%;
	line-height:1.8;
	padding:0 0 0 30px;
}

div.tablecaption h3.none{
	padding:0;
}

div.tablecaption p{
	font-size:85%;
	line-height:1.4;
}

div.tablecaption p strong{
	color:#C00;
}

table.layout,
table.layout2{
	border-collapse: separate;
}
table.layout{
	border:1px solid #CCC;
	border-bottom:none;
}

table.layout2{
	border:1px solid #88A7C4;
}

table.layout th{
	background:#E6E6E6;
	line-height:1;
	padding:6px 0 4px 6px;
	color:#666;
	border-top:1px #FFF solid;
	border-bottom:1px #CCC solid;
}

table.layout th.status{
	border-right:1px solid #CCC;
}

table.layout th.subject,
table.layout th.date{
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
}

table.layout th.delete{
	border-left:1px solid #FFF;
}

table.layout2 td{
	background:#FFF;
	line-height:1.4;
	padding:2px 0 1px 6px;
	overflow:hidden;
	height:30px;
	border-bottom:1px dotted #88A7C4;
}

table.layout2 td input {
	margin:0 7px 0 0;
}

table.layout2 td input,
table.layout2 td textarea {
	padding:2px;
}

table.layout2 td img{
	margin:0 0 0 3px;
}

table.layout2 td.delete{
	text-align:center;
}

.status{
	width:55px;
}

.delete{
	width:45px;
}

.date{
	width:150px;
}


/* プロフィール */

/*
div#myprofile table{
	background:#FFF;
	font-size:90%;
	border:1px solid #CCC;
	border-collapse: separate;
	border-bottom:none;
	margin-bottom:5px;
}
*/
div#myprofile table{
	background:#FFF;
	font-size:90%;
	border:1px solid #CCC;
	border-collapse: separate;
	border-bottom:none;
	margin-bottom:5px;
}

div#myprofile table th{
	background:#F5EFE4;
	line-height:2;
	padding:6px 6px 4px 6px;
	border-top:1px #FFF solid;
	border-left:1px #FFF solid;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	width:150px;
}

div#myprofile table th.setW{
	width:68px;
}

div#myprofile table td{
	background:#FFF;
	line-height:2;
	padding:5px;
	overflow:hidden;
	height:30px;
	border-bottom:1px dotted #88A7C4;
}

div#myprofile h4{
	margin:5px 10px;
	font-weight:bold;
}

div#myprofile span{
	font-size:85%;
}

div#myprofile span.necessaryItem{
	color:#CC0000;
	font-weight:bold;
	margin-right:5px;
}

div#myprofile table td input,
div#myprofile table td select,
div#myprofile table td textarea{
	margin:2px 5px;
}

div#myprofile div.formbutton{
	text-align:center;
	padding:15px 0;
	background: #FFFFFF;
}

/* error message */
.formError{
color:#CC0000;
font-weight:bold;
}
.flash_notice{
color:#2971A7;
font-weight:bold;
}

#entryconame {
	border:1px solid #CCCCCC;
	margin:10px 0 15px;
	min-height:1em;
	padding:10px;
}

#entryconame dt {
background-color:#FFFFFF;
float:left;
padding:5px 10px 5px 0;
text-align:center;
width:90px;
}
#entryconame dd {
	background-color:#F5EFE4;
	float:left;
	font-size:120%;
	font-weight:bold;
	padding:5px 10px;
	text-align:center;
	width:470px;
	color: #996600;
}

.readonly{
	margin-bottom:20px;
	width:80%;
}

.readonly textarea{
	width:100%;
}


p.read_txt{
	margin-bottom:20px;
	padding: 0px 10px;
	line-height:1.5;
}

p.read_link{
	background: url(../images/common/icon_arrowtw.gif) no-repeat 10px 4px;
	margin-bottom:10px;
	padding: 0px 20px;
}

p.thanks{
	background-color:#F5EFE4;
	margin:10px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}




/*
==================================
パスワードを忘れた方へ
==================================
*/

div#myprofile p{
	padding:10px 0;
}


div#reminderflow{
	background:#FFF;
	padding-bottom:10px;
	border:1px solid #CCC;
	border-top:none;
	margin-bottom:15px;
}

div#reminderflow p{
	padding:10px;
	line-height:1.4;
}

div#reminderflow h4{
	background:#F6F6F6;
	padding:4px;
	border:1px solid #CCC;
	border-bottom:3px solid #555;
	outline:#FFF;
	margin-bottom:0;
}

div#reminderflow h4 span{
	margin:0 10px 0 0;
	color:#999;
	border-left:4px solid #CC9900;
	padding:0 0 0 5px;
}

div#reminderflow p.stepTxt{
	padding:10px;
	margin:0 10px 5px 10px;
	border:1px solid #CCC;
	border-top:none;
}

div#reminderflow p.arrow{
	margin:0 auto 5px auto;
	padding:0;
	text-align:center;
	line-height:1;
}

div#formcontents{
	background:#FFF;
	margin:0;
	height:auto;
	border:1px solid #CCC;
	border-top:none;
}

div#formcontents table{
	margin:0 auto;
	width:580px;
}

div#formcontents table.formtable{
	background:#FFF;
	font-size:90%;
	border:1px solid #CCC;
	border-collapse: separate;
	border-bottom:none;
	margin-bottom:5px;
}

div#formcontents table.formtable caption{
	text-align:right;
	padding:3px 0;
}

div#formcontents table.formtable th{
	background:#FCF7CD;
	line-height:2;
	padding:6px 6px 4px 6px;
	border-top:1px #FFF solid;
	border-left:1px #FFF solid;
	border-bottom:1px #F4D299 solid;
	border-right:1px #F4D299 solid;
	width:150px;
}


div#formcontents table.formtable th sup{
	font-weight:bold;
	font-size:85%;
	color:#C00;
	margin:0 7px 0 0;
}

div#formcontents table.formtable td{
	background:#FFF;
	line-height:2;
	padding:5px;
	overflow:hidden;
	height:30px;
	border-bottom:1px dotted #88A7C4;
}


div#formcontents table.formtable td input#user_mailid{
	width:250px;
}