#special {
  zoom: 1;
  height: 100%; }
  #special:after {
    content: "";
    clear: both;
    display: block; }
  #special .trial {
    text-align: center; }
    #special .trial .trial_image {
      margin: 0 0 30px 0; }
    #special .trial .trial_text {
      color: #501E28;
      font-size: 16px;
      font-weight: bold; }
    #special .trial .trial_caps {
      font-size: 11px;
      color: #c00;
      margin: 0 0 30px 0; }
    #special .trial .trial_list li {
      display: inline-block;
      margin: 0 5px 10px 5px; }
    #special .trial .trial_list a {
      display: block;
      border-radius: 20px;
      border: #501e28 solid 2px;
      text-decoration: none;
      font-size: 16px;
      font-weight: bold;
      padding: 5px 25px; }
    #special .trial .trial_list a:link, #special .trial .trial_list a:visited {
      background-color: #FFF1E7;
      color: #501E28; }
    #special .trial .trial_list a:hover, #special .trial .trial_list a:active {
      background-color: #501e28;
      color: #FFF1E7; }
  #special .banner_list {
    height: 100%; }
    #special .banner_list li {
      margin: 0 0 20px 0; }
  #special .l-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 0;
    width: 100%; }
  #special .rel {
    position: relative;
    left: auto;
    bottom: auto; }
	
	
/*================================================================================
	index
================================================================================*/

#special .spe_bnn {
    text-align: center;
}

#special .spe_bnn img{
	margin-bottom:20px;
}


/*================================================================================
	ear_pri
================================================================================*/

#special .spe_early {
    text-align: center;
}

#special .shop_list {
	padding-top:20px;
}

#special .shop_list span {
    padding: 6px 20px 6px 20px;
    background: #ffffff;
    color: #630530;
    font-size: 16px;
    text-decoration: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    line-height: 300%;
    font-weight: 300;
    border: 2px solid #630530;
}

#special .shop_list p {
	font-size:12px;
}

#special .spe_early table{
	width:680px;
	text-align:center;
	margin:0 auto;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:10px;
}

#special .spe_early tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#special .spe_early tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

#special .spe_early table th{
    height: 24px;
    width: 450px;
    background-color: #630530;
    border: 1px solid #630530;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-size:12px;
}

#special .spe_early table td {
    height: 24px;
    background-color: #ffe8e5;
    border: 1px solid #630530;
    color: #5e5e5e;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-size:0.95em;
}

#special .spe_early .td_2{
	width:340px;
}


/*================================================================================
	calendar
================================================================================*/

#special .calendar{
    text-align: center;
}

#special .calendar table{
	width:500px;
	text-align:center;
	margin:0 auto;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:50px;
}

#special .calendar tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#special .calendar tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

#special .calendar table th{
    height: 24px;
    width: 450px;
    background-color: #630530;
    border: 1px solid #630530;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-weight: bold;
}

#special .calendar table td {
    height: 24px;
    background-color: #ffe8e5;
    border: 1px solid #630530;
    color: #5e5e5e;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-size:0.95em;
}

#special .calendar .td_1{
	width:150px;
}

#special .calendar .td_2{
	width:160px;
}

/*================================================================================
	お茶
================================================================================*/

#special .tea table{
	width:680px;
	text-align:center;
	margin:0 auto;
    border-collapse: collapse;
    border-spacing: 0;
	margin-top:10px;
}

#special .tea tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#special .tea tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

#special .tea table th{
    height: 24px;
    width: 450px;
    background-color: #630530;
    border: 1px solid #630530;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-size:16px;
}

#special .tea table td {
    height: 24px;
    background-color: #ffe8e5;
    border: 1px solid #630530;
    color: #5e5e5e;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	font-size:0.95em;
}

#special .tea .td_2{
	width:340px;
}

/*================================================================================
	Q&A
================================================================================*/

#special .otome_qa{
    text-align: center;
}

#special .heading {
    padding: 8px 20px 8px 20px;
    background: #ffffff;
    font-size: 16px;
    text-decoration: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 20px;
    line-height: 300%;
    font-weight: 300;
    border: 2px solid #501e28;
}

#special .text_box {
    font-size: 18px;
    width: 700px;
    margin: 20px auto;
    border: 2px solid #501e28;
    padding: 15px;
    background: #fff;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

#special .text_box a:link{
	color: #163fc6;
    text-decoration: none;
}

#special .text_box a:visited{
	color: #163fc6;
    text-decoration: none;
}

#special .text_box a:hover{
	color: #163fc6;
    text-decoration: none;
}
 
#special .text_box a:active{
	color: #163fc6;
    text-decoration: none;
}

#special .tweet_wrap {
	width:500px;
	height:auto;
	margin:0 auto;
}

/*================================================================================
	BANNER
================================================================================*/

#special .banner{
    text-align: center;
}

#special .banner .banner_list li {
	display: inline-block;
    margin: 0 5px 10px 5px; 
}

#special .banner .banner_list a {
    display: block;
    border-radius: 20px;
    border: #501e28 solid 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 25px;
}

#special .banner .banner_list a:link, #special .banner .banner_list a:visited {
    background-color: #FFF1E7;
    color: #501E28;
}

#special .banner .banner_list a:hover, #special .banner .banner_list a:active {
    background-color: #501e28;
    color: #FFF1E7;
}

#special .b_left{
    text-align: left;
	padding-top:30px;
	padding-bottom:20px;
}

#special .sp_bn_tbl {
	text-align: center;
	margin-right:auto;
	margin-left:auto;
	width:790px;
}

#special .sp_bn_tbl td{
	padding-top:10px;
	padding-bottom:10px;
}

#special span.tw_ic {
	padding-right:33.5px;
}

#special .bn_600-140 textarea{
	width:595px;
	height:30px;
}

#special .bn_140-600 textarea{
	width:135px;
	height:30px;
}

#special .bn_200-200 textarea{
	width:155px;
	height:30px;	
}

/*================================================================================
	PRIVILEGE
================================================================================*/

#special .privilege{
    text-align: center;
}

#special .p_left{
    text-align: left;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:10px;
}

#special .p_ori{
	padding-top:20px;
	padding-bottom:10px;
}

#special .ps{
	width:355px;
	margin:0 auto;
}

#special .pb{
	width:730px;
	margin:0 auto;
}

#special .shop_img_wrap {
	position: relative;
}

#special .shop_img_wrap p {
	position: absolute;
	top: 465px;
	left: 370px;
}

#special .shop_img_wrap p.sample_01 {
	position: absolute;
	top: 585px;
	left: 370px;
}

#special .zoom{
	padding-top:10px;
	padding-bottom:20px;
}

#special .pri_wrap{
	width:730px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:20px;
}

#special .pri_leftwrap,#special .pri_rightwrap{
	width:365px;
	float:left;
	text-align:center;
}

#special .ori_img img {
	border: 2px solid #501e28;
	border-radius: 5px;
}

#modal_bg {
  display: none;
  background: url("../images/common/bg_modal.png") repeat center top;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 9999; }

#modal {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10000;
  display: table;
  display: none; }
  #modal .modal_wrap {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  #modal .btn_close {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -410px 0 0 301px; }
	
/*================================================================================
	応援イラスト
================================================================================*/

#special .illust {
    text-align: center;
}

#special .i_left{
    text-align: left;
	padding-bottom:20px;
	width:720px;
	margin:0 auto;
}

#special .i_space{
	padding-left:99px;
}

#special .illust p{
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	font-weight:600;
}

/*================================================================================
	Cafe
================================================================================*/

#special .cafe .cafe_h {
    display: block;
    border-radius: 20px;
    border: #501e28 solid 2px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 25px;
    background-color: #FFF1E7;
    color: #501E28;
	text-align: center;
	width: 200px;
	margin: 0 auto;
}

#special .cafe_img img {
	display: block;
	margin: 0 auto;
}

#special .cafe_img {
	text-align: center;
}

#special .cafe_img_place {
	background-image: url(../images/special/cafe/cafe_02.png);
	width: 640px;
	height: 518px;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
}

#special .cafe_img_place span{
	margin-top: 20px;
	padding-left: 20px;
}