@charset "UTF-8";
/***********************************************************
全体の設定
***********************************************************/
* {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
}
img {
	border-width: 0px;
	vertical-align: middle;
}

html{
	height:100%;
}
body {
	background:#FFF url(../images/bg.gif) top repeat-x;
	font-family:"Verdana","ＭＳ Ｐゴシック", Osaka;
	color: #444;
	font-size:100%;
	line-height:1.5;
	text-align:center;
	height:100%;
}
table {
	border-collapse:collapse; 
	border-spacing:0;
}
h3.c_name {
	color: #7c9827;
	font-weight: 700;
}

ol {
	text-align: left;
	margin-left:1em;
}
ol li {
	list-style: inside;
	list-style-type: decimal;
	text-indent:-1em;
	line-height: 1.7;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
p.text {
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
/***********************************************************
デフォルト hasimoto
***********************************************************/

.ui-content .h1{
		color:#5E87B0;
		font-size:17px;
		text-shadow:1px 0 0 #FFF;
}
.wordbreak{
		overflow: visible;
		white-space: normal;
}


	/* Z
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-z {
	/*border: 1px solid 		#bdb085; /*{a-bar-border}*/
	background: 			#98cb00 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#98cb00 /*{a-bar-background-start}*/), to(#a6d51c /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #98cb00 /*{a-bar-background-start}*/, #a6d51c /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #98cb00 /*{a-bar-background-start}*/, #a6d51c /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #98cb00 /*{a-bar-background-start}*/, #a6d51c /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #98cb00 /*{a-bar-background-start}*/, #a6d51c /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #98cb00 /*{a-bar-background-start}*/, #a6d51c /*{a-bar-background-end}*/);
}
.ui-bar-z, 
.ui-bar-z input, 
.ui-bar-z select, 
.ui-bar-z textarea, 
.ui-bar-z button {
	font-family: Helvetica, Arial, sans-serif /*{a-bar-font}*/;
}
.ui-bar-z .ui-link-inherit {
	color: 					#fff /*{a-bar-color}*/;
}
.ui-bar-z .ui-link {
	color: 					#7cc4e7 /*{global-link-color}*/;
	font-weight: bold;
}
.ui-body-z {
	border: 1px solid 		#2A2A2A /*{a-body-border}*/;
	background: 			#fff /*{a-body-background-color}*/;
	color: 					#222 /*{a-body-color}*/;
	 text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#232521 /*{a-body-background-start}*/), to(#272b24 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fff /*{a-body-background-start}*/, #fff /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fff /*{a-body-background-start}*/, #fff /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fff /*{a-body-background-start}*/, #fff /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #fff /*{a-body-background-start}*/, #fff /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fff /*{a-body-background-start}*/, #fff /*{a-body-background-end}*/);	
}
.ui-body-z,
.ui-body-z input,
.ui-body-z select,
.ui-body-z textarea,
.ui-body-z button {
	font-family: Helvetica, Arial, sans-serif /*{a-body-font}*/;
}
.ui-body-z .ui-link-inherit {
	color: 					#fff /*{a-body-color}*/;
}
.ui-body-z .ui-link {
	color: 					#2489CE /*{global-link-color}*/;
	font-weight: bold;
}
.ui-br {
	border-bottom: rgb(130,130,130);
	border-bottom: rgba(130,130,130,.3);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.ui-btn-up-z {
	border: 1px solid 		#ccc /*{c-bup-border}*/;
	background: 			#eee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#444444 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd /*{c-bup-background-start}*/), to(#eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
}.ui-btn-up-z a.ui-link-inherit {
	color: 					#444 /*{a-bup-color}*/;
}



.ui-btn-hover-z {
	border: 1px solid 		#ccc /*{c-bup-border}*/;
	background: 			#eee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#444444 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-bup-background-start}*/), to(#fdfdfd/*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd/*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/);
}

.ui-btn-up-z a.ui-link-inherit {
	color: 					#444 /*{a-bup-color}*/;
}
.ui-btn-hover-z a.ui-link-inherit {
	color: 					#444 /*{a-bhover-color}*/;
}
.ui-btn-down-z {
	border: 1px solid 		#ccc /*{c-bup-border}*/;
	background: 			#eee /*{c-bup-background-color}*/;
	font-weight: bold;
	color: 					#444444 /*{c-bup-color}*/;
	text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-bup-background-start}*/), to(#fdfdfd/*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd/*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eee /*{c-bup-background-start}*/, #fdfdfd /*{c-bup-background-end}*/);
}
.ui-btn-down-z a.ui-link-inherit {
	
	color: 					#444 /*{a-bdown-color}*/;
}
.ui-btn-up-z,
.ui-btn-hover-z,
.ui-btn-down-z {
	font-family: Helvetica, Arial, sans-serif /*{a-button-font}*/;
	text-decoration: none;
}


/*共通テーマだけど、指定するもの 親要素を記述*/
/*.ui-btn-active*/
.ui-body-z .ui-btn-active {
  text-decoration: none;
  border: 1px solid   #aaa;
  background:       #eee;
  color:        #222;
  font-weight: bold;
  text-shadow: 0 0px 0px #222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
  background-image: -webkit-linear-gradient(top, #eee, #eee); 
  background-image:  -moz-linear-gradient(top, #eee, #eee); 
  background-image:   -ms-linear-gradient(top, #eee, #eee); 
  background-image:   -o-linear-gradient(top, #eee, #eee); 
  background-image:     linear-gradient(top, #eee, #eee);
}
/*.ui-icon-checkbox-on .ui-checkbox-on .ui-icon .ui-radio-on .ui-icon*/


.ui-body-z .ui-icon-checkbox-on, 
.ui-body-z .ui-checkbox-on .ui-icon, 
.ui-body-z .ui-radio-on .ui-icon {
  background-color: #709f9f;
}
/*覚書

<ul data-role="listview" data-theme="c" data-inset="true" data-dividertheme="z">

ul data-role="listview" data-theme="c"
は、ボタンを押すところの背景の色 cの場合灰色のボタンの背景色になる

data-dividertheme="z"
は、見出しタイトルの色
zはこちらで設定したものだから金色の見出しになる
*/
/*
.ui-header
-------------------*/
.ui-body-z .ui-header{
  background-color: #fff;
  background-image:url("../images/header-background.jpg");
  -webkit-background-size:100% 60px;
  background-size:100% 60px;
  position:relative;
  height:60px;
  z-index:1;
  border-bottom: 4px solid #98cb00;
}

.ui-body-z .ui-header::before{
  position:absolute;
  left:5px;
  top:0;
}
.ui-body-z .ui-header::after{
  position:absolute;
  right:0px;
  bottom:15px;
}
/*
 .footer
-------------------*/
.ui-body-z .ui-footer{
	border-top: 4px solid #98cb00;
	background-color: #fff;
	background-image:url("../images/footer-background.jpg");
	background-size:100% 64px;
	height:210px;
	color: #222;
}
.ui-body-z .ui-footer small{
	margin-top:40px;
	font-size:10px;
	color:#504510;
	text-align:center;
	display:block;
}
.ui-body-z .ui-footer small:before{
	content:url("./images/footer-reef.png");
	padding-right:1em;
}
/*




/***********************************************************
設定
***********************************************************/

span.f90 {
	font-size: 90%;
}
span.f95 {
	font-size: 95%;
}
span.f150 {
	font-size: 150%;
}
span.f180 {
	font-size: 180%;
}
span.f200 {
	font-size: 200%;
}

span.blue {
	color: #06F;
}
span.blue02 {
	color: #06F;
	font-weight: 700;
}

.mt0{ margin-top: 0px; display: block;}
.mt5{ margin-top: 5px; display: block;}
.mt10{margin-top: 10px; display: block;}
.mt15{margin-top: 15px; display: block;}
.mt20{margin-top: 20px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt25{margin-top: 25px; display: block;}
.mt30{margin-top: 30px; display: block;}
.mt40{margin-top: 40px; display: block;}
.mt50{margin-top: 50px; display: block;}
.mt60{margin-top: 60px; display: block;}
.mt70{margin-top: 70px; display: block;}
.mt80{margin-top: 80px; display: block;}
.mt90{margin-top: 90px; display: block;}
.mt100{margin-top: 100px; display: block;}
.mt150{margin-top: 150px; display: block;}

.mb0{ margin-bottom:  0px; display: block;}
.mb5{ margin-bottom:  5px; display: block;}
.mb10{margin-bottom: 10px; display: block;}
.mb15{margin-bottom: 15px; display: block;}
.mb20{margin-bottom: 20px; display: block;}
.mb30{margin-bottom: 30px; display: block;}
.mb40{margin-bottom: 40px; display: block;}
.mb45{margin-bottom: 45px; display: block;}
.mb50{margin-bottom: 50px; display: block;}
.mb60{margin-bottom: 60px; display: block;}
.mb70{margin-bottom: 70px; display: block;}
.mb80{margin-bottom: 80px; display: block;}
.mb90{margin-bottom: 90px; display: block;}
.mb100{margin-bottom: 100px; display: block;}

.mr0{ margin-right: 0px;  display: block;}
.mr3{ margin-right: 3px;  display: block;}
.mr4{ margin-right: 4px;  display: block;}
.mr5{ margin-right: 5px;  display: block;}
.mr10{margin-right: 10px; display: block;}
.mr15{margin-right: 15px; display: block;}
.mr20{margin-right: 20px; display: block;}
.mr30{margin-right: 30px; display: block;}
.mr40{margin-right: 40px; display: block;}
.mr50{margin-right: 50px; display: block;}
.mr60{margin-right: 60px; display: block;}
.mr70{margin-right: 70px; display: block;}
.mr80{margin-right: 80px; display: block;}
.mr90{margin-right: 90px; display: block;}
.mr100{margin-right: 100px; display: block;}

.ml0{ margin-left: 0px; display: block;}
.ml5{ margin-left: 5px; display: block;}
.ml10{margin-left: 10px; display: block;}
.ml15{margin-left: 15px; display: block;}
.ml20{margin-left: 20px; display: block;}
.ml30{margin-left: 30px; display: block;}
.ml40{margin-left: 40px; display: block;}
.ml50{margin-left: 50px; display: block;}
.ml60{margin-left: 60px; display: block;}
.ml70{margin-left: 70px; display: block;}
.ml80{margin-left: 80px; display: block;}
.ml90{margin-left: 90px; display: block;}
.ml100{margin-left: 100px; display: block;}

.pt0{padding-top: 0px; display: block;}
.pt5{padding-top: 5px; display: block;}
.pt10{padding-top: 10px; display: block;}
.pt15{padding-top: 15px; display: block;}
.pt20{padding-top: 20px; display: block;}
.pt30{padding-top: 30px; display: block;}
.pt40{padding-top: 40px; display: block;}
.pt50{padding-top: 50px; display: block;}
.pt60{padding-top: 60px; display: block;}
.pt70{padding-top: 70px; display: block;}
.pt80{padding-top: 80px; display: block;}
.pt90{padding-top: 90px; display: block;}
.pt100{padding-top: 100px; display: block;}

.pb0{ padding-bottom: 0px;  display: block;}
.pb5{ padding-bottom: 5px;  display: block;}
.pb10{padding-bottom: 10px; display: block;}
.pb15{padding-bottom: 15px; display: block;}
.pb20{padding-bottom: 20px; display: block;}
.pb30{padding-bottom: 30px; display: block;}
.pb40{padding-bottom: 40px; display: block;}
.pb50{padding-bottom: 50px; display: block;}
.pb60{padding-bottom: 60px; display: block;}
.pb70{padding-bottom: 70px; display: block;}
.pb80{padding-bottom: 80px; display: block;}
.pb90{padding-bottom: 90px; display: block;}
.pb100{padding-bottom: 100px; display: block;}

.pr5{padding-right: 5px; display: block;}
.pr10{padding-right: 10px; display: block;}
.pr15{padding-right: 15px; display: block;}
.pr20{padding-right: 20px; display: block;}
.pr30{padding-right: 30px; display: block;}
.pr40{padding-right: 40px; display: block;}
.pr50{padding-right: 50px; display: block;}
.pr60{padding-right: 60px; display: block;}
.pr70{padding-right: 70px; display: block;}
.pr80{padding-right: 80px; display: block;}
.pr90{padding-right: 90px; display: block;}
.pr100{padding-right: 100px; display: block;}

.pl5{padding-left: 5px; display: block;}
.pl10{padding-left: 10px; display: block;}
.pl15{padding-left: 15px; display: block;}
.pl20{padding-left: 20px; display: block;}
.pl30{padding-left: 30px; display: block;}
.pl40{padding-left: 40px; display: block;}
.pl50{padding-left: 50px; display: block;}
.pl60{padding-left: 60px; display: block;}
.pl70{padding-left: 70px; display: block;}
.pl80{padding-left: 80px; display: block;}
.pl90{padding-left: 90px; display: block;}
.pl100{padding-left: 100px; display: block;}

/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.l {
	float: left;
	display: block;
}
.r {
	float: right;
	display: block;
}

.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.textc {
	text-align: center;
}


/***********************************************************
スマホサイト用
***********************************************************/
h2.p_title {
	text-align: left;
	margin: 20px 0;
	font-size: 130%;
	border-left: 5px solid #98cb00;
	
	padding-left: 10px;
}
h3.sub_titile {
	text-align: left;
	margin: 30px 0 10px 0;
	background: url(../images/leaf.png) no-repeat;
	border-bottom: 1px dotted #98cb00;
	padding-left: 31px;
	padding-bottom: 3px;
}

h4.sub_title_de {
	text-align: left;
	margin: 20px 0 0px 0;
	border-bottom: 1px dotted #093;
	padding-left: 8px;
	padding-bottom: 3px;
	color: #093;
	font-weight: 700;
}
p {
	text-align: left;
}


/*施術時間*/
#times_sp table {
	margin-top: 20px;
}
#times_sp table th {
	background: #F0F0F0;
	font-weight: bold;
	border: 1px solid #B5B6CA;
	text-align: center;
	vertical-align: middle;	
}
#times_sp table th.box {
	font-weight: normal;
	border: 1px solid #B5B6CA;
	font-weight: normal;
	background: #F0F0F0;
	padding: 10px;
	vertical-align: middle;
	width: 40px;
	font-weight: 700;
}


#times_sp table th#hours_am {
	font-weight: normal;
	border: 1px solid #B5B6CA;
	font-weight: normal;
	background-color: #FFFFCC;
	padding: 10px;
	
}
#times_sp table th#hours_pm {
	font-weight: normal;
	border: 1px solid #B5B6CA;
	font-weight: normal;
	background-color: #FFFFCC;
	padding: 10px;
	
}
#times_sp table td {
	border: 1px solid #B5B6CA;
	text-align: center;
	vertical-align: top;
	background: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}
/*施術内容の枠*/
p.exbox01 {
	color:#444;
	padding: 10px;
	line-height: 1.9;
	font-size: 95%;
	border: 1px solid #093;
}
/*施術内容の枠*/
p.exbox {
	background: #eaf5da;
	color:#444;
	padding: 10px;
	line-height: 1.9;
	font-size: 95%;
	border: 1px solid #093;
}
/*pagetop*/
.pagetop {
	text-align: right;
	margin-bottom: 10px;
	margin-right:5px;
	margin-top: 30px;
}

/*見出しアイコン02*/
ul.icon2 {
		margin: 0;
		padding: 15px 0px 15px 0px;
		list-style: none;
}
ul.icon2 li {
		padding: 0px 30px;
		background: url(../../image/icon-yajirushi-or.gif) no-repeat 7px 4px;
		line-height: 1.7;
		text-align: left;
}
ul.icon2 li p {
		margin: 0;
		padding: 5px 10px;
}




/*萩原CSS*/
span.red {
	color: #F00;
}
span.red01 {
	color: #F00;
	font-weight: 700;
}
span.red02 {
	color: #F00;
	font-weight: 700;
}
span.white {
	color:#fff;
}
span.f60 {
	font-size: 60%;
}
/*トップページ*/
.waku {
	background: #eaf5da;
	color:#444;
	padding: 10px;
	line-height: 1.9;
	font-size: 95%;
	border: 1px solid #093;
}
.waku2 {
	background: #fff;
	color:#444;
	padding: 10px;
	line-height: 1.9;
	font-size: 95%;
	border: 1px solid #093;
}
.waku-red {
	color:#444;
	padding: 10px;
	line-height: 1.9;
	font-size: 95%;
	border: 1px solid #F00;
}
.bold {
	font-weight: bold;
}
/*SEO事例*/
.movies {
	margin: 20px 0;
	border-top: 5px solid #bdb085;
	border-left: 1px solid #bdb085;
	border-right: 1px solid #bdb085;
	border-bottom: 1px solid #bdb085;
	padding: 10px;
}
.movies p.movies_title {
	margin-top: 10px;
	text-align: left;
}
.movies p.movies_ex {
	margin-top: 10px;
	text-align: left;
}
/*動画制作*/
.movies p.movies_title_video {
	margin-top: 10px;
	text-align: left;
}
/*動画SEO*/
p.movies_thumb {
	margin-top: 10px;
}
/*ホームページ制作*/
.column_04 {
	margin-top: 20px 0;
}
.column_04 p {
	margin-top: 10px 0;
}
/*スマホ制作*/
.smart_phone {
	margin: 20px 0 50px 0;
}



/*会社概要 電話番号など*/
table.company_c {
	margin-top: 20px;
	margin-bottom: 30px;
	width: 100%;
}
table.company_c th {
	background: #fff;
	border: 1px solid #CCC;
	padding: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	width: 80px;
}
table.company_c td {
	text-align: left;
	border: 1px solid #CCC;
	padding: 10px;
	font-size: 16px;
	color: #222;
}

.textl {
	text-align: left;
}
.textr {
	text-align: right;
}
.textc {
	text-align: center;
}

/*niponiti*/
.movies {
	margin-bottom: 40px;
}
.movies p {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*homepage*/
.column_04 p {
	text-align: center;
	margin-bottom: 20px;
}
/*navisite*/
.column_02 p {
	margin-bottom: 20px;
}
/*lead-to-decition*/
.kaiun {
	margin-top: 10px;
}
.kaiun p {
	text-align: left;
}
.kaiun p.kaiun_img {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}