@charset "utf-8";
/* CSS Document */


/*===========================================base.cssに代わる部分===========================================*/


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

	// 基本設定　共通利用Class

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

html {
	height:100%;
	overflow-y:scroll;/* 縦スクロールバー強制表示 */
}

body {
	min-height: 100%;
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	color: #313131;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

a, a:visited {
	color:#585858;
}

a:hover, a:active {
	text-decoration:none;
}

h2, h3, h4, h5, h6 {
	font-family: 'メイリオ', Meiryo;
	line-height: 1;
}

h2 {
	border-bottom:solid 1px #f39800;
}

p { line-height: 1.4; }

hr {
	display: none;
	clear: both;
}


.smallTxt { font-size:85% !important;}



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

	// ClearFix

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


.clearFix { zoom: 100%; }

.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}




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

	// Wrapper

==========================================================================================*/
#wrapper {
	margin: 0px;
	padding: 0px;
}
#wrapperSection {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
div#wrapper-inner {
	width: 910px;
	margin: 0 auto;

}



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

	// ヘッダ

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

#header {
	height: 120px;
	margin: 0px;
	width: 910px;
	position:relative;
}

#header h1 {
	display: block;
	margin: 0px;
	font-size: 10px;
	width: 910px;
}

#logo {
	padding: 0px;
	width: 430px;
	float: left;
}

#header > p {
	float:left;
	margin-top:30px;
}
/*
#header ul {
	position:absolute;
	top:5px;
	right:0;
}

#header li {
	float:left;
	padding-left:5px;
}
*/
#header #seachArea {
	margin: 30px 0px 0px;
	padding: 0px;
	float: right;
	width: 200px;
	height:57px;
}

#header #seachArea p {
	width: 200px;
	height: 32px;
}


#headerSearch input#keywordSearchInput {
	height: 23px;
	width: 145px;
	vertical-align:top;
	border:solid 1px #cbcbcb;
}

#headerSearch input#keywordSearchBtn {
	padding: 0px;
}

.header-bannerarea {
     float: left;
     margin-top: 15px;
}

.header-bannerarea ul {
     margin: 0px;
}

.header-bannerarea ul li {
     padding: 4px 0px 0px 5px;
}

ul.social-button {
     position: absolute;
     right: 0px;
     top: 5px;
}

ul.social-button li {
     float: left;
     padding: 8px 0px 0px 5px;
}



ul.social-button {
    position: absolute;
    right: 0;
    top: -3px;
}
ul.social-button li {
    float: left;
    padding-left: 5px;
}



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

	// フォームエフェクト

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

textarea,
input[type="text"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #959595;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

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

	// グローバルナビゲーション gnavi

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

#gnavi1 ul {
	width:910px;
	height:33px;
	margin:0 auto;
	padding: 0;
	display:block;
	/*background: url(../../img/common-gnavi1-bg.jpg) no-repeat left top;*/
}

#gnavi1 ul li {
	display:block;
	float:left;
	width:91px;
}

/*
#gnavi1 ul li a {
	display:block;
	width:91px;
	height:33px;
	text-indent:-9999px;
}

#gnavi1 ul li a:hover,
#gnavi1 ul li a.now{
	background-image:url(../../img/common-gnavi1-bg.jpg);
}

div#gnavi1 ul li#gnavi1-1 a:hover,div#gnavi1 ul li#gnavi1-1 a.now {	background-position: 0px -33px;}
div#gnavi1 ul li#gnavi2-1 a:hover,div#gnavi1 ul li#gnavi2-1 a.now {	background-position: -91px -33px;}
div#gnavi1 ul li#gnavi3-1 a:hover,div#gnavi1 ul li#gnavi3-1 a.now {	background-position: -182px -33px;}
div#gnavi1 ul li#gnavi4-1 a:hover,div#gnavi1 ul li#gnavi4-1 a.now {	background-position: -273px -33px;}
div#gnavi1 ul li#gnavi5-1 a:hover,div#gnavi1 ul li#gnavi5-1 a.now {	background-position: -364px -33px;}
div#gnavi1 ul li#gnavi6-1 a:hover,div#gnavi1 ul li#gnavi6-1 a.now {	background-position: -455px -33px;}
div#gnavi1 ul li#gnavi7-1 a:hover,div#gnavi1 ul li#gnavi7-1 a.now {	background-position: -546px -33px;}
div#gnavi1 ul li#gnavi8-1 a:hover,div#gnavi1 ul li#gnavi8-1 a.now {	background-position: -637px -33px;}
div#gnavi1 ul li#gnavi9-1 a:hover,div#gnavi1 ul li#gnavi9-1 a.now {	background-position: -728px -33px;}
div#gnavi1 ul li#gnavi10-1 a:hover,div#gnavi1 ul li#gnavi10-1 a.now { background-position: -819px -33px;}
*/


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

	// コンテナ　container

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

#container {
	clear: both;
	zoom: 100%;
	margin: 0px;
}

#container:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}



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

	// 左カラム　side

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

div#side {
	float: left;
	width: 220px;
}


/*===== sideSearchOption =====*/


#sideSearchOption {
	text-align: center;
	zoom: 1;
	height:290px;
}

#sideSearchOption h2 {
	text-align:center;
	margin-bottom:10px;
}

#sideSearchOption h3 {
	padding: 0 0 5px;
	color: #f39800;
}


#sideSearchOption select {
	width:180px;
	border:1px solid #cccccc;
	margin-bottom:10px;
}


#sideSearchOption input#sideSearchBtn {
	width: 180px;
	height: 30px;
	margin-bottom: 10px;
}


/*===== sideGenre =====*/

#sideGenre li {
	border-top:solid 1px #dcdcdc;
}

#sideGenre li:first-child {
	border-top:none;
}

#sideGenre li a {
	display:block;
	height:39px;
	line-height:39px;
	font-weight:bold;
	text-decoration:none;
}

*+html #sideGenre li a img {
	vertical-align:middle;
}

#sideGenre li a:hover {
	background-color:#f39800;
	color:#FFF;
}


/*===== bnrArea =====*/

#bnrArea ul li {
	text-align:center;
	padding-top: 12px;
}

#bnrArea ul li:first-child {
	padding-top:0;
}

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

	// メイン　main

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

#main {
	float: right;
	width: 680px;
	position: relative;
}

#totop {
	text-align: right;
	margin: 10px auto;
	width: 910px;
}
#footer {
	margin-top: 20px;
	height: 560px;
	color: #FFF;
	background: url(../../img/footer-bg.gif) repeat-x;
	margin-bottom: 0px;
}

#footer-inner {
	margin: 0px auto;
	padding: 30px 0px 0px;
	clear: both;
	width: 910px;
}

#footer #footer-inner .footerMap ul li ul li a {
	color: #FFF;
}


.footerMap {
	margin: 0px;
	padding: 0px 0px 20px 100px;
	float: left;
	width: 313px;
}

.footerMap ul li {
	line-height: 22px;
}

.footerMap ul li a {
	color: #FFF;
}


#copyRight {
	margin: 0px;
	padding: 8px 0px 0px;
	clear: both;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	color: #FFFFFF;
}

#copyRight a {
	color: #FFF;
}

#footer dl {
	background-color:#FFF;
	float:left;
	margin-left:100px;
	padding:10px;
	width:285px;
}

#footer dt {
	background-color:#f39800;
	padding:5px;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.2em;
}

#footer dd {
	color:#313131 !important;
	font-size:11px;
	line-height:15px;
	margin-top:5px;
}

#footer dd.name {
	text-align:right;
	margin-top:-15px;
}



/*===========================================ここまでbase.cssに代わる部分===========================================*/








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

	// index.html

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

#container #flash {
	height: 260px;
	width: 910px;
	margin: 10px 0px 10px 0px;
	background: #999;
}

#flash p {
	margin-bottom: 10px;
	width: 678px;
	height: 130px;
}

#bottonSection {
	width:678px;
	height:130px;
	margin-bottom:10px;
}


#main div#topBnrArea {
	margin-bottom:10px;
}

.box {
	-moz-box-shadow: 2px 2px 3px #bebfbb; /* FireFox */
	-webkit-box-shadow: 2px 2px 3px #bebfbb; /* webkit */
	box-shadow: 2px 2px 3px #bebfbb;
	border:solid 1px #ccc;
	padding:0 19px 10px;
	margin-bottom:10px;
}

*+html .box {
	border:solid 1px #ccc;
	padding:0 19px 10px;
	margin-bottom:10px;
}


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

	// メイン 2カラム部分　twinColumn

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

#twinColumn {
	width:680px;
}

/*=====左部分=====*/

#left {
	float:left;
	width:500px;
}


/*-----map-----*/

#map {
	margin-bottom:10px;
	height:210px;
}

#map dl {
	float:left;
	width:270px;
	font-size:10px;
	margin-top:10px;
}

#map dt {
	float:left;
	height:11px;
	padding-left:3px;
	margin-bottom:5px;
}
#map dd {
	height:11px;
	margin-left:60px;
	margin-bottom:5px;
}

div#map p {
	float:right;
	width:172px;
}


/*-----realTime-----*/

#realTime {
	margin-bottom:10px;
}

#TSm {
	border:solid 1px #ccc;
	margin-top:5px;
	height:258px;/*右カラムに合わせて高さ調整*/
	overflow:auto;
}
.cf:after, .uWrap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#TSm .cnt {
	border-bottom-color: #DDDDDD;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 5px;
}

#TSm .cnt h3 {
	float: right;
	font-size: 90%;
	line-height: 1.4;
	margin-bottom: 5px;
	min-height: 39px;
	width: 380px;
}
#TSm .cnt .img {
    float: left;
    margin-top: 0.2em;
    width: 53px;
}
.cf:after, .uWrap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#TSm .cnt .inf {
	color: #666666;
	float: right;
	margin-bottom: 6px;
	width: 380px;
}
#TSm .cnt .inf a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #9396CB;
    font-size: 92%;
}
#TSm .cnt .inf a:hover {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: underline;
    -moz-text-decoration-style: solid;
    color: #666CCC;
}
#TSm .cnt .inf .ref.ptn_1 {
    background-position: 0 -120px;
}
#TSm .cnt .inf .ref.ptn_2 {
    background-position: 0 -140px;
}
#TSm .cnt .inf .ref.ptn_3 {
    background-position: 0 -160px;
}
#TSm .cnt .inf .ref {
    background-position: 0 -120px;
    display: block;
    float: left;
    height: 14px;
    margin-right: 5px;
    margin-top: 2px;
    text-indent: -9999px;
    width: 16px;
}
#TS2k, #TS2k.jsOn #togglemust .toggletrig, #TS2ay .bd ul li, .ui-slider .ui-slider-handle, #TSm .cnt .inf .ref, .TS2bh .inf .ref, .TS2bh .t img, .TS2bh .details .hd .img_toggle_btn {
    background-image: url("//i.yimg.jp/images/serp/ts/sp1_v6.png");
    background-repeat: no-repeat;
}

.cf:after, .uWrap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
#TSm .cnt .inf .rt {
    float: right;
    white-space: nowrap;
}

#TSm .cnt .inf .lt {
    float: left;
}

#TSm .re, #TSm .tw, #TSm .fa {
    background-image: url("//i.yimg.jp/images/serp/ts/ic_tyf_v2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
    height: 20px;
    width: 25px;
}
#TSm .re span, #TSm .tw span, #TSm .fa span {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    text-indent: -9999px;
    white-space: nowrap;
    width: 24px;
}

#TSm .tw {
    background-position: -25px 0;
}
#TSm .re, #TS2bh .re {
    background-position: -50px 0;
}
/*-----newShop-----*/

#newShop{
	margin-bottom:10px;
	height:215px;
	width:460px;
}


#newShop li {
	float:left;
	width:142px;
	font-size:12px;
	margin:10px 0 0 17px;
}

#newShop a {
	text-decoration:none;
}

#newShop li:first-child {
	margin-left:0;
}

#newShop p {
	margin-top:3px;
}

#newShop p:first-child {
	text-align:center;
	margin-top:0;
}

#newShop p span {
	margin-left:10px;
}

#newShop p span:first-child {
	margin-left:0;
}

#newShop p.newShopImg {
	border:solid 1px #a0a0a0;
	height:105px;
	overflow:hidden;
	text-align:center;
}

#newShop p img {

}

#newShop p+p+p {
	height:30px;
	line-height:15px;
	overflow:hidden;
}

/*-----movie-----*/
#movie {
	height:195px;
	width:460px;
}

#movie li {
	float:left;
	width:142px;
	margin:10px 0 0 17px;
	font-size:12px;
}

#movie li:first-child {
	margin-left:0;
}

#movie p {
	margin-top:3px;
	font-size:11px;
	text-align:center;
}

#movie p:first-child {
	margin-top:0;
}

#movie p span {
	display:block;
}


/*=====右部分=====-*/

#twinColumnRight2 {
	float:right;
	width:150px;
}

#twinColumnRight2.box {
	padding:0 9px 9px;
}

#twinColumnRight {
	float:right;
	width:150px;
}

#twinColumnRight.box {
	padding:0 9px 9px;
}

#twinColumnRight li {
	margin-top:23px;
}

#twinColumnRight li:first-child {
	margin-top:10px;
}

#twinColumnRight li a {
	background:url(../../img/bg_push.gif) repeat;
	display:block;
	width:130px;
	height:130px;
	padding:20px 10px;
	text-decoration:none;
	color:#000;
}

#twinColumnRight li a:hover {
	background-image:none;
	background-color:#f39800;
	color:#FFF;
}


#twinColumnRight p {
	text-align:center;
	font-size:11px;
}

#twinColumnRight p.img {
	border:solid 1px #f39800;
	height:100px;
	overflow:hidden;
	margin-bottom:5px;
}

#twinColumnRight p img {
	width:130px
}


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

	// メイン 下部分　special

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

#special {
	width:640px;
}

#special ul {
	padding-top:10px;
}

#special > ul > li {
	background-color:#eeefea;
	padding:5px 10px 10px;
	font-size:12px;
	margin-bottom:10px;
}

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

#special dl {
	background-color:#FFF;
	border:solid 2px #c9c9c8;
	padding:10px;
	width:281px;
	margin-right:10px;
	float:left;
}

#special dl dt a {
	color:#f39800;
	font-weight:bold;
	font-size:13px;
}

#special dl dt {
	margin-bottom:3px;
}

#special dl + dl {
	margin-right:0;
}

#special dd.specialLeftImg {
	border:solid 1px #c9c9c8;
	width:132px;
	height:90px;
	overflow:hidden;
	margin:5px 11px 5px 0;
	float:left;
}

#special dd.specialRightImg {
	border:solid 1px #c9c9c8;
	width:132px;
	height:90px;
	overflow:hidden;
	margin:5px 0;
}

#special dd.text {
	font-size:13px;
	line-height:15px;
	height:45px;/*高さは表示させたい行数×15pxの数値*/
	overflow:hidden;
}

#special li > ul {
	background-color:#FFF;
	padding:5px 5px 0;
	margin-top:10px;
}

*+html #special li > ul {
	background-color:#FFF;
	padding:5px;
	margin-top:10px;
}

#special li > ul li {
	border-left:solid 1px #707070;
	float:left;
	padding:0 5px;
	margin-bottom:5px;
	white-space:nowrap;
}

#special li > ul li.blNon {
	border-left:none;
	padding-left:
}



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

	// topGenreSeach

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



div#topGenreSeach {
	width: 668px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#topGenreSeach h2 {
	border-bottom:none;
	padding: 0px;
	margin: 0px;
}
#topGenreSeach .section {
	-moz-box-shadow: 2px 2px 3px #bebfbb; /* FireFox */
	-webkit-box-shadow: 2px 2px 3px #bebfbb; /* webkit */
	box-shadow: 2px 2px 3px #bebfbb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bebfbb,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff; /* IE Hack */
	zoom: 1;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	height: 195px;
	width: 299px
}





#topGenreSeach .section h3 {
	font-size: 15px;
	font-weight: bolder;
	line-height: 23px;
	padding: 0px;
}
#topGenreSeach .section ul {
	margin: 10px 0px 0px;
}
#topGenreSeach .section ul li {
	float: left;
	margin: 0px 10px 10px 0px;
	white-space:nowrap /*IE7対策 */
}
#topGenreSeach .section img {
	vertical-align: middle;
}
#topGenreSeach .section ul li a {
	text-decoration: none;
}
#topGenreSeach .section ul li a:hover {
	text-decoration:underline;
}

#topGenreSeach #sectionSpace {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 324px;
	background: #FFF;
	border: 1px solid #CCC;
	float: left;
	height: 145px;
}
.line img {
	margin-top: 20px;
	margin-bottom: 20px;
}


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

	// topNews

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


div#topNews {
	-moz-box-shadow: 2px 2px 3px #bebfbb; /* FireFox */
	-webkit-box-shadow: 2px 2px 3px #bebfbb; /* webkit */
	box-shadow: 2px 2px 3px #bebfbb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bebfbb,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff; /* IE Hack */
	zoom: 1;
	margin: 0px 10px 20px 0px;
	border: 1px solid #CCCCCC;
	float: left;
	height: 104px;
	width: 669px
}



div#topNews h2 {
	border-bottom:none;
	width: 118px;
	height: 84px;
	margin: 10px;
	padding: 0px;
	float: left;
}

div#topNews ul {
	display: block;
	float: right;
	width: 520px;
	height: 84px;
	overflow: auto;
	margin: 10px 10px 10px 0px;
	;
}

div#topNews ul li {
	line-height:18px;
	height:18px;
	overflow:hidden;
	font-size:93%;
}

div#topNews ul li a {
	text-decoration:none;
}

div#topNews ul li a:hover {
	color: #e7479f;
}


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

	// pickUpShop

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

div#pickUpShop {
	clear: both;
	width: 669px;
}
#pickUpShop h2 {
	margin: 0px;
	border-bottom:none;
}

#pickUpShop .shop {
	-moz-box-shadow: 2px 2px 3px #bebfbb; /* FireFox */
	-webkit-box-shadow: 2px 2px 3px #bebfbb; /* webkit */
	box-shadow: 2px 2px 3px #bebfbb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bebfbb,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff; /* IE Hack */
	zoom: 1;
	margin: 0px 0px 10px;
	padding: 15px 0px 10px 20px;
	border: 1px solid #CCCCCC;
}


div#pickUpShop h3 {
	margin: 0px;
	clear: both;
}
#pickUpShop .shop h3 a {
	font-size: 15px;
	font-weight: bold;
	line-height: 23px;
}

div#pickUpShop ul {
	padding: 0;
	overflow: hidden;
	margin: 10px 0px;
}


div#pickUpShop ul li {
	text-align: center;
	width: 140px;
	float: left;
	margin-right: 20px;
}


div#pickUpShop ul li a span.pickShopPhoto {
	width:140px;
	height:105px;
	display:block;
	background:#f0f0f0;
	margin-bottom:5px;
}


div#pickUpShop ul li a span.pickShopName {
	display: block;
	overflow: hidden;
	width: 140px;
	text-decoration: underline;
	text-align: center;
	font-size: 90%;
	line-height: 18px;
}

div#pickUpShop ul li a span.pickShopName:hover {
	text-decoration:none;
}





#movieShop h2 {
	border-bottom:none;
}