/* CSS Document */
                        
#contentsheader{
    clear:left;
    width:769px;
    margin:10px 0 0 10px;
    font-size:12px;
    }

#contentsheader .pankz_mk{
    color:#2D6D95;
    }

#contentsheader .page{
    color:#986530;
    }

.staff_headimg{
    margin-top:20px;
    _position:relative;
    _top:3px;
    }

*+html .staff_headimg{
    margin-top:20px;
    position:relative;
    top:3px;
    }

#sub_navi{
    margin-top:20px;
    width:766px;
    height:21px;
    padding-left:3px;
    background:url(../images/mypage/navi_bg.jpg) no-repeat 0 0;
    }

#sub_navi ul li{
    float:left;
    }

#sub_navi .sub_top:link{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 0;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_top:visited{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 0;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_top:hover{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_top:active{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_top_on{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }
    
#sub_navi .sub_pointmap:link{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 0;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_pointmap:visited{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 0;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_pointmap:hover{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_pointmap:active{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_pointmap_on{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }
    
#sub_navi .sub_diary:link{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 0;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_diary:visited{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 0;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_diary:hover{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_diary:active{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi .sub_diary_on{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#infomation{
    width:769px;
    margin-top:10px;
    }

#infomation .ttlimg{
    float:left;
    margin-top:5px;
    }

#info_box{
    float:left;
    border:1px solid #AAD18B;
    width:663px;
    margin-left:10px;
    }

#info_box ul{
    margin-left:10px;
    float:left;
    width:449px;
    _width:429px;
    border-right:1px solid #AAD18B;
    }

#info_box ul li{
    padding:3px 0 3px 10px;
    _padding:5px 0 5px 10px;
    width:449px;
    _width:429px;
    background:url(../images/mypage/list_mark.gif) no-repeat 0 10px;
    _background:url(../images/mypage/list_mark.gif) no-repeat 0 7px;
    }

*+html #info_box ul li{
    background:url(../images/mypage/list_mark.gif) no-repeat 0 7px;
    padding:5px 0 5px 10px;
}    

#ad{
    float:left;
    padding:5px;
    width:193px;
    }


#contentbody{
    clear:both;
    padding-top:12px; 
    margin-left:10px;
    }

/* left */

#left{
    float:left;
    width:225px;
    padding-bottom:20px;
    }

#profile{
    background:url(../images/mypage/profile_bg.jpg) no-repeat 0 0;
    width:205px;
    height:151px;
    padding:10px 10px 0 10px;
    }

#profile2{
    background:url(../images/mypage/profile_bg2.jpg) 0 0;
    width:205px;
    height:126px;
	margin-top:5px;
    margin-bottom:5px;
    text-align:center;
	vertical-align:middle;
    }

#profile p{
    text-align:center;
    color:#FFFFFF;
    position:relative;
    left:-10px;
    font-size:12px;
    }

#profile p a:link{
    color:#FFF;
    }

#profile p a:visited{
    color:#FFF;
    }

#profile p a:hover{
    color:#FFF;
    }

#profile p a:active{
    color:#FFF;
    }

#left h4{
    background:url(../images/r_tt_bg.gif) no-repeat 0 0;
    width:215px;
    height:17px;
    padding-left:10px;
    padding-top:4px;
    margin:15px 0 0 0;
    clear:both;
    }

#left #setting{
    background:url(../images/mypage/setting_bg.jpg) no-repeat 0 0;
    width:215px;
    height:17px;
    padding-left:10px;
    padding-top:4px;
    margin:15px 0 0 0;
    clear:both;
    color:#9b5d97;
    }

#left table{
    width:225px;
    }

#left table .tdl{
    padding:5px;
    width:68px;
    background-color:#F0E0C0;
    color:#4B423D;
    border-bottom:1px solid #FFF;
    border-right:1px solid #FFF;
    }

#left table .tdr{
    padding:5px;
    background-color:#F9EFDB;
    color:#4B423D;
    border-bottom:1px solid #FFF;
word-break:break-all;
    }

#left .bg1{
    padding:10px;
    width:205px;
    background-color:#F9EFDB;
    color:#4B423D;
    }

#left .bg2{
    padding:10px;
    width:205px;
    background-color:#E0DDDD;
    }

#right{
    float:left;
    width:530px;
    margin-left:12px;
    }

#pin{
    background:url(../images/mypage/lock.gif) no-repeat 0 0;
    padding-left:15px;
    margin-left:4px;
    margin-top:10px;
    float:left;
    }

#passwd{
    float:right;
    width:167px;
    margin-top:9px;
    margin-right:5px;
    _margin-top:7px;
    }

*+html #passwd{
    margin-top:7px;
    }

#passwd input{
    border:1px solid #E2E2E2;
    width:167px;
    }


#map{
    padding-top:13px;
    padding-bottom:5px;
    margin-left:4px;
    width:522px;
    height:216px;
    clear:both;
    }

#diary_box{
    width:530px;
    border:1px solid #E2E2E2;
    margin-top:13px;
    }

#diary_box .ttl03{
    background:url(../images/mypage/diary_bg.jpg) no-repeat 0 0;
    width:510px;
    padding-left:20px;
    height:22px;
    }

#diary_box .ttl03 h5{
    font-size:12px;
    color:#4b423d;
    padding-top:2px;
    }

#diary_list{
    padding:3px 0 13px 10px;
    }

#diary_list li{
    margin-top:10px;
    }

#diary_list li a{
    margin-left:10px;
    }

#more{
    border-top:1px solid #E2E2E2;
    width:510px;
    padding:10px;
    }

#more ul{
    float:right;
    }

#more li{
    background:url(../images/list_mark.gif) no-repeat left center;
    padding-left:10px;
    float:left;
    margin-left:15px;
    }
    


/* staff only */

#map_box .ttl02{
    background:url(../images/mypage/pointmap_bg.jpg) no-repeat 0 0;
    width:510px;
    padding-left:20px;
    height:22px;
    }

#map_box .ttl02 h5{
    float:left;
    margin-top:2px;
    font-size:12px;
    color:#4b423d;
    }

#map_box .ttl02 a{
    display:block;
    float:right;
    margin-right:5px;
    margin-top:4px;
    }
#sub_navi_s{
    width:766px;
    height:21px;
    padding-left:3px;
    background:url(../images/mypage/navi_bg.jpg) no-repeat 0 0;
    }

#sub_navi_s ul li{
    float:left;
    }

#sub_navi_s .sub_top:link{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 0;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_top:visited{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 0;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_top:hover{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_top:active{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_top_on{
    background:url(../images/mypage/navi_top.jpg) no-repeat 0 -21px;
    width:115px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }
    
#sub_navi_s .sub_pointmap:link{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 0;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_pointmap:visited{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 0;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_pointmap:hover{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_pointmap:active{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }


#sub_navi_s .sub_pointmap_on{
    background:url(../images/mypage/navi_pointmap.jpg) no-repeat 0 -21px;
    width:114px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }


#sub_navi_s .sub_diary:link{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 0;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_diary:visited{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 0;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_diary:hover{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_diary:active{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }

#sub_navi_s .sub_diary_on{
    background:url(../images/mypage/navi_diary.jpg) no-repeat 0 -21px;
    width:113px;
    height:21px;
    text-indent:-9999px;
    display:block;
    }
        
/* diary pages */


#div_calender{
    width:205px;
    background:url(../images/mypage/calender.jpg) no-repeat 0 0;
    height:141px;
    padding:10px;
    color:#FFFFFF;
    font-size:12px;
    }

#div_calender p{
    text-align:center;
    }

#div_calender p a{
    margin:0 5px 0 5px;
    }

#div_calender p a:link{
    color:#F4B955;
    text-decoration:underline;
    }

#div_calender p a:visited{
    color:#F48255;
    text-decoration:underline;
    }

#div_calender p a:hover{
    color:#F4B955;
    text-decoration:none;
    }

#div_calender p a:active{
    color:#F4B955;
    text-decoration:underline;
    }

#div_calender table{
    border-top:1px solid #FFFFFF;
    margin-top:5px;
    padding-top:5px;
    width:205px;
    text-align:center;
    }

#diary_box2{
    width:530px;
    border:1px solid #E2E2E2;
    }

#diary_box2 .ttl03{
    background:url(../images/mypage/diary_bg.jpg) no-repeat 0 0;
    width:510px;
    padding-left:20px;
    height:22px;
    }

#diary_box2 .ttl03 h5{
    font-size:12px;
    float:left;
    color:#4b423d;
    padding-top:2px;
    }

#diary_box2 .ttl03 a{
    display:block;
    float:right;
    margin-right:5px;
    margin-top:4px;
    }
	
#photo_box{
    width:530px;
    border:1px solid #E2E2E2;
    }

#photo_box .ttl03{
    background:url(../images/mypage/photo_bg.jpg) no-repeat 0 0;
    width:510px;
	padding-top:3px;
    padding-left:20px;
    height:22px;
    }

#photo_box .ttl03 h5{
    font-size:12px;
    float:left;
    color:#4b423d;
    padding-top:2px;
    }

#photo_box .ttl03 a{
    display:block;
    float:right;
    margin-right:5px;
    margin-top:4px;
    }

#write{
    margin:6px auto 6px auto;
    width:520px;
    background:#F8EEC5;
    padding:20px 0 20px 0;
    text-align:center;
    }

.small_red{
    color:#FF0000;
    font-size:10px;
    }

#diary_body{
    margin:0 auto 0px auto;
	padding:10px 10px 10px 10px;
	width:500px;
    }

#diary_body1{
	margin:0 auto 0px auto;
	padding:10px 10px 10px 10px;
	width:500px;
	}

#diary_body2{
    margin:0 auto 0px auto;
	padding:10px 10px 10px 10px;
	width:500px;
    }

#diary_body3{
    margin:0 auto 0px auto;
	padding:10px 10px 10px 10px;
	width:500px;
    }

.photo{
    float:left;
    margin-right:10px;
    }

.diary_text{
    float:left;
	width:323px;
    }

.diary_text table{
    color:#4D4845;
    width:320px;
    }

.diary_ft{
    clear:left;
    margin:10px auto 0 auto;
    background:url(../images/hr.gif) repeat-x 0 0;
    border-bottom:1px solid #c9c9c9;
    padding:10px 0 10px 0;
    width:520px;
    text-align:right;
    height:1em;
    }

/* diary detail */
#comment{
    width:520px;
    margin:0 auto 0 auto;
    padding:10px 0 10px 0;
    }

#comment dl{
    padding:0 0 8px 0;
    width:520px;
    background:url(../images/hr.gif) repeat-x bottom left;
    margin-bottom:10px;
    }

.comment_page{
    text-align:center;
    width:520px;
    }
#comment form{
    text-align:center;
    width:520px;
    }

#comment form textarea{
    border:1px solid #e2e2e2;
    width:518px;
    height:6em;
    margin-bottom:8px;
    }
	
.edit_size{
	width:400px;
}	
#point_list{
    width:320px;
    height:397px;
    overflow-y:scroll;
    float:left;
    color:#000000;
    }

#point_list ul{
    width:295px;
    margin:8px auto 0 auto;
    height:1em;
    }

#point_list ul #view_text{
    background:url(../images/pointmap/icon1.gif) no-repeat left center;
    float:right;
    padding-left:17px;
    margin-right:10px;
    }

#point_list ul #view_map{
    background:url(../images/pointmap/icon2.gif) no-repeat left center;
    float:right;
    padding-left:17px;
    margin-right:10px;
    }
#left1{
    float:left;
    width:330px;
    padding-bottom:20px;
    }	
#right1{
    float:left;
    width:430px;
    margin-left:12px;
    }
#map_box1{
    width:430px;
    border:1px solid #E2E2E2;
    }

#map_box1 .ttl02{
    background:url(../images/mypage/pointmap_bg1.gif) no-repeat 0 0;
    width:430px;
    padding-left:20px;
    height:22px;
    }

#map_box1 .ttl02 h5{
    float:left;
    margin-top:2px;
    font-size:12px;
    color:#4b423d;
    }

#map_box1 .ttl02 a{
    display:block;
    float:right;
    margin-right:5px;
    margin-top:4px;
    }