body {
	margin: 0px;
	padding: 0px;	
}

#mypage-container {
    margin-bottom: 30px;
    overflow: hidden;
}
#mypage-main {
overflow:hidden;
clear:both;
}
#mypage-contents {
    float: right;
    width: 730px;
}
/********** header-navi **********/
#header-navi {
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
}
 #header-navi ul.breadcrumbs {
     float: left;
     margin: 0;
     padding: 0;
 }
  #header-navi ul.breadcrumbs li { display: inline }
   #header-navi ul.breadcrumbs li a {
       background-image: url("../ref_img/arrow02.gif");
       background-position: right 4px;
       background-repeat: no-repeat;
       margin-right: 10px;
       padding-right: 10px;
   }
 #header-navi div.user { float: right }
  #header-navi div.user span.name {
      font-weight: bold;
      margin-left: 5px;
      margin-right: 5px;
  }
/********** text **********/
h4.mypage {
    background-color: #F0F0F0;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
}
.mypage-att { color: #e60012 }
.mypage-att02 {
    color: #e60012;
    margin-top: 10px;
}
.mypage-message01 {
    color: #0099cc;
    margin-top: 10px;
}
.text-type01 { margin-top: 10px }
/********** mypage-ttl **********/
.mypage-ttl {
    border-top: 3px solid #434343;
    font-size: 138.1%;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
}
 .mypage-ttl form {
     float: right;
     margin-top: 10px;
 }
/********** mypage-left-column **********/
#mypage-left-column {
    float: left;
    width: 200px;
}
 #mypage-left-column .continued { margin-bottom: 15px }
 #mypage-left-column .ssl-area { margin-top: 15px }
  #mypage-left-column .ssl-area div{
	  text-align:center;
	  margin-bottom:10px;}
  #mypage-left-column .ssl-area p { font-size: 85% }
 #mypage-left-column .ct-name {
     background-image: url("../ref_img/arrow01.gif");
     background-position: left 9px;
     background-repeat: no-repeat;
     border-bottom: 1px solid #DDDDDD;
     border-top: 3px solid #434343;
     font-weight: bold;
     margin-bottom: 3px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-top: 5px;
 }
 #mypage-left-column ul {
     border-bottom: 1px solid #DDDDDD;
     margin: 0;
     padding: 0;
 }
  #mypage-left-column ul li {
      background-image: url("../ref_img/arrow02.gif");
      background-position: 5px 9px;
      background-repeat: no-repeat;
      list-style: none;
      margin-bottom: 1px;
      padding: 3px 5px 3px 15px;
  }
/********** table **********/
table.mptype01 {
    border: 1px solid #333333;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 10px;
}
 table.mptype01 span.hyoka { color: #f39800 }
 table.mptype01 textarea { width: 100% }
 table.mptype01 th {
     background-color: #EEEEEE;
     border: 1px solid #CCCCCC;
     padding: 10px;
 }
 table.mptype01 td {
     border: 1px solid #CCCCCC;
     padding: 10px;
 }
table.thcenter th { text-align: center }
/********** list **********/
dl.mypage {
    margin: 0;
    padding: 0;
}
 dl.mypage dd {
     margin: 0;
     padding: 0;
 }
 dl.mypage dt {
     background-image: url("../ref_img/arrow01.gif");
     background-position: left 9px;
     background-repeat: no-repeat;
     font-weight: bold;
     margin-bottom: 3px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-top: 5px;
 }
dl.mypage02 {
    margin: 0;
    padding: 0;
}
 dl.mypage02 dt {
     font-weight: bold;
     margin-bottom: 5px;
     margin-top: 20px;
 }
 dl.mypage02 dd {
     margin: 0;
     padding: 0;
 }
/********** other **********/
.mypage-btn-area {
    margin-top: 20px;
    text-align: center;
}

.mypage-btn-area form {
display:inline;
}

.mypage-btn-area form input {
margin:0 10px;
}
.mypage-btn-area {
    margin-top: 20px;
    text-align: center;
}
.mypage-btn-area02 {
    margin-top: 20px;
    text-align: left;
}
.mypage-comment {
    color: #e60012;
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 10px;
}
.text-link01 {
    background-image: url("../ref_img/arrow01.gif");
    background-position: left 1px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
input.type01 { width: 120px }
input.type02 { width: 300px }
.font-color01 { color: #e60012 }
.font-color02 { color: #0099cc }
.font-color03 { color: #ff0000 }
.font-bold { font-weight: bold }
.bg-color01 { background-color: #ffffcc }
.bg-color02 { background-color: #ffe1df }

.history-pager {
text-align:center;
overflow:hidden;
margin-top:20px;
}

.history-pager .btn-back{
margin:0 10px;
}

.history-pager .btn-next{
margin:0 10px;
}

textarea.kiyaku {
width:708px;
height:200px;
background-color:#FFFFFF;
border:1px solid #DDDDDD;
padding:10px;
}


/********** popup **********/

.poprule {
}

.poprule .ruletxt {
color:#333333 !important;
width:420px !important;
padding:15px !important;
border:3px solid #434343 !important;
background-color:#FFFFFF !important;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
}

.poprule .ruletxt .ttl {
}

.poprule .ruletxt dl.point{
padding-top:5px;
padding-bottom:10px;
margin-top:10px;
border-top:1px solid #CCCCCC;
}

.poprule .ruletxt dl.point dt{
font-weight:bold;
margin-top:5px;
}

.poprule .ruletxt dl.point dd{
margin:0;
padding:0;
}


.infomelma {
}

.infomelma .melmatxt {
color:#333333 !important;
width:420px !important;
padding:15px !important;
border:3px solid #434343 !important;
background-color:#FFFFFF !important;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
}

.infomelma .melmatxt dl.mail{

}

.infomelma .melmatxt dl.mail dt{
font-weight:bold;
margin-bottom:5px;
}

.infomelma .melmatxt dl.mail dd {
margin:0;
padding:0;
}

.infomelma .melmatxt dl.mail dd p{
color:#e60012;
}

.corptxt {
color:#333333 !important;
width:420px !important;
padding:15px !important;
border:3px solid #434343 !important;
background-color:#FFFFFF !important;
border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
	box-shadow: 0px 0px 5px rgba(51,51,51,0.5);
}