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

body {
background-color: #EDEDED;
}
body {
	margin:0px;
	padding:0px;
}
*{
	margin:0;
	padding:0;
}
.mb30{
	margin-bottom:30px;
}
.bgcolor{
	background-color:#f7f396;
}
.bgcolorpink{
	background-color:#fbe3d7;
}
.bordertop{
	border-top:#3F1B03 solid 2px;
	padding:5px;
}
.kansou{
	background-color:#fffeee;
	border-top:#f3cb33 solid 5px;
	border-left:#f3cb33 solid 5px;
	border-right:#f3cb33 solid 5px;
}
.kansou_text{
	background-color:#fffeee;
	border-bottom:#f3cb33 solid 5px;
	border-left:#f3cb33 solid 5px;
	border-right:#f3cb33 solid 5px;
}
#box{
	width:940px;
	margin:auto;
	box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-moz-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-ms-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-o-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
}
#table{
	box-shadow:rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-moz-box-shadow:rgba(113, 135, 164, 0.592157) -5px -2px 6px -5px;
	-ms-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
	-o-box-shadow:rgba(113, 135, 164, 0.592157) 5px -2px 6px -5px;
}

#all_shop_title td {
	font-size: 120%;
	line-height: 120%;
	padding: 0.2em;
}
.all_shop td {
	font-size: 90%;
	padding: 0.2em;
	border-bottom: 1px dotted #786C5E;
}
#move_top {
	margin-bottom: 1em;
	text-align: right;
	padding-right: 1em;
}
/* CSS Document */

/* 2015 追加CSS */
h1 { display: none; }
span.h1{ display: none; }

.frame_red {
	border-radius: 10px;
	margin: 0 25px 25px 25px;
	position: relative;
	top: -15px;
}
.frame_blue, .frame_green, .frame_gold {
	border-radius: 10px;
	margin: 25px;
	position: relative;
	top: -15px;
}
.frame_white {
	padding-top: 10px;
	background: #FFFFFF;
	border-radius: 5px;
}

.ribon {
	width: auto;
	position: absolute;
}
.frame_red .ribon { left: -15px; top: -28px; }
.frame_blue .ribon { left: -15px; top: -28px; }
.frame_green .ribon { left: -15px; top: -20px; }
.frame_gold .ribon { left: -5px; top: -15px; }

.left_img {
	width: 40%;
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
}
.frame_red .left_img { margin-top: 20px; }
.frame_blue .left_img { margin-top: 60px; }
.frame_green .left_img { margin-top: 60px; }
.frame_gold .left_img { margin-top: 60px; }


.right_txt {
	margin-left: 42%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.right_txt td {
	vertical-align: top;
}
.right_txt h2 {
	font-size: 260%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 900;
	margin: 0;
}
.right_txt h2 span {
	font-size: 60%;
}

.right_txt ul {
	list-style: none;
}
.right_txt li {
	font-size: 90%;
	line-height: 120%;
	border-bottom: 1px dotted #A7A7A7;
	padding: 0 6px 6px 6px;
}
.right_txt li.last {
	border: none;
	padding: 6px;
}
.right_txt li span {
	font-size: 85%;
}

.episode {
	background: #E0F0E2;
	margin-bottom: 10px;
}
.episode dl {
	margin: 0;
	padding: 5px 8px;
}
.episode dt {
	font-size: 80%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	text-align: center;
	color: #45B035;
	background: url(../images/2015/epi_line.gif) repeat-x center center;
}
.episode dt span {
	background: #E0F0E2;
	padding: 0 1em;
}
.episode dd {
	padding: 0;
	font-size: 80%;
	line-height: 120%;
}

.impressions {
	padding: 6px;
}
.imp_ttl {
	font-size: 130%;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin: 0;
	text-align: center;
	text-indent: -24px;
}
.imp_txt {
	padding: 4px;
	font-size: 100%;
	line-height: 120%;
}
.image02 {
	margin-bottom: 10px;
}

.other_episode {
	margin: 0 25px 25px 25px;
	border: 3px solid #37150D;
	background: url(../images/2015/corkboard.jpg) repeat;
	padding-bottom: 20px;
}
	.other_eipsode_ttl {
		margin: auto;
		text-align: center;
		position: relative;
		top: -20px;
	}
	.other_episode h2 { display: none; }
	.other_episode_desc {
		font-size: 80%;
		margin: 0 5px;
	}
		.other_episode_desc .left01 {
			width: 210px;
			margin-left: 2px;
			float: left;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(-3deg);
			-ms-transform: rotate(-3deg);
			-moz-transform: rotate(-3deg);
			-webkit-transform: rotate(-3deg);
			-o-transform: rotate(-3deg);
			position: relative;
			top: -25px;
		}
		.other_episode_desc .left02 {
			width: 210px;
			margin-left: 10px;
			float: left;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(2deg);
			-ms-transform: rotate(2deg);
			-moz-transform: rotate(2deg);
			-webkit-transform: rotate(2deg);
			-o-transform: rotate(2deg);
			position: relative;
			bottom: -1px;
		}
		.other_episode_desc .right01 {
			width: 210px;
			margin-right: 10px;
			float: right;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(-1deg);
			-ms-transform: rotate(-1deg);
			-moz-transform: rotate(-1deg);
			-webkit-transform: rotate(-1deg);
			-o-transform: rotate(-1deg);
			position: relative;
			left: -3px;
		}
		 .other_episode_desc .right02 {
			width: 210px;
			margin-right: 2px;
			float: right;
			box-shadow:4px 7px 10px -4px #080708;
			-moz-box-shadow:4px 7px 10px -4px #080708;
			-webkit-box-shadow:4px 7px 10px -4px #080708;
			transform: rotate(4deg);
			-ms-transform: rotate(4deg);
			-moz-transform: rotate(4deg);
			-webkit-transform: rotate(4deg);
			-o-transform: rotate(4deg);
			position: relative;
			top: -21px;
		}
		.other_episode_desc img{
			position: relative;
			bottom: -4px;
		}
		.other_episode_desc .othere_pisode_box {
			margin:0;
			padding:0;
			background: #FFFFFF;
		}
		.other_episode_desc h3 {
			text-align: center;
			font-size: 120%;
			margin: 0 0.5em;
			padding: 0.5em 0;
			border-bottom: 1px solid #729266;
		}
		.other_episode_desc .add {
			text-align: center;
			font-size: 105%;
			padding: 0.5em 0;
		}
		.other_episode_desc .text {
			padding: 0 0.5em 0.5em 0.5em;
		}
		.other_episode_desc .right01 .text  {
			font-size: 90%;
		}

.shop_data {
	clear: both;
	margin: 0 1%;
	padding: 1% 0;
}

/* 項目毎カラー設定 */
.frame_red { border: 10px solid #E50C85; background: #E50C85; }
.frame_blue { border: 10px solid #036EB8; background: #036EB8; }
.frame_green { border: 10px solid #45B035; background: #45B035; }
.frame_gold {
	/* 各ブラウザ毎の斜めグラデーション設定 */
	background: -moz-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -webkit-gradient(linear, left bottom, right top, from(#DEAD00), color-stop(1%, #DEAD00), color-stop(19%, #F9C700), color-stop(41%, FCD421), color-stop(52%, #FEE100), color-stop(61%, #FFF474), color-stop(67%, #FEE23B), color-stop(78%, #FFE529), color-stop(89%, #F1CA00), to(#EBD200));
	background: -webkit-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -o-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: -ms-linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	background: linear-gradient(45deg, #DEAD00, #DEAD00 1%, #F9C700 19%, #FCD421 41%, #FEE100 52%, #FFF474 61%, #FEE23B 67%, #FFE529 78%, #F1CA00 89%, #EBD200 100%);
	/* 背景を疑似ボーダー10pxで見せる設定 */
	border:0;
	padding: 10px;
}

.frame_red .right_txt h2 { color: #E50C85; }
.frame_blue .right_txt h2 { color: #036EB8; }
.frame_green .right_txt h2 { color: #45B035; }
.frame_gold .right_txt h2 { color: #F39800; }

.frame_red .impressions { background: url(../images/2015/red_dot.gif) repeat; }
.frame_blue .impressions { background: url(../images/2015/blue_dot.gif) repeat; }
.frame_green .impressions { background: url(../images/2015/green_dot.gif) repeat; }
.frame_gold .impressions { background: url(../images/2015/yellow_dot.gif) repeat; }

.frame_red .shop_data { border-top: 1px solid #E50C85; }
.frame_blue .shop_data { border-top: 1px solid #036EB8; }
.frame_green .shop_data { border-top: 1px solid #45B035; }
.frame_gold .shop_data { border-top: 1px solid #F39800; }

.frame_red .imp_ttl { color: #E50C85; }
.frame_blue .imp_ttl { color: #036EB8; }
.frame_green .imp_ttl { color: #45B035; }
.frame_gold .imp_ttl { color: #F39800; }