@charset "utf-8";

/* =====================================================
 Font set
-------------------------------------------------------*/
body {font:13px/1.231 "Verdana","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",arial,helvetica;

	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}


/* =====================================================
 Navbar
-------------------------------------------------------*/

/*縮めたときのマージン*/
.navbar {
  margin-bottom: 10px;
}

.navbar .brand {
	font-size:13px;
  color: #333333;
  text-shadow:none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
		font-weight:bold;
  background-color: #0b3d0b;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.navbar .nav > li > a {
  color: #333333;
  text-shadow:none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #0b3d0b;
}


.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

/* =====================================================
 shopNavi
-------------------------------------------------------*/

#shopNav {
	margin:23px 0 0 0;
}
	
#shopNav li {
 display: inline-block;
 *display: inline;
	padding-left:12px;
 zoom:1;
}

/* =====================================================
 breadcrumb
-------------------------------------------------------*/

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: #ffffff;
/*  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
}

.breadcrumb li,
.footer-nav li {
  display: inline-block;
  *display: inline;
  /*text-shadow: 0 1px 0 #ffffff;*/
  *zoom: 1;
}

.breadcrumb .divider,
.footer-nav .divider {
  padding: 0 5px;
  color: #999;
}

.breadcrumb .active {
  color: #666;
}

/* =====================================================
 pagetop
-------------------------------------------------------*/

#pagetop {
	clear:both;
	text-align:center;
	margin-top:24px;
}


/* =====================================================
 footer
-------------------------------------------------------*/

.footer {
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
/*  background-color: #f5f5f5;
*/}

.footer-nav,
footer p {
  padding: 8px 15px;
  margin: 0;	
		font-size:12px;
}

/* =====================================================
 h tags
-------------------------------------------------------*/

h1,
h2,
h3 {
  line-height: 20px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

.h1_unit {
  padding: 0 10px 2px;
  margin-bottom: 10px;
  /*background-color: #CFE2D4;*/
  /*-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;*/
		/*border-top:solid 1px #2C523C;*/
}

.h1_unit h1 {
	font-size:24px;
	font-weight:normal;
 font-family: "UD Reimin Medium";
}

#articles {
 margin-bottom:20px;	
}

h2 {
	margin-bottom:1em;
	}
	

/* =====================================================
 sidebar
-------------------------------------------------------*/

.nav-header {
  font-size: 16px;
  color: #000;
  text-shadow:none;
  font-weight:normal;
  padding: 25px 5px 7px;
/*		-webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;*/
}

.nav li + .nav-header {
  margin-top: 0px;
		}

.nav-list .nav-header {
		/*border-bottom:solid 1px #2C523C;*/
  text-shadow:none;
  /*background-color: #DDDED3;*/
}

.well {
  background-color: #ffffff;
  border: none;
  padding: 0px;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

.nav-list > li > a,
.nav-list .nav-header {
  text-shadow:none;
}

.nav-list > li > a {
  padding: 7px 5px;
/*		border-bottom: 1px solid #e5e5e5;
		border-left:1px solid #e5e5e5;
		border-right:1px solid #e5e5e5;*/
		border-bottom: 1px dotted #999;
  color:#333;
}

.catnav .icon-chevron-right{
	float:right;
	margin-right:-6px;
	
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
  color: #333333;
  text-shadow:none;
  background-color: #CFE2D4;
}

.form-actions {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
}

legend {
 font-weight:bold;
 margin-bottom: 10px;
 font-size: 14px;
	border:none;
 line-height: 30px;
}

.help-block {
	margin-top:7px;
}

.input-medium {
  width:95%;
}

.bannertxt {
	text-align:center;
	margin-bottom:10px;
}


/* =====================================================
 ショップエラーページ等
-------------------------------------------------------*/
.alert-size {
	font-size:24.5px;
	color: #3a87ad;
	font-weight:500;
	margin:1em 0;
}
	


/* =====================================================
 ショップトップページ　#index.html
-------------------------------------------------------*/
#s_top h2 {
	line-height:16px;
	margin-top:0;
}

#s_top .miru {
	overflow:hidden;
	zoom:1;
	margin-bottom:1em;
	}

#s_top dl.onair dt {
	color:#555555;
	margin-top:0.5em;
}

#s_top dl.onair dd {
margin-left:3em;
line-height:1.5:;
}

#s_top dl {
	margin-bottom:0.2em;
}

#s_top p {
line-height:1.75;
}

.osusume-title {
  padding: 8px 14px;
  margin: 0 0 5px 0;
  font-size: 14px;
		color:#666666;
  line-height: 18px;
  background-color: #f7f7f7;
  border: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
}

a[target="_blank"]:after {
	content: url("/images/share/external-link.png");
	margin: 0px 3px;
}

#s_top dl.onair dt.new:before{
	content: url("/images/share/new_02r.gif");
	margin: 0px 3px;
}


/* =====================================================
 商品詳細ページ　#item
-------------------------------------------------------*/

#item h1.itemTitle {
	font-size:18px;
	}

#item .itemColor {
font-size:123.1%;
margin-bottom:0.5em;	
}

/* サムネイル画像のリスト 300px以内 */

ul.thumbnail_list {
/*	max-width:300px;
*//*	max-width:100%;
*/}

#item .thumbnail_list li {
	float:left;
	list-style: none;
 *zoom: 1;
	padding:5px 5px 0 0;
}

#item .thumbnails_list li a {
	display:block;
}

/*ul.thumbnail_list:before,
ul.thumbnail_list:after {
  line-height: 0;
  content: "";
}

ul.thumbnail_list:after {
  clear: both;
}*/

#item .special_price {
padding:0px;
margin-right:0.5em;
font-size:123.1%;
color:#ee0000;
}

#item .itemPrice {
font-weight:bold;
font-size:123.1%;
}

.itemPrice {
color:#ee0000;
}
.itemPrice_addition {
	margin-left:0.5em;
}

#item .itemPrice_text {
margin:20px 0 30px 0;
}

.specText {
 margin-top:15px;
}

.specText caption {
padding:3px 1px 3px 3px;
text-align:left;
font-weight:bold;
}


.specText th {
background-color:#efefef;
}

.specText td.stone {
 line-height:1.75;
}

p.salesText {
	line-height:1.75;
}

#item h2 {
	margin-bottom:2px;
}
#item p.itemTitleEn {
	font-size:14px;
	color:#666666;
}

#item h2.kanren {
margin:30px 0 7px;	
}

.flex-direction-nav a {display: none;}

/* =====================================================
 スケジュールページ　#tv
-------------------------------------------------------*/
#tv h2 {
	margin:5px 0 0;
}

#tv div.miru {
	overflow:hidden;
	zoom:1;
}
#tv div.miru p {
margin:5px 0 0;	
}

#tv div.media {
margin-bottom:25px;	
}

#tv h3.onair_title {
margin:10px 0 10px;
}

#tv div.onair_date {
font-weight:bold;	
margin-bottom:1em;
}

#tv span.onair_time {
font-weight:normal;		
}

#tv div.onair_content {
line-height:1.5;	
}

#tv span.bangumi {
margin-left:1em;
font-weight:normal;		
}

/* =====================================================
 sidebar banner and Links
-------------------------------------------------------*/

#navigation dl.naviContents {
	margin-bottom:1.5em;
	margin-top:1em;
}

#navigation dt.naviContentsTitle {
 padding:4px 0 0 0;
	font-weight:bold;
	margin-bottom:0.7em;
}

#navigation dl.naviContents dd {
	margin:0.5em 0px;
}

#navigation .unit .info {
	position:relative;
	width:auto;
	height:60px;
}

#navigation .unit .image {
	position:absolute;
	top:0;
	left:0;
}

#navigation .unit .name {
	position:absolute;
	top:36px;
 left:43px;
	z-index:2;
	font-weight:normal;
	font-size:77%;
}

/* =====================================================
 商品リストページ
-------------------------------------------------------*/	
#cat .span9 .row-fluid .column,
#cat .span9 .row-fluid .column li {
	padding-left:12px;
	font-size:14px;
	line-height:1.6
	}

#cat .column p,
#cat .column ul {
	margin-bottom:1.5em;
 margin-top:1em;
}
#cat .column ul li {
	list-style:none;
}

#cat .column .indent {
	text-indent:2em;
	}

#cat h3.marks {
color:#ee0000;	
}

ul.thumbnails {
text-align:center;
}

h4.itemTitle {
	font-size:14px;
	font-weight:normal;
	margin:0 0 0px;
	}

.thumbnail .caption {
  padding: 3px;
}

 #titwrap {
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:10px;
}

#titwrap h2#h2text {
	position:absolute;
	top:40%;
	right:7%;
	display:inline;
	font-size:100%;
	font-weight:normal;
}

.thumbnail {position:relative;}
.sold {
	position:absolute;
	top: 25px; right: 30px;
}
	
.season {
color:#ee0000;
font-size:123.1%;
}

#cat .itemPrice_text,
#s_top .itemPrice_text {
margin:10px 0 20px 0;
}

.media2 .pull-left {
	margin-right:10px;
}

.media2 {
	overflow:hidden;
	zoom:1;
	margin:30px 0;
}

.media2 h2.itemTitle {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.media2 .special_price {
padding:0px;
margin-right:0.5em;
font-size:123.1%;
color:#ee0000;
}

.media2 .itemPrice {
font-weight:bold;
font-size:123.1%;
}

.media2 .item_Content {
	line-height:1.5;
}

.media2 .features {
font-size:16px;	
}

/*ナビバーの告知文　newアイコン*/
.nav-collapse ul li a.i_new:after {
	content: url("/images/share/new_02r.gif");
	margin-left:3px;
}

.normaltext {font-weight:normal;}

/*番組を見るには*/

a.link_area {
display:block;
padding:10px;
color: #007FB1;
border:solid 1px #007FB1;
text-align:center;
text-decoration:none;
}

a.link_area:hover {background:#f0f8ff;}

.imgright {
	width:26%;height:auto;
	*zoom:1;
}

@media only screen and (min-width: 769px) {
	
/* =====================================================
 商品リストページ　サムネイル画像の幅
-------------------------------------------------------*/
ul.thumbnails .caption {
	width:88%;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
}
@media (max-width: 480px) {
.imgright {display:block;width:100%;text-align:center;}
}