#wrap_hunger{
	padding:20px 0;
	width:100%;
	background:url(../img/bg_hunger.jpg);
}

.ttl_mypage{
	margin:0 0 10px;
	padding-left:10px;
	height:30px;
	line-height:30px;
	color:#000;
	font-size:16px;
	background:url(../img/bg_ttlh2_mypage.png) no-repeat left;
	border-bottom:2px solid #36b1cf;
}

.hanger{
	padding:0;
	border:2px solid #36b1cf;
	background:url(../img/bg_hangerin.png) repeat;
}

.msbox{
	margin:0 3%;
	width:30%;
	max-height:260px;
	float:left;
	overflow:hidden;
}
.msbox img{width:100%;}

.havems{
	margin-right:4%;
	width:60%;
	float:right;
}

.owl-carousel .owl-item{
	text-align:center;
}

.havems li{
	margin:0 auto 10px;
	width:100px;
	height:100px;
	overflow:hidden;
	display:block;
	border:2px solid #36b1cf;
}

.havems li img{
	padding-top:10px;
	margin-left:-20px;
}

.iconbox{
	margin-bottom:20px;
	padding:5px;
	color:#fff;
	background:#ccc;
}
.ttl_icon{
	font-weight:bold;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
}
.btn_icon{width:100%;background:#36b1cf;text-align:center;color:#fff;}
.btn_icon a{
	padding:14px 0;
	display:block;
	color:#fff;
}
.btn_icon a:hover{
	text-decoration:none;
	background:#666;
}

.gb2team{
	margin-bottom:20px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background:#36b1cf;
	position:relative;
}
.gb2team a{
	display:block;
	color:#fff;
}
.gb2team a:hover{
	text-decoration:none;
	background:#277E9E;
}
.gb2team .icon{
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	position:absolute;
	right:-3px;
	top:-3px;
	color:#fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#f54639;
}
.gb2team form{
	padding:10px 0;
}
.gb2team form input[type='submit']{
	padding: 8px 5px;
	font-size: 14px;
	border: medium none;
	border-radius: 4px;
	background: #ddd;
}
	
.mydata{
	margin-bottom:10px;
	border-bottom:1px solid #36b1cf;
	height:23px;
	overflow:hidden;
}

.mydata dt{
	margin:0 10px 0 0;
	padding-left:10px;
	float:left;
	width:99px;
	height:23px;
	line-height:23px;
	color:#fff;
	background:url(../img/bg_dt.png) no-repeat;
}

.mydata dd{
	overflow: hidden; *zoom: 1;
	line-height:23px;
	color:#36b1cf;
}

.mydata2{
	margin-bottom:10px;
}

.mydata2 dt{
	margin:0 10px 0 0;
	padding-left:10px;
	width:99px;
	height:23px;
	line-height:23px;
	color:#fff;
	background:url(../img/bg_dt.png) no-repeat;
}

.mydata2 dd{
	border:1px solid #36b1cf;
	padding:10px;
}

.btn_toedit{
	margin:20px auto 10px;
	padding:10px 0;
	width:96%;
	color:#36b1cf;
	border:2px solid #36b1cf;
	background:#000;
}
.btn_toedit:hover{
	opacity:0.8;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.btn_toedit p{
	padding:0 10px;
	line-height:40px;
	font-size:10px;
	font-weight:bold;
}
.btn_toedit p a{color:#36b1cf; display:block;}
.btn_toedit p a:hover{text-decoration:none;}
	
.mnav{}
.mnav li{
	margin:0 2.6% 0 0;
	width:23%;
	float:left;
	position:relative;
}
.mnav li img{width:100%;}

.mnav li.last{margin:0;}

.mnav li span.icon{
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	position:absolute;
	right:-3px;
	top:-3px;
	color:#fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background:#f54639;
}

table.tb_seclog{
	margin:10px auto 10px;
	border-top:1px solid #ddd;
}

table.tb_seclog th, table.tb_seclog td{
	padding:15px 0;
	border-bottom:1px solid #ddd;
}

table.tb_seclog th.nonborder, table.tb_seclog td.nonborder{
	padding:15px 0 0;
	border-bottom:none;
}

table.tb_seclog th{padding-right:20px; width:28%;}

table.tb_seclog td input[type='text']{background:#ddd;width:100%;}
table.tb_seclog td input[type='text'].txt{width:60%;}
table.tb_seclog td label.avators{
	margin:0 10px 10px 0;
	text-align:center;
	float:left;
	width:60px;
	height:78px;
	position:relative;
}

table.tb_seclog td label{cursor:pointer;}

table.tb_seclog td label.avators input{ position:absolute; margin-left:-7px}

table.tb_seclog td label.avators .msimg{
	margin-bottom:4px;
	width:60px;
	height:60px;
	overflow:hidden;
}

table.tb_seclog td label.avators .msimg img{
	margin-left:-30px;
}

table.tb_seclog td textarea{
	padding:2px 1px;
	width:100%;
	border: medium none;
	background:#ddd;
}

.glbox{
	padding:10px;
	background:#f4f4f4;
}

.list_member{}

.list_member li{
	margin-bottom:10px;
	padding:5px;
	background:#fff;
}

.popup{
	padding:10px;
	min-width:200px;
	text-align:center;
}

#frd a, #fradd a{
	padding:10px 0;
	background:#ddd;
	display:block;
	color:#666;
}

#frd a:hover, #fradd a:hover{
	background:#999;
	color:#fff;
	text-decoration:none;
}

.ttl_01{
	padding-left:10px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:16px;
	background:#36b1cf;
}

/********************
ファイルアップ
********************/
.fileUploder{
    position:relative;
    /*↓幅はデザイン依存。場合によっては、指定しなくていい*/
}
.fileUploder .upfile{
    position:absolute;
    top:0;
    right:0;
    /*↓念のため*/
    z-index:99;
    width:100%;
    height:100%;
    opacity:0;
    filter:alpha(opacity=0);
    /*↓IE8対策*/
    -ms-filter:"alpha(opacity=0)";
    font-size:200px;
    cursor:pointer;
    overflow:hidden;
}
button.btn{
	padding:8px 10px;
	border:none;
	background:#313131;
	color:#fff;
	font-size:12px;
	vertical-align:top;
}

/********************************
screen_width_780px
********************************/
@media screen and (max-width: 780px) {
}

/********************************
screen_width_560px
********************************/
@media screen and (max-width: 560px) {
	.msbox{width:94%; float:none;}
	.havems{ margin:auto;width:90%; float:none;}
}

/********************************
screen_width_480px
********************************/
@media screen and (max-width: 480px) {
}

/********************************
screen_width_320px
********************************/
@media screen and (max-width: 320px) {
	.havems{ margin:auto; width:228px;}
	.msbox{max-height:200px;}
}