@import url(https://fonts.googleapis.com/css?family=Supermercado+One);

@charset "utf-8";

body {
	background: #ffd570 url(../images/body_bg.gif) repeat;
	}

#wrapper #contents {
	width: 992px;
	padding: 0 0 0 8px;
	}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
	outline: none;
	}

#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

/* #main */
#main { 
	width: 675px;
	padding: 0;
	}

/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
	}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}

/* #header */
#main #article #header {
	width: 675px;
	height: 860px;
	background: url(../images/main.jpg) no-repeat 0px 0px;
	background-size: cover;
  white-space: nowrap;
  overflow: hidden;
	}

/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
	}
*/


/* #top */
#header {
	/* タイトル画像指定 */
	/* background: url(../images/img-top-title.jpg) no-repeat 0px 0px; */
	/* height: 300px; */
	}

/* #top #header h1 { display: none; } */

#header h1 img {
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8のみ適用*/
	}

#nav {
	padding: 10px;
	}

#nav ul {
	letter-spacing:-0.4em; /* hack */
	}

#nav ul li {
	display: inline-block;
	letter-spacing: 0em; /* hack */
	margin-right: 5px;
	margin-bottom: 5px;
	}

#nav ul li a,
#nav ul li span {
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	display: block;
	height: 44px;
	width: 10em;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
	}

#btn-sbm {
	text-align: left;
	padding: 805px 20px 20px;
	}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
	}
	
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article {
	font-size: 120%;
	line-height: 1.5;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.60);
	}

#article .text { padding: 0; }

#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0;
	}

#article h3 {
	font-weight: bold;
	font-size: 100%;
	}
	
#article p {
	margin-bottom: 10px;
	}

.innerlink-head {
	margin: 10px 0;
	clear: both;
	}
	
.innerlink-head a {
	display: block;
	width: 98px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 0 0 578px;
	background: url(../images/pagetop.gif) no-repeat top right;
	outline: none;
	overflow: hidden;
	}

.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	}

/* 追加
========================================== */
#article .text .clearfix { width: 100%; }
#article .text .clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
	}
	
.indent{ text-indent: -9999px;}

#article .text .center{ text-align: center;}
#article .text .right{ text-align: right;}

#article .text .t11{ font-size: 11px;}

#article .text .bold{ font-weight: bold;}

#article .text .url{ font-size: 22px; font-weight: bold; padding: 10px 30px 20px; color: #cf1800;}
#article .text .url span{ border-bottom: #cf1800 dotted 3px;}

#article .text .contentsArea{
	width: 675px;
	text-align: left;
	margin: 0 auto;	
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;
	color: #5c431f;
	}
	
#article .text .contentsArea .t{ padding: 0 20px; font-size: 18px; }

/* 各タイトル
-------------------*/
#article .text .contentsArea .title-1{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_intro.gif) no-repeat top center;}
#article .text .contentsArea .title-2{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_cast.gif) no-repeat top center;}
#article .text .contentsArea .title-3{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_outline.gif) no-repeat top center;}
#article .text .contentsArea .title-4{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_story.gif) no-repeat top center;}
#article .text .contentsArea .title-5{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_staff.gif) no-repeat top center;}
#article .text .contentsArea .title-6{ width: 675px; height: 60px; text-indent: -9999px; background: url(../images/title_movie.gif) no-repeat top center;}

/* 各テキスト
-------------------*/
#article .text .contentsArea .t-1{ width: 675px; height: 432px; text-indent: -9999px; background: url(../images/text_intro.gif) no-repeat top center;}
#article .text .contentsArea .t-2{ width: 675px; height: 139px; text-indent: -9999px; background: url(../images/text_cast.gif) no-repeat top center;}
#article .text .contentsArea .t-4{ text-align: center; margin: 0; padding: 0 0 20px;}
#article .text .contentsArea .t-5{ width: 675px; height: 259px; text-indent: -9999px; background: url(../images/text_staff.gif) no-repeat top center;}

#article .text .contentsArea .link_backnumber a{
	width: 675px;
	height: 61px;
	text-indent: -9999px;
	background: url(../images/link_backnumber.gif) no-repeat top center;
	display: block;
	}

/* navimail
-------------------*/
#side div#banner_navimail {	width: 100%; }
#side div#banner_navimail a {
	background: url(/basic2011/images/bnr_navimail.png) no-repeat 0px 0px;
	background-size:100% auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9999px;
	min-height: 105px;
	height: 105px;
	}

/* げいにん1右バナー
-------------------*/
#side div#banner_geinin1 { padding: 0 0 10px 0; }

/* トップバナー
-------------------*/
.bnrArea {
	text-align: center;
	margin: 0 auto;
	}

/* STORY
========================================== */
#article .text .contentsArea .story_bg{
	width: 670px;
	height: 128px;
	background: url(../images/story_bg.gif) no-repeat top center;
	padding: 5px 0 0 5px;
	}
	
#article .text .contentsArea .story_bg .link_logo a{
	width: 187px;
	height: 70px;
	text-indent: -9999px;
	background: url(../images/link_logo.png) no-repeat top center;
	display: block;
	outline: none;
	overflow: hidden;
	}

#article .text .contentsArea div#story .backnumber_t { background: url(../images/title_bucknumber.png) top right no-repeat; height: 20px; text-indent: -9999em; width: 130px;}

#article .text .contentsArea div#story div.backnumber ul { width: 525px; background: url(../images/title_bucknumber.gif) 5px 8px no-repeat; padding: 5px 0 0 150px;}
#article .text .contentsArea div#story div.backnumber ul li { display:inline-block ;*display: inline;/* for IE */ *zoom: 1;/* for IE */ width:28px; height:28px; margin-left:5px;}
#article .text .contentsArea div#story div.backnumber ul li a { display: block; width: 28px; height: 28px; text-indent: -9999em;}

#article .text .contentsArea div#story div.backnumber ul li.backnumber01 a{ background: url(../images/number.gif) 0 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber02 a{ background: url(../images/number.gif) -28px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber03 a{ background: url(../images/number.gif) -56px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber04 a{ background: url(../images/number.gif) -84px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber05 a{ background: url(../images/number.gif) -112px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber06 a{ background: url(../images/number.gif) -140px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber07 a{ background: url(../images/number.gif) -168px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber08 a{ background: url(../images/number.gif) -196px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber09 a{ background: url(../images/number.gif) -224px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber10 a{ background: url(../images/number.gif) -252px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber11 a{ background: url(../images/number.gif) -280px 0 no-repeat;}
#article .text .contentsArea div#story div.backnumber ul li.backnumber12 a{ background: url(../images/number.gif) -308px 0 no-repeat;}

#article .text .contentsArea div#story ul li.backnumber01 a{ background-position: 0 -28px;}
#article .text .contentsArea div#story ul li.backnumber02 a{ background-position: -28px -28px;}
#article .text .contentsArea div#story ul li.backnumber03 a{ background-position: -56px -28px;}
#article .text .contentsArea div#story ul li.backnumber04 a{ background-position: -84px -28px;}
#article .text .contentsArea div#story ul li.backnumber05 a{ background-position: -112px -28px;}
#article .text .contentsArea div#story ul li.backnumber06 a{ background-position: -140px -28px;}
#article .text .contentsArea div#story ul li.backnumber07 a{ background-position: -168px -28px;}
#article .text .contentsArea div#story ul li.backnumber08 a{ background-position: -196px -28px;}
#article .text .contentsArea div#story ul li.backnumber09 a{ background-position: -224px -28px;}
#article .text .contentsArea div#story ul li.backnumber10 a{ background-position: -252px -28px;}
#article .text .contentsArea div#story ul li.backnumber11 a{ background-position: -280px -28px;}
#article .text .contentsArea div#story ul li.backnumber12 a{ background-position: -308px -28px;}

#article .text .contentsArea div#story .story_t{ text-align: center; margin: 0; padding: 20px 0;}
	
/* MOVIE
========================================== */
#article .text .contentsArea .movie_bg{
	width: 670px;
	height: 128px;
	background: url(../images/movie_bg.gif) no-repeat top center;
	padding: 5px 0 10px 5px;
	}
	
#article .text .contentsArea .movie_bg .link_logo a{
	width: 187px;
	height: 70px;
	text-indent: -9999px;
	background: url(../images/link_logo.png) no-repeat top center;
	display: block;
	outline: none;
	overflow: hidden;
	}

	
/* DVD
========================================== */
#article .text .contentsArea .dvd_bg{
	width: 670px;
	height: 128px;
	background: url(../images/dvd_bg.gif) no-repeat top center;
	padding: 5px 0 10px 5px;
	}
	
#article .text .contentsArea .dvd_bg .link_logo a{
	width: 187px;
	height: 70px;
	text-indent: -9999px;
	background: url(../images/link_logo.png) no-repeat top center;
	display: block;
	outline: none;
	overflow: hidden;
	}
	
#article .text .contentsArea .dvd_title{
	text-align: center;
	padding: 10px 0;
	}

#article .text .contentsArea .dvd_t{
	padding: 0 20px;
	margin: 0;
	}
	
#article .text .contentsArea #dvd .BOX1{
	width: 88%;
	margin: 20px auto;
	background: #fff4f7;
	padding: 15px;
	border: 1px solid #dedcd1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
#article .text .contentsArea #dvd .BOX2{
	width: 88%;
	margin: 20px auto;
	background: #effcff;
	padding: 15px;
	border: 1px solid #dedcd1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
#article .text .contentsArea #dvd .BOX1 .dvd_t1,
#article .text .contentsArea #dvd .BOX2 .dvd_t2{
	padding: 10px 0;
	text-align: center;
	}
	
#article .text .contentsArea #dvd .BOX1 .leftArea,
#article .text .contentsArea #dvd .BOX2 .leftArea{
	float: left;
	width: 250px;
	text-align: center;
	}

#article .text .contentsArea #dvd .BOX1 .rightArea,
#article .text .contentsArea #dvd .BOX2 .rightArea{
	float: left;
	width: 330px;
	}

#article .text .contentsArea #dvd .BOX1 .infoArea,
#article .text .contentsArea #dvd .BOX2 .infoArea{
	clear: both;
	padding: 0;
	margin: 0 0 2px 20px;
	}
	
#article .text .contentsArea #dvd .BOX1 .infoArea li,
#article .text .contentsArea #dvd .BOX2 .infoArea li{
	margin: 0 0 2px 0;
	font-size: 13px;
	}
	
#article .text .contentsArea #dvd .price{
	font-size: 22px;
	font-family: 'Supermercado One', cursive;
	}

#article .text .contentsArea #dvd .BOX1 .color-1,
#article .text .contentsArea #dvd .BOX2 .color-1{
	padding: 0 0 5px;
	margin: 0 0 2px;
	font-weight: bold;
	color: #5c431f;
	border-bottom: 2px dotted #5c431f;
	}
	
#article .text .contentsArea #dvd .BOX1 .indent-1,
#article .text .contentsArea #dvd .BOX2 .indent-1{
	padding: 0 0 5px 1em;
	font-size: 12px;
	}
	
#article .text .contentsArea #dvd .infoArea .buybtn-1{
	margin: 20px 0 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 20px;
	}

#article .text .contentsArea #dvd .infoArea .buybtn-1 a{
	color: #fff;
	padding: 6px 14px;
	background: #ff7ca4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	}
	
#article .text .contentsArea #dvd .infoArea .buybtn-1 a:hover{
	color: #fff;
	padding: 6px 14px;
	background: #e94376;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	}
	
#article .text .contentsArea #dvd .infoArea .buybtn-2{
	margin: 20px 0 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 20px;
	}

#article .text .contentsArea #dvd .infoArea .buybtn-2 a{
	color: #fff;
	padding: 6px 14px;
	background: #2cbff4;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	}
	
#article .text .contentsArea #dvd .infoArea .buybtn-2 a:hover{
	color: #fff;
	padding: 6px 14px;
	background: #276ebe;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	display: block;
	}