@charset "Shift_JIS";

/*=========================================================================

 お気に入りリスト（PC用）

=========================================================================*/

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

 お気に入りリスト編集画面

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

/* 左エリア：loginBox
-------------------------------------------------------------------------*/
.loginBox{
	width:200px;
	margin-bottom:20px;
	padding-top:4px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/mypage/bg_loginbox.gif) no-repeat 0 0;
}
.loginBox .inner{
	padding:4px 15px 8px 15px;
	background:#f1f1f1 url(https://img.dinos.co.jp/defaultMall/images/multidev/mypage/bg_loginbox.gif) no-repeat -200px bottom;
}
/* ログインID＆PW入力 */
.loginBox .inputArea dt{
	padding-bottom:3px;
	line-height:1.3;
}
.loginBox .inputArea dt span{
	display:block;
}
.loginBox .inputArea dd{
	padding-bottom:10px;
}
.loginBox .inputArea dd input.text{
	width:160px;
}
.loginBox .loginLink li{
	margin-top:8px;
	line-height:1.3;
}
.loginBox .loginLink li a{
	display:block;
	padding-left:12px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/mypage/icn_arrow_login.gif) no-repeat 0 0.3em;
}
/* ログインボタン */
input.loginBtn{
	display:block;
	width:158px;
	height:33px;
	margin:0 auto;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/mypage/btn_login.gif) no-repeat 0 0;
	border:0;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.3em;
	cursor:pointer;
}
input.loginBtn:hover{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}
/* ログアウトボタン */
.loginBox .cancelBtn{
	margin:2px 0 0 -5px;
}
/* お気に入りリスト */
.loginBox .themaList{
	margin-top:10px;
	border-top:1px solid #c9c9c9;
	padding-top:8px;
}
.loginBox .themaList dt{
	font-weight:bold;
}

/* 左エリア：アクションメニュー
-------------------------------------------*/
.loginBox .actionMenu{
	margin:8px 0 -5px 0;
}
.loginBox .actionMenu li{
	zoom:1;
}
.loginBox .actionMenu li.link a{
	display:block;
	padding:7px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_link.png) no-repeat right 1em;
	border-top:1px solid #c9c9c9;
	text-decoration:none;
	font-weight:bold;
	color:#505050;
	zoom:1;
}
.loginBox .actionMenu li dt a{
	display:block;
	padding:7px 0;
	border-top:1px solid #c9c9c9;
	text-decoration:none;
	font-weight:bold;
	color:#505050;
}
.loginBox .actionMenu li dt a.open{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_open.png) no-repeat right 1em;
}
.loginBox .actionMenu li dt a.close{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_close.png) no-repeat right 1em;
}
.loginBox .actionMenu li dl.newThema dd,
.loginBox .actionMenu li dl.blogparts dd{
	padding-bottom:10px;
}
/* 新しいテーマを作る */
.loginBox .actionMenu li dl.newThema input.text{
	width:105px;
	margin:2px 5px 0 0;
	vertical-align:middle;
}
/* ブログに貼る */
.loginBox .actionMenu li dd .blogpartsBox{
	width:170px;
	padding-top:3px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_blogparts.gif) no-repeat 0 0;
}
.loginBox .actionMenu li dd .blogpartsBox .inner{
	width:164px;
	padding:3px 3px 3px 3px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_blogparts.gif) no-repeat bottom left;
}
.loginBox .actionMenu li dd .blogpartsBox dt{
	padding:0 0 3px 3px;
	font-size:85%;
}
.loginBox .actionMenu li dd .blogpartsBox dd{
	padding-bottom:5px;
}
.loginBox .actionMenu li dd .blogpartsBox dd textarea{
	width:154px;
	padding:4px;
	color:#505050;
}
.loginBox .actionMenu li dd .blogpartsBox p{
	padding-right:5px;
	background-color:#f1f1f1;
}
.loginBox .actionMenu li dd .blogpartsBox p a{
	display:block;
	padding:5px 15px 5px 5px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_link.png) no-repeat right 0.8em;
	text-decoration:none;
	font-weight:bold;
	font-size:85%;
	color:#505050;
}

/* みんなのお気に入りへ
-------------------------------------------------------------------------*/
.otherFvrt .btn1row{
	width:200px;
	font-size:125%;
}
.howtoFvrt{
	margin-top:15px;
	text-align:center;
}

/* リストのアクション（選択・移動・削除）
-------------------------------------------------------------------------*/
.actionBox{
	padding-top:10px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_actionbox.gif) no-repeat 0 0;
}
.actionBox .inner{
	padding:0 2px 10px 20px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_actionbox.gif) no-repeat bottom left;
}
.actionBox p{
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
	padding:0 21px 0 22px;
	border-left:1px solid #c9c9c9;
	font-weight:bold;
}
.actionBox p .submitBtnSS,
.actionBox p .cancelBtnSS{
	margin-left:10px;
	text-indent:0.5em;
	letter-spacing:0.5em;
	vertical-align:middle;
}
.actionBox p.selectAll{
	padding:0 20px 0 0;
	border:0;
}
.actionBox p select{
	width:200px;
	margin-left:10px;
}
.actionBox p input{
	margin-left:5px;
	/*vertical-align:text-bottom;*/
}
.actionBox .newThema{
	padding-top:15px;
}
.actionBox .newThema p.themaName{
	padding:0 20px 0 0;
	border-left:0;
	border-right:1px solid #c9c9c9;
}
.actionBox .newThema p.themaName input{
	width:150px;
	height:18px;
	vertical-align:middle;
}
.actionBox .newThema p.themaExample{
	border:0;
}

/* お気に入りリスト
-------------------------------------------------------------------------*/
.favoriteList{
	/* padding-bottom:30px; 2013/08/09デザイン調整のため削除 */
}
.favoriteList li{
	padding:10px 0;
	border-bottom:1px solid #cacaca;
}
.favoriteList li .inner{
	position:relative;
	padding-left:45px;
}
.favoriteList li label{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:26px;
	height:100%;
	background-color:#f1f1f1;
}
.favoriteList li input{
	position:absolute;
	top:45%;
	left:7px;
	/left:3px;
}
* html .favoriteList li input{
	left:-45px;
}
/* コメントを書くボタン・リストから削除ボタン */
.favoriteList li .inner .btn{
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
.favoriteList li .btn li{
	min-height:inherit;
	margin-bottom:8px;
	padding:0;
	border:0;
/*	font-size:88%;*/
}
.favoriteList li .btn li.write .submitBtn span{
	margin-left:-10px;
	padding:2px 0 5px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_comment.gif) no-repeat 0 0;
	padding-left:30px;
}
.favoriteList li .btn li.delete .cancelBtn span{
	padding:3px 0 1px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_delete.gif) no-repeat 0 0;
	padding-left:24px;
}
/*2014/7/9追加*/
.favoriteList li .btn li.write .submitBtnSS,
.favoriteList li .btn li.delete .cancelBtnSS{
	width:128px;
}
.favoriteList li .btn li.write .submitBtnSS span,
.favoriteList li .btn li.delete .cancelBtnSS span {
	padding:0 0 0 4px;
	text-align:left;
}
.favoriteList li .btn li.write .submitBtnSS span em{
	padding:2px 0 5px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_comment_s.gif) no-repeat left 2px;
	padding-left:20px;
    font-size:13px;
}
.favoriteList li .btn li.delete .cancelBtnSS span em{
	padding:3px 0 1px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_delete_s.gif) no-repeat 4px center;
	padding-left:20px;
}
/* 商品情報エリア */
.favoriteList li .product{
	position:relative;
	min-height:102px;
	/margin-top:-15px;
}
.favoriteList li .image{
	position:absolute;
	top:0;
	left:0;
	width:102px;
	height:102px;
}
.favoriteList li .image img{
	width:100px;
	height:100px;
	border:1px solid #cbccce;
}
.favoriteList li .text{
	padding:0 190px 0 120px;
}
.favoriteList li .text .price{
	font-weight:bold;
	font-size:115%;
}
.favoriteList li .text .price span{
	font-weight:normal;
	font-size:85%;
}
/* コメント */
.favoriteList li .comment{
	padding-top:8px;
}

/* お気に入りのコメント
-------------------------------------------------------------------------*/
.fvrtComment dt{
	font-weight:bold;
}
.fvrtComment dt #com-error{
	visibility:hidden;
	font-weight:bold;
	color:#c00;
}
.fvrtComment dd textarea{
	width:546px;
	margin-top:6px;
}




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

 ○○さんのお気に入りリスト

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

/* テーマの編集
-------------------------------------------------------------------------*/
.themeEdit h2 span{
	display:block;
	margin-bottom:-2px;
}
.themeEdit h2 span span{
	display:block;
	float:left;
	margin-bottom:0;
}
.themeEdit h2 .submitBtnSS,
.themeEdit h2 .cancelBtnSS{
	float:right;
	text-indent:0.5em;
	/text-indent:0;
	letter-spacing:0.3em;
	font-size:72%;
	cursor:pointer;
}
.themeEdit h2 span:after {	content:".";	display:block;	visibility:hidden;	height:0;	line-height:0;	clear:both;}
.themeEdit h2 span {	min-height:1px;	_height:1px;	/*\*//*/	height:auto;	overflow:hidden;	/**/}

.themeEdit .themeUpdate{
	padding-right:20px;
	text-align:right;
}

/* テーマの編集ボタン */
.themeEdit .frmbtnArea{
	padding:15px 0;
}
.themeEdit .opArea .openClose a.open span{
	padding-right:22px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_arrow_open.png) no-repeat right 0.3em;
}
.themeEdit .opArea .openClose a.close span{
	padding-right:22px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_arrow_close.png) no-repeat right 0.3em;
}

/* 編集フォーム */
.themeEdit .tableDl{
	width:730px;
}
.themeEdit .tableDl dt{
	width:160px;
}
.themeEdit .tableDl dd{
	width:490px;
}
.themeEdit .tableDl dt span{
	font-weight:normal;
}
.themeEdit .tableDl dd.publicSelect{
	font-weight:bold;
}
.themeEdit .tableDl dd.publicSelect label{
	margin-right:20px;
}
.themeEdit .tableDl dd.publicSelect input{
	margin-right:5px;
	/*vertical-align:text-bottom;*/
}
.themeEdit .tableDl dd input.text{
	width:470px;
}
.themeEdit .tableDl dd textarea{
	width:470px;
}

/* お友達にメールですすめる */
.themeEdit .links{
	padding:0 20px 20px 20px;
}
.themeEdit .links li{
	margin-top:8px;
	text-align:right;
}




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

 ○○さんのお気に入り

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

/* プロフィール
-------------------------------------------------------------------------*/
.fvrtProfile{
	padding:20px 20px 5px 20px;
}
.fvrtProfile dt{
	margin-bottom:5px;
	font-weight:bold;
}

/* お気に入りテーマリスト
-------------------------------------------------------------------------*/
.fvrtThemelist{
	margin-left:-20px;
    margin-bottom: 30px;
}
.fvrtThemelist li{
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
	width:390px;
	margin:15px 0 0 20px;
	padding-top:12px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_fvrttheme_box.gif) no-repeat 0 0;
}
.fvrtThemelist li .inner{
	padding:0 20px 12px 20px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_fvrttheme_box.gif) no-repeat left bottom;
}
.fvrtThemelist li .image{
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
	width:84px;
	height:84px;
	margin-right:10px;
}
.fvrtThemelist li .image img{
	width:82px;
	height:82px;
	border:1px solid #cbccce;
}
.fvrtThemelist li .title{
	width:256px;
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
	font-weight:bold;
}




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

 お気に入りリスト公開画面

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

/* タイトルエリア
-------------------------------------------------------------------------*/
.pubListHead{
	padding:20px;
}
.pubListHead .update{
	text-align:right;
	font-weight:bold;
}
.pubListHead .pubListCom{
	float:left;
	width:590px;
}
.pubListHead .pubListUpdate{
	float:right;
	width:160px;
}
.pubListHead .otherTheme{
	margin-top:10px;
	text-align:right;
}

.pubListHead:after {	content:".";	display:block;	visibility:hidden;	height:0;	line-height:0;	clear:both;}
.pubListHead {	min-height:1px;	_height:1px;	/*\*//*/	height:auto;	overflow:hidden;	/**/}

/* お気に入り公開リスト
-------------------------------------------------------------------------*/
.pubFvrtList{
	border-top:1px solid #cacaca;
}
.pubFvrtList li{
	position:relative;
	border-bottom:1px solid #cacaca;
}
.pubFvrtList li .image{
	position:absolute;
	top:0;
	left:0;
	width:140px;
	padding:10px 0;
	text-align:center;
}
.pubFvrtList li .image img{
	width:120px;
	height:120px;
}
.pubFvrtList li .text{
	min-height:120px;
	margin-left:140px;
	padding:10px 0 10px 20px;
	background-color:#faffef;
}
/* 商品情報エリア */
.pubFvrtList li .productText{
	padding-bottom:8px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_pubfvrtlist.gif) no-repeat bottom right;
	border-bottom:1px solid #cacaca;
}
.pubFvrtList li .productText .title,
.pubFvrtList li .productText .price,
.pubFvrtList li .productText .period{
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
}
.pubFvrtList li .productText .title{
	width:372px;
	padding:0 10px 0 0;
}
.pubFvrtList li .text .price{
	width:100px;
	padding:0 10px 0 20px;
	font-weight:bold;
	font-size:115%;
}
.pubFvrtList li .text .period{
	width:98px;
	padding:0 10px 0 20px;
}
.pubFvrtList li .text .period span{
	display:block;
}
/* コメント */
.pubFvrtList li .comment{
	padding:8px 20px 0 0;
}

/* リスト投票
-------------------------------------------------------------------------*/
.listVote {
	margin-top:20px;
	text-align:right;
}
.listVote p{
	padding-bottom:10px;
}
.listVote .funcBtn{
	margin-left:15px;
	vertical-align:middle;
}



/* ランキングリスト
-------------------------------------------------------------------------*/
.rankingList{
}
.rankingList li{
	padding:18px 0 20px;
	border-top:1px solid #cacaca;
}
.rankingList li:first-child{
	border-top:0;
}
.rankingList li.num {
	padding-top:13px;
}
.rankingList li p{
	float:left;
	width:55px;
}
.rankingList li.num p{
	padding:8px 1px 0 33px;
	width:22px;
}
.rankingList li a{
	float:left;
	width:120px;
}
.rankingList li.num a{
	padding-top:8px;
}
.rankingList li#num01 p{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_01.gif) no-repeat top left;
}
.rankingList li#num02 p{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_02.gif) no-repeat top left;
}
.rankingList li#num03 p{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_03.gif) no-repeat top left;
}
.rankingList li p span{
	color:#ff9900;
	font-weight:bold;
	padding:5px 2px 0 10px;
}

/* 矢印リスト
-------------------------------------------------------------------------*/
.arrowList{
}
.arrowList li a,
.arrowList li span{
	display:block;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/footer/icn_flink_arrow.gif) no-repeat 0 1.15em;
	padding:7px 0 9px 9px;
	border-bottom:1px solid #cacaca;
}
.arrowList li span{
	font-weight:bold;
}

/* 並べ替え
-------------------------------------------------------------------------*/
.sorting{
	margin-bottom:15px;
}
.sorting:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
.sorting{
	_height:1px;
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.sorting .sortingType{
	float:left;
}
.sorting .sortingType p{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	margin-right:3px;
}
.sorting .sortingType .pc{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
}
.sorting .sortingType .sp{
	display:none;
}
.sorting .sortingType .checked{
	font-weight:bold;
}
.sorting .sortingType .uncheck{
	text-decoration:underline;
	color:#3c549b;
	cursor:pointer;
}
.sorting .sortingParts{
	float:right;
}


/* お気に入りリスト一覧
-------------------------------------------------------------------------*/
.favoriteListView{
	/* margin-bottom:40px; 2013/08/09デザイン調整のため削除 */
}
.favoriteListView ul{
	border-bottom:1px solid #cacaca;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/bg_favorite_list_view.gif) repeat-y left top;
}
.favoriteListView li{
	padding:10px 0;
	border-top:1px solid #cacaca;
}
.favoriteListView li:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
.favoriteListView li{
	_height:1px;
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.favoriteListView li .thumbnail{
	float:left;
	padding:3px 15px;
	width:100px;
	height:100px;
}
.favoriteListView li .thumbnail img{
	width:98px;
	height:98px;
	border:1px solid #d4d4d4;
	display:block;
}
.favoriteListView li .flvContent{
	float:left;
	width:445px;
	border-right:1px solid #cacaca;
}
.favoriteListView li .flvContent .link{
	min-height:69px;
	padding:0 10px 10px 10px;
}
.favoriteListView li.new .flvContent .link{
	padding-left:55px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_new.gif) no-repeat 10px 2px;
}
.favoriteListView li .flvContent .answer{
	padding:8px 0 0;
	margin:0 10px;
	border-top:1px solid #cacaca;
}
.favoriteListView li .button{
	float:left;
	width:174px;
	padding-top:26px;
	text-align:center;
}
.favoriteListView li .button p{
	margin-bottom:8px;
}
.favoriteListView .more{
	text-align:right;
	margin:15px 0 40px;
}

/* お気に入り商品ランキング
-------------------------------------------------------------------------*/
.favoriteRanking{
	margin-top:-10px;
}
.favoriteRanking li{
	padding:10px 0;
	border-bottom:1px solid #cacaca;
}
.favoriteRanking li:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
.favoriteRanking li{
	_height:1px;
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.favoriteRanking li .thumbnail{
	float:left;
	padding:3px 15px;
	width:100px;
	height:100px;
}
.favoriteRanking li .thumbnail img{
	width:98px;
	height:98px;
	border:1px solid #d4d4d4;
	display:block;
}
.favoriteRanking li.rank01 .thumbnail p,
.favoriteRanking li.rank02 .thumbnail p,
.favoriteRanking li.rank03 .thumbnail p{
	padding: 8px 1px 5px 33px;
}
.favoriteRanking li.rank01 .thumbnail p{
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_01.gif) no-repeat top left;
}
.favoriteRanking li.rank02 .thumbnail p{
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_02.gif) no-repeat top left;
}
.favoriteRanking li.rank03 .thumbnail p{
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/favorite/icn_ranking_03.gif) no-repeat top left;
}
.favoriteRanking li .thumbnail p span{
	color:#ff9900;
	font-weight:bold;
	padding:0 1px;
}
.favoriteRanking li .frContent{
	float:left;
	width:445px;
	border-right:1px solid #cacaca;
}
.favoriteRanking li .frContent .link{
	min-height:69px;
	padding:20px 10px 10px 10px;
}
.favoriteRanking li.rank01 .frContent .link,
.favoriteRanking li.rank02 .frContent .link,
.favoriteRanking li.rank03 .frContent .link{
	padding-top:33px;
}
.favoriteRanking li .frContent .answer{
	padding:8px 0 0;
	margin:0 10px;
	border-top:1px solid #cacaca;
}
.favoriteRanking li .button{
	float:left;
	width:174px;
	padding-top:38px;
	text-align:center;
}
.favoriteRanking li.rank01 .button,
.favoriteRanking li.rank02 .button,
.favoriteRanking li.rank03 .button{
	padding-top:43px;
}
.favoriteRanking li .button p{
	margin-bottom:8px;
}
.favoriteRanking .more{
	text-align:right;
	margin-top:15px;
}

/* ビジュアルエリア
-------------------------------------------------------------------------*/
.visualArea{
	margin-bottom:30px;
}

/* サイドバー
-------------------------------------------------------------------------*/
.sideBar01{
	margin-top:0px !important;
}

/* ページャー
-------------------------------------------------------------------------*/
.pagerArea{
	text-align:right;
}

/* 旧ページ送り（2013/10/22以降削除）
-------------------------------------------------------------------------*/
#ItemList .page-nation {
	text-align:right;
	margin-bottom:5px;
}

#ItemList .page-nation li,
#ItemList .page-nation ol {
	display:inline;
}
#ItemList .page-nation li.more {
	padding:0 5px;
}
#ItemList .page-nation a,
#ItemList .page-nation strong,
#ItemList .page-nation span {
	padding:0 8px 0 5px;
	border-right:1px solid #505050;
}
#ItemList .page-nation .next a,
#ItemList .page-nation .next strong,
#ItemList .page-nation .next span {
	padding-right:0;
	border-right:none;
}
#ItemList .now {
font-weight: bold;
}