﻿@charset "UTF-8";
/* マイページ */
#bookshelf h1 {
	background:url(images/icon_profile24_clear_gray.gif) no-repeat;
	text-indent:29px;
	line-height:27px;
	margin-bottom:10px;
}
#bookshelf h2 {
	font-size:14px;
	margin:0;
	padding:0;
	background:none;
}
#bookshelf a {
	text-decoration:underline;
}
#bookshelf a:hover {
	text-decoration:none;
}
#bookshelf .btn_arrow a {
	text-decoration:none;
}
#bookshelf .btn_arrow a:hover {
	text-decoration:underline;
}
#bookshelf .box_left {
	width:180px;
}
#bookshelf .box_right {
	width:790px;
}
#bookshelf .small {
	margin:5px 0 0;
}

#bookshelf .box_caption {
	background:none;
}
#bookshelf .box_caption a {
color:#0A5388;
text-decoration:underline;
}
#bookshelf .box_caption a:hover {
text-decoration:none;
}
#bookshelf .header_mypage {
	margin:0 0 5px;
}

/* 「プロフィール」 */
.bg_profile {
	float:right;
	/*background:url(images/icon_profile24_clear.gif) no-repeat left center;
	height:27px;*/
}
/* 「プロフィール」ボタン */
.btn_profile {
	background:url(images/btn_profile_f2.jpg) no-repeat;
	width:108px;
	height:30px;
	text-indent:-9999px;
}
.btn_profile a {
	background:url(images/btn_profile.jpg) no-repeat;
	width:108px;
	height:30px;
	display:block;
}
.btn_profile a:hover {
	background:none;
}

/* ページカウント */
.page_count {
	float:right;
	margin:6px 10px 0 0;
	line-height:30px;
	vertical-align:middle;
	color:#666;
}

/* 検索 */

.form_search_shelf, .form_search_shelf_mark {
float:left;
height:20px;
width:170px;
line-height:20px;
vertical-align:middle;
background:#FFF url(../../../css/images/icon_search.gif) no-repeat 2px center;
padding-left:20px;
font-size:12px;
position:relative;
top:1px;
}
.form_search_shelf_mark {
	color:#999;
}
.btn_search_shelf {
text-indent:-9999px;
float:left;
margin:0 0 0 5px;
background:url(images/btn_search_shelf_f2.jpg) no-repeat left center;
}
.btn_search_shelf a {
background:url(images/btn_search_shelf.jpg) no-repeat left center;
width:60px;
height:24px;
display:block;
}
.btn_search_shelf a:hover {
background:none;
}

/* 本棚ボックス---------------------------------------------------- */
.box_shelf {
}
/* 本棚メニュー */
#menu_shelf {
	background:#F5F7F2;
	width:179px;
	padding:0 0 20px;
	border-right:1px solid #666;
	vertical-align:top;
}
#menu_shelf a {
	text-decoration:none;
}
#menu_shelf a:hover {
	text-decoration:none;
}
#menu_shelf .btn_arrow {
	margin:5px 0 0;
}

	/* ▶オンラインビュー */
	.btn_menu_online_on {
		background:url(images/btn_menu_online_on.jpg) no-repeat;
		width:180px;
		height:24px;
		text-indent:-9999px;
	}
	.btn_menu_online_on a {
		background:url(images/btn_menu_online_on.jpg) no-repeat;
		width:180px;
		height:24px;
		display:block;
	}

	/* ▶セレクション */
	.btn_menu_selection_on {
		background:url(images/btn_menu_selection_on.jpg) no-repeat;
		width:180px;
		height:24px;
		text-indent:-9999px;
	}
	.btn_menu_selection_on a {
		background:url(images/btn_menu_selection_on.jpg) no-repeat;
		width:180px;
		height:24px;
		display:block;
	}

	/* ▶コメント */
	.btn_menu_comment_on {
		background:url(images/btn_menu_comment_on.jpg) no-repeat;
		width:180px;
		height:24px;
		text-indent:-9999px;
	}
	.btn_menu_comment_on a {
		background:url(images/btn_menu_comment_on.jpg) no-repeat;
		width:180px;
		height:24px;
		display:block;
	}

	/* ▶ウォッチリスト */
	.btn_menu_watch_on {
		background:url(images/btn_menu_watch_on.jpg) no-repeat;
		width:180px;
		height:24px;
		text-indent:-9999px;
	}
	.btn_menu_watch_on a {
		background:url(images/btn_menu_watch_on.jpg) no-repeat;
		width:180px;
		height:24px;
		display:block;
	}

	/* ▶おすすめセレクション */
	.btn_menu_recommend_on {
		background:url(images/btn_menu_recommend_on.jpg) no-repeat;
		width:180px;
		height:24px;
		text-indent:-9999px;
	}
	.btn_menu_recommend_on a {
		background:url(images/btn_menu_recommend_on.jpg) no-repeat;
		width:180px;
		height:24px;
		display:block;
	}

	/* 「タイトル」メニュー */
#menu_shelf .menu_title {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_title.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
#menu_shelf .menu_title a {
	background:url(images/menu_title.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
#menu_shelf .menu_title a:hover {
	background:url(images/menu_title_on.gif) no-repeat;
	color:#FFF;
}
#menu_shelf .menu_title_on {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_title_on.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
#menu_shelf .menu_title_on a {
	background:url(images/menu_title_on.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#FFF;
}
#menu_shelf .menu_title_on a:hover {
	background:url(images/menu_title_on.gif) no-repeat;
}
	/* 「子」メニュー */
#menu_shelf .menu_child {
	font-size:11px;
	text-indent:10px;
	width:180px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:url(images/menu_child.gif) no-repeat;
	font-weight:bold;
}
#menu_shelf .menu_child a {
	background:#F5F7F2 url(images/menu_child.gif) no-repeat;
	width:180px;
	height:30px;
	display:block;
	color:#360;
}
#menu_shelf .menu_child a:hover {
	background:url(images/menu_child_on.gif) no-repeat;
	color:#FFF;
}
#menu_shelf .menu_child_on {
	font-size:11px;
	text-indent:10px;
	width:180px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:url(images/menu_child_on.gif) no-repeat;
	font-weight:bold;
}
#menu_shelf .menu_child_on a {
	background:url(images/menu_child_on.gif) no-repeat;
	width:180px;
	height:30px;
	display:block;
	color:#FFF;
}
#menu_shelf .menu_child_on a:hover {
	background:url(images/menu_child_on.gif) no-repeat;
}
	/* 「プロフィール」メニュー
.menu_profile {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:#E5E5E5 url(images/menu_profile.gif) no-repeat 10px center;
	text-indent:43px;
	border-top:1px solid #666;
}
.menu_profile a {
	background:#F5F7F2 url(images/menu_profile.gif) no-repeat 10px center;
	width:180px;
	height:46px;
	display:block;
}
.menu_profile a:hover {
	background:#E5E5E5 url(images/menu_profile.gif) no-repeat 10px center;
}
.menu_profile_on {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:#E5E5E5 url(images/menu_profile.gif) no-repeat 10px center;
	text-indent:43px;
}
.menu_profile_on a {
	background:#E5E5E5 url(images/menu_profile.gif) no-repeat 10px center;
	width:180px;
	height:46px;
	display:block;
}
.menu_profile_on a:hover {
	background:#E5E5E5 url(images/menu_profile.gif) no-repeat 10px center;
} */
	
	
	/* アイテム「セレクション」「ウォッチ」メニュー */
#menu_shelf .menu_item {
	font-size:11px;
	width:180px;
	height:40px;
	background:url(images/menu_noicon.gif) no-repeat;
}
#menu_shelf .menu_item a {
	background:url(images/menu_noicon.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
#menu_shelf .menu_item a:hover {
	background:url(images/menu_noicon_on.gif) no-repeat;
	color:#FFF;
}
#menu_shelf .menu_item_on {
	font-size:11px;
	width:180px;
	height:40px;
	background:url(images/menu_noicon_on.gif) no-repeat;
}
#menu_shelf .menu_item_on a {
	background:url(images/menu_noicon_on.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#FFF;
}
#menu_shelf .menu_item_on a:hover {
	background:url(images/menu_noicon_on.gif) no-repeat;
}
#menu_shelf .menu_item img {
	float:left;
	position:relative;
	top:5px;
	margin:0 10px;
}
#menu_shelf .menu_item_name {
	float:left;
	position:relative;
	top:5px;
	line-height:140%;
	width:120px;
}
#menu_shelf .menu_item_on img {
	float:left;
	position:relative;
	top:5px;
	margin:0 10px;
}
/* 「期限切れ」メニュー */
.menu_caution {
	width:180px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:url(images/menu_caution.gif) no-repeat;
	font-size:11px;
	text-indent:20px;
	font-weight:bold;
}
.menu_caution a {
	background:url(images/menu_caution.gif) no-repeat;
	width:180px;
	height:30px;
	display:block;
	color:#FF3333;
}
.menu_caution a:hover {
	background:url(images/menu_caution.gif) no-repeat;
}
	/* 「コメント」メニュー */
.menu_comment {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_comment.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
.menu_comment a {
	background:url(images/menu_comment.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
.menu_comment a:hover {
	background:url(images/menu_comment.gif) no-repeat;
}
.menu_comment_on {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_comment.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
.menu_comment_on a {
	background:url(images/menu_comment.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
.menu_comment_on a:hover {
	background:url(images/menu_comment.gif) no-repeat;
}

	/* 「ウォッチ」メニュー */
.menu_watch {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_watch.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
.menu_watch a {
	background:url(images/menu_watch.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
.menu_watch a:hover {
	background:url(images/menu_watch.gif) no-repeat;
}
.menu_watch_on {
	width:180px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	background:url(images/menu_watch.gif) no-repeat;
	text-indent:37px;
	font-weight:bold;
}
.menu_watch_on a {
	background:url(images/menu_watch.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	color:#360;
}
.menu_watch_on a:hover {
	background:url(images/menu_watch.gif) no-repeat;
}


/* 共通 */
#tr_space {
	background:url(images/bg_profile.jpg) repeat-x left top;
}
#tr_space td {
	padding:40px 80px;
	font-size:12px;
}
#tr_space .btn_arrow {
	font-weight:bold;
	font-size:12px;
}
#tr_space h3 {
	margin-top:15px;
}
#tr_space20 {
	background:url(images/bg_profile.jpg) repeat-x left top;
}
#tr_space20 td {
	padding:20px 80px;
	font-size:12px;
}
#tr_space20 .btn_arrow {
	font-weight:bold;
	font-size:12px;
}
#tr_space20 h3 {
	margin-top:15px;
}
.twitter_list {
	float:right;
}
	/* ボタン「レビューを書く」「編集」 */
.btn_review {
	background:url(images/btn_review_f2.jpg) no-repeat;
}
.btn_review a {
	background:url(images/btn_review.jpg) no-repeat;
	width:106px;
	height:22px;
	display:block;
}
.btn_review a:hover {
	background:none;
}
.btn_edit {
	background:url(images/btn_edit_f2.jpg) no-repeat;
}
.btn_edit a {
	background:url(images/btn_edit.jpg) no-repeat;
	width:58px;
	height:22px;
	display:block;
}
.btn_edit a:hover {
	background:none;
}
/* レビューエディタ */
#review_edit {
	text-align:center;
}
#review_edit h3 {
	font-size:12px;
	margin-top:15px;
	margin-bottom:10px;
}
#review_edit table {
	margin:10px auto 0;
	width:180px;
}
#review_edit .btn_fix {
}
#review_edit .btn_cancel {
	margin-left:10px;
}
#review_edit .red {
	display:none;
	margin-top:10px;
}
/* 本棚リスト */
.list_shelf {
	width:790px;
	vertical-align:top;
}
.table_shelf {
	font-size:11px;
	color:#000;
	border-bottom:1px solid #CCC;
}
.table_shelf th {
	font-weight:normal;
	color:#333;
	background:url(images/bg_table_shelf.jpg) repeat-x;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	text-align:left;
	padding:0 10px;
	white-space:nowrap;
	cursor:pointer;
}
.table_shelf th.select {
	background:#CCC;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	height:22px;
	line-height:22px;
	vertical-align:middle;
	text-align:left;
	padding:0 10px;
	white-space:nowrap;
}
.table_shelf th img {
}
.table_shelf td {
	padding:5px 10px;
	border-right:1px solid #CCC;
	vertical-align:top;
}
#bookshelf td .line_gray50 {
	padding:0;
}
.table_shelf .tr_blue {
	background:#F1F5FA;
}
.table_shelf .tr_more {
	background:#CCC;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
#bookshelf .table_shelf .tr_more a {
	color:#333;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}
#bookshelf .table_shelf .tr_more a:hover {
	color:#0A5388;
}

/* ★01-1. バックナンバー・オンラインについて-------------------------------------------------------------------------- */
#bnonline {
	font-weight:bold;
	color:#666;
	font-size:12px;
	width:590px;
}
#bnonline .btn_arrow {
	margin:0 0 10px;
}
#bnonline .table_bnonline {
	margin:10px 0 0;
	color:#333;
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#bnonline .table_bnonline td {
	padding:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	white-space:nowrap;
}
#bnonline .table_bnonline_header {
	background:#E6E6E6;
}
#bnonline .table_bnonline td .normal {
	margin:3px 0 0;
}
/* 「申し込む」ボタン */
.btn_bnonline {
	background:url(images/btn_bnonline_ov.gif) no-repeat;
	width:85px;
	height:22px;
	margin:0 auto;
}
.btn_bnonline a {
	background:url(images/btn_bnonline.gif) no-repeat;
	width:85px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_bnonline a:hover {
	background:none;
}

#bnonline .rc_contents {
	padding:10px 20px;
}

/* ★★★★★バックナンバー★★★★★★★★★★★★★★★★★★★★ */
/* ピックアップ */
#pickup_selection h3 {
	margin:0;
}
#pickup_selection td {
	border:none;
	vertical-align:middle;
}
#pickup_selection .box_green {
	padding:15px;
}
#pickup_selection .selection_image {
	width:80px;
}
#pickup_selection .selection_image img {
	width:80px;
}
#pickup_selection .btn_make_selection {
	margin:10px 0 0;
}
/* ツールバー */
#toolbar {
	background:#B2B2B2;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}
#toolbar td {
	padding:0;
	border:none;
}
	
	/* タイトル */
#toolbar h2 {
	float:left;
}

	/* 表示切替 */
.tool_change {
	float:right;
	margin-top:5px;
}
.btn_change_list_on , .btn_change_list_off , .btn_change_cover_on , .btn_change_cover_off {
	float:left;
	text-indent:-9999px;
}
#toolbar .btn_change_list_on a {
	background:url(images/btn_change_list_on.jpg) no-repeat;
	width:71px;
	height:24px;
	display:block;
}
#toolbar .btn_change_list_off a {
	background:url(images/btn_change_list_off.jpg) no-repeat;
	width:71px;
	height:24px;
	display:block;
}
#toolbar .btn_change_cover_on a {
	background:url(images/btn_change_cover_on.jpg) no-repeat;
	width:71px;
	height:24px;
	display:block;
}
#toolbar .btn_change_cover_off a {
	background:url(images/btn_change_cover_off.jpg) no-repeat;
	width:71px;
	height:24px;
	display:block;
}

	/* 検索 */
.tool_serach {
	float:right;
	margin-left:10px;
	margin-top:3px;
}
#toolbar .search_shelf {
	margin:0;
	padding:0;
}
.btn_search_tool {
text-indent:-9999px;
float:left;
margin:0 0 0 5px;
background:url(images/btn_search_tool_f2.jpg) no-repeat left center;
position:relative;
top:1px;
}
.btn_search_tool a {
background:url(images/btn_search_tool.jpg) no-repeat left center;
width:60px;
height:24px;
display:block;
}
.btn_search_tool a:hover {
background:none;
}

	/* カウント */
.tool_count {
	float:right;
	margin-left:10px;
	font-size:12px;
}
/* ★★★★★バックナンバー★★★★★★★★★★★★★★★★★★★★ */
#backnumber {
	padding:10px 0;
}
#backnumber h3 {
	margin:10px 0 0;
}
#backnumber h4 {
	color:#666;
	margin-left:20px;
	_margin-left:30px;
	margin-top:5px;
	margin-bottom:10px;
	font-size:16px;
}
/* 表示：発行年 */
.tool_period {
	font-size:12px;
	margin-left:15px;
}
#backnumber li {
	margin:0;
	padding:0;
}
#backnumber .backnumber_detail {
	margin:10px 45px;
}
#backnumber table td {
	border:none;
	padding:0;
	font-size:12px;
	vertical-align:top;
}
#backnumber .magazine_new img {
	width:120px;
	margin-right:15px;
	border:5px solid #E5E5E5;
}
#backnumber .magazine_old {
	margin:5px 0 0;
}
#backnumber .magazine_old .select img {
	border:1px solid #E5E5E5;
}
#backnumber .magazine_old img {
	width:80px;
	border:1px solid #84A9C3;
}
#backnumber .magazine_old td {
	text-align:center;
	padding:10px 0;
}

/* 目次 */
.toc {
	margin:0;
}
.toc table td {
	line-height:140%;
}
.toc li .star {
	line-height:26px;
	vertical-align:middle;
	margin-left:5px;
}
.toc .btn_review {
	line-height:26px;
	vertical-align:middle;
	margin-left:5px;
}
.toc .btn_edit {
	line-height:26px;
	vertical-align:middle;
	margin-left:5px;
}
.toc .btn_plus {
	margin-left:5px;
	line-height:26px;
	vertical-align:middle;
}
.toc .btn_twitter {
	line-height:26px;
	vertical-align:middle;
	float:none;
}

/* つぶやき */

.btn_twitter {
	float:right;
	margin-left:5px;
}
.twitter_echo {
	font-size:11px;
	margin:0 10px 10px;
}
.twitter_echo img {
	width:120px;
}
.twitter_echo table img {
	width:24px;
}
.twitter_echo table {
	margin:10px 5px 5px;
}
.twitter_echo td {
	padding:3px;
	font-size:11px;
	border:none;
}

/* ★★★★★02.セレクション★★★★★★★★★★★★★★★★★★★★ */

#edit_selection td {
	color:#333;
}
.box_selection {
	margin:5px 0 5px 5px;
}

	/* 「＋セレクションを作る」ボタン */
.btn_make_selection {
	background:url(images/btn_make_selection_f2.jpg) no-repeat;
	margin:0 0 10px;
}
.btn_make_selection a {
	background:url(images/btn_make_selection.jpg) no-repeat;
	width:160px;
	height:24px;
	display:block;
	text-indent:-9999px;
}
.btn_make_selection a:hover {
	background:none;
}
/* 「タイトルを選ぶ」ボタン-------------------------------------------------------（×） */
.btn_select_title {
	background:url(images/btn_select_title_f2.jpg) no-repeat;
	width:160px;
	height:30px;
	margin:5px auto;
}
.btn_select_title a {
	background:url(images/btn_select_title.jpg) no-repeat;
	width:160px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.btn_select_title a:hover {
	background:none;
}
/* 「←セレクションのみ表示」ボタン-------------------------------------------------------（×） */
.btn_back_selection {
	background:url(images/btn_back_selection_f2.jpg) no-repeat;
	width:160px;
	height:30px;
	margin:5px auto;
}
.btn_back_selection a {
	background:url(images/btn_back_selection.jpg) no-repeat;
	width:160px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
.btn_back_selection a:hover {
	background:none;
}
/* セレクションイメージ */
.selection_image {
	float:left;
	width:158px;
	margin:1px 0 5px;
}
.selection_image img {
	border:1px solid #CCC;
}
.table_icon {
	margin:5px 0 0;
}
.table_icon td {
	padding:0;
	border:none;
}
.table_icon .selection_icon {
	padding:10px 0 0;
}
.table_icon .selection_icon img {
	border:2px solid #E5E5E5;
}
.table_icon .selection_icon img:hover {
	border:2px solid #333;
}
.table_icon .selection_icon_select {
	background:url(images/arrow_select_image.gif) no-repeat center top;
	padding:10px 0 0;
}
.table_icon .selection_icon_select img {
	border:2px solid #333;
}

	/* フォーム */
.box_form_selection {
	float:left;
	margin:0 0 0 20px;
}
.box_form_selection div {
	margin:0 0 5px;
}
.form_selection , .form_selection_mark {
	width:140px;
	font-size:12px;
}
.form_selection_mark {
	color:#999;
}
	/* 追加されたリスト */
.box_plus_list , .inframe_plus_list {
	width:400px;
}
.box_plus_list {
	float:left;
	margin:5px 0 0 15px;
}
.inframe_plus_list {
	height:210px;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:5px 20px 5px 0;
}
.table_plus_list td {
	padding:0;
	border:none;
	vertical-align:middle;
	white-space:nowrap;
}
.table_plus_list .small {
	padding-left:5px;
}
.table_plus_list .btn_minus {
	margin-left:5px;
	margin-bottom:5px;
}
/*IEとOpera以外*/
:root .table_plus_list .small {
	padding-left:3px;
}
	/* アップデート */
	.box_update {
		float:right;
		font-size:12px;
		position:relative;
		z-index:1;
		top:-10px;
	}
	.balloon_update {
		position:absolute;
		z-index:2;
		right:-20px;
		bottom:35px;
	}
	.update_msg {
		float:right;
		font-weight:bold;
		line-height:30px;
		vertical-align:middle;
	}
	.update_msg .btn_arrow {
		margin:0 10px 0 0;
		line-height:30px;
		vertical-align:middle;
		background-position:left center;
	}
	.update_msg .btn_arrow a {
	}
	.btn_make_off , .btn_make , btn_update_L , btn_update_L_off {
		float:right;
		margin-left:10px;
	}
	/* 「作る」ボタンOFF */
	.btn_make_off {
		background:url(images/btn_make_off.jpg) no-repeat;
		width:80px;
		height:30px;
		text-indent:-9999px;
		display:block;
	}
	/* 「作る」ボタン */
	.btn_make {
		background:url(images/btn_make_f2.jpg) no-repeat;
		width:80px;
		height:30px;
		float:right;
	}
	.btn_make a {
		background:url(images/btn_make.jpg) no-repeat;
		width:80px;
		height:30px;
		display:block;
		text-indent:-9999px;
	}
	.btn_make a:hover {
		background:none;
	}
	/* 「更新」ボタン */
	.btn_update_L {
		background:url(images/btn_update_L_f2.jpg) no-repeat;
		width:80px;
		height:30px;
		float:right;
	}
	.btn_update_L a {
		background:url(images/btn_update_L.jpg) no-repeat;
		width:80px;
		height:30px;
		display:block;
		text-indent:-9999px;
	}
	.btn_update_L a:hover {
		background:none;
	}
	/* 「更新off」ボタン */
	.btn_update_L_off {
		background:url(images/btn_update_L_off.jpg) no-repeat;
		width:80px;
		height:30px;
		display:block;
		text-indent:-9999px;
		float:right;
	}

/* コメント・ブックマーク */
#edit_selection .box_comment {
	float:right;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	margin-right:5px;
}
/* 「×このセレクションを削除」ボタン */
#edit_selection .btn_delete_selection {
	background:url(images/btn_delete_selection_f2.gif) no-repeat;
	float:right;
}
#edit_selection .btn_delete_selection a {
	background:url(images/btn_delete_selection.gif) no-repeat;
	width:160px;
	height:20px;
	display:block;
	text-indent:-9999px;
}
#edit_selection .btn_delete_selection a:hover {
	background:none;
}

/* 「＋追加」ボタン */
.btn_plus {
	background:url(images/btn_plus_f2.jpg) no-repeat;
}
.btn_plus a {
	background:url(images/btn_plus.jpg) no-repeat;
	width:60px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_plus a:hover {
	background:none;
}

.tr_plus {
	background:#D9D9D9;
}
/* 「−削除」ボタン */
.btn_minus {
	background:url(images/btn_minus_f2.jpg) no-repeat;
}
.btn_minus a {
	background:url(images/btn_minus.jpg) no-repeat;
	width:60px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_minus a:hover {
	background:none;
}
/* ★03.プロフィール */
.box_profile_left {
	float:left;
	width:160px;
	text-align:center;
}
/* 「↑写真をアップロード」ボタン */
.btn_upload {
	background:url(images/btn_upload_f2.jpg) no-repeat;
	width:140px;
	margin:10px auto;
}
.btn_upload a {
	background:url(images/btn_upload.jpg) no-repeat;
	width:140px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_upload a:hover {
	background:none;
}
.image_profile {
	position:relative;
	z-index:1;
}
/* 「×写真を削除」ボタン */
.btn_delete_image {
	float:right;
	position:relative;
	top:20px;
	z-index:2;
	margin:-20px 0 0;
	background:url(images/btn_delete_image_f2.gif) no-repeat;
}
#bookshelf .btn_delete_image a {
	background:url(images/btn_delete_image.gif) no-repeat;
	width:86px;
	height:20px;
	display:block;
	text-indent:-9999px;
}
#bookshelf .btn_delete_image a:hover {
	background:none;
}

.box_profile_right {
	float:left;
	margin:0 0 0 20px;
	color:#666;
}
.box_profile_right .box_form_selection div {
	margin:0 0 15px;
}
.box_profile_right .box_form_selection img {
	margin-left:5px;
}
.box_profile_right strong {
	line-height:180%;
}
/* 「更新」ボタン */
.btn_update {
	background:url(images/btn_update_f2.jpg) no-repeat;
}
.btn_update a {
	background:url(images/btn_update.jpg) no-repeat;
	width:80px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_update a:hover {
	background:none;
}
/* ★05.ウォッチリスト */
/* 「ウォッチから外す」ボタン */
.btn_delete_watch {
	background:url(images/btn_delete_watch_f2.jpg) no-repeat;
}
.btn_delete_watch a {
	background:url(images/btn_delete_watch.jpg) no-repeat;
	width:140px;
	height:22px;
	display:block;
	text-indent:-9999px;
}
.btn_delete_watch a:hover {
	background:none;
}

/* ブックマーク */
#bookmark .table_shelf {
	font-size:12px;
	border-bottom:1px solid #CCC;
}
.th_left {
	border-left:1px solid #666;
}
.td_left {
	border-left:1px solid #CCC;
}
.td_left img {
	border:1px solid #CCC;
	margin:0 10px 0 0;
	float:left;
}
#bookmark .name_selection {
	font-weight:bold;
	float:left;
}
#bookmark .name_topic {
	font-weight:normal;
	margin:3px 0 0;
}
#bookmark .name_title {
	margin-left:32px;
}
.selection_price {
	font-weight:bold;
}

#bookmark .orange {
	margin:0 10px;
	line-height:200%;
}


/* スクロール------------------------------------------------------- */
div.scrollable {	
	position:relative;
	overflow:hidden;	 	
	width:690px;	
	height:124px;	
	padding:10px 0;	
	background-color:#E5E5E5;
	color:#333;
	margin:10px 0;
}
div.scrollable {
	float:left;	
}
div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
	margin-left:10px;
	
	/*iizuka追加*/
	height:100%;
	/*background-color: red;*/
}
div.scrollable div.items div {
	float:left;
	text-align:center;
	width:112px;
	padding:0px 0px;
	font-size:12px;
	/*border:1px outset #ccc;*/
	/*background-color: #ddd;*/
	margin-right: 0px;	
	-moz-border-radius:5px;
    
    /*iizuka追加*/
	height:100%;
    /*background-color: blue;*/
}
div.scrollable div.items img {
	width:80px;

}
div.scrollable div.items div.active {
	/*border:3px inset #ccc;		
	background-color:#fff;*/
}
/*iizuka追加 start*/
div.scrollable div.items div .item_up {
	height:78%;
}
div.scrollable div.items div .item_up img {
	border:3px solid #E5E5E5;
	cursor:pointer;
}
div.scrollable div.items div .item_down {
	height:12%;
}
div.scrollable div.items div.active img {
	border:3px solid #ccc;		
}
/*iizuka追加 end*/



a.prev, a.prevPage, a.next, a.nextPage  {
	display:block;
	width:18px;
	height:20px;
	background:url(images/left.gif) no-repeat;
	float:left;
	margin:68px 8px 0;
	cursor:pointer;
	font-size:1px;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -20px;		
}

a.disabled {
	visibility:hidden !important;		
}

a.next, a.nextPage {
	background-image:url(images/right.gif);
	clear:right;	
}

div.navi {
	margin-left:369px;
	width:200px;
	height:20px;
}

div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.gif) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -8px;     
} 