@charset "utf-8";

/*==========目次==========
	1.商品一覧ページサイドカラム
	2.共通タイトル、共通要素
	3.TOPページ
	4.商品詳細
	5.プロフィールページ
	6.会員登録
	7.ガイド
	8.よくある質問
	9.ログイン
	10:お問い合わせ
	11:利用規約
	12:エラー
	13:質問
	14:違反通知
	15:Creemaとは
==========================*/


/* 商品一覧ページ サイドカラム
---------------------------------------------------- */
.cat-list{
	border:1px solid #ccc;
	background:#fff;
	padding:15px;
	margin-bottom:20px;
	width:158px;
}
.cat-list h3{
	margin-bottom:10px;
}
.cat-list ul{
	padding-left:10px;
}
.cat-list ul li{
	list-style:none;
}
.cat-list ul li a{
	display:block;
	padding:1px 0 1px 13px;
	background:url(../images/common/icon-list.gif) no-repeat 0 6px;
	width:135px;
}
.cat-list ul ul li a{
	display:block;
	padding:0 0 0 3px;
	background:none;
	width:125px;
}

.cat-list ol li{
	list-style:none;
	float:left;
	margin:4px;
}


/* 共通タイトル・共通要素
---------------------------------------------------- */
#pankuzu{
	padding:10px 0;
	font-size:10px;
	clear:both;
}
h2.ttl{
	font-size:14px;
	background:url(../images/common/ttl-point.gif) left no-repeat;
	border-bottom:#ddd solid 1px;
	padding:2px 0 2px 17px;
	margin:10px 0 20px 0;
	line-height:1.4;
}
h2.ttl-img{
	margin:10px 0 20px 0;
}
h2.ttl strong{
	color:#df6c01;
}
h2.ttl span{
	font-size:12px;
	margin-left:10px;
}


h3.ttl{
	font-size:16px;
	margin-bottom:15px;/*11/29brico追加*/
	margin-right:15px;/*11/29brico追加*/
	width:500px;/*11/29brico追加*/
	float:left;/*11/29brico追加*/
}

h3.ttl span{
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
}

/* TOPページ
---------------------------------------------------- */
#top{
	background:url(../images/top/bg-top.gif) repeat-x 0 450px;
}
#top-product{
	padding-bottom:50px;
}
#top-product li{
	float:left;
	padding:18px;
	text-align:center;
	width:152px;
	height:152px;
	border:1px solid #ccc;
	list-style:none;
	margin-left:63px;
}
#top-product li:hover{
	float:left;
	padding:0;
	text-align:center;
	width:152px;
	height:152px;
	border:19px solid #f7f2ee;
	list-style:none;
	margin-left:63px;
}

#top-product li.no-space{
	margin-left:0;
}
/*
#top-product li:hover{border:1px solid #f3f3f3; background:#f3f3f3;}
#top-product li:hover{border:1px solid #df6c01; background:#df6c01;}
*/
#content-main h3{
	border-top:1px solid #e0dfdd;
	padding:10px 0 0 15px;
	margin-top:30px;
	clear:both;
}



/*brico101222追加*/

.gray-line{
	border-top:1px solid #e0dfdd;
	margin:30px 0 0 0;
	clear:both;
	overflow:hidden;
}

/* 最近の売切れ作品
--------------- */
#soldout-list{
	font-size:10px;
	width:288px;
	float:left;
}

#soldout-list h3{
	border:none;
	padding:15px 0 20px 15px;
	margin:0;
}

#soldout-list div{
	padding:14px 16px 10px 16px;
	border:1px solid #ccc;
	height:177px;
	overflow:scroll;
	overflow-x:hidden;
}

#soldout-list dl{
	overflow:hidden;
	margin-bottom:7px;
}

#soldout-list dl dt{
	float:left;
}

#soldout-list dl dt a img{
	padding:4px;
	border:1px solid #ccc;
}

#soldout-list dl dt a:hover img{
	border:1px solid #df6c01;
	background:#df6c01;
}

#soldout-list dl dd{
	margin-left:60px;
}




/* 最新評価
--------------- */
#uservoice-list{
	font-size:10px;
	width:390px;
	float:right;
}

#uservoice-list h3{
	border:none;
	padding:15px 0 20px 15px;
	margin:0;
}

#uservoice-list .uv-inner{
	padding:14px 16px 0 16px;
	border:1px solid #ccc;
	height:187px;
	overflow:scroll;
	overflow-x:hidden;

}
#uservoice-list .uv-box{
	margin-bottom:20px;
}

#uservoice-list div p{
	margin-bottom:3px;
}

#uservoice-list div p.uv-evaluation img.evaluation-icon{
	margin:0 3px;
	vertical-align:middle;
	margin-top:-1px;
}

.orange{
	color:#D55700;
}

/*brico101222追加ここまで*/


/* トップ展示品下のバナーエリア
--------------- */
/* 2010/10/12 追加 brico */
/* 2010/11/09 修正 Tetsuwo Oishi */

#contents-banner {
	margin-bottom:30px;
}

#contents-banner li {
	float:left;
	list-style:none;
	padding:4px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	margin-right:10px;
}

#contents-banner li.last {
	margin-right:0!important;
}

#contents-banner li:hover {
	background-color:#f7f2ee;
	border:1px solid #fff;
}


/* 注目のアーティスト
--------------- */
#pick-up-artist{
	border:1px dotted #ccc;
	padding:10px 10px 0 10px;
	margin-top:20px;
}
.pua-photo{
	width:125px;
	float:left;
}
.pua-txt{
	width:378px;
	float:left;
}
.pua-thumb{
	float:right;
	width:195px;
	text-align:right;
}

.pua-photo img,
.pua-thumb img{
	padding:4px;
	border:1px solid #ccc;
	margin:0 5px 3px 0;
}
.pua-photo img:hover,
.pua-thumb img:hover{border:1px solid #df6c01; background:#df6c01;}

.pua-prof{
	clear:both;
	text-align:right;
	margin-right:-10px;
}




/*新着アイテム
--------------- */
#new-item{
	margin:20px 0 30px -5px;
}
#new-item li{
	list-style:none;
	float:left;
	margin-left:5px;
}
#new-item li img{
	padding:4px;
	border:1px solid #ccc;
}
#new-item li:hover img{border:1px solid #df6c01; background:#df6c01}


/*プレスニュース
--------------- */
#press-news{
	width:318px;
	padding:10px 10px 0 10px;
	border:1px solid #ccc;
	font-size:10px;
	float:left;
	margin-right:10px;
}
#press-news h4{
	margin-bottom:10px;
}
#press-news table{
	width:318px;
}
#press-news th{
	background:url(../images/common/icon-list.gif) no-repeat 0 2px;
	padding:0 10px 3px 13px;
	vertical-align:top;
	width:240px;
	text-align:left;
}
#press-news td{
	vertical-align:top;
	text-align:right;
	padding-bottom:3px;
}
.press-news-more{
	clear:both;
	text-align:right;
	margin-right:-10px;
	padding-top:10px;
}


/*最近チェックした商品
--------------- */
#new-check{
	clear:both;
	border:1px solid #d8d8d8;
	background:url(../images/top/new-check.gif) no-repeat 15px 31px #f7f2ee;
	margin-top:30px;
	padding:12px 24px 12px 159px;
}
#new-check h4{
	display:none;
}
#new-check li{
	list-style:none;
	float:left;
	background:url(../images/top/arrow.gif) no-repeat 62px 23px;
	padding-right:25px;
}
#new-check .no-arrow{
	background:none;
	padding-right:0;
}
#new-check li img{
	padding:4px;
	border:#ccc 1px solid;
	background:#fff;
}
#new-check li:hover img{border:#df6c01 1px solid; background:#df6c01;}


/* プレスニュース一覧・詳細
---------------------------------------------------- */
#info{
	width:668px;
	border:1px solid #ddd;
	padding:10px 25px;
	margin-bottom:30px;
	margin:0 auto;
}
#info ul li{
	padding:5px 3px;
	text-decoration:none;
	border-bottom:1px dotted #ddd;
	list-style:none;
}
#info ul .no-border{
	border-bottom:none;
}
#info h3{
	font-size:14px;
	margin-bottom:5px;

}
#info h3 span{
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
}
#info img{
	float:right;
	padding:3px;
	border:1px solid #ddd;
	margin:0 0 10px 10px;
}


/* 商品一覧
---------------------------------------------------- */
.product-list li{
	list-style:none;
	float:left;
	text-align:right;
	margin-left:12px;
	width:171px;
	font-size:10px;
	background:url(../images/common/product-line.gif) no-repeat bottom;
	padding-bottom:10px;
	margin-top:20px;
}
.product-list li.no-space{
	margin-left:0;
}
.product-list li img{
	border:1px solid #ccc;
	padding:7px;
	width:155px;
	height:125px;
	background:#fff;
	margin-bottom:5px;
}
.product-list li:hover img{
	border:1px solid #df6c01;
	background:#df6c01;
}
.product-list li span{
	background:none;
	padding-top:15px;
	display:block;
}
.product-list li span.icon-new{
	background:url(../images/list/new.gif) no-repeat top right;
	padding-top:15px;
	display:block;
}
.product-list li span.icon-soldout{
	background:url(../images/list/soldout.gif) no-repeat top right;
	padding-top:15px;
	display:block;
}

/* 一覧結果数
--------------- */
.list-sort{
	text-align:right;
	padding-bottom:10px;
}
.list-result{
	padding:0 0 5px 0;
	margin-bottom:15px;
}
.list-result p{
	float:left;
}
.list-searchbox{
	width:720px;
	overflow:hidden;
	padding:0 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	clear:both;
}
.list-searchbox .searchbtn01{
	margin:0 30px 0 0;
	float:left;
	display:block;
}
.list-searchbox .searchbtn02{
	margin:0 7px 0 0;
	float:left;
	display:block;
}
.list-searchbox .searchbtn03{
	margin:0 7px 0 0;
	float:left;
	display:block;
}
.list-searchbox .searchbtn04{
	float:right;
	display:block;
}
.list-searchbox .searchbtn02 img{
	background:url(../images/list/search_sales.gif) left top no-repeat;
}
.list-searchbox .searchbtn03 img{
	background:url(../images/list/search_exh.gif) left top no-repeat;
}
.list-searchbox .searchbtn02 a:hover img{
	background:url(../images/list/search_sales.gif) left bottom no-repeat;
}
.list-searchbox .searchbtn03 a:hover img{
	background:url(../images/list/search_exh.gif) left bottom no-repeat;
}
#content-main .list-searchbox .on img{
	background-position:bottom;
}

/*ページネーション上部
--------------- */
.list-result ul{
	float:right;
}
.list-result ul li{
	display:inline;
	list-style:none;
}
.list-result ul li span,
.list-result ul li a {
	padding:2px 3px;
}
.list-result ul .next{
	border-left:1px solid #ccc;
	margin-left:10px;
	padding-left:10px;
}
.list-result ul .prev{
	border-right:1px solid #ccc;
	margin-right:10px;
	padding-right:10px;
}

/*ページネーション下部
--------------- */
.pagination{
	text-align:center;
	padding:20px 0;
	clear:both;
	margin-top:30px;
}
.pagination li{
	display:inline;
	list-style:none;
}
.pagination li a{
	background:url(../images/list/page-e.gif) top no-repeat;
	padding:25px 5px 5px 5px;
}
.pagination .prev a{
	background:url(../images/list/page-cr.gif) top left no-repeat;
	padding:25px 38px 5px 0px;
}
.pagination .next a{
	background:url(../images/list/page-ma.gif) top right no-repeat;
	padding:25px 0px 5px 45px;
}



/* いいねボタン 11/29brico追加
---------------------------------------------------- */
#good-zone {
	float:right;
	width:435px;
	list-style:none;
	margin-top:5px;
}

ul#good-box {
	list-style:none;
}

ul#good-box li {
	float:left;
	margin-right:6px;
}

ul#good-box li {
	float:left;
	margin-right:6px;
}
ul#good-box li.iine-btn {
	margin-right:10px;
}

ul#good-box li.iine-btn a {
	font-size:10px;
	color:#030D16;
	background:url(../images/detail/btn_iine.jpg) no-repeat top left;
	width:52px;
	height:21px;
	line-height:21px;
	display:block;
	padding:0 0 0 27px;
}

ul#good-box li.iine-btn a:hover {
	color:#030D16;
	text-decoration:none;
}

ul#good-box li.iine-btn-none {
	margin-right:10px;
}

ul#good-box li.iine-btn-none a {
	font-size:10px;
	color:#030D16;
	background:url(../images/detail/btn_iine_none.jpg) no-repeat top left;
	width:52px;
	height:21px;
	line-height:21px;
	display:block;
	padding:0 0 0 27px;
}

ul#good-box li.iine-btn-none a:hover {
	color:#030D16;
	text-decoration:none;
}

ul#good-box li.iine-icon {
	margin-right:5px;
}

ul#good-box li.iine-icon img {
	width:20px;
	height:20px;
}

ul#good-box li.iine-com {
	padding:3px 0 2px 0;
/*	background:url(../images/detail/iine_com_line.gif) repeat-x bottom;*/
	vertical-align:middle;
	position:relative;
	top:-1px;
	margin-left:5px;
	font-size:10px;
}


/* SNSボタン 11/29brico追加
---------------------------------------------------- */

ul#sns-box {
	clear:both;
	width:300px;
	list-style:none;
}

ul#sns-box li {
	float:left;
}

ul#sns-box li.tw-btn {
}

ul#sns-box li.fb-btn {
	margin-right:10px;
}

ul#sns-box li.mx-btn {
	position:relative;
	top:-2px;
}


/* 商品詳細
---------------------------------------------------- */
#detail-main{
	float:left;
	width:600px;
	clear:both;/*11/29brico追加*/
}
#detail-sub{
	float:right;
	width:300px;
}

/*商品写真
--------------- */
#product-photo-wrapper{
	float:left;
	width:500px;
	padding-top:18px;
	padding-bottom:20px;
	text-align:center;
}
#product-photo{
	width:490px;
	padding:4px;
	border:1px solid #ddd;
	text-align:center;
}
.icon-none{background:none; padding-top:18px;}
.icon-new{background:url(../images/detail/icon-new.gif) no-repeat right top; padding-top:18px;}
.icon-sale{background:url(../images/detail/icon-sale.gif) no-repeat right top; padding-top:18px;}
.icon-soon{background:url(../images/detail/icon-soon.gif) no-repeat right top; padding-top:18px;}
.icon-soldout{background:url(../images/detail/icon-soldout.gif) no-repeat right top; padding-top:18px;}

#product-photo img{

}

#product-thumb{
	float:right;
	width:85px;
	padding-top:18px;
}
#product-thumb img{
	padding:4px;
	border:1px solid #ddd;
	margin-bottom:10px;
}
#product-thumb img:hover{
	border:1px solid #df6c01;
	background:#df6c01;
}
#product-info{
	clear:both;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:20px 0;
	margin-bottom:15px;/*10/12brico修正*/
/*	margin-bottom:40px;
*/}

/*値段と購入ボタン 大
--------------- */
#detail-main .product-price{
	width:285px;
	float:left;
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #ddd;
	height:39px;
	padding-top:10px;
	margin-bottom:15px;/*10/12brico修正*/
/*	margin-bottom:40px;*/
}

#detail-main .product-buy{
	width:285px;
	float:right;
	margin-bottom:15px;/*10/12brico修正*/
/*	margin-bottom:40px;*/
}
#detail-main .product-buy a{
	display:block;
	width:285px;
	height:50px;
	text-indent:-9999px;
	background:url(../images/detail/btn-buy1.gif) no-repeat;
}
#detail-main .product-buy a:hover{background:url(../images/detail/btn-buy1.gif) no-repeat 0 -50px;}

/*10/12brico追加*/
#detail-main .product-sns{
	padding:13px 0 28px 0;
}

#detail-main .product-sns li{
	float:left;
	list-style:none;
}

#detail-main .product-sns li span.iine_com{
padding:0 0 4px 0;
background:url(../images/detail/iine_com_line.gif) repeat-x bottom;
vertical-align:middle;
}

*:first-child+html #detail-main .product-sns li span.iine_com{
position:relative;
top:4px;
}

*html #detail-main .product-sns li span.iine_com{
position:relative;
top:4px;
}

/*商品情報
--------------- */
.product-data{
	border:1px solid #ddd;
	padding:0 15px;
	clear:both;
	margin-bottom:5px;
}
.product-data table{
	width:100%;
}
.product-data th,
.product-data td{
	padding:10px 0;
	text-align:left;
}
.product-data tr{
	background:url(../images/detail/line.gif) no-repeat bottom;
}
.product-data .no-border{
	background:none;
}
.product-data th{
	width:180px;
	vertical-align:top;
}
.product-table{
	clear:both;
	border-collapse:collapse;
	border:1px solid #ddd;
	width:598px;
	margin-bottom:5px;
}
.product-table th,
.product-table td{
	padding:10px 15px;
	text-align:left;
}
.product-table th{
	width:150px;
	vertical-align:top;
}

/*この作品を閲覧した人
--------------- */
#viewer{
	border:1px solid #ddd;
	background:url(../images/detail/ttl1.gif) 14px 20px no-repeat;
	margin:30px 0;
	padding:50px 2px 4px 14px;
	width:282px;
}
#viewer h4{
	display:none;
}
#viewer ul{
	margin-bottom:16px;
}
#viewer li{
	list-style:none;
	float:left;
	padding-right:16px;
}
#viewer .no-arrow{
	background:none;
	padding-right:0;
}
#viewer li img{
	padding:4px;
	border:#ccc 1px solid;
	background:#fff;
}
#viewer li:hover img{border:#df6c01 1px solid; background:#df6c01;}

/*値段と購入ボタン　小
--------------- */
#detail-sub .product-price{
	width:140px;
	float:left;
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #ddd;
	height:39px;
	padding-top:10px;
	margin:18px 0 20px 0;
}
#detail-sub .product-buy{
	width:145px;
	float:right;
	margin:18px 0 20px 0;
}
#detail-sub .product-buy a{
	display:block;
	background:url(../images/detail/btn-buy2.gif) no-repeat;
	text-indent:-9999px;
	width:145px;
	height:50px;
}
#detail-sub .product-buy a:hover{background:url(../images/detail/btn-buy2.gif) no-repeat 0 -50px;}

/*アーティスト情報
--------------- */
#artist-info{
	border:1px solid #ddd;
	padding:14px;
	width:270px;
	clear:both;
}
.artist-photo{
	padding:3px;
	border:1px solid #ddd;
	float:left;
	margin:0 15px 15px 0;
}
.artist-photo:hover{
	border:1px solid #df6c01;
	background:#df6c01;
}
#artist-info h3{
	font-size:14px;
	padding-top:20px;
}
.artist-info{
	clear:both;
	border-bottom:dotted #ddd 1px;
	padding-bottom:5px;
	margin-bottom:5px;
}
.artist-info strong{
	color:#df6c01;
	font-size:14px;
	margin-right:5px;
}
.artist-info strong a,
.artist-info strong a:visited{
	color:#df6c01;
}
#artist-info ol{
	padding:40xp 0;
	margin-bottom:20px;
}
#artist-info ol li{
	list-style:none;
	padding-left:13px;
	background:url(../images/common/icon-list.gif) no-repeat 0 5px;
	margin-bottom:5px;
}
.link-orange{
	margin-bottom:5px;
}
.link-orange a{
	background:url(../images/common/icon-list-orange.gif) 5px 5px no-repeat #ebebeb;
	padding:3px 10px 3px 15px;
	color:#df6c01;
}

/*その他の作品
--------------- */
#artist-info h4{
	background:url(../images/detail/ttl2.gif) 0 20px no-repeat;
	border-top:1px solid #ddd;
	margin-top:20px;
	padding:40px 0 0 0;
	text-indent:-9999px;
}
#artist-info ul li{
	padding:3px;
	border:1px solid #ddd;
	float:left;
	margin-right:6px;
	list-style:none;
}
#artist-info ul li:hover{
	border:1px solid #df6c01;
	background:#df6c01;
}
#artist-info .more{
	text-align:right;
	padding:15px 0 0 0;
	clear:both;
}
#artist-info .more a{
	background:url(../images/common/icon-list.gif) no-repeat 0 2px;
	padding:0 0 0 13px;
}

/*これも見ています
--------------- */
#view-product{
	border:1px solid #ddd;
	padding:14px 14px 5px 14px;
	width:270px;
	clear:both;
	background:#F2F2F2;
	margin-top:50px;
}
#view-product h4{
	background:url(../images/detail/ttl3.gif) 0 5px no-repeat;
	padding:15px 0 0 0;
	text-indent:-9999px;
}
#view-product ul{
	width:270px;
	list-style:none;
}
#view-product ul li{
width:270px;
overflow:hidden;
margin-bottom:10px;
font-size:10px;
line-height:1.4em;

}
#view-product ul li  div.view-info p{
margin-bottom:4px;
}
#view-product ul li a.view-product-photo{
	padding:3px;
	border:1px solid #ddd;
	float:left;
	margin-right:8px;
	list-style:none;
}
#view-product ul li a.view-product-photo:hover{
	border:1px solid #df6c01;
	background:#df6c01;
}

/* 購入確認
---------------------------------------------------- */
#buying{
	margin:0 80px;
	width:790px;
	padding:0;
}
#buying table{
	width:100%;
	background:#fff;
	border-collapse:collapse;
	margin-bottom:10px;
	background:#F7F7F7;
}
#buying table th,
#buying table td{
	padding:5px;
	border-top:1px dotted #ccc;
	text-align:center;
}
#buying table .photo{
	width:85px;
}
.input-pass{
	text-align:center;
	padding:10px;
}
.input-pass p{
	margin-bottom:0.5em;
}
.input-pass span{
	font-size:10px;
	color:#888;
}
.buying-remarks{
	text-align:center;
}

/* プロフィールページ
---------------------------------------------------- */
#profile-main{
	float:left;
	width:550px;
}
#profile-sub{
	float:right;
	width:330px;
	border:1px solid #ddd;
	padding:14px;
}

/*アーティスト情報（左）
--------------- */
.profile-photo{
	padding:6px;
	border:1px solid #ddd;
	width:154px;
	float:left;
	margin-right:20px;
}
.profile-data{
	width:360px;
	float:right;
	line-height:1.8;
}
#profile-main h3{
	font-size:12px;
	border-top:1px solid #ddd;
	padding-top:10px;
}
#profile-main h4{
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
#profile-main h5{
	clear:both;
	padding:20px 0 10px 0;
}
#profile-main p.favorite{
	margin-left:11em;
	text-indent:-11em;
	word-break:break-all;
}
#artist-comment{
	border-bottom:1px solid #ddd;
	padding:5px 0 20px 0;
}

/*アーティスト情報（右）
--------------- */
#profile-sub ol{
	margin-top:20px;
}
#profile-sub ol li{
	list-style:none;
}
#profile-sub ol li strong a,
#profile-sub ol li strong a:visited{
	color:#9e1f00;
}
#profile-sub h4{
	background:url(../images/profile/ttl3.gif) 0 20px no-repeat;
	margin-top:10px;
	padding:30px 0 0 0;
	text-indent:-9999px;
}
#profile-sub h4.profile-user{
	background:url(../images/profile/ttl4.gif) 0 20px no-repeat;
	margin-top:10px;
	padding:30px 0 0 0;
	text-indent:-9999px;
}
#profile-sub ul li{
	padding:3px;
	border:1px solid #ddd;
	float:left;
	margin:0 0 15px 15px;
	list-style:none;
}
#profile-sub ul li:hover{
	border:1px solid #df6c01;
	background:#df6c01;
}
#profile-sub .more{
	text-align:right;
	clear:both;
}
#profile-sub .more a{
	background:url(../images/common/icon-list.gif) no-repeat 0 2px;
	padding:0 0 0 13px;
}

/*出品中の作品
--------------- */
#profile-product{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	padding:19px;
	clear:both;
}
#profile-product h2{
	line-height:1;
}
#profile-product .more{
	text-align:right;
	clear:both;
	padding-top:30px;
}
#profile-product .more a{
	background:url(../images/common/icon-list.gif) no-repeat 0 2px;
	padding:0 0 0 13px;
}

/*掲示板
--------------- */
#bbs-no-info {
	background:#eee;
	width:950px;
	height:110px;
	clear:both;
	font-size:16px;
	font-weight:bold;
	margin:30px 0;
	text-align:center;
	padding-top:90px;
}
#bbs-info {
	border:1px solid #ddd;
	border-left:none;
	border-right:none;
	padding-top:20px;
	margin-top:30px;
}
.bbs-btn {
	text-align:right;
}

.bbs-box {
	margin-top:20px;
	background:url(../images/profile/arrow.gif) no-repeat 75px 18px;
}
.bbs-photo {
	width:120px;
	float:left;
}
.bbs-photo img {
	padding:4px;
	border:1px solid #ddd;
	margin-bottom:5px;
}
.bbs-photo img:hover {
	border:1px solid #df6c01;
	background:#df6c01;
}
.bbs-content {
	width:828px;
	float:right;
	border:1px solid #e0e0e0;
}
.bbs-ttl {
	background:#ebebeb;
	padding:5px 20px;
}
.bbs-ttl h3 {
	float:left;
	color:#d85801;
}
.bbs-ttl-reply {
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	padding-top:2px;
}
.bbs-ttl-delete {
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
	padding-left:20px;
	padding-top:2px;
	background:url(../images/profile/dele.png) no-repeat;
}
.bbs-ttl-time {
	float:right;
	padding-top:5px;
	font-size:10px;
	font-weight:bold;
}
.bbs-comment {
	padding:20px;
}
.bbs-comment p {
	margin-bottom:20px;
}
.bbs-pagination {
	text-align:right;
	padding:10px 0 40px 0;
}

.bbs-input-ttl {
	border:1px solid #ddd;
	background:#fff;
	padding:5px;
	width:100%;
	color:#ccc;
}
.bbs-input-txt {
	width:100%;
	height:150px;
	border:1px solid #ddd;
	padding:5px;
	color:#ccc;
}
.bbs-input-btn {
	text-align:right;
	padding:10px 0 10px 10px;
}

/*遷移用タブ
--------------- */
.my-profile-tab{
	padding:40px 0 0 0;
	clear:both;
	background:url(../images/profile/tab-bg.gif) no-repeat left bottom;
}
.my-profile-tab li{
	list-style:none;
	display:inline;
	margin-right:10px;
	height:26px;
}
.my-profile-tab li#tab01 img {
	background:url(../images/profile/tab01.gif) no-repeat left -52px;
}
.my-profile-tab li#tab02 img {
	background:url(../images/profile/tab02.gif) no-repeat left -52px;
}
.my-profile-tab li#tab03 img {
	background:url(../images/profile/tab03.gif) no-repeat left -52px;
}
.my-profile-tab li#tab04 img {
	background:url(../images/profile/tab04.gif) no-repeat left -52px;
}
.my-profile-tab li#tab05 img {
	background:url(../images/profile/tab05.gif) no-repeat left -52px;
}
.my-profile-tab li#tab06 img {
	background:url(../images/profile/tab06.gif) no-repeat left -52px;
}
.my-profile-tab li#tab07 img {
	background:url(../images/profile/tab07.gif) no-repeat left -52px;
}
.my-profile-tab li#tab01 a img {
	background:url(../images/profile/tab01.gif) no-repeat left top;
}
.my-profile-tab li#tab02 a img {
	background:url(../images/profile/tab02.gif) no-repeat left top;
}
.my-profile-tab li#tab03 a img {
	background:url(../images/profile/tab03.gif) no-repeat left top;
}
.my-profile-tab li#tab04 a img {
	background:url(../images/profile/tab04.gif) no-repeat left top;
}
.my-profile-tab li#tab05 a img {
	background:url(../images/profile/tab05.gif) no-repeat left top;
}
.my-profile-tab li#tab06 a img {
	background:url(../images/profile/tab06.gif) no-repeat left top;
}
.my-profile-tab li#tab07 a img {
	background:url(../images/profile/tab07.gif) no-repeat left top;
}
.my-profile-tab li#tab01 a:hover img {
	background:url(../images/profile/tab01.gif) no-repeat left -26px;
}
.my-profile-tab li#tab02 a:hover img {
	background:url(../images/profile/tab02.gif) no-repeat left -26px;
}
.my-profile-tab li#tab03 a:hover img {
	background:url(../images/profile/tab03.gif) no-repeat left -26px;
}
.my-profile-tab li#tab04 a:hover img {
	background:url(../images/profile/tab04.gif) no-repeat left -26px;
}
.my-profile-tab li#tab05 a:hover img {
	background:url(../images/profile/tab05.gif) no-repeat left -26px;
}
.my-profile-tab li#tab06 a:hover img {
	background:url(../images/profile/tab06.gif) no-repeat left -26px;
}
.my-profile-tab li#tab07 a:hover img {
	background:url(../images/profile/tab07.gif) no-repeat left -26px;
}
#wrapper .my-profile-tab .on img {
	background-position:left -26px;
}

/*作品一覧
--------------- */
.my-profile-item-tab{
	margin-bottom:10px;
}
.my-profile-item-tab li{
	list-style:none;
	display:inline;
	margin-right:20px;
	background:url(../images/common/icon-list.gif) no-repeat 0 2px;
	padding-left:13px;
}

/*評価一覧
--------------- */
.profile-feedback{
	clear:both;
	border-top:3px dotted #eee;
	margin-top:15px;
	padding-top:30px;
}
.profile-feedback h3{
	font-size:14px;
	color:#df6c01;
}
.profile-feedback h3 span{
	font-size:12px;
	font-weight:normal;
}
.my-feedback{
	border:1px solid #ddd;
	padding:10px 15px;
	margin-bottom:10px;
}
.my-feedback-tab{
	margin-bottom:10px;
	font-size:12px;
}
.my-feedback-tab li{
	list-style:none;
	display:inline;
	margin-right:20px;
	background:url(../images/common/icon-list.gif) no-repeat 0 1px;
	padding-left:13px;
}
#mypage-main .my-feedback h3{
	margin-bottom:5px;
}
#mypage-main .my-feedback h3 span a{
	font-size:12px;
}
#mypage-main .my-feedback h4 a{
	font-size:16px;
	font-weight:bold;
}
#mypage-main .my-feedback h4{
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}

/* お気に入りクリエイター
------------------------ */
.favorite-creater{
	width:443px;
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:20px;
}
.favorite-creater .photo{
	float:left;
	width:85px;
}
.favorite-creater .txt{
	float:left;
	width:233px;
	padding:0 0 5px 0;
}
.favorite-creater .thumb{
	float:right;
	width:110px;
}
.favorite-creater .thumb img{
	margin-left:10px;
}

/* 会員登録
---------------------------------------------------- */
#regist{
	padding:0 50px;
	width:850px;
}
.under-line{
	border-bottom:1px dotted #ddd;
	padding-bottom:20px;
}
#regist h3{
	font-size:14px;
}
#regist-info h3{
	font-size:14px;
	color:#df6c01;
}
#regist-info h4{
	font-size:14px;
	color:#df6c01;
	border-top:1px dotted #ddd;
	padding-top:20px;
	margin-top:20px;
}
#regist-info ul{
	margin:10px 0 0 40px;
}

#regist-outline{
	border:3px solid #eee;
	padding:10px 10px;
	margin:5px 0 30px 0;
	width:824px;
}
#regist table{
	width:824px;
	border-collapse:collapse;
}
#regist table th,
#regist table td{
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dotted #eee;
}
#regist table th.no-border,
#regist table td.no-border{
	border-bottom:none;
}
#regist table th{
	width:13em;
	background:#f3f3f3;
	border-bottom:1px dotted #fff;
	padding:0 20px;
}
#regist table label{
	margin-left:3px;
}
#regist table td span{
	font-size:10px;
	color:#999;
}
#regist table th span{
	font-size:10px;
	color:#FFF;
	padding:3px 8px 1px 8px;
	background:#df6c01;
	margin-left:10px;
	font-weight:normal;
}
#regist .inner-table{
	width:auto;
}
#regist .inner-table td{
	border-bottom:none;
	padding:0 15px 5px 0;
	font-size:10px;
}

/* 利用規約
--------------- */
#entry-rule{
	width:828px;
	height:150px;
	overflow:scroll;
	border:1px solid #ddd;
	padding:10px;
	overflow-x:hidden;
}
#entry-rule h4{
	font-size:14px;
}
#entry-rule h5{
	font-size:12px;
}
#entry-rule hr{
	padding:10px;
}
#entry-rule ul,
#entry-rule ol{
	margin-left:30px;
}

/* サンキューページ
--------------- */
#regist-thank{
	border:3px solid #eee;
	padding:30px;
	margin:30px 0 10px 0;
}
#regist-thank strong{
	font-size:18px;
	margin-bottom:1em;
	display:block;
	color:#df6c01;
}
#regist-thank h2{
	font-size:14px;
	color:#d55703;
	margin-bottom:10px;
}
#regist-thank h3{
	font-size:18px;
	border-bottom:3px dotted #ddd;
	margin-bottom:10px;
	padding-bottom:5px;
}
#regist-thank h4 a,
#regist-thank h5 a{
	margin:30px 0 5px 0;
	width:186px;
	height:31px;
	display:block;
	text-indent:-9999px;
}
#regist-thank h4 a{background:url(../images/regisit/btn1.gif) no-repeat;}
#regist-thank h5 a{background:url(../images/regisit/btn2.gif) no-repeat;}

#regist-thank h4 a:hover{background:url(../images/regisit/btn1.gif) no-repeat 0 -31px;}
#regist-thank h5 a:hover{background:url(../images/regisit/btn2.gif) no-repeat 0 -31px;}

#regist-thank ul{
	margin-left:30px;
}
#regist-thank p{
	margin-bottom:1em;
}

#regist-thank ol li{
	list-style:none;
	border-bottom:1px dotted #ddd;
}
#regist-thank ol li a{
	display:block;
	padding:5px 0 5px 15px;
	background:url(../images/common/icon-list.gif) no-repeat 0 10px;
	padding-left:15px;
	text-decoration:none;
	color:#666;
}
#regist-thank ol li a:hover{
	display:block;
	padding:5px 0 5px 15px;
	background:url(../images/common/icon-list.gif) no-repeat 0 10px #f2f2f2;
	padding-left:15px;
	color:#333;
}

/* クリエイター登録
--------------- */
#regist-guide{
	border:3px solid #eee;
	padding:30px;
	margin:30px 0 10px 0;
}
#regist-guide h4 a{
	margin:20px 0 5px 170px;
	width:180px;
	height:40px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#regist-guide h5 a{
	margin:20px 0 5px 80px;
	width:180px;
	height:40px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#regist-guide h6 a{
	margin:20px auto 5px auto;
	width:180px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
#regist-guide h4 a{background:url(../images/regisit/btn3.gif) no-repeat;}
#regist-guide h5 a{background:url(../images/regisit/btn4.gif) no-repeat;}
#regist-guide h6 a{background:url(../images/regisit/btn5.gif) no-repeat;}

#regist-guide h4 a:hover{background:url(../images/regisit/btn3.gif) no-repeat 0 -40px;}
#regist-guide h5 a:hover{background:url(../images/regisit/btn4.gif) no-repeat 0 -40px;}
#regist-guide h6 a:hover{background:url(../images/regisit/btn5.gif) no-repeat 0 -40px;}

#regist-guide #btnarea{
	width:777px;
	overflow:hidden;
}
#regist-guide #info-table{
	width:777px;
	margin:30px 0 0 0;
	background:url(../images/regisit/info_fukidashi.gif) right 110px no-repeat;
}
#regist-guide #info-table table{
	width:575px;
	border:#d4d4d4 1px solid;
	border-collapse:collapse;
	margin:0 0 20px 0;
	font-weight:bold;
	font-size:110%;
}
#regist-guide #info-table table th{
	width:200px;
	background:none;
	border-bottom:1px dotted #EEEEEE;
}
#regist-guide #info-table table td{
	text-align:center;
}
#regist-guide #info-table table .bgcolor{
	background:#fff5ed;
	border-bottom: 1px dotted #f1e0d3;
}
#regist-guide #info-table table .orange{
	color:#D55700;
	font-size:100%;
}
#regist-guide #info-table table .green{
	color:#6a9a00;
	font-size:100%;
}

/* ガイド
---------------------------------------------------- */
#guide{
	width:950px;
}
.guide-btn{
	text-align:right;
}

.guide-btn img{
	margin:0 0 5px 5px;
}
.guide-btn img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.guide-btn2{
	text-align:left;
}
.guide-btn2 img{
	margin:10px 5px 30px 0;
}
.guide-btn2 img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.guide-box{
	border:1px solid #dfdfdf;
	border-top:none;
	margin-left:35px;
	padding:0 20px 10px 94px;
	width:799px;
	margin-top:-15px;
}
.guide-box ul{
	margin:5px 0 0 0;
}
.guide-box ul li{
	list-style:none;
	background:url(../images/common/icon-list.gif) no-repeat 0 4px;
	padding-left:15px;
}
.guide-arrow{
	text-align:center;
	padding:20px 0 0 0;
}
#substitution-info{
	padding:40px 0;
}
#substitution-info h3{
	display:none;
}


/* 写真撮影ガイド
--------------------- */
#photo-guide{

}
#photo-guide hr{
	border-top:1px solid #eee;
	visibility:visible;
	margin:20px 0;
}
#photo-guide .intro{
	margin:-10px 0 0 20px;
	font-size:12px;
	font-weight:bold;
}
#photo-guide .intro li{
	background:url(../images/common/icon-list.gif) no-repeat 0 4px;
	padding-left:15px;
	list-style:none;
}
.photo-guide-inner{
	padding:50px 0 0 50px;
}
.photo-guide-inner ul{
	margin-left:20px;
}
.photo-guide-inner2{
	padding-left:30px;
}

#photo-guide .txt{
	width:500px;
	float:left;
	padding:10px 0 20px 0;
}
#photo-guide .photo{
	width:390px;
	float:right;
	padding:10px 0 20px 0;
	text-align:right;
}
#photo-guide .photo2{
	width:330px;
	float:right;
	padding:10px 0 20px 0;
	text-align:right;
}
#photo-guide .photo img,
#photo-guide .photo2 img{
	margin-left:10px;
}
.joukyu{
	padding-left:60px;
	clear:both;
}


/* よくある質問
---------------------------------------------------- */
#faq-list{
	width:884px;
	border:3px solid #eee;
	padding:20px 30px;
	margin:0 auto;
	background:#fff;
}
#faq ul li{
	list-style:none;
	border-bottom:1px dotted #ddd;
}
#faq ul li a{
	display:block;
	padding:5px 0 5px 15px;
	background:url(../images/common/icon-list.gif) no-repeat 0 10px;
	padding-left:15px;
	text-decoration:none;
	color:#666;
}
#faq ul li a:hover{
	display:block;
	padding:5px 0 5px 15px;
	background:url(../images/common/icon-list.gif) no-repeat 0 10px #f2f2f2;
	padding-left:15px;
	color:#333;
}

.faq-left{
	width:394px;
	float:left;
	border:3px solid #eee;
	padding:15px 30px;
	margin-bottom:20px;
	background:#fff;
}

.faq-right{
	width:394px;
	float:right;
	border:3px solid #eee;
	padding:15px 30px;
	margin-bottom:20px;
	background:#fff;
}
#faq-list h3,
.faq-left h3,
.faq-right h3{
	color:#df6c01;
	font-size:14px;
	margin-bottom:10px;
}
.faq-left h3 span,
.faq-right h3 span{
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
	color:#68AFC7;
}
.faq-left h3 span a,
.faq-right h3 span a{
	text-decoration:none;
}
#faq-top h4{
	color:#68AFC7;
	font-size:14px;
}
#faq-list h3.line{
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding-bottom:5px;
}
#faq-txt{
	padding:5px 10px 30px 10px;
}
#faq-txt p{
	margin-bottom:1em;
}


/* ログイン
---------------------------------------------------- */
.login-left{
	width:394px;
	height:300px;
	float:left;
	border:3px solid #f7f7f7;
	padding:15px 30px;
	margin-top:20px;
	background:#f7f7f7;
}
.login-right{
	width:394px;
	height:300px;
	float:right;
	border:3px solid #f7f7f7;
	padding:15px 30px;
	margin-top:20px;
	background:#f7f7f7;
}
.login-left h3,
.login-right h3{
	color:#df6c01;
	font-size:14px;
	margin-bottom:10px;
}

#login table{
	border-collapse:collapse;
}
#login table th,
#login table td{
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dotted #eee;
}
#login table th.no-border,
#login table td.no-border{
	border-bottom:none;
}
#login table th{
	width:8em;
}

#login-outline{
	border:3px solid #eee;
	padding:10px 20px;
	margin:20px 0 30px 0;
	width:804px;
}

.btn-new-regist a{
	background:url(../images/common/btn-form/6.gif) no-repeat;
	width:285px;
	height:48px;
	display:block;
	text-indent:-9999px;
	margin:98px 0 0 55px;
}
.btn-new-regist a:hover{background:url(../images/common/btn-form/6.gif) no-repeat 0 -48px;}

/* お問い合わせ
---------------------------------------------------- */
.contact-info{
	padding-bottom:20px;
}


/* 利用規約など
---------------------------------------------------- */
#kiyaku{
	width:864px;
	border:3px solid #eee;
	padding:20px 30px 20px 50px;
	margin:0 auto;
}
#kiyaku h3{
	color:#df6c01;
	font-size:14px;
	margin:0 0 10px -20px;
	border-bottom:1px dotted #ddd;
}
#kiyaku h3 span{
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
	color:#68AFC7;
}
#kiyaku h3 span a{
	text-decoration:none;
}
#kiyaku h4{
	font-size:12px;
	margin:0 0 3px -20px;
}
#kiyaku p{
	margin-bottom:1em;
}
#kiyaku ul,
#kiyaku ol{
	margin:0 30px 20px 30px;
}

/* エラー
---------------------------------------------------- */
#error{
	border:3px solid #eee;
	padding:20px 40px;
	margin:20px 0 30px 0;
	width:764px;
}
#error h3{
	font-size:24px;
	margin-bottom:20px;
}

/* 質問
---------------------------------------------------- */
#question-data{
	width:950px;
	margin:0 auto;
	padding-bottom:30px;
}
.question-info{
	background:#f7f2ee;
	padding:10px;
	font-size:12px;
	margin:10px 0;
}
#question-data table{
	width:950px;
	border-collapse:collapse;
}
#question-data table td{
	padding:8px 0;
	text-align:center;
	border-bottom:1px dotted #eee;
}
#question-data table th{
	font-weight:normal;
	background:#f3f3f3;
	padding:5px 3px;
	text-align:center;
}
.answer{
	background:#f7f2ee;
	padding:15px 15px 10px 15px;
	font-size:12px;
	margin:10px 0;
}
.answer p{
	margin-bottom:0.5em;
}
.answer strong{
	color:#df6c01;
	font-size:14px;
}


/* 違反通知
---------------------------------------------------- */
#report-data{
	width:850px;
	margin:0 auto;
	padding-bottom:30px;
}
.report-info{
	background:#f7f2ee;
	padding:10px;
	font-size:12px;
	margin:10px 0;
}
#report-data table{
	width:850px;
	border-collapse:collapse;
}
#report-data table td{
	padding:8px 0;
	text-align:center;
	border-bottom:1px dotted #eee;
}
#report-data table th{
	font-weight:normal;
	background:#f3f3f3;
	padding:5px 3px;
	text-align:center;
}

/* Creemaとは
---------------------------------------------------- */
.about-left{
	width:465px;
	float:left;
}
.about-right{
	width:465px;
	float:right;
}

/* HANDMADE FOR JAPAN
---------------------------------------------------- */
#forjapan{
	width:830px;
	margin:30px 60px;
}
#forjapan-box{
	width:790px;
	padding:25px 20px 0 20px;
	color:#000000;
	background:url(../images/forjapan/bg.gif) right top no-repeat #f9ee00;
}
#forjapan-box p{
	padding:0 0 30px 0;
}
#forjapan-box p.pdn50{
	padding:0 0 50px 0;
}
#forjapan-box2{
	width:790px;
	padding:25px 20px;
}
#forjapan-box2 p{
	padding:0 0 10px 0;
}
#forjapan p.btn{
	margin:20px 0 0 0;
	text-align:center;
}
#forjapan p.btn img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/* 条件で絞り込む　10/13brico追加
---------------------------------------------------- */

#hybrid-search {
	display:none;
	background:#fff;
	padding:3px;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}

.hybrid-search-switch-button {
	cursor: pointer;
}

.hybrid-search-box {
	background:#F7F7F7;
	padding:8px 15px;
}

.hybrid-search-item01 {
	width:320px;
}

.hybrid-search-item02 {
	width:170px;
	margin-left:6px;
}

.hybrid-search-item03 {
	width:146px;
}

.hybrid-search-color {
	margin-bottom:12px;
	font-size:10px;
}
.hybrid-search-color th {
	width:3.5em;
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:3px;
}
.hybrid-search-color td {
	height:12px;
}
.hybrid-search-color td label {
	margin:0 5px 0 0;
	display:block;
	float:left;
	clear: none;
}
*:first-child+html .hybrid-search-color td label {
	position:relative;
	top:2px;
}
*html .hybrid-search-color td label {
	margin:0 3px 0 0;
	position:relative;
	top:4px;
}
.hybrid-search-color td input {
	margin:0 2px 0 0;
	display:block;
	float:left;
	clear: left;
}
*:first-child+html .hybrid-search-color td input {
	margin:0;
}
.hybrid-search-color td img {
	vertical-align:top !important;
}
*html .hybrid-search-color td img {
	position:fixed;
}

.hybrid-search-freeword {
	background:#fff;
	border:1px solid #B2B2B2;
	width:220px;
	padding:2px;
	margin:0 2px 0 4px;
	color:#999;
}
*:first-child+html hybrid-search-freeword {
	position:relative;
	top:2px;
}

.hybrid-search-submit {
	position:relative;
	top:6px;
	left:320px;
}
*html .hybrid-search-submit {
	position:relative;
	top:5px;
}

/* シャッフルボタン　11/29brico追加
---------------------------------------------------- */
.shuffle-btn01 {
	/*padding-left:140px;*/
    text-align:center;
	/*border-bottom:#ddd solid 1px;*/
	/*padding-bottom:27px;*/
}

.shuffle-btn02{
	/*padding-left:140px;*/
    text-align:center;
	/*border-top:#ddd solid 1px;*/
	padding-top:20px;
	/*margin-top:30px;*/
}

.shuffle-btn01 a,
.shuffle-btn02 a{
	/*margin-left:10px;*/
	position:relative;
	top:5px;
}

/*キュレーション 6/3
---------------------------------------------*/
#curation-right{
	float:right;
	width:190px;
}

#curation-left{
	float:left;
	width:720px;
}

/*サイドバー
-----------------------*/
.attention{
	font-size:11px;
}

.attention ul{
	margin:10px 0 10px 0px;
}

.attention ul li {
	list-style:disc;
}

.ranking{
	width:160px;
	margin-bottom:10px;
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

.ranking h3{
	margin-bottom:5px;
	font-weight:normal;
}

.ranking h4{
	margin-bottom:5px;
	line-height:1.2;
	font-weight:normal;
}

.ranking p{
	line-height:1.3;
}

.rank-phot {
	background:#fff;
	border:1px #ccc solid;
	width:50px;
	float:left;
	padding:3px;
	margin-right:10px;
}

.ranking dt{
	font-weight:normal;
	font-size:11px;
	margin-bottom:3px;
}

.ranking dd{ font-size:9px; }


#smb{
	text-align:left;
}

#smb .fb-btn{
	padding:5px 0 8px 0;
}

/*新規キュレーション
---------------------*/
.new-ruration img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.new-ruration ul{
	margin-top:10px;
	margin-left:-10px;
}

/*キュレーション一覧
----------------------*/
#curation-sorting{
	margin-top:-10px;
	margin-bottom:20px;
	width:700px;
	overflow:hidden;
	background:#f2f2f2;
	padding:10px;
}

#curation-sorting li{
	float:left;
	list-style:none;
}

#curation-sorting ul{
	width:210px;
	float:left;
}

#curation-sorting li a{
         display:block; 
         text-indent:-9999px;
		 height:20px;
}

.sorthing1 a{
	background:url(../images/curation/sorting1.gif) no-repeat;
	width:59px;
}

.sorthing2 a{
	background:url(../images/curation/sorting2.gif) no-repeat;
	width:60px;
}

.sorthing3 a{
	background:url(../images/curation/sorting3.gif) no-repeat;
	width:91px;
}

.sorthing1 a:hover{
	background:url(../images/curation/sorting1.gif) no-repeat;
	background-position:0 -20px;
	width:59px;
}

.sorthing2 a:hover{
	background:url(../images/curation/sorting2.gif) no-repeat;
	background-position:0 -20px;
	width:60px;
}

.sorthing3 a:hover{
	background:url(../images/curation/sorting3.gif) no-repeat;
	background-position:0 -20px;
	width:91px;
}

.sorthing1-on a{
	background:url(../images/curation/sorting1.gif) no-repeat;
	background-position:0 -20px;
	width:59px;
}

.sorthing2-on a{
	background:url(../images/curation/sorting2.gif) no-repeat;
	background-position:0 -20px;
	width:60px;
}

.sorthing3-on a{
	background:url(../images/curation/sorting3.gif) no-repeat;
	background-position:0 -20px;
	width:91px;
}

.surch-body{
	width:230px;
	/width:220px;
	/padding-right:10px;
	height:20px;
	float:left;
	background:url(../images/curation/surch-body.gif) no-repeat;
	margin-left:20px;
}

.surch-body .txt{
	width:136px;
	background:none;
	border:none;
	color:#c5c5c5;
	height:20px;
	float:left;
	padding:0 7px 0 5px;
	/padding-top:3px;
	/height:14px;
	/margin-left:-20px;
}

.surch-body .btn{
	background:url(../images/curation/surch-btn.gif) no-repeat;
	border:none;
	width:60px;
	margin-left:1px;
	cursor:pointer;
	float:left;
	height:20px;
}

.surch-body .btn:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

.curation-data{
	float:right;
	width:340px;
}

/*キュレーション一覧
------------------------------*/
.cutration-list{
	border-bottom:1px #cccccc solid;
	padding:10px 0;
	width:710px;
	overflow:hidden;
}

.cutration-list .photo{
	width:50px;
	background:#fff;
	padding:3px;
	margin-right:10px;
	border:1px solid #ccc;
	float:left;
}

.cutration-txt{
	width:410px;
	overflow:hidden;
	margin-right:15px;
	float:left;
}

.cutration-txt h4{
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
	width:360px;
	line-height:1.2;
}

.cutration-txt p{
	font-size:11px;
}

.data{
	margin-left:-5px;
	margin-top:5px;
	font-size:12px;
}

.data span{ 
	margin-right:5px;
	margin-left:5px;
}

/*キュレーションサムネ
----------------------*/
.cutration-thumbnail {
	float:right;
	width:275px;
	margin-left:10px;
	overflow:hidden;
}

.cutration-thumbnail ul{
	width:265px;
	overflow:hidden;
	float:right;
}

.cutration-thumbnail li{
	width:75px;
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	list-style:none;
	margin-left:5px;
	float:left;
}

#curarion-box{
	width:684px;
	padding:10px 10px 10px 20px;
	border:3px #eeeeee solid;
}

#curarion-box table{
	width:674px;
}

#curarion-box table input,
#curarion-box table textarea{
	border:1px solid #dddddd;
	padding:3px 5px;
	font-size:12px;
}

#curarion-box table th{
	width:4em;
	padding-right:70px;
	border-bottom:1px dotted #eee;
	padding-bottom:10px;
	padding-top:10px;
}

#curarion-box table td{
	border-bottom:1px dotted #eee;
	padding-bottom:10px;
	padding-top:10px;
}

#curarion-box table td span{
	color:#999;
	font-size:10px;
	padding-left:10px;
}

.create-up .txt2{
	border:1px solid #cccccc;
	width:124px;
	padding:3px 5px;
	height:12px;
	float:left;
	color:#ccc;
	margin-right:5px;
}

.create-up .btn2
{
	background:url(../images/curation/create-btn.gif) no-repeat;
	height:20px;
	width:30px;
	border:none;
	float:right;
}


/*キュレーション作成完了ボタン
------------------------------*/

.creat-btn{
	text-align:center;
	margin:40px 0;
}

.creat-btn input{
	border:none;
	background:url(../images/curation/creat-btn.gif) no-repeat;
	width:152px;
	height:48px;
	cursor:pointer;
}

.creat-btn input:hover{
	background:url(../images/curation/creat-btn.gif) no-repeat;
	background-position:0 -48px;
}

#curation-right .cat-list .detail-page img{
	float:left;
	padding-right:2px;
}

#curation-right .cat-list .detail-page img:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#curation-right .cat-list h4{ font-size:13px; }

/*キュレーション掲示板
--------------- */
.detail-bbs .bbs-content textarea{
	font-size:12px;
	resize:vertical;
}


.detail-bbs .bbs-content{
	width:640px;
	float:right;
	margin:-20px;
	border:none;
}

.detail-bbs .bbs-content textarea{
	height:44px;
	width:370px;
	resize:vertical;
}


.ExhibitCC-button {
    background-color: #999999;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    padding: 5px 5px;
    text-decoration: none !important;
}

.ExhibitCC-input-button {
    padding: 10px 218px 10px 10px;
    text-align: right;
}

.ExhibitCC-button:hover{
	background:#bbb;
}

.detail-bbs2{
	background:#ebebeb;
	padding:10px;
}

.detail-bbs2 .bbs-ttl-time{
	margin-bottom:-5px;
	font-weight:nomal;
	font-size:10px;
	text-align:right;
}

.detail-info{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:30px;
	margin-top:20px;
}

.bbs-ttl-time a {
	margin-left:10px;
	font-size:12px;
}

#content-main .ExhibitCC-view-nothing {
    background-color: #F2F2F2;
    font-size: 16px;
    font-weight: bold;
    margin: 2em 0;
    padding: 40px;
    text-align: center;
}

#curation-detail .bbs-content{
	width:380px;
	background:#ebebeb;
	float:left;
	padding-bottom:10px;
}

.detail-bbs .ExhibitCC-input-button{
	margin-top:-20px;
}

/*キュレーションお気に入り
----------------------------*/
#curation-okiniiri{
	background:#ebebeb;
	padding:20px;
	width:680px;
	overflow:hidden;
}

#curation-okiniiri h4{
	color:#666666;
	font-size:16px;
	margin-top:5px;
	font-weight:bold;
}

#curation-okiniiri h5{
	font-size:12px;
}

#curation-okiniiri .photo{
	width:50px;
	background:#fff;
	padding:3px;
	border:1px solid #ddd;
	float:left;
	margin-right:10px;
}
#curation-okiniiri .curation-caption{
	width:425px;
	background:#fff;
	margin-top:15px;
	border:1px dotted #A7A7A7;
	padding:10px;
	float:left;
}
#curation-okiniiri .curation-data{
	width:215px;
	float:right;
	margin-top:15px;
}

#curation-okiniiri .curation-data span{
	margin-right:10px;
}

/*カート追加ページ①
--------------------------------------------------------*/
.flow-step{
	margin:auto;
	width:720px;
	padding-bottom:20px;
}

.wagon-artist,
.buying-list h3.wagon-artist,
#mypage-main h3.wagon-artist{
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 0;
    margin-top: 0;
	font-weight:normal;
	color:#666666;
}

.wagon-artist strong{
	margin-right:3px;
	font-size:14px;
}

#buying table td.deletion{
	width:3em;
	padding:3px 5px 3px 15px;
}

#buying table td.price{
	width:80px;
	text-align:right;
	padding:3px 20px 3px 5px;
}

#buying .total {
	border-right:none;
	text-align:right;
	background:#ffffff;
}

#buying .total2{
	color:#df6c01;
	text-align:right;
	padding:3px 20px 3px 5px;
	border-left:none;
	background:#ffffff;
}

#buying .all-total{
	padding:10px 20px 0;
	margin:0;
	font-size:14px;
	text-align:right;
	border-top:#999 double 4px;
}

#buying .all-total .suryo strong {
	font-size:16px;
	margin:0 0 0 5px;
}

#buying .all-total .price strong{
	font-size:16px;
	margin:0 0 0 5px;
	color:#DF6C01;
}

#buying .all-total .price{
	margin:0 0 0 40px;
}

#buying .all-total table{
	margin-bottom:0px;
	background:none;
}

#buying .all-total table,
#buying .all-total table th,
#buying .all-total table td{
	border:none;
	text-align:left;
	padding:10px;
}

#buying .all-total table th{
	background:#ddd;
	width:6em;
}

#buying .submit input{
	margin:0 20px;
	height:48px;
}

.btn-buy2{
	background:url(../images/detail/btn-buy9.jpg) no-repeat;
}

.btn-buy2:hover{
	background:url(../images/detail/btn-buy9.jpg) no-repeat 0 -48px;
}

.btn-buy3{
	background:url(../images/detail/btn-buy8.jpg) no-repeat;
}

.btn-buy3:hover{
	background:url(../images/detail/btn-buy8.jpg) no-repeat 0 -48px;
}


/*カートページ②
---------------------------------------------------------*/

.buying-list{
	margin-bottom:20px;
}

.buying-list h3{
	margin-bottom:5px;
}

.buying-list h4{
	font-size:12px;
}

#buying .buying-list .total-ttl{
	text-align:left;
	margin-bottom:5px;
}

#buying .artist-all-total .total2{
	text-align:right;
}

#buying .artist-all-total table{
	width:790px;
	margin:auto;
	border:1px solid #ccc;
}

#buying .artist-all-total table td.total2{
	background:none;
}

#buying .artist-all-total table td.suryo2{
	text-align:right;
	width:60px;
}

#buying .artist-all-total table td.goukei{
	width:160px;
}

#buying .artist-all-total table td .suryo strong {
	font-size:16px;
	margin:0 0 0 5px;
}

#buying .artist-all-total table td .price strong{
	font-size:16px;
	margin:0 0 0 5px;
	color:#DF6C01;
}

#buying .artist-all-total table td .price{
	margin:0 0 0 40px;
}

#buying .artist-all-total table .kessai{
	text-align:right;
	background:#fff8f1;
	border-top:1px solid #ccc;
}


#buying .artist-all-total table th,
#buying .artist-all-total table td{
	padding:10px;
	border:none;
	text-align:left;
	border-bottom:1px dotted #ddd;
}

#buying .artist-all-total table th{
	text-align:left;
	font-weight:normal;
}

.buying-plan table{
	border:none;
	background:none;
}

.buying-plan{
	padding:5px 15px;
	border:1px solid #ccc;
	background:#f7f7f7;
}

.buying-plan h3{
	padding:3px 0 0 0;
	margin:0;
	line-height:0;
}

.buying-plan h4{
	padding:5px 2px 0 2px;
}

.buying-plan h4 span{
	margin:0 0 0 5px;
}

.buying-plan h4 .note{
	font-weight:normal;
	font-size:12px;
}

.buying-plan p{
	padding:2px 3px 0 3px;
}

.buying-plan p input{
	margin-right:5px;
	vertical-align:middle;
}

.user-address{
	border:1px solid #ccc;
	background:#fff;
	margin-bottom:10px;
	margin-top:5px;
	padding:5px 10px;
	line-height:130%;
}

#buying .user-address2 table .line-none{
	border-bottom:none;
}

#buying .user-address2 table{
	margin:5px 0 0 0;
	border: 1px solid #CCCCCC;
}

#buying .user-address2 table th{
	border:none;
	border-bottom:1px dotted #ddd;
	text-align:left;
	width:12em;
	padding:5px 10px;
	vertical-align:top;
}

#buying .user-address2 table td{
	border:none;
	border-bottom:1px dotted #ddd;
	text-align:left;
	padding:3px 10px;
}

.address-select span{
	margin-left:5px;
}

.address-select input{
	vertical-align:middle;
}

.user-address2 .text{
	padding:5px;
	border:1px solid #ccc;
	font-size:100%;
}

.user-address2 .form1{
	width:100px;
}

.user-address2 .form2{
	width:580px;
}

.user-address2 .form3{
	width:50px;
}

.user-address2 .form4{
	width:200px;
}

.user-address2 span{
	margin-right:10px;
}

.user-address2 span .text{
	margin-left:5px;
}

.user-address2 textarea{
	border:1px solid #ccc;
	width:580px;
	height:50px;
	padding:5px;
	resize:vertical;
	font-size:100%;
	color:#666666;
}
.btn-buy4{
	background:url(../images/detail/btn-buy10.jpg) no-repeat;
	height:50px;
	width:285px;
}

.btn-buy4:hover{
	background:url(../images/detail/btn-buy10.jpg) no-repeat 0 -48px;
}

#buying .shikiri01{
	margin:0 0 25px 0;
	border-top:#ccc 1px dotted;
	padding:15px 0 0 0;
}

#buying .shikiri02{
	margin:0 0 25px 0;
	border-top:#ccc 3px dotted;
	padding:15px 0 0 0;
}

.user-address3{
	border:1px solid #ccc;
	background:#F7F7F7;
	margin-bottom:10px;
	margin-top:5px;
	padding:5px 10px;
	line-height:130%;
}

.user-address3 p{
	padding:5px 0;
}



/*カートページ③
---------------------------------------------------------*/

.buying-plan2{
	padding:20px 20px 10px 20px;
	width:400px;
	border:1px solid #ccc;
	background:#f7f7f7;
	margin:auto;
}

.buying-plan2 h2{
	font-size:16px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}

.buying-plan2 h2{
	margin-top:15px;
	margin-bottom:10px;
}

.buying-plan2 p{
	margin-bottom:10px;
}

.buying-plan2 p input{
	margin-right:5px;
}

.buying-plan2 h3{
	margin-bottom:10px;
}

.buying-plan2 h4{
	float:left;
	margin-right:5px;
	width:6em;
}

.btn-buy5{
	background:url(../images/detail/btn-buy11.jpg) no-repeat;
	height:50px;
	width:285px;
}

.btn-buy5:hover{
	background:url(../images/detail/btn-buy11.jpg) no-repeat 0 -48px;
}