@charset "utf-8";
/*----------------------------------------
others.css

1.404ページ
	1-1.ベースレイアウト
	1-2.カテゴリリンク
	1-3.バナー

2.メンテナンスページ

3.ニコニコ市場とは

4.サイトマップ

5.まとめ買い
	5-1.ベースレイアウト
	5-2.詳細
	5-3.購入ボタン

6.ランキング
	6-1.ベースレイアウト
	6-2.リスト
	6-3.推移
	6-4.ユーザー

7.検索
	7-1.ベースレイアウト
	7-2.該当商品なし
	
8.もうすぐ発売
	8-1.カウントダウン
	8-2.もっと見るボタン
	8-3.サムネイル

9.エラーページ

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


/*----------------------------------------
1.404ページ
----------------------------------------*/
/* 1-1.ベースレイアウト
----------------------------------------*/
#notFound h2 {
	margin-top: 20px; 
	padding: 0;
	background: none;
}

#notFound h3 {
	clear: both;
}

#image404 {
	display: block;
	float: right;
	margin-bottom: 20px;
}

#notFound #hotItem {
	float: left;
	width: 720px;
	margin-bottom: 20px;
}

#notFound #hotItem dl {
	width: auto;
	padding: 0;
}


/* 1-2.404ページ：カテゴリリンク
----------------------------------*/
#sitemap404 dl{
	margin:0 5px 10px 0;
	float: left;
	width: 145px;
	height:260px;
	padding: 0 0 0 5px;
}

#sitemap404 #step2 dl,
#sitemap404 #step3 dl{
	height:160px;
}


#sitemap404 dt{
	font-weight: bold;
	margin-bottom: 3px;
}

#sitemap404 #top dt a,
#sitemap404 #mp3 dt a{color: #e89200;}
#sitemap404 #its dt a{color: #6C6C6C;}
#sitemap404 #cd dt a{color: #1253bb;}
#sitemap404 #dvd dt a{color: #109f4d;}
#sitemap404 #game dt a{color:#c81332;}
#sitemap404 #pc dt a{color:#007692;}
#sitemap404 #electronics dt a{color:#9112bb;}
#sitemap404 #book dt a{color:#bb3d14;}
#sitemap404 #mobile dt a{color:#569f10;}
#sitemap404 #hobby dt a{ color:#11ada0;}
#sitemap404 #fashion dt a{color:#bb136a;}
#sitemap404 #others dt a{color:#566c91;}

#sitemap404 dd{
	margin-bottom: 3px;
	padding-left: 0.5em;
}

#bottomList{
	clear: both;
	padding: 20px 0;
}


/* 1-3.404ページ：バナー
----------------------------------*/
#linkBanner{
	float: right;
}

#bnrBlog a,
#bnrMatome a,
#bnrTwitter a {
	display: block;
	width: 225px;
	height: 75px;
	margin: 0 0 0 2px;
	padding: 0;
	border: none;
	background: url("../img/img_404banner.png") no-repeat;
	text-indent: -9999px;
}

#bnrBlog a:hover{
	background-position: 0 -75px;
}

#bnrMatome a{
	margin-top: 10px;
	border-top: 1px dotted #d2d2d2;
	background-position:0 -150px;
}

#bnrMatome a:hover{
	background-position: 0 -225px;
}

#bnrTwitter a{
	margin-top: 10px;
	border-top: 1px dotted #d2d2d2;
	background-position: 0 -300px;
}

#bnrTwitter a:hover{
	background-position: 0 100%;
}


/*----------------------------------------
2.メンテナンスページ
----------------------------------------*/
#maintenance #container{
	background:none;
}

#maintenance #main{
	width:100%;
}

#maintenanceMessage{
	margin:100px auto;
	width:328px;
	
	text-align:center;
}


/*----------------------------------------
3.ニコニコ市場とは
----------------------------------------*/
#about_intro {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #919191;
	background: #ddd url("../img/bgd_stripe.gif");

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#about_intro a,
#about_function .about a{
	font-weight:bold;
}

#about_intro h2{
	margin:-20px -20px 0;
	_margin-top:-5px;
	background:none;
}

#about_intro .musume{
	margin:-35px -10px 0;
	_margin-right:-5px;
	float:right;
}

#about_intro p{
	margin:0 10px 10px;
}

#about_function,
#about_environment{
	padding: 5px 6px 30px;
}

#about_function h2,
#about_environment h2{
	margin: 0 0 5px;
	padding: 2px 0 8px 20px;
	border-bottom: 1px solid #d2d2d2;
}

#about_function .link{
	margin:0 10px 10px;
}

#about_function .link li{
	margin-right:2px;
	float:left;
	font-size:x-small;
}

#about_function .about{
	margin-bottom:100px;
}

.img_right{
	float: right;
	margin:0 5px;
}

#about_function p,
#about_environment p{
	margin: 0 5px 10px;
}

#about_environment .browser ul {
	list-style: disc;
	list-style-position: inside;
	margin: 5px 0 15px 10px;
}

.aboutCaution{
	margin: 5px 5px 10px;
	padding: 10px;
	border: 1px solid red;
}

.aboutDeleteApply{
	margin: 0 0 10px 10px;
}

.aboutDeleteApply dt {
	font-weight: bold;
}

.aboutDeleteApply dd {
	margin: 0 0 5px 10px;
}

.aboutDeleteApply dd ul{
	margin: 5px 0 0 10px;
	list-style: disc;
	list-style-position: inside;
}

.aboutDeleteApply dd ul li{
	font-weight: bold;
}

.checkboxBehavior{
	margin-left:1em;
}

.checkboxBehavior p{
	margin-bottom:3px;
}

.about .ranking,
.checkboxBehavior table{
	margin:0 5px 5px 5px;
	width:99%;
	border: 1px solid #CCC;
}

.about .ranking .case,
.checkboxBehavior table .case{
	padding:10px 5px;
	background:#F5F5F5;
	border:1px solid #CCC;
	white-space:nowrap;
}

.about .ranking .behavior,
.checkboxBehavior table .behavior{
	width:100%;
	border-bottom:1px solid #CCC;
	padding:5px; 
}

.about .ranking .behavior2,
.checkboxBehavior table .behavior2{
	padding:5px;
}

.about h4{
	margin:20px 0 0 5px;
	border-left:3px solid #F1BE66;
	padding-left:3px;
	font-weight:bold;
}

.about .indent{
	margin-left:10px;
}

.about_point{
	margin-bottom:20px !important;
	border:1px solid #ccc;
	background:#E4E4E4;
	padding:5px 5px 10px;
}

.about_img{
	margin:5px 0 10px;
}

.itemRock{
	color:#FF9900;
}


/*----------------------------------------
4.サイトマップ
----------------------------------------*/
#sitemap {
	padding: 5px 6px 30px;
	border-top: 1px solid #d2d2d2;
}

#sitemap div{
	border-bottom: 1px solid #d2d2d2;
}

#sitemap h3 {
	float: left;
	width: 150px;
	margin: 10px 0;
	padding: 0 10px;
	border: none !important;
	background: none !important;
}

#sitemap ul {
	margin: 0 0 0 170px;
	padding: 0 0 15px 10px;
	border-left: 1px dotted #d2d2d2;
}

#sitemap ul li {
	float: left;
	line-height: 1.3em;
	margin: 10px 0 0;
	padding-left: 17px;
	width: 150px;
	background: url("../img/icn_arrowRight.png") no-repeat;
	font-size: 93%;
}


/*----------------------------------------
5.まとめ買い
----------------------------------------*/
/* 5-1.ベースレイアウト
----------------------------------------*/
#matome {
	padding-bottom: 0;
/*	border-top: 1px solid #d2d2d2;*/
}

#matome h2 {
	margin: 0;
	padding: 0;
	width: 728px;
	border: none;
	background: none;
}

#matome .searchbox {
	margin: 10px 0;
	padding: 1px;
	border: 1px solid #d2d2d2;
}

#matome .searchbox dl {
	background: #d2d2d2 url("../img/bgd_stripe.gif");
	padding: 8px;
}

#matome .searchbox dt,
#matome .searchbox dd,
#matome .searchbox form {
	display: inline;
	font-weight: bold;
	font-size: 100%;
}

#matome .searchbox dd.category {
	margin-right: 20px;
}

#matome .searchbox form input.text {
	width: 180px;
	color: #b4b4b4;	
}

#matome .matomegai {
	margin:10px 0;
}

#matome .matomegai ul li {
	width: 175px;
	margin-right: 1px;
	margin-bottom: 1px;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

#matome .matomegai ul li dl {
	width: auto;
	margin: 10px;
}


/* 5-2.詳細
----------------------------------------*/
#matomeDetail {
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 2px dotted #d2d2d2;
}

#matomeDetail ul li#thumbnail {
	float: left;
	width: 210px;
}

#matomeDetail ul li#detailInner {
	float: left;
	width: 330px;
	margin: 0;
}

#matomeDetail ul li#detailInner dl {
	float: none;
	width: 330px;
	margin: 0;
	padding: 0;
	border: none;
}

#matomeDetail ul li#detailInner dl dt,
#matomeDetail ul li#detailInner dl dd {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	font-weight: bold;
	text-align: left;
}

#matomeDetail ul li#detailInner dl dd {
	font-size: 77%;
	font-weight: normal;
}

#matomeDetail ul li#detailInner dl dd.linkMatome{
	width: 321px;
}

.checkCaution {
	margin-bottom: 10px;
	padding: 5px 10px;
	border-bottom: 1px dotted #d2d2d2;
}

.checkCaution li {
	float: left;
}

.checkCaution .checkAll{
	float: right;
}

.checkCaution .checkAll li{
	display: inline;
	margin-right: 5px;
}


/* 5-3.購入ボタン
----------------------------------------*/
#matomeBuyButton {
	width: 330px;
	margin: 15px auto;
	font-size: 77%;
}

.linkMatome input.matomeBtn {
	display: block;
	width: 321px;
	height: 36px;
	margin: 10px auto;
	border: none;
	background: url("../img/btn_matomegai.png") no-repeat;
	text-indent: -9999px;
}

.linkMatome input.matomeBtn:hover {
	background:url("../img/btn_matomegai.png") no-repeat 0 -36px;
}


/*----------------------------------------
6.ランキング
----------------------------------------*/
/* 6-1.ベースレイアウト
----------------------------------------*/
#ranking,
#schedule,
#saleAndReserve {
	padding: 5px 5px 0;
/*	border: 1px solid #d2d2d2;*/
	border-bottom: none;
}

#ranking h2,
#schedule h2,
#search h2,
#saleAndReserve h2 {
	margin: 0 0 5px;
}

#ranking h3,
#schedule h3 {
	margin: 5px 0 10px;
}

#ranking .pagenation {
	padding: 0 0 2px;
}


/* 6-2.リスト
----------------------------------------*/
#rankingList li dl dd {
	margin-left: 110px;
}

#rankingList li dl dt {
	float: left;
}

#rankingList li dl dd.rank,
#rankingList li dl dd#rank1,
#rankingList li dl dd#rank2,
#rankingList li dl dd#rank3 {
	font-weight: bold;
	font-size: 116%;
}

#rankingList li dl dd#rank1 {
	padding-left: 20px;
	background: url("../img/icn_rnk_01.gif") no-repeat;
}

#rankingList li dl dd#rank2 {
	padding-left: 20px;
	background: url("../img/icn_rnk_02.gif") no-repeat;
}

#rankingList li dl dd#rank3 {
	padding-left: 20px;
	background: url("../img/icn_rnk_03.gif") no-repeat;
}

#rankingList li dl dd.reserved,
#rankingList li dl dd.clickCount {
	float: right;
	margin: -1.3em 0 0;
}

#rankingList li dl dd.category {
	clear: right;
}

#rankingList li dl dd.price{
	display: inline;
	margin: 0 0 0 7px;
	padding: 0 8px 0 0;
	border-right: 1px solid #b8b8b8;
}

#rankingList li dl dd.release {
	display: inline;
	margin-left: 8px;
}

#userRanking ul#rankingList dl dd{
	margin-left:0;
}

#rankingSalegraph{
	margin: 10px -5px 0;
	padding: 5px;
	border-top: 1px dotted #d2d2d2;
}

#rankingSalegraph h3{
	margin-bottom: 5px;
}


/* 6-3.推移
----------------------------------------*/
span.new {
	color: #e6211a;
	font-size: 77%;
}

span.up {
	color: #ff6600;
	font-size: 77%;
}

span.down {
	color: #0099cc;
	font-size: 77%;
}

span.stay {
	color: #008740;
	font-size: 77%;
}


/* 6-4.ユーザー
----------------------------------------*/
#userRanking {
	margin-top: 10px;
}

#rankingList li dl dt img {
	border: 1px solid #CCC;
}

#rankingList dd.nickname {
	padding: 5px 0;
	font-weight: bold;
	font-size: 123.1%;
}

#rankingList dd.userPasted span {
	color: #FF0000;
	font-weight: bold;
}

#rankingList dd.mostPastedItem {
	margin-top: 1em;
}

#userRanking #rankingList dt {
	margin-bottom: 5px;
}


/*----------------------------------------
7.検索
----------------------------------------*/
/* 7-1.ベースレイアウト
----------------------------------------*/
#search{
	padding-bottom: 0;
	border-top: 1px solid #d2d2d2;
}

#search h3 {
	margin: 0 0 10px;
}

#search .searchbox {
	padding: 0 0 6px;
	border-top: 1px solid #d2d2d2;
	background: #D2D2D2 url("../img/bgd_stripe.gif");
}

#search .searchbox form {
	width: 100%;
	padding: 8px 0 0 4px;
	border-top: 1px solid #FFF;
	text-align: left;
}

#footerSearch form input.text,
#search .searchbox form input.txt {
	width: 350px;
	height: 20px;
	padding: 2px 0 2px 3px;
	border: 1px solid #CCC;
	border-left: 1px solid #A5ACB2;
	border-top: 1px solid #A5ACB2;
	color: #B4B4B4;
	font-size: 123.1%;
}

#search .searchbox form input.txt {
	color: #444;
}

#searchGuidance {
	margin: 20px 10px 30px;
}

#searchGuidance p.info {
	margin-bottom: 2.0em;
	line-height: 1.4em;
	font-size: 116%;
}

#searchGuidance ul {
	margin-top: 2px;
	padding: 8px;
	border: 1px solid #d2d2d2;
	background: #f7f7f7;
}

#amazonNewItemInput .txt{
	background:#FFF9B5;
	color:#666;
}

#search .categoryMenu form input.text,
.searchbox form input.text {
	width: 350px;
	color: #444;
}

#search .pagenation {
	margin: 5px 0;
}

.selectOrder {
	margin: 5px 0 0 3px;
}

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

.selectOrder li {
	display: inline;
	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px solid #CCC;
	font-size: 93%;
}

.selectOrder li.act {
	font-weight: bold;
}

.selectOrder li a:link,
.selectOrder li a:visited {
	color: #0066cc;
}

#resultSection {
	border-bottom: 1px solid #d2d2d2;
}

#resultStats {
	float: left;
	margin: 12px 0 0 3px;
	font-size: 85%;
}

#resultStats p {
	float: left;
}

#resultStats p span {
	font-size: 123.1%;
	font-weight: bold;
}

.searchbox p{
	margin: 0 0 20px 10px;
}

.searchbox li{
	margin-bottom: 3px;
}

.searchbox form,
.categoryMenu form {
	height: 123.1%;
	padding: 5px 0;
	font-size:123.1%;
	text-align: center;
}

input.btnSubmit {
	width: 90px;
	height: 25px;
}

#search h3.mobile span{
	float: right;
}

#search  p.artist{
	padding: 2px 10px;
}

#search .itemList li dl dt.thumbnailMobile100{
	height: 30px;
	padding: 15px 0;
}


/* 7-2.該当商品なし
----------------------------------------*/
#noItem {
	padding: 10px;
	border-top: 1px solid #D2D2D2;
}

#noItem h2 {
	margin: 0;
	padding: 0;
	background: none;
	color: #666;
	font-size: 108%;
}

#noItem p {
	font-size: 93%;
}

#noItem .searchbox {
	border: 1px solid #CCC;
}

#noItem input {
	width: 340px;
	height: 20px;
}

#noItem input.btnSubmit {
	width: 80px;
	height: 26px;
}

#noItem p.categoryList {
	margin-top: 20px;
	padding: 5px;
	color: #666;
	font-weight: bold;
}
	
/*----------------------------------------
8.もうすぐ発売
----------------------------------------*/
/* 8-1.発売日カウントダウン
----------------------------------------*/
h3 #today {padding: 3px 7px;margin-left: 10px;background: #f00;color: #fff;border-radius :5px;}
h3 #count {padding: 3px 7px;margin-left: 10px;background: #888;color: #fff;border-radius :5px;}

/* 8-2.もっと見るボタン
----------------------------------------*/
#schedule input.moreButton{ margin: 30px 0;width: 100%;padding: 10px;font-size: 15px;letter-spacing: 15px;}
#schedule input.moreButton:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}

/* 8-3.サムネイル一覧
----------------------------------------*/
#schedule h3{
	clear:both;
}

#viewSwitch{
	float:right;
	padding:5px;
}

#viewSwitch li{
	float:left;
	height:15px;
	padding:0 5px 0 18px;
}

#viewSwitch .act{
	font-weight:bold;
}
	
#viewSwichDetail{
	background:url(../img/icn_viewSwitch.gif) no-repeat;
}

#viewSwichThumbnail{
	background:url(../img/icn_viewSwitch.gif) no-repeat 0 -15px !important;
}

.itemListThumbnail{
	padding:0 5px 5px;
}

.itemListThumbnail li{
	margin:0 0 10px 0;
	padding:0 5px 10px 10px;
	float:left;
	width:100px;
	height:200px;
	border-bottom:1px dotted #ccc;

/*	font-size:x-small;	*/
}

.itemListThumbnail dd{margin:0 2px;}

.itemListThumbnail .thumbnail{
	height:100px;
}

.itemListThumbnail .title{
	margin-bottom:5px;
	line-height:1.1em;
	overflow:hidden;
	font-weight:bold;
}

.itemListThumbnail .reserved{
	margin-bottom:5px;
	line-height:1em;
	height:2em;
}

.itemListThumbnail .relatedNicoVideo{
	color:#bbb;
	font-weight:normal;
	display:block;
}

/*----------------------------------------
9.エラーページ
----------------------------------------*/
#error #container{
	background:none;
}

#error #main{
	width:100%;
}

#errorMessage{
	margin:100px auto;
	
	text-align:center;
}