@charset "shift_jis";



/* --------------------------------------------------

 avatarPanel

-------------------------------------------------- */
#avatarPanel{
width: 170px;
margin: 0 0 10px;
background: url(http://images.hangame.co.jp/hangame/mypage/common/bg_avtrpanel.gif) no-repeat 0 bottom;
}

#avatarPanel h2{
width: 170px;
height: 28px;
background: url(http://images.hangame.co.jp/hangame/mypage/common/bg_tit_avtrpanel.gif) no-repeat 0 0;
color: #666;
line-height: 28px;
text-align: center;
}

#avatarPanel h2.ofID{
line-height:12px;
height:23px;
_height:28px;
padding-top:5px;
}
#avatarPanel h2.ofID span{
position:relative;
top:2px;
}
#avatarPanel h2.ofID span img{
margin-right:4px;
}

#avatarPanel .avtr{
margin-top:-1px;
}

#avatarPanel p#tdData{
position: relative;
width: 66px;
height:150px;
margin: 0 auto;
padding: 7px 0;
}

#avatarPanel .menu{
position:relative;
top:-1px;
width: 168px;
margin:1px 1px 0;
background-color: #f5f5f5;
}
#avatarPanel .menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#avatarPanel .menu .set,
#avatarPanel .menu .agd,
#avatarPanel .menu .frnd{
padding: 7px 0 7px 7px;
background: url(http://images.hangame.co.jp/hangame/mypage/common/line_gray154x2.gif) no-repeat center bottom;
}
#avatarPanel .menu .skn{
padding: 0 0 2px 7px;
float: left;
}
#avatarPanel .menu .snd{
float: left;
}
#avatarPanel .menu .mail{
padding: 0 0 2px 7px;
}

/* --------------------------------------------------

 navi_profile

-------------------------------------------------- */
#navi_profile{
width: 170px;
height: 328px;
padding: 11px 0 0;
background-position: 0 0;
background-repeat: no-repeat;
}

#navi_profile .id div.idLink {
display: inline;
cursor: pointer;
}

/* puretomo */
#navi_profile ul.id{
width:170px;
margin: 7px 0 5px;
/*_margin: 9px 0 5px;*/
font-weight: bold;
line-height: 1em;
text-align: center;
}
#navi_profile ul.id li {
position: relative;
padding: 10px 0 8px;
/*padding: 14px 0;*/
font-weight:bold;
}
#navi_profile .id #myID,
#navi_profile .id #ptID_owner {
padding: 0;
margin-bottom: -1px\9;
padding: 1px 0 0\9;
}
#navi_profile .id #ptID,
#navi_profile .id #myID_visit {
/*margin-top: 7px;
_margin-top: 10px;
padding: 0 0 4px;*/
margin: 3px 0 0;
padding: 0;
font-weight: normal;
}
	#navi_profile .id #myID img,
	#navi_profile .id #myID_visit img,
	#navi_profile .id #ptID_owner img,
	#navi_profile .id #ptID img {
	margin-right: 4px;
	*margin-right: 0;
	vertical-align: -2px;
	}
/* ie only */
*html #navi_profile .id #myID,
*html #navi_profile .id #myID_visit,
*html #navi_profile .id #ptID_owner,
*html #navi_profile .id #ptID {
padding-left: 21px;
}
	*html #navi_profile ul.id li img {
	display: none;
	}
	*html #navi_profile ul.id li span {
	display: block;
	position: absolute;
	top: 0;
	_top: -2px;
	left: -21px;
	width: 17px;
	height: 14px;
	}
	*html #navi_profile ul.id #myID .left,
	*html #navi_profile ul.id #myID_visit .left {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.hangame.co.jp/_images/mypage/common/ico_my-l.png,sizingMethod=crop)}
	*html #navi_profile ul.id #myID .right,
	*html #navi_profile ul.id #myID_visit .right {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.hangame.co.jp/_images/mypage/common/ico_my-r.png,sizingMethod=crop)}
	*html #navi_profile ul.id #ptID .left,
	*html #navi_profile ul.id #ptID_owner .left	{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.hangame.co.jp/_images/mypage/common/ico_pt-l.png,sizingMethod=crop)}
	*html #navi_profile ul.id #ptID .right,
	*html #navi_profile ul.id #ptID_owner .right {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://images.hangame.co.jp/_images/mypage/common/ico_pt-r.png,sizingMethod=crop)}
/* end puretomo */

/*open staff id 201003*/
#navi_profile .id #ofID{
}	

#navi_profile .id #ofID img{
margin-right: 2px;
vertical-align: -3px;
}


/* ie only */	
*html #navi_profile .id #ofID{
padding-left: 27px;
}	
*html #navi_profile ul.id #ofID img {
display: block;
}	
*html #navi_profile ul.id #ofID	span {
display: block;
position: absolute;
top: 11px;
left: -27px;
width: 17px;
height: 14px;
}


/* Staff ID */
#navi_profile .id #ofID02{
padding-bottom:2px;
padding-top:1px;
position:relative;
}
#navi_profile .id #ofID02 img{
margin-right: 4px;
vertical-align: -3px;
}

* html #navi_profile .id #ofID02{
padding-bottom:3px;
padding-top:4px;
padding-left: 27px;
}
* html #navi_profile ul.id #ofID02 img {
display: block;
}
* html #navi_profile ul.id #ofID02 span {
display: block;
position: absolute;
top: 1px;
left: -27px;
width: 17px;
height: 14px;
}


/* zoom(Pure拡大表示ボタン＆拡大表示枠追加)
------------------------- */
#navi_profile .zoom {
display: none;
position: relative;
margin: -1px 7px -6px 0;
text-align: right;
}
#zoomArea {
position: absolute;
top: 225px;
left: 180px;
height: 500px;
padding-left: 21px;
background: url(http://images.hangame.co.jp/_images/mypage/common/bg_zoom-l.png) 0 0 no-repeat;
z-index: 1000;
}
#zoomArea .zoomFrame01,
#zoomArea .zoomFrame02 {
display: none;
height: 500px;
padding: 23px 27px 0 0;
background: url(http://images.hangame.co.jp/_images/mypage/common/bg_zoom-r.png) right top no-repeat;
}
#zoomArea .zoomFrame02 span{
float: left;
}
#zoomArea .close a{
display: block;
position: absolute;
top: 6px;
right: 13px;
width: 11px;
height: 11px;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_close_event.gif) 0 0 no-repeat;
text-indent: -9999px;
}


/* avaWfa_prof
------------------------- */
#avaWfa_prof{
width: 154px;
height: 164px;
margin: 0 auto 1px;
border-style: solid;
border-width: 1px;
background-color: #fff;
background-position: 0 0;
}

#avaWfa_prof img{
zoom: 1;
left: 44px;
top: 8px;
}

/* profMenu
------------------------- */
#navi_profile ul.profMenu li{
width: 146px;
margin: 0 auto 5px;
}

#navi_profile ul.profMenu li#btn_sound,
#navi_profile ul.profMenu li#btn_circle,
#navi_profile ul.profMenu li#btn_friendship{
margin-bottom: 0;
}



/* --------------------------------------------------

 tool

-------------------------------------------------- */
#tool{
margin: 10px auto;
}

#tool p{
width: 145px;
margin: 0 auto 9px;
}

#tool p#spanViewLocation{
width: 122px;
padding-left: 23px;
color: #f63;
font-size: 11px;
text-indent: -13px;
}

#tool p#spanViewLocation a{
color: #36c;
text-decoration: none;
}

#tool p#spanViewLocation a:hover{
text-decoration: underline;
}

/* tool02
-------------------------------------------------- */
#tool02{
overflow:hidden;
width:170px;
margin:10px 0;
}

#tool02 ul{
width:180px;
}

#tool02 ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}


#tool02 ul li{
float:left;
width:58px;
}

#tool02 li a{
display:block;
width:58px;
height:35px;
overflow:hidden;
text-indent:-99em;
}

#tool02 li.btn_mmail a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_mmail_54x70.gif) no-repeat 0 0;
}
#tool02 li.btn_mmail a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_mmail_54x70.gif) no-repeat 0 -35px;
}

#tool02 li.btn_mmail_call a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_mmail_54x70_call.gif) no-repeat 0 0;
}
#tool02 li.btn_mmail_call a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_mmail_54x70_call.gif) no-repeat 0 -35px;
}

#tool02 li.btn_good a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_good_54x70.gif) no-repeat 0 0;
}
#tool02 li.btn_good a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_good_54x70.gif) no-repeat 0 -35px;
}

#tool02 li.btn_good_call a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_good_54x70_call.gif) no-repeat 0 0;
}
#tool02 li.btn_good_call a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_good_54x70_call.gif) no-repeat 0 -35px;
}

#tool02 li.btn_follow a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_follow_54x70.gif) no-repeat 0 0;
}
#tool02 li.btn_follow a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_follow_54x70.gif) no-repeat 0 -35px;
}

#tool02 li.btn_follow_call a{
margin:0 auto;
background: url(http://images.hangame.co.jp/_images/mypage/common/btn_follow_54x70_call.gif) no-repeat 0 0;
}
#tool02 li.btn_follow_call a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_follow_54x70_call.gif) no-repeat 0 -35px;
}


/* --------------------------------------------------

 naviCategory

-------------------------------------------------- */
.naviCategory{
width: 170px;
margin: 10px 0;
background-position: 0 0;
background-repeat: repeat-y;
position:relative;
}

/* h3 */
.naviCategory h2{
zoom: 1;
padding-left: 9px;
background-position: 0 0;
background-repeat: no-repeat;
background-color: #fff;
line-height: 30px;
}

/* body */
.naviCategory .body{
zoom: 1;
padding: 5px 0 6px;
background-position: 0 bottom;
background-repeat: no-repeat;
}

.naviCategory ul{
zoom: 1;
}

.naviCategory li a{
text-decoration: none;
}

.naviCategory li a:hover{
text-decoration: underline;
}

.naviCategory .more{
margin: 0 5px 0 0;
font-size: 11px;
text-align: right;
}

.naviCategory .more a{
text-decoration: none;
}

.naviCategory .more a:hover{
text-decoration: underline;
}


/* blog
------------------------- */

/* blog_category*/
.naviCategory ul.blog_category{
padding: 0 0 5px 10px;
}

.naviCategory ul.blog_category li{
margin-top: 3px;
padding-left: 16px;
}

.naviCategory ul.blog_category li a img{
position: relative;
width: 15px;
height: 15px;
margin: 0 2px 0 -18px;
vertical-align: middle;
}

.naviCategory .btn_help{
position:absolute;
right:5px;
top:8px;
}

.naviCategory .btn_help a{
font-size:10px;
text-decoration:none;
}

/* マメコメ
------------------------------------------*/

#mameComme{
min-height:103px;
}

.hide{
display:none;
}



#mameComme p.alert{
display:none;
font-size:10px;
color:#FF0000;
}

#mameComme p.date{
height:13px;
padding-right:18px;
font-size:10px;
color:#969494;
text-align:right;
}

#mameComme p.txt{
width:130px;
height:60px;
margin:0 auto;
}

#mameComme textarea{
width:120px;
height:50px;
padding:5px;
font-size:10px;
color:#636363;
overflow:hidden;
border:1px solid #B3B3B3;
background:#fff;
word-break: break-all;
word-wrap: break-word;
}



#mameComme p.remark{
width:95px;
padding-top:8px;
margin:0 auto 8px;
}

#mameComme p.remark a{
display:block;
width:95px;
height:24px;
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_mame.gif) no-repeat 0 0;
overflow:hidden;
text-indent:-99em;
}

#mameComme p.remark a:hover{
background:url(http://images.hangame.co.jp/_images/mypage/common/btn_mame.gif)  no-repeat 0 -24px;
}

#mameComme p.open{
text-align:center;
}


#mameComme p.progress{
padding-top:40px;
text-align:center;
display:none;
}


#mameComme p.complete{
width:100px;
height:46px;
padding:39px 0  0 14px;
margin:0 auto;
background:url(http://images.hangame.co.jp/hangame/mypage/common/bg_mc_complete.gif) no-repeat 0 30px;
display:none;
}






/* blog_list */
.naviCategory ul.blog_list{
padding: 0 0 5px 10px;
}

.naviCategory ul.blog_list li{
margin-top: 3px;
padding-left: 7px;
text-indent: -9px;
}

.naviCategory ul.blog_list li span{
margin-right: 3px;
color: #36c;
}

.naviCategory ul.blog_list li .idName{
padding-right: 5px;
text-align: right;
}

/* bottom links */
#localnavi ul.addLinks{
margin: 10px 0 10px 30px;
}

#localnavi ul.addLinks li{
line-height: 1.5;
}

#localnavi ul.addLinks a{
text-decoration: none;
}

#localnavi ul.addLinks a:hover{
text-decoration: underline;
}

#localnavi ul.addLinks li.bnr{
margin: 0 0 5px -30px;
}

/* --------------------------------------------------

 naviImakore

-------------------------------------------------- */

#newimakore .icon_item{
height:55px;
margin:0 0 3px 2px;
}

#newimakore .icon_item li{
float:left;
}