@charset "utf-8";

/*安心サービス用*/


/* トップ
---------------*/

/* ピックアップ*/

div#content div#main div#pic {
  width:724px;
  padding:0;
  margin:0 0 20px 0;
  clear: both;
}

div#content div#main div#pic div.box01{
  float:left;
  width:328px;
  height:170px;
  padding: 10px;
  margin: 0 15px 0 0;
  border: 2px solid #cbcaca;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;
}

div#content div#main div#pic div.box01 .strong{
font-weight:bold;
}

div#content div#main div#pic div.box01 p.link{
  margin:10px 0;
  padding: 0;
  font-size:1.2em;
  font-weight:bold;
}

div#content div#main div#pic div.box01_r{
  float:right;
  width:328px;
  height:170px;
  padding: 10px;
  margin: 0 0 0 0;
  border: 2px solid #cbcaca;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;

}

div#content div#main div#pic div.box01_r .strong{
font-weight:bold;
}

div#content div#main div#pic div.box01_r p.link{
  margin:10px 0;
  padding: 0;
  font-size:1.2em;
  font-weight:bold;
}

div#content div#main div#pic div.box02{
  float:left;
  width:328px;
  height:170px;
  padding: 10px;
  margin: 15px 15px 0 0;
  border: 2px solid #cbcaca;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;
}

div#content div#main div#pic div.box02 .strong{
font-weight:bold;
}

div#content div#main div#pic div.box02 p.link{
  margin:10px 0;
  padding: 0;
  font-size:1.2em;
  font-weight:bold;
}

div#content div#main div#pic div.box02_r{
  float:right;
  width:328px;
  height:170px;
  padding: 10px;
  margin: 15px 0 0 0;
  border: 2px solid #cbcaca;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;

}

div#content div#main div#pic div.box02_r .strong{
font-weight:bold;
}

div#content div#main div#pic div.box02_r p.link{
  margin:10px 0;
  padding: 0;
  font-size:1.2em;
  font-weight:bold;
}

/* ピックアップ*/

div#content div#main div#btn{
  clear: both;
  margin: 0;

}


div#content div#main div#btn img {
  display: inline;
  float: left;
  margin: 0 3px 20px 0;

}



/* お問合せ一覧
---------------*/
body#inquiry div#main div.node div.contact {
  clear: both;
  margin: 0 0 20px 0;
  background:url(../img/bg/dot_333.gif) repeat-x bottom;
}

body#inquiry div#main div.node div.contact p.text{
float:left;
width:450px;
  margin: 0 0 20px 10px;
}

body#inquiry div#main div.node div.contact p.text span.strong{
font-weight:bold;
}

body#inquiry div#main div.node div.contact p.tel{
  float: right;
  width:214px;
  margin: 0 0 20px 0;
  font-weight:bold;
  font-size:1.4em;
  color:#006633;
}

body#inquiry div#main div.node div.contact p.tel img{
margin: 0;
}

body#inquiry div#main div#shiryo-btn{
clear: both;
margin: 0;
}


body#inquiry div#main div#shiryo-btn div.left{
	margin: 0 0 20px 0;
	padding: 0;
	float:left;
}

body#inquiry div#main div#shiryo-btn div.right{
	margin: 0 0 20px 0;
	padding: 0;
	float: right;
}


/* リスト表*/



body#inquiry div#main dl.list dd {
  padding: 0 0 0 24px;
}

body#inquiry div#main dl.list dd ul li {
  padding: 9px 14px 5px 30px;
  border-bottom: 1px dotted #B2B2B2;
  background: url(../img/icon/greenarrow_square.gif) no-repeat 0 0.5em;
}

body#inquiry div#main dl.list dd ul li span {
  display: block;
  color: #5D5D5D;
  font-size: 0.75em;
}

/* モバイルのご案内
---------------*/

body#inquiry div#main div.qrCord {
  　clear: both;
	width: 704px;
	margin: 15px auto 20px auto;
	padding: 10px;
	border: 1px solid #ccc;
	
}

body#inquiry div#main div.qrCord p.fig {
	float: left;
	width: 111px;
	margin: 0 10px 0 0;
}

body#inquiry div#main div.qrCord div.description {
	float: left;
	width: 580px;
	margin: 0;
}

body#inquiry div#main h4 {
	padding: 0 0 0 6px;
	border-left: 5px solid #D78901;
	font-size: 100%;
	font-weight: bold;
	color: #D78901;
}

body#inquiry div#main div.qrCord div.description p {
	margin: 10px 0 0 0;
}

body#inquiry div#main div#qrCordGuide {
	width: 704px;
	margin: 20px 0;
	padding: 10px;
	background: #F6F2E4;
}

body#inquiry div#main div#qrCordGuide h4 {
	padding: 0 0 0 6px;
	border-left: 5px solid #D78901;
	font-size: 1em;
	font-weight: bold;
	color: #D78901;
}

body#inquiry div#main div#qrCordGuide p.note {
	font-size: 0.75em;
}


/* メルマガのご案内
---------------*/

body#inquiry div#main div#guide {
  　clear: both;
  　margin:10px 0 0 0;
}

body#inquiry div#main div#guide div.text{
    float:left;
	width:413px;
    margin: 0 10px 0 26px;
}

body#inquiry div#main div#guide div.guidebook{
    float:right;
	margin: 0 10px 0 15px;
  　width:250px;

}

body#inquiry div#main div#mailmaga {
  　clear: both;
  　margin:0;
}

body#inquiry div#main div#mailmaga div.left{
    float:left;
	width:382x;
    margin: 20px 0;
}

body#inquiry div#main div#mailmaga div.right{
    float:right;
  　width:322px;
    margin: 20px 0;

}

/*バックナンバー覧用*/

body#inquiry div#content div#main p.rightlist {
margin:15px 0;
padding:0 0 0 30px;
font-size:0.85em;
text-align: right;
}
/*バックナンバー覧用ここまで*/


/* CMのご案内
---------------*/

body#inquiry div#main div.node #movie {
	float: left;
	width: 420px;
	height: 315px;
	margin: 20px 0 60px 0;
	padding: 0 20px 0 10px;
}

body#inquiry div#main div.node #movie h4 {	
	margin: 0 0 10px 0;
	padding: 0 0 0 6px;
	border-left: 5px solid #D78901;
	font-size: 100%;
	font-weight: bold;
	color: #D78901;
}

body#inquiry div#main div.node #movie .stop {
	display: none;
}

body#inquiry div#main div.node #movie .play {
	display: block;
}

body#inquiry div#main div.node #movNavi {
	float: left;
	width: 250px;
	margin: 20px 0;
}

body#inquiry div#main div.node #movNavi ul {
	margin: 35px 0 0 0;
	padding: 0;
	width: 250px;
	border-top: 1px solid #ddd;
}

body#inquiry div#main div.node #movNavi ul li {
	margin: 0;
	padding: 7px 0 7px 35px;
	background: #fff url(/img/icon/greenarrow_square.gif) 7px 10px no-repeat;
	border-bottom: 1px solid #ddd;
}

body#inquiry div#main div.node #movNavi ul li.stop {
	background: #fff url(/img/icon/greenarrow_square.gif) 7px 10px no-repeat;
}

body#inquiry div#main div.node #movNavi ul li.play {
	background: #ccc url(/img/icon/greenarrow_square.gif) 7px 10px no-repeat;
}

body#inquiry div#main div.node #movNavi ul li a {
	cursor: pointer;
	cursor: hand;
}

body#inquiry div#main div.node div#comment {
  　clear: both;
    padding: 0 15px 0 26px;
}

body#inquiry div#main div.node div#comment p.photo {
	float: left;
	width: 220px;
	margin: 10px 10px 20px 0;
	text-align: center;
}

body#inquiry div#main div.node div#comment div.description {
	float: left;
	width: 449px;
	margin: 0 0 20px 0;
}

body#inquiry div#main div.node div#comment #profile {
	margin: 10px auto;
	padding: 0 0 1px 0;
	border: 1px solid #EBE6A2;
}



body#inquiry div#main div.node #profile p.tit{
    margin:0;
	padding: 0 0 0 10px;
	font-weight:bold;
	border-left:#CCCCCC solid 4px;
}

body#inquiry div#main div.node #profile table {
	width: 683px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	background-color:#FFFFFF;
	border:#CCCCCC solid 1px;
}

body#inquiry div#main div.node table th {
	width: 100px;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background: url(../img/bg/dot_333.gif) 0 100% repeat-x;
	color:#333333;

}

body#inquiry div#main div.node div#profile table td {
	width: 418px;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background: url(../img/bg/dot_333.gif) 0 100% repeat-x;

}

body#inquiry div#main div.node div#profile table .noBorder th {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background: none;
}

body#inquiry div#main div.node div#profile table .noBorder td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background: none;
}



/* もしも会員
---------------*/

/* 会員特典 */

body#inquiry div#content div#main div.node-wrapper {
  clear: both;
  padding: 0 15px 0 26px;

}

body#inquiry div#main div.member-privilege-block {
  clear: both;
  padding: 20px 0 0;
}

body#inquiry div#main div.member-privilege-inner {
  clear: both;
  margin: 0 0 14px;
}

body#inquiry div#main div.member-privilege-inner-meta {
  float: left;
  clear: left;
  width: 47px;
}

body#inquiry div#main div.member-privilege-inner-meta img {
  display: block;
}

body#inquiry div#main dl.member-privilege-inner-body {
  float: right;
  clear: right;
  width: 626px;
  margin: 0;
}

body#inquiry div#main dl.member-privilege-inner-body dt {
  clear: both;
  margin: 0 0 4px;
  border-bottom: 1px dotted #B2B2B2;
  color: #A73D62;
  font-weight: bold;
}

body#inquiry div#main dl.member-privilege-inner-body dd {
  font-size: 0.88em;
}

body#inquiry div#main dl.member-privilege-inner-body dd strong.must {
  color: #C7131C;
  font-size: 1.25em;
}

body#inquiry div#main dl.member-privilege-inner-body dd p {
  margin: 0;
}

/* 業務割引の説明 */

body#inquiry div#main div.operating-explanation {
  clear: both;
  margin: 0 0 30px 56px;
}

body#inquiry div#main div.operating-explanation div.odd {
  display: table-cell;
  width: 373px;
  padding: 0 37px 0 0;
  background: url(../img/bg/arrow_giradient-pink.png) no-repeat right center;
  font-size: 0.88em;
  vertical-align: middle;
}

* html body#inquiry div#main div.operating-explanation div.odd { /* for ie6 */
  display: inline;
  zoom: 1;
}

*:first-child+html body#inquiry div#main div.operating-explanation div.odd { /* for ie6 */
  display: inline;
  zoom: 1;
}

body#inquiry div#main div.operating-explanation div.odd p {
  margin: 0;
  margin: expression((this.parentNode.firstChild == this)?'0 0 10px':'0'); /* for ie */
  padding: 4px 6px;
  background: #796BAC;
  color: #FFF;
}

body#inquiry div#main div.operating-explanation div.odd p:first-child {
  margin: 0 0 10px;
}

body#inquiry div#main div.operating-explanation div.odd p strong {
  padding: 0 0.4em 0 0;
}

body#inquiry div#main div.operating-explanation div.even {
  display: table-cell;
  width: 200px;
  background: #CC0F1B;
  color: #FFF;
  font-weight: bold;
  vertical-align: middle;
}

* html body#inquiry div#main div.operating-explanation div.even { /* for ie6 */
  display: inline;
  zoom: 1;
}

*:first-child+html body#inquiry div#main div.operating-explanation div.even { /* for ie6 */
  display: inline;
  zoom: 1;
}

body#inquiry div#main div.operating-explanation div.even p {
  margin: 0;
  padding: 1em 10px;
}

* html body#inquiry div#main div.operating-explanation div.even p { /* for ie6 */
  padding: 1.5em 10px;
}

*:first-child+html body#inquiry div#main div.operating-explanation div.even p { /* for ie6 */
  padding: 1.5em 10px;
}

.center {
text-align:center;
}



/* お客様の声
---------------*/


body#inquiry div#content div#main div.list{
  padding:5px;
  margin:0 0 15px 0;
  text-align: center;
  border:#CCCCCC solid 1px;
}

body#inquiry div#content div#main div.list p{
  padding:0;
  margin:0 ;

}

/* 大野屋テレホンセンターのご紹介
---------------*/

body#inquiry div#content div#main div#movie{
  padding:0;
  margin:0 0 100px 0;
}

body#inquiry div#content div#main div.howto{
  padding:10px;
  margin:15px 0;
  border:#00cc33 solid 3px;
  text-align:center;
}

body#inquiry div#content div#main div.howto p.tit{
  padding:0;
  margin:0;
  font-weight:bold;
}

body#inquiry div#content div#main div.howto p.read{
  padding:0;
  margin:0;
  color:#27991e;
}

body#inquiry div#content div#main div.howto img{
  padding:5px;
  margin:15px 0;
}



body#inquiry div#content div#main div#ohnoya {
  width:724px;
  padding:0;
  margin:0 0 20px 0;
  clear: both;
}

body#inquiry div#content div#main div#ohnoya div.box{
  float:left;
  width:162px;
  height:100px;
  padding: 6px;
  margin: 0 4px 0 0;
  border: 2px solid #d4d2ce;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;
}

body#inquiry div#content div#main div#ohnoya div.box p.st{
margin:0 0 10px 0;
padding:3px;
background-color:#27991e;
color:#FFFFFF;
font-weight:bold;
  font-size:0.85em;
}



body#inquiry div#content div#main div#ohnoya div.box_r{
  float:right;
  width:162px;
  height:100px;
  padding: 6px;
  margin: 0 0 0 0;
  border: 2px solid #d4d2ce;
  background: #FFFFFF;
  text-align: left;
  -moz-border-radius: 6px; /* for firefox 3.6+ */
  -webkit-border-radius: 6px; /* for webkit browsers */
  border-radius: 6px;
  -moz-box-shadow: 3px 3px 5px #CBCACA; /* for firefox 3.6+ */
  -webkit-box-shadow: 3px 3px 5px #CBCACA; /* for webkit browsers */
  box-shadow: 3px 3px 5px #CBCACA;
  behavior: url(/js/PIE.htc); /* for IE6-8 */
  font-size:0.85em;

}

body#inquiry div#content div#main div#ohnoya div.box_r p.st{
margin:0 0 10px 0;
padding:3px;
background-color:#27991e;
color:#FFFFFF;
font-weight:bold;
  font-size:0.85em;
}

body#inquiry div#content div#main div#ohnoya p.read{
margin:20px 0;
  padding: 0 15px 0 26px;
}

body#inquiry div#content div#main div.cent {
  　clear: both;
  　margin:0;
    padding: 0 15px 0 26px;
}

body#inquiry div#content div#main div.cent p.read{
    float:left;
	width:369px;
    margin: 0;
}

body#inquiry div#content div#main div.cent p.bnr{
    float:right;
  　width:300px;
    margin: 0;

}

body#inquiry div#content div#main div.customer {

  padding: 0 15px 0 26px;


}

body#inquiry div#content div#main div.customer p.tit{
    margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left:#669933 solid 3px;
	color:#669933;
	font-weight:bold;

}

body#inquiry div#content div#main div.customer span.bold{
	font-weight:bold;

}

body#inquiry div#content div#main div.customer p.read{
    float:left;
	width:369px;
    margin: 0 0 10px 0;
}

body#inquiry div#content div#main div.customer p.bnr{
    float:right;
  　width:300px;
    margin: 0;

}


/*PR枠*/
body#inquiry div#main div.pr-block {
  clear: both;
  margin: 0 0 14px;
  background: url(../img/bg/bg_pr_side.png) repeat-y left top;
  zoom: 1;
}

body#inquiry div#main div.pr-block-wrapper {
  background: url(../img/bg/bg_pr_top.png) no-repeat left top;
  padding:20px 0 0 0;
}

body#inquiry div#main div.pr-block-close {
  min-height: 100px;
  padding: 14px 18px;
  background: url(../img/bg/bg_pr_bottom.png) no-repeat left bottom;
}

* html body#inquiry div#main div.pr-block-close { /* for ie6 */
  height: 100px;
}

body#inquiry div#main div.pr-block strong.bold{
	font-size:1.5em;
	font-weight:bold;
	color:#339900;
}

body#inquiry div#main div.pr-block p.large{
	font-size:1.25em;
}







/* メールマガジン創刊100号記念キャンペーン
---------------*/

body#inquiry div#content div#main div.node div.mailmaga100{
  　width:692px;
    margin: 0 auto;
	padding:15px;
	border:#CCC solid 1px;

}
body#inquiry div#content div#main div.node div.mailmaga100 div.book01{
	padding:  0 0 10px 0;
	margin:0 0 15px 0;

}

body#inquiry div#content div#main div.node div.mailmaga100 div.book02{
	padding:  0 0 10px 0;
	margin:0;
	clear:both;
}

body#inquiry div#content div#main div.node div.mailmaga100 p.item{
	font-size:1.75em;
	padding: 10px;
	font-weight:bold;
	color:#FFF;
	background:#009900;

}

body#inquiry div#content div#main div.node div.mailmaga100 div.left{
	float:left;
	width:300px;
	margin: 0 0 20px 0;

}

body#inquiry div#content div#main div.node div.mailmaga100 div.right{
	float: right;
	width:200px;
	margin: 0 50px 20px 0;

}

body#inquiry div#content div#main div.node div.mailmaga100 div.left p span.sub{
	font-size:1.25em;
	font-weight:bold;
	color:#390;

}

body#inquiry div#content div#main div.node div.mailmaga100 p.right{
	text-align:right;

}
body#inquiry div#content div#main div.node div.mailmaga100 div.oubo{
	padding:10px;
	border: #393 solid 2px;
	margin:0;
	font-size:0.85em;

}
body#inquiry div#content div#main div.node div.mailmaga100 div.oubo p.gaiyo{
	margin:0 0 10px 0;
	padding:5px;
	background:#006600;
	color:#FFF;
	font-weight:bold
	

}

/* メールマガジン優待キャンペーン
---------------*/

div.yutai {
	margin:0 0 10px 0;
	padding:10px;
	border:3px solid #d9a549;
}

div.yutai div.tit{
	margin:0;
	padding:0;
	background:#000099;
	color:#FFFFFF;
}

div.yutai div.tit p{
	margin:0;
	padding:10px;
	font-weight:bold;
	font-size:1.25em;
}


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

  clearfix

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




div.contact:after,
div#shiryo-btn ul:after,
div.qrCord:after,
div#guide:after,
ul.about-menu:after,
div.member-privilege-inner:after,
dl.member-privilege-inner-body dd:after,
div.operating-explanation:after {
  content: ",";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em; 
  line-height: 0; 
}


div.contact,
div#shiryo-btn ul,
div.qrCord,
div#guide,
ul.about-menu,
div.member-privilege-inner,
dl.member-privilege-inner-body dd,
div.operating-explanation {/* for ie6 */
  display: inline-block;
}


div.contact,
div#shiryo-btn ul,
div.qrCord,
div#guide,
ul.about-menu,
div.member-privilege-inner,
dl.member-privilege-inner-body dd,
div.operating-explanation{/* for Opera */
  display: block;
}

/*========================================
もしも会員　新特典
========================================*/

#new_privilege .title {
  color: #dd165b;
  font-size: 1.6em;
  line-height: 2em;
}

#new_privilege img {
  vertical-align: sub;
}

#new_privilege_details {
  padding-left:20px;
  font-weight: bold;
  padding-left: 58px;
  line-height: 1.4em;
  margin-bottom:10px;
  color: #dd165b;
}

#new_privilege_details p {
  margin-bottom:0.2em!important;
  font-size: 1.2em;
}

#new_privilege_details .icon {
  color:#796BAC;
}

#new_privilege_details .sub_info {
  font-size:0.6em;
  padding-left:5px;
  font-weight: normal;
  color:#000;
}

#new_privilege_details .sub_item {
  font-size: 0.8em!important;
  font-weight: normal;
  padding: 3px;
  margin-left: 4px;
  color:#000;
}

/*もしも特典　保養施設優待料金*/

.privilege-hoyo-ryokin{
  margin:15px 0 20px!important;
  padding-bottom:20px!important;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu{

}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .heading{
  background:#135a6d!important;
  color:#FFF!important;
  padding:0.7em 1em!important;
  position:relative!important;
  border:none!important;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .heading span.address{
  font-size:80%;
  margin-left:3em;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .heading span.pref{
  display:inline-block;
  background:#ea9500;
  color:#fff;
  position:absolute;
  top:-19px;
  left:15px;
  padding:0.2em;
  font-size:80%;
  border-radius:8px;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .txtbox{
  width:425px;
  float:left;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .txtbox .telnum{
  color:#135a6d;
  text-align:right;
  font-size:80%;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .txtbox .description{
  font-size:85%;
  color:#333;
  padding-bottom:2em;
  font-weight:normal;
}

#privilege-hoyo-shisetsu-wrapper .privilege-hoyo-shisetsu .photo{
  width:180px;
  float:right;
}

#privilege-hoyo-shisetsu-wrapper .note{
  background:#dd165b;
  color:#FFF;
  padding:0.5em;
  text-align:center;
  margin-bottom:20px!important;
}