/*
    www.iichi.com/people/xxxx
    www.iichi.com/shop/xxxx
*/

/* common */
.right{
    text-align:right;
}
img.frame{
    background-color: #FFFFFF;
    border: 1px solid #EDEAE3;
    padding: 2px;
}
#content.type-c h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

/* right column ----------------------------------------------------------------- */
#main{
  position: relative;
}
    #main .section{
        clear:both;
        margin-bottom:30px;
    }
        #main h2{
            margin-bottom:10px;
            padding:0;
            font-size:14px;
        }
        #main .content{
            clear:both;
        }
        #main .content .like-button-small{
            right: 5px;
            bottom: 7px;
        }


        #main .ref{
            padding-left:10px;
            background:url(/assets/images/icons/arrows.png) no-repeat scroll 0 -16px transparent;
        }
        #main .more{
            float:left;
            padding:1px 0 0 10px;
            margin:2px 0 0 20px;
            background:url(/assets/images/icons/arrows.png) no-repeat scroll 0 -16px transparent;
            font-size:11px;
        }

        #main table{
            border-collapse: collapse;
            background:#fff;
            width:100%;
        }
        #main table th,
        #main table td{
            border: 1px solid #e5ddc7;
            padding:6px 12px;
        }
            #main table th{
                width:105px;
            }
    #main .heading{
        margin-bottom:8px;
    }
        #main .heading h4{
            float:left;
            margin-right:12px;
        }
        #main .heading .tag-maker{
            float:left;
            margin-top:3px;
        }
    #main #maker-info{
        margin-bottom:20px;
        background-color: #FFFFFF;
        border: 1px solid #E6E2DF;
        padding:20px;
    }
        #maker-description{
            float:left;
            width:430px;
            line-height:170%;
        }
        #maker-photo{
            float:right;
        }
    .button-sns {
      position: absolute;
      top: 0;
      right: 19px;
    }
    #prof-edit {
      position: absolute;
      top: -51px;
      left: 30%;
    }

/* left column ----------------------------------------------------------------- */
#sub{
    color:#000;
    padding-bottom:15px;
    border-right:1px solid #e9e4e3;
    width:211px !important;
    margin-right:18px;
}
    #profile{
        margin-bottom:20px;
    }
        #profile #profile-photo{
            margin-bottom:10px;
        }
        #profile .name{
            float:left;
            font-weight:bold;
            font-size:16px;
        }
        #profile .seller{
            float:right;
            padding-right:5px;
        }
            #profile .tag-seller,
            .tag-maker{
                background:#ede8e1;
                color:#7e7b63;
                line-height:15px;
                padding:0 5px;
                font-size:10px;
            }
        #profile .pref{
            color:#979082;
        }
        #profile .special{
            margin:6px 0;
        }
            #profile .special a{
                /*
                display:block;
                height:0px;
                width:113px;
                background:url(/assets/images/sub/profile/special.png) no-repeat left top;
                padding-top:23px;
                overflow:hidden;
                */
                padding: 0 0 0 12px;
                background: url(/assets/images/icons/arrows.png) no-repeat scroll 0 -16px transparent;
            }
            #profile .special a:hover{
                /*background-position:left -23px;*/
            }
        #profile .action{
            margin-top:5px;
        }

    #categories {
        margin:10px 0 10px;
    }
        #categories .tag{
            padding: 1px 4px 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #DCD6CC;
            color: black;
            height: 14px;
            display: inline;
            margin-right: 5px;
            margin-bottom: 5px;
            float: left;
            font-size: 11px;
        }


    #shop-link-list{
        clear:both;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        background: url("/assets/images/sub/profile/bg.jpg");
        border-top:1px solid #e8e4e1;
        border-bottom:1px solid #e8e4e1;
        border-left:1px solid #e8e4e1;
        margin-top:5px;
        color:#000;
        margin-right:-1px;
        margin-left: 5px;
    }
        #shop-link-list .num{
            margin-left:4px;
            font-weight:normal;
            font-size:11px;
        }
        #shop-link-list .section{
            padding:10px 10px 0 10px;
        }
        #shop-link-list .shop-link-list-shop{
            margin-bottom:12px;
        }
            #shop-link-list .shop{
                font-weight:bold;
            }
        .shop-link-list{
            padding:10px 10px 0 20px;
        }
            .shop-link-list dd{
                margin-bottom:10px;
            }
            .shop-link-list dd.active a,
            .shop-link-list a:hover{
                text-decoration:underline !important;
            }
    #line-shop{
        color:#999;
        background:url(/assets/images/line/line-shop.gif) no-repeat top;
        font-size:11px;
        padding:5px 10px 10px 20px;
    }
        .free-shipping{
            color: #a33639;
            margin-bottom: 5px;
        }
    #sub .follow{
        margin:5px 0 10px;
        font-size:11px;
    }
        #sub .follow dt{
            float:left;
            margin-right:1px;
            color:#7e7b63;
        }
        #sub .follow dd{
            float:left;
            margin-right:10px;
        }
            #sub .follow dd a{
                color:#7e7b63;
                text-decoration:underline;
            }
    #sub .action{
        margin:16px 0;
        padding: 0 16px;
    }
        #sub .action .action-button{
            margin-bottom:10px;
            width: 100%;
            box-sizing: border-box;
        }
        #sub .action .action-button-message{
            margin-bottom:0;
        }

    /* タブ */
    #shop-link{
        margin:20px 0;
    }
        #shop-link a{
            display:block;
            color:#000;
            text-decoration: none;
        }
        #shop-link ul li{
            clear:both;
            padding: 6px 8px 8px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            background: #e8e4e1;
            border-top:1px solid #e8e4e1;
            border-bottom:1px solid #e8e4e1;
            border-left:1px solid #e8e4e1;
            margin-top:5px;
            color:#000;
            margin-right:-1px;
        }
        #shop-link ul li:hover,
        #shop-link ul li.current{
            background:#fff url(/assets/images/sub/profile/bg.jpg) repeat-y;
            font-weight:bold;
        }
        #shop-link .shop-menu:hover{
            height:100px;
        }
    
            #shop-link li a,
            #shop-link dt a{
            	height:14px;
            	padding-left:20px;
            	background:url(/assets/images/icons/list-markers.gif?_=20130325) no-repeat left top;
            }
            #shop-link .current a,
            #shop-link li:hover a{
            	background:url(/assets/images/icons/list-markers.png?_=20130325) no-repeat left top;
            }
    
            #shop-link .prof{
            	background-position:0 -168px !important;
            }
            #shop-link .shop{
            	background-position:0 -182px !important;
            }
            #shop-link .event{
            	background-position:0 -281px !important;
            }
            #shop-link .timeline{
            	background-position:0 -313px !important;
            }
            #shop-link .links{
            	background-position:0 -196px !important;
            }
            #shop-link .feedback{
            	background-position:0 -210px !important;
            }
            #shop-link .follow-now{
            	background-position:0 -224px !important;
            }
            #shop-link .album{
                height:15px;
                padding-left:21px;
                background:url(/assets/images/icons/list-markers-album.gif) no-repeat 0 -19px;
            }
            #shop-link li.current .album,
            #shop-link li:hover .album{
                background:url(/assets/images/icons/list-markers-album.gif) no-repeat 0 0;
            }

        #shop-link span.number {
            display: inline;
            font-size: 8px;
            margin-left: 7px;
            padding: 3px 3px 1px 3px;
        }

    #profile-link{
        margin:20px 0;
    }
        #profile-link li a{
            margin-bottom:10px;
        }
        .people-like-b{
            background: url('/assets/images/button/b-like-off.gif') no-repeat left top;
            display:inline;
            height:18px;
            width:18px;
        }
            .people-like-b:hover,
            .people-like-b.active{
                background: url('/assets/images/button/b-like-on.gif') no-repeat left top;
            }
            li.like .people-like-b{
                width:150px;
                padding-left:20px;
            }



/* /people/ ----------------------------------------------------------------- */
/* 自己紹介 */
#about-me .left{
    float:left;
    width:310px;
    padding:0 20px 0 20px;
    margin-bottom:20px;
    position: relative;
}

	#about-me-slide{
		float:left;
		width:340px;
		height:320px;
	}
		#about-me-slide-inner{
			background: #000 url('/assets/images/ui/orbit/loading.gif') no-repeat center center;
			width:340px;
			height:277px;
			overflow:hidden;
		}
    #about-me .news{
        padding:15px 15px 10px 15px;
        clear:both;
        margin-bottom:20px;
    }
    #about-me .date{
        width:80px;
        float:left;
        clear:both;
        padding-bottom:5px;
    }
    #about-me .note{
        float:left;
        padding-bottom:5px;
    }
#about-me-main{
    border: 1px solid #f3eeed;
    background-color: #fcfaf8;
    width:711px;
    min-height:330px;
    padding-top:20px;
    position:relative;
    border-radius: 5px;
    margin-bottom: 30px;
}
	#about-me-main p{
		line-height:170%;
	}
	#about-me-main .left:before,
    #about-me-main .left:after{
		content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 14px 8px 0;
        border-color: transparent #f3eeed transparent transparent;
        top: 40px;
        left: -14px;
	}
	#about-me-main .left:after{
        border-color: transparent #fcfaf8 transparent transparent;
        top: 40px;
        left: -12px;
	}


/* /people/xxxx/ ----------------------------------------------------------------- */
/* 作品一覧 */
.items{
}
    .items h2{
        float: left;
    }
    .items ul{
        margin-left:-22px;
    }
        .items li{
            float:left;
            margin:0 0 10px 22px;
            position:relative;
        }


/* 購入者の声 */
.feedbacks{
}
    .feedbacks li{
        margin-bottom:12px;
    }
    .feedbacks h2{
        float: left;
    }
        .feedbacks .message{
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background-color: #FFFFFF;
            border: 1px solid #E6E2DF;
            clear: both;
            padding: 15px;
            width:620px;
            float:left;
            position: relative;
            display: table;
        }
            .feedbacks .message:before,
            .feedbacks .message:after {
                content: '';
                position: absolute;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 0 8px 14px;
                border-color: transparent transparent transparent #E6E2DF;
                top: 22px;
                right: -14px;
            }
            .feedbacks .message:after {
                border-color: transparent transparent transparent #ffffff;
                top: 22px;
                right: -12px;
            }
            .feedbacks .photo{
                display: table-cell;
                width:80px;
                vertical-align: top;
            }
            .feedbacks .info{
            	width:100%;
            	padding-left:10px;
            	display: table-cell;
                vertical-align: top;
            }
                .feedbacks .info .star{
                	float:left;
                }
                .feedbacks .info .prd-name{
                	float:right;
                	display: inline-block;
                	color:#787878;
                }
                .feedbacks .info .text{
                    clear:both;
                    margin-top:5px;
                }
        .feedbacks .buyer{
            float:right;
            width:60px;
            margin-top:10px;
            word-break:break-all;
        }
            .feedbacks .buyer .name a{
                color:#000;
            }

/* お気に入り */
.likes{
}
    .likes h2 {
      float: left;
    }
    .likes li{
        width:90px;
        float:left;
        margin-bottom:10px;
    }

/* /shop/xxxx/ ----------------------------------------------------------------- */
.description{
    clear:left;
    margin:12px 0px;
    line-height:170%;
}

.listing {
    margin-left:-15px;
}
    .listing li {
        width:168px;
        padding:0;
        margin-left:15px;
        float: left;
        margin-bottom: 35px;
        position: relative;
    }
    .listing li img{
        width:100%;
        height: auto;
    }
    .listing li .name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .listing li .name a{
        color: #392e19;
    }
    .listing li .price{
        color: #937a23;
    }
    .listing li .like-button-small{
        bottom: 0;
    }



/* /people/xxxx/events ----------------------------------------------------------------- */
.my-event{
}
    .my-event .ref{
        float:right;
    }
/*
    .my-event dl,
    .my-event dt,
    .my-event dd{
        float:left;
    }
    .my-event dt,
    .my-event dd{
        margin-bottom:5px;
    }
    .my-event dt{
        clear:both;
        width:70px;
        color:#8a8574;
    }
    .my-event dd{
        width:420px;
    }
    .my-event dd .event-name{
        display: inline-block;
        padding-right:10px;
        float:left;
    }
*/

/* /people/xxxx/likes ----------------------------------------------------------------- */


/* /shop/artists/ -------------------------------------------------------------------- */
#artists{
}
    #artists .artist{
        margin-bottom:20px;
        background-color: #FFFFFF;
        border: 1px solid #E6E2DF;
        padding:12px 12px 0;
    }
        #artists .artist .artist-info{
            padding-bottom:10px;
            margin-bottom:12px;
            border-bottom:#E6E2DF 1px solid;;
        }
        #artists .artist .photo{
            width:120px;
            float:left;
        }
        #artists .artist .profile{
            width:560px;
            float:left;
        }
            #artists .artist .profile .name{
                margin-bottom:6px;
                font-weight:bold;
            }
        #artists .artist #item-list{
            margin-left:-20px;
        }


/* /people/xxxx/feedbacks ----------------------------------------- */
#feedback .item img,
#feedback .area .r img{
    background-color: #FFFFFF;
    border: 1px solid #EDEAE3;
    padding: 4px;
}

#sold-item{
    float:left;
    width:175px;
    padding-bottom:10px;
}
#comment-photo{
    float:left;
    width:500px;
    padding-bottom:10px;
}
#feedback .box{
    border-top:1px solid #edeae3;
    padding:15px 0;
}
#feedback .box .item{
    float:left;
    width:175px;
}
	#feedback .box .item .name{
		color:#666;
	}
#feedback .box .comment{
    float:left;
    width:540px;
}
#feedback .area{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);position:relative;    background-color: #FFFFFF;
    border: 1px solid #e5ddc7;
    clear: both;
    padding: 15px;
}
#feedback .area .l{
    float:left;
    width:380px;
    line-height:170%;
}
#feedback .area .r{
    float:right;
    color:#7a7a7a;
    font-weight:bold;
}
#feedback .area .icon img {
    background-color: #FFFFFF;
    border: 1px solid #EDEAE3;
    padding: 1px;
    margin: 0 7px 10px 0;
    float:left;
}
#feedback .area .star{
    padding-top:2px;
}

#sell-area{
    clear:both;
}
    #sell-area .search-result{
        margin-top:0px !important;
    }
    #sell-area h4{
        font-size: 14px;
        margin-bottom: 10px;
    }

#change-view{
	clear:both;
	margin:5px 0 20px 0;
	padding:8px 10px;
	border: 1px solid #EDEAE3;
	background-color:#fff;
}
	#change-view h3{
		display:inline;
		margin-right:5px;
		font-weight:bold;
        font-size:12px;
		color:#000;
	}
    #change-view .section{
		display:inline;
        margin-left:12px;
    }
	#change-view .sort{
		margin-top:4px;
		line-height:180%;
	}
		#change-view .sort a{
			margin:0 8px;
            color:#51452e;
            text-decoration:underline;
		}
		#change-view .current{
			font-weight:bold;
		}
	#change-view .limit{
        margin-top:6px;
		background:url(/assets/images/line/line-dotted.gif) repeat-x left top;
        padding-top:10px;
    }
		#change-view select{
			padding:0 0 0 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			behavior: url(/css/PIE.htc);position:relative;
            height: 23px;
		}
		#change-view .clear:hover{
			text-decoration: none; 
		}
		#change-view .image-size{
			float:right;
			width:110px;
			text-align:right;
		}
            #change-view input{
                margin:0 2px 0 6px;
            }
            #change-view label{
                cursor:pointer;
            }

/* my event------------------------- */

#my-event .my-event,
#maker-blog ul li{
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	behavior: url(/css/PIE.htc);position:relative;
    background-color: #FFFFFF;
    border: 1px solid #e5ddc7;
    margin-right: 5px;
    clear:both;
    padding:10px;
}
#my-event .my-event .photo img{
    border: 1px solid #EDEAE3;
    margin-right:20px;
    float:left;
    width:154px;
}
#admin-main .my-event .photo img{
    background-color: #FFFFFF;
    border: 1px solid #EDEAE3;
    padding: 4px;
    margin-right:10px;
    float:left;
    width:154px;
}
#admin-main.my-event ul li img{
    background-color: #FFFFFF;
    border: 1px solid #EDEAE3;
    margin-right:10px;
    padding: 4px;
    float:left;
    width:154px;
}
#my-event ul li{
    margin-top:15px;
}

#admin-main.my-event ul li{
    padding:15px 0 30px 0;
    border-bottom:1px solid #EDEAE3;
    position: relative;
}
#admin-main.my-event ul li.last{
    border-bottom:none;
}
#admin-main.my-event .comment{
    position:relative;
    float:left;
}
#admin-main.my-event .like-event{
	margin-top:20px;
}
#admin-main.my-event .actions{
    position:absolute;
    right:0px;
    top:0px;
}
    #admin-main.my-event .actions a{
        margin-left:10px;
    }