@charset "UTF-8";
/*
@import "brand_res_contents.css";
*/
/*list*/

@import "brand_res_contents.css";

#brand_list {
	clear: both;
	width: 100%;
}
#brand_list ul {
	float: left;
	margin: 10px 0 3px;
}
#brand_list li {
	float: left;
	margin: 5px 2px 0 2px;
	padding: 2px 3px;
	border: 1px #8F8F8F solid;
	background: #FFF;
	-webkit-box-shadow: inset -2px -1px 3px 0px #C6C6C6;
	-moz-box-shadow: inset -2px -1px 3px 0px #C6C6C6;
	box-shadow: inset -2px -1px 3px 0px #C6C6C6;
	
	color: #D5D5D5;
	font-size: 70%;
}

#brand_list li.current {
	border: 1px #000 solid;
	background: #2B2B2B;
	-webkit-box-shadow: inset -2px -1px 3px 0px #000;
	-moz-box-shadow: inset -2px -1px 3px 0px #000;
	box-shadow: inset -2px -1px 3px 0px #000;
}
#brand_list li a{
	color: #1F1F1F;
	text-decoration: none;
}
#brand_list li.current a {
	color: #FFF;
}

#brand_list table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
#brand_list table td {
	height: 30px;
}
#brand_list table,
#brand_list table td {
	vertical-align: middle;
}
#brand_list table td.code {
	width: 26px;
}
#brand_list table td a {
	display: block;
	height: 50px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 1px #A7A7A7 solid;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px;
	font-size: 70%;
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFF;
	background: #D3D3D3 url('../../../img/contents/bg_w1.jpg') bottom repeat-x;
}
#brand_list table td.code a{
	padding: 0 4px;
	text-align: center;
	border-right: 1px #C0C0C0 solid;
}

#brand_list table td.name a {
	position: relative;
}
#brand_list table td.name a span {
	display: block;
	position: absolute;
}
#brand_list table td.name a span.code_name {
	top: 0;
	left: 6px;
	line-height: 50px;
	text-decoration: underline;
	color: #000;
}
#brand_list table td.name a span.value,
#brand_list table td.name a span.value_diff {
	line-height: 15px;
	right: 4px;
	font-size: 11px;
	texty-decoration: none;
}
#brand_list table td.name a span.value {
	top: 0;
	color: #000;
}
#brand_list table td.name a span.value_diff {
	top: 15px;
	color: #808080;
}
#brand_list table td.name a:hover span {
	text-decoration: none;
	color: #D50000 !important;
}

#contents_body h2#ranklink {
	display: block;
	width: 100%;
	position: relative;
	margin: 15px 0;
	padding: 0;
	border: 0;
}
#ranklink a {
	display: block;
	float: left;
	margin-bottom: 8px;
	padding: 0 9px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 5px 0 #000;
	box-shadow: 1px 1px 5px 0 #000;
}
#ranklink > span {
	display: block;
	float: left;
	font-size: 11px;
	font-weight: normal;
}
#contents_body #ranklink a span {
	font-weight: bold;
	font-size: 14px
}
#ranklink a._22 {
background: #a90329;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
#ranklink a._yy {
background: #1165a0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNjVhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzQ2ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1165a0 0%, #0c4683 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1165a0), color-stop(100%,#0c4683));
background: -webkit-linear-gradient(top,  #1165a0 0%,#0c4683 100%);
background: -o-linear-gradient(top,  #1165a0 0%,#0c4683 100%);
background: -ms-linear-gradient(top,  #1165a0 0%,#0c4683 100%);
background: linear-gradient(to bottom,  #1165a0 0%,#0c4683 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1165a0', endColorstr='#0c4683',GradientType=0 );
}
#ranklink a:hover {
	color: #FFFF00;
}

#code_category,
#code_theme {
	float: left;
	width: 100%;
	margin-top: 15px;
	padding: 0 4px;
}
#code_category li,
#code_theme li {
	margin: 0 5px 5px 0;
	background-color: #FFF;
	-webkit-box-shadow: inset 2px 1px -3px 0px #FFF;
	-moz-box-shadow: inset 2px 1px -3px 0px #FFF;
	box-shadow: inset 2px 1px -3px 0px #FFF;
}
#code_category a,
#code_theme a {
	color: #FFF;
	line-height: 25px;
	text-decoration: none;
}
#code_category li:hover,
#code_theme li:hover {
	background-color: #FF7D7D;
}
#code_category li:hover a,
#code_theme li:hover a {
	color: #FFF;
}



/*item*/

#brand_item {
	margin-bottom: 10px;
}
#other_contents.brand_item_wrap h1 {
	display: block;
	width: 100%;
	padding: 15px 6px;
	border: 0;
	font-size: 18px;
	background-color: #990000;
}
#other_contents h1 span.brand_items_code {
	padding: 0 3px;
	margin-right: 5px;
	color: #2B2B2B;
	background: #FFF;
}

#brand_index, #brand_line_items {
/*
	float: left;
*/
	clear: both;
	font-size: 90%;
}
#brand_index > div, #brand_line_items > div {
	float: left;
	width: 100%;
	padding: 8px 0;
	border-top: 1px #D8D8D8 solid;
	border-bottom: 1px #B0B0B0 solid;
}
div.brand_about p {
	float: left;
	margin-right: 5px;
	font-size: 13px;
	line-height: 1.6;
	color: #777;
}
div.brand_about span {
	margin: 0 5px;
	color: #333;
	font-size: 13px;
}
div.brand_about span a {
	font-size: 13px;
}
div.brand_about p.about {
	margin-top: 3px;
	width: 100%;
	color: #9F5000;
}
#AboutText {
	float: left;
	position: relative;
	width: 100%;
	padding: 8px;
	margin: 8px 0;
	border: 1px #333 dotted;
	background-color: #FFF5F5;

	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
#AboutText.continueTri {
	height: 126px;
}
#AboutText.continueTri:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	content: "続きを表示";
	line-height: 30px;
	font-size: 13px;
	color: #FFF;
	background-color: #990000;
	z-index: 10;
	opacity: 0.8;
}

#AboutText p {
	margin: 0;
	font-size: 13px;
	color: #2C2C2C;
	line-height: 22px;
}
#AboutText p > span.t {
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
	line-height: 1.3;
}

#brand_index p.about span.joujouhaishi {
	color: #FF0000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: blink;
}

div.brand_chart {
	width: 100%;
	text-align: center;
}
div.brand_chart p {
	width: 100%;
	text-align: center;
}
div.brand_chart p a {
	display: block;
	width: 100%;
	margin: 0 auto;
}
div.brand_chart p a > img {
	display: block;
	width: 100%;
	height: auto;
}

#brand_banner_item {
	clear: both;
	background: #FBF4DD;
}
#brand_banner_item a {
	display: block;
	position: relative;
	padding-right: 20px;
	text-decoration: none;
	font-size: 12px;
	color: #555;
	background: url('../../../img/sp/item/arrow-r.png') right center no-repeat;
}
#brand_banner_item a span {
	font-weight: bold;
	font-size: 15px;
}
#brand_banner_item a span.banner_code {
	color: #000;
}
#brand_banner_item a span.red {
	color: #FF0000;
}
#brand_banner_item a span.blue {
	color: #0067CE;
}
#brand_banner_item a:hover {
	color: #BBB !important;
}
#brand_item #brand_page_pock_middle {
	float: left;
	width: 100%;
	border: 0;
	padding: 35px 0 0;
}
#brand_page_pock_middle span.scoop {
	padding: 3px 4px;
	border-radius: 4px;
	color: #FFF;
	font-weight: bold;
	background: #FF0000;
}
#brand_page_pock_middle a {
	display: block;
	padding: 7px 0 35px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.4;
	color: #000;
	letter-spacing: 0.1em;
	font-family: 'Lucida Grande',Arial,'Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif;
	text-decoration: none;
}
#brand_page_pock_middle a span {
	text-decoration: none;
	font-weight: bold;
}
#brand_page_pock_middle a span i {
	font-style: normal;
	font-size: 13px;
}
#brand_page_pock_middle a span i u {
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}

#brand_page_pock_middle a input {
	padding-left: 12px;
	padding-right: 12px;
	cursor: pointer;
	color: #FF0000;
	letter-spacing: normal;
}
#brand_page_pock_middle a span.abo {
	display: inline-block;
	padding: 0.2em 1em;
	text-decoration: none;
	background: #B50000;
	color: #FFF;
	font-weight: normal;
	border-bottom: solid 2px #627295;
	border-radius: 3px;
}
#brand_page_pock_middle a:hover span {
	text-decoration: underline;
}
#brand_page_tex {
	clear: both;
	width: 100%;
	padding-top: 3px;
	clear: both;
}
#brand_page_tex p.tx:before {
	content: "<PR>";
	color: #888;
	font-size: 11px;
}
#brand_page_tex p.tx a {
	color: #FF0000;
	letter-spacing: 1.1px;
}
#brand_page_tex p.tx a:hover {
	color: #333;
}

/*
div.brand_index_block {
}
div.brand_index_block table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	width: 100%;
}
div.brand_index_block table th, div.brand_index_block table td {
	height: 28px;
	border: 1px #525252 solid;
	text-align: center;
	padding: 0 5px;
	font-weight: normal;
	background: #000 url('../../../img/sp/contents/bg_b4.jpg') repeat-x bottom;
	color: #FFF;
}
div.brand_index_block table th {
	width: 45px;
}
div.brand_index_block table th span.delay_time {
	font-size: 80%;
}
*/
div.brand_navi {
	display: block;
	position: relative;
	margin: 0;
	width: 100%;
}
div.brand_navi li {
	float: left;
	margin-right: 10px;
}
div.brand_navi li a {
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
}
div.brand_navi li.kabudora {
	float: right;
	margin-right: 0;
	padding-left: 20px;
	font-size: 12px;
	color: #0099CC;
	background: url("../../../img/item/icon/dragon.png") left center no-repeat;
}
div.brand_navi li.kabudora a {
	width: auto;
	height: auto;
}
/*
#brand_info_more {
	padding-bottom: 55px !important;
}
*/
div.brand_related, div.brand_res_search_tag {
	width: 100%;
	margin: 7px 0 0;
	line-height: 1.6;
}
div.brand_related ul, div.brand_res_search_tag ul {
	text-align: left;
}
div.brand_related li, div.brand_res_search_tag li {
	margin-right: 15px;
	padding: 2px 0;
	display: inline;
}
#brand_ad_center {
	display: block;
	position: absolute;
	margin-top: 7px;
	left: 0;
	height: 50px;
	overflow: hidden;
}
#brand_ad_center_inner {
	width: 320px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
}
#brand_ad_center2 {
	clear: both;
	margin-top: 8px;
}
#brand_ad_center2 div.spBrandCe {
	width: 100%;
}
#brand_ad_center2 div.spBrandCe > div {
	margin: 0 auto;
}
#brand_ad_center2 #spBrandCad336 > div {
	width: 336px;
}
#brand_ad_center2 #spBrandCad300 > div {
	width: 300px;
}

#brand_line_items > div{
	padding: 15px 0;
}
#brand_line_items div.social_block_items h2 {
	border-left: 5px solid #333333;
	font-size: 100%;
}

#brand_blg > div{
	padding: 3px;
	border: 1px #535353 solid;
	-webkit-box-shadow: inset 0px 2px 5px 0px #6C6C6C;
	box-shadow: inset 0px 2px 5px 0px #6C6C6C;
}
#brand_blg li > p {
	padding: 6px 0;
    border-bottom: 1px solid #C0C0C0;
}
#brand_blg li > p span {
	display: block;
	padding-left: 12px;
	background: url('../../../img/sp/item/allow1.gif') no-repeat;
	font-size: 90%;
}
#brand_blg li > p a {
	display: block;
}
#brand_blg dl {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #DFDFDF;
}
#brand_blg dd {
	padding-left: 12px;
	background: url('../../../img/sp/item/allow1.gif') no-repeat;
	font-size: 90%;
}
#brand_blg dt {
	font-weight: normal;
	padding: 5px 0;
}
#brand_blg ul {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

div.brand_2ch_res_block, div.brand_yahoo_top_block, div.base_twitter, div.brand_news {
	display: none;
	border-top: 1px #000 solid;
	background: url('../../../img/sp/contents/menu_bg.png');
}
div.brand_2ch_res_block {
	display: block;
}
div.brand_yahoo_top_block {
	background: #FFF;
}
div.base_twitter {
	background: #FFF;
	box-shadow: 0 2px 5px 0 #6C6C6C inset;
	padding: 3px;
}
div.base_twitter table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	width: 100%;
	border-top: 1px #D8D8D8 solid;
	border-bottom: 1px #B0B0B0 solid;
	-webkit-box-shadow: inset 0px -5px 7px 2px #EBEBEB;
	box-shadow: inset 0px -5px 7px 2px #EBEBEB;
}
div.base_twitter table th,
div.base_twitter table td {
	vertical-align: middle;
}
div.base_twitter table th {
	padding: 5px 5px 5px 0;
	width: 48px;
}
div.base_twitter table th a {
	display: block;
	width: 48px;
	height: 48px;
}
div.base_twitter table td {
	font-size: 100%;
}
div.base_twitter table td p {
	margin: 8px 0;
}
div.base_twitter table td p span {
	font-weight: bold;
}
div.base_twitter table td p span.twi_date {
	font-weight: normal;
	color: #A8A8A8;
}
#saranitweetwosagasu {
	padding: 10px 4px;
	text-align: right;
}

div.brand_news {
	padding: 3px;
	border: 1px #535353 solid;
	-webkit-box-shadow: inset 0px 2px 5px 0px #6C6C6C;
	box-shadow: inset 0px 2px 5px 0px #6C6C6C;
}
div.brand_news li {
	padding: 4px 0;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #DFDFDF;
}
div.brand_news li span {
	margin-right: 5px;
}
p.res_cnt {
	color: #70584B;
	font-size: 11px;
}
p.res_cnt span {
	font-size: 13px;
	font-weight: bold;
}
p.hide_res {
	display: none;
	position: fixed;
	top: 5px;
	right: 5px;
	cursor: pointer;
}
p.show_res {
	width: 100%;
	margin-top: 10px;
}
p.show_res input{
	width: 100%;
	height: 25px;
	text-shadow: 1px 1px 0 #FFF;
}
#brand_2ch p.show_res input {
	color: #800000;
}
#brand_2ch div.brand_2ch_res_block {
	padding: 0;
}
#brand_2ch div.brand_2ch_res_block:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

#brand_2ch_items > div > div, #brand_yahoo_items > div > div, #base_twitter {
	float: left;
	width: 100%;
}
#brand_2ch_items img.b2rb_wait {
	display: none;
}
#brand_2ch_items input.b2rb_show {
	padding: 5px 9px;
	font-weight: bold;
	font-size: 15px;
	color: #BD0000;
	cursor: pointer;
}

#brand_2ch_items span.b2rb_show {
	padding-left: 20px;
	font-size: 15px;
	text-decoration: underline;
	color: #AE0000;
	font-weight: bold;
	cursor: pointer;
	background: url('../../../img/item/allow4.gif') left center no-repeat;
}
#brand_2ch_items span.b2rb_show:hover {
	text-decoration: none;
	color: #000;
}

#brand_yahoo p.show_res input {
	color: #0F587B;
}
#brand_twitter p.show_res input {
	color: #005AB5;
}

#brand_news_items > div {
	margin-top: 7px;
}
#brand_news_items h3 span {
	margin-left: 5px;
	color: #9E9E9E;
	font-size: 90%;
}
#BrandIr {
	display: none;
	clear: both;
	background: #FFF;
	box-shadow: 0 2px 5px 0 #6C6C6C inset;
	padding: 3px;
}
#BrandIr li {
	font-size: 12px;;
	line-height: 20px;
}
#BrandIr li span {
	font-size: 10px;
	color: #888;
}


p.tth {
	float: left;
	margin: 25px 0;
	font-weight: bold;
}
p.tth span {
	font-weight: normal;
	color: #808080;
	font-size: 90%;
}

#main_contents #main div.AdBrandContent {
	clear: both;
	float: none;
}



p.ToBrSite {
	clear: both;
	padding-top: 15px;
	padding-right: 5px;
	text-align: right;
}
p.ToBrSite a {
	font-size: 10px;
}