@charset "utf-8";


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing: border-box;
}
body {
	line-height:1.4em;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}
/* =======================================

	CommonElements

======================================= */
html {
	width: 100%;
}
body {
	font-size: 100%;
	font-family: メイリオ, Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	color: #FFF;
	text-align: center;
	background-color: #004040;
	letter-spacing: -0.4px;
	width: 100%;
}
body a{text-shadow: none;outline-width: 0;}
body a:link { text-decoration:none; color: #231815;}
body a:visited { text-decoration:none; color: #231815;}
body a:active { text-decoration:none; color: #231815;}
body a:hover { text-decoration:underline; color: #231815;}


#container {
	width: 970px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	display: inline-block;
	overflow: hidden;
}

/* #header
--------------------------- */
header {
	float: left;
	margin-bottom: 30px;
	width: 100%;
	min-width: 970px;
}
header h1 a {
	width: 336px;
	height: 78px;
	background: url(./img/logo.png) no-repeat 0 0;
	background-size: cover;
	text-indent: -9999px;
	margin-bottom: 15px;
	display: block;
}
header #main_img {
	float: left;
	margin-right: 30px;
	max-width: 660px;
}

header nav {
	float: left;
}
/* 下層ページ */
header#gnav {
	float: left;
	margin-bottom: 0;
	width: 100%;
	/*min-width:1024px;*/
	background-color: #FFF;
	padding: 15px 0;
}
header#gnav .wrap{width: 970px;margin:0 auto;}
header#gnav h1 {float: left;}
header#gnav h1 a {
	width: 336px;
	height: 78px;
	background: url(./img/logo_bk.png) no-repeat 0 0;
	background-size: cover;
	text-indent: -9999px;
	margin-bottom: 0;
	display: block;
}

header#gnav nav {
	float: right;
}
header#gnav nav ul {
	margin-top: 18px;
	float: right;
}
header#gnav nav li {
	float: left;
	margin-bottom: 0;
	margin-right: 15px;
}
header#gnav nav li:last-child {margin-right: 0;}
header#gnav nav ul li a {
	background-image: none;
	width: 100%;
	text-indent: 0;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -0.3px;
	color: #222;
}
header#gnav nav li:hover {border-bottom: 3px solid #004040;}
header#gnav nav li.current:hover {border-bottom:0;}
header#gnav nav li.current {
	background-color: #004040;
	padding: 2px 10px 4px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
header#gnav nav li.current a {color:#FFF;}
html body .fix {
	background-color: #FFF;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	opacity: 0.7;
	padding: 15px 0 !important;
}
.fix > .container .navbar-brand, .fix > .container-fluid  h1 a {
	width: 112px;
	height: 46px;
	background: url(../img/logo_bk.png) no-repeat 0 0;
	background-size: cover;
	display: block;
	text-indent: -9999px;
	margin-left: 0;
}
nav ul li {
	margin-bottom: 20px;
}

nav ul li#nav01 a {
	background: url(./img/side_nav01.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav02 a {
	background: url(./img/side_nav02.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav03 a {
	background: url(./img/side_nav03.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav04 a {
	background: url(./img/side_nav04.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav05 a {
	background: url(./img/side_nav05.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav06 a {
	background: url(./img/side_nav06.png) no-repeat 0 0;
	width: 280px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav07 a {
	background: url(./img/side_nav07.png) no-repeat 0 0;
	width: 201px;
	height: 47px;
	text-indent: -9999px;
	display: block;
}
nav ul li#nav01 a:hover {background: url(./img/side_nav01_hover.png) no-repeat 0 0;}
nav ul li#nav02 a:hover {background: url(./img/side_nav02_hover.png) no-repeat 0 0;}
nav ul li#nav03 a:hover {background: url(./img/side_nav03_hover.png) no-repeat 0 0;}
nav ul li#nav04 a:hover {background: url(./img/side_nav04_hover.png) no-repeat 0 0;}
nav ul li#nav05 a:hover {background: url(./img/side_nav05_hover.png) no-repeat 0 0;}
nav ul li#nav06 a:hover {background: url(./img/side_nav06_hover.png) no-repeat 0 0;}
nav ul li#nav07 a:hover {background: url(./img/side_nav07_hover.png) no-repeat 0 0;}

nav ul li#nav06 {margin-bottom: 32px;}

/* content
--------------------------- */
#content{clear: both;}

/* section
--------------------------- */
section#news {width: 660px;float: left;margin-right: 30px;}
section#news h2 {
	background: url(./img/title_news.png) no-repeat 0 0;
	width: 647px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#news dl,section#news dt,section#news dd{
	float: left;
	max-width: 300px;
}
section#news dt{
	margin-bottom: 15px;
}
section .wrap {
	background-color: #003333;
	padding: 15px;
	float: left;
	width: 100%;
	margin-bottom: 15px;

}
section .wrap img{
	float: left;
}
section#news .wrap img{
	max-width: 300px;
	cursor: pointer;
}
section#blog_side .wrap img{
	max-width: 100px;
}
section#news .wrap article{
	float: right;
	width: 305px;
}

section#blog_side .wrap {
	position: relative;
	margin-bottom: 1px;
	min-height: 160px;
}
section#blog_side .wrap article{
	float: right;
	width: 125px;
}
.wrap article h3{
	margin-bottom: 10px;
}
.wrap article div.disc{
	font-size: 12px;
}

section#blog_side {width: 280px;float: right;}
section#blog_side h2 {
	background: url(./img/title_blog_side.png) no-repeat 0 0;
	width: 287px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#blog_side .date {color: #FFFF99;font-style: italic;font-size: 14px;}
section#blog_side .more {margin-top: 10px;background-color: #993333;/*position: absolute;bottom: 15px;right: 15px;*/padding: 1px 15px 0;float: right;font-size: 12px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
}
section#blog_side .more a {color: #FFF;}

section#room_side {width: 280px;float: right;margin-bottom: 15px;}
section#room_side h2 {
	background: url(./img/title_room.png) no-repeat 0 0;
	width: 287px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#room_side .wrap {
	position: relative;
	margin-bottom: 1px;
}
section#room_side .wrap a{ color:#FFF;font-weight: bold;}
/* blog */
section#blog {width: 100%;float: left;}
section#blog h2 {
	background: url(./img/title_blog.png) no-repeat 0 0;
	width: 967px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#blog .wrap .disc img {height: auto;cursor: pointer;}
section#blog h3.date_month {margin-bottom: 15px;text-align: center;font-size: 28px;}
section#blog .wrap article{float: left;width: 100%;}
section#blog .wrap article h3 {font-size: 28px;line-height: 1.2em;}
section#blog .wrap article h3 .date {color: #FFFF99;font-style: italic;font-size: 16px;display: block;font-weight: normal;}
section#blog_archives {width: 100%;float: left;}
section#blog_archives .wrap{width: 100%;background-color: #003333;padding: 15px 15px 5px 15px;}
section#blog_archives h2 {
	background: url(./img/title_blog_archives.png) no-repeat 0 0;
	width: 967px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
section#blog_archives article {
	width: 19%;
	float: left;
}
section#blog_archives h2+article {margin-left:35px;}
section#blog_archives article:last-child {padding-bottom: 15px;}
section#blog_archives h3{font-size: 18px;margin-bottom: 10px;}
section#blog_archives ul{
	position: relative;
	list-style: none;
	padding-left: 15px;
}
section#blog_archives li{
	margin-bottom: 10px;
	padding-left: 30px;
}
section#blog_archives li:last-child {margin-bottom: 0;}
section#blog_archives li a{
	color: #FFF;
}
section#blog_archives li:before{
	list-style-type: disc;
	content: ' ';
	border: transparent solid 5px;
	border-left-color: #FFF;
	position: absolute;
	height: 0;
	width: 0;
	left: 30px;
	margin: 0px;
	margin-top: 0.3em;
	padding: 0px;
}
section#blog_archives li.current{
	background-color: #004040;
	display: inline-block;
	padding: 3px 20px 2px 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

section#blog .wrap article .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
	float: none;
}
section#blog .wrap article figure {}

.disc p {
	margin: 0;
	clear: both;
}
.disc h5 {
	font-size: 14px;
}
/* blog - caption */
section#blog figure {
	position: relative;
	overflow: hidden;
}
section#blog figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	text-align: center;
	padding-top: 60%;
}
section#blog figure:hover figcaption {
	opacity: 1;
}
/* archive */
#archive h3 {
	background: url(./img/arrow_bt_wh.png) no-repeat right center;
	font-size: 28px;
	line-height: 1.2em;
	float: left;
	padding: 10px 50px 10px 25px;
	border: 1px solid #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	margin-bottom: 15px;
}
#month_list {
	width: 100%;
	margin: 0 auto;
	position: relative;
	clear: both;
}

.item {
	width: 180px;

}
#archive .item {
	border: 4px solid #ccc;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.item img {
	width: 100%;
	vertical-align: middle;
}
.item .content {display: none;}
.lity .content {border: 4px solid #FFF;padding: 15px;background-color: #004040;color: #FFF;font-weight: normal;float: left;}
.lity .content h3 {text-align: center;font-size: 24px;margin-bottom: 15px;}
.lity-container {}
.lity .content .inner img {display: block;margin: 0px auto 15px;max-width:480px;max-height:640px;}
.lity .content .inner p {font-size: 14px;}

.custom-selectbox {
    position: relative;
    margin-bottom: 15px;
}
.custom-selectbox select {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 320px;
	height: 50px;
	opacity: 0;
}
.custom-selectbox option {
	padding: 5px;
	font-size: 18px;
	font-family: 'PT Serif', serif;
}
.custom-selectbox .inner {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	border: 2px solid #fff;
	padding: 13px 25px 10px 25px;
	width: 320px;
	height: 50px;
	font-size: 28px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
.custom-selectbox .inner:before,
.custom-selectbox .inner:after {
	content: '';
	position: absolute;
	display: block;
}
.custom-selectbox .inner:before {
	top: 0;
	right: 0;
	bottom: 0;
	width: 24px;
	background: #FFF;
}
.custom-selectbox .inner:after {
	top: 50%;
	right: 7px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top-color: #004040;
	border-width: 5px 5px 0 5px;
}
/* access */
section#access {width: 970px;float: left;}
section#access h2 {
	background: url(./img/title_access.png) no-repeat 0 0;
	width: 956px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#access dt {font-weight:bold;font-size: 18px;}
section#access dd {
	padding-left: 25px;
	margin-bottom: 15px;
}
#map_canvas {
	width: 100%;
	height: 480px;
	border-radius: 3px;
}
/* contact */
section#contact {width: 970px;float: left;}
section#contact h2 {
	background: url(./img/title_contact.png) no-repeat 0 0;
	width: 954px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#contact form p {margin-bottom: 15px;}
section#contact .wpcf7 {margin: 0 auto;width: 50%;}
section#contact .wpcf7-text,section#contact .wpcf7-textarea {width: 100%;border-radius: 3px;border: 0 none;padding: 5px;}
section#contact .wpcf7-submit{
	padding: 10px 15px;
	display: block;
	margin: 0px auto;
	background-color: rgb(238, 238, 238);
	border: 0px none;
	border-radius: 3px;
	font-weight: bold;
	cursor: pointer;
}
section#contact span.wpcf7-not-valid-tip {color: #E3EC93;}
section#contact .wpcf7-validation-errors{border-color: #E3EC93;}
section#contact .wpcf7-mail-sent-ok {border: 0 none;}
/* Brand List */
section#brand {width: 970px;float: left;}
section#brand h2 {
	background: url(./img/title_brand.png) no-repeat 0 0;
	width: 967px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
/* Brand List - caption */
section#brand a.jg-entry {float: left;margin-right: 15px;max-width: 170px;display:block;}
section#brand a.jg-entry img {max-width: 170px;height:auto;}
section#brand .gallery figure.gallery-item:last-child {margin-right: 0;}
section#brand figcaption.gallery-caption {text-align: center;}

/* note */
section#note {width: 970px;float: left;}
section#note h2 {
	background: url(./img/title_note.png) no-repeat 0 0;
	width: 967px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
section#note .wrap {
    background-color: #FFF;
    color:#000;
}
section#note .wrap article h3 .date {color:#000 !important;}
section#note #nav {width:100%;list-style:none;height: 65px;margin-bottom: 25px;}
section#note #nav li {width:33.3%;float:left;text-align: center;height: 65px;border: 1px solid #FFF;background-color: #003333;}
section#note #nav li a{width:100%;height: 43px;padding-top:20px;display: block;color:#FFF;font-size:18px;}
section#note #nav li.current a{background-color: #FFF;color:#003333;font-weight: bold;}
section#note .wrap .disc img {height: auto;cursor: pointer;}
section#note h3.date_month {margin-bottom: 15px;text-align: center;font-size: 28px;}
section#note .wrap article{float: left;width: 100%;}
section#note .wrap article h3 {font-size: 28px;line-height: 1.2em;}
section#note .wrap article h3 .date {color: #FFFF99;font-style: italic;font-size: 16px;display: block;font-weight: normal;}
section#note_archives {width: 100%;float: left;}
section#note_archives .wrap{width: 100%;background-color: #003333;padding: 15px 15px 5px 15px;}
section#note_archives h2 {
	background: url(./img/title_room_archives.png) no-repeat 0 0;
	width: 967px;
	height: 31px;
	text-indent: -9999px;
	margin-bottom: 15px;
}
section#note_archives article {
	width: 19%;
	float: left;
}
section#note_archives h2+article {margin-left:35px;}
section#note_archives article:last-child {padding-bottom: 15px;}
section#note_archives h3{font-size: 18px;margin-bottom: 10px;}
section#note_archives ul{
	position: relative;
	list-style: none;
	padding-left: 15px;
}
section#note_archives li{
	margin-bottom: 10px;
	padding-left: 30px;
}
section#note_archives li:last-child {margin-bottom: 0;}
section#note_archives li a{
	color: #FFF;
}
section#note_archives li:before{
	list-style-type: disc;
	content: ' ';
	border: transparent solid 5px;
	border-left-color: #FFF;
	position: absolute;
	height: 0;
	width: 0;
	left: 30px;
	margin: 0px;
	margin-top: 0.3em;
	padding: 0px;
}
section#note_archives li.current{
	background-color: #004040;
	display: inline-block;
	padding: 3px 20px 2px 30px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

section#note .wrap article .aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
	float: none;
}
section#note .wrap article figure {}
/* footer
--------------------------- */
footer {padding: 15px;font-size: 12px;clear: both;min-width: 970px;}

/*
--------------------------- */
.jumbotron p {
	padding: 25px;
}
.carousel-control.left,.carousel-control.right {
	background: none;
}
/* clearfix
--------------------------- */
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策*/
.cf{
  *zoom:1;
}

/* TOPへ戻る */
#back-top {
    position: fixed;
    bottom: 35px;
    right: 0;
    display: none;
}
#back-top a {
    width: 153px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top span {
    width: 153px;
    height: 47px;
    display: block;
    margin-bottom: 7px;
    background: transparent url(./img/back_top.png) no-repeat center center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    text-indent: -9999px;
}



/*! Lity - v1.1.1 - 2015-04-02
* http://sorgalla.com/lity/
* Copyright (c) 2015 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
       -o-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
       -o-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
       -o-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
}
.lity-loading .lity-container {
  opacity: 0;
}
.lity-container:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-content {
  z-index: 9993;
  width: 100%;
}
.lity-close {
  z-index: 9994;
  width: 44px;
  height: 44px;
  line-height: 35px;
  position: absolute;
  right: -20px;
  top: 0;
  margin-top: -20px;
  background:url(./img/close.png) no-repeat 0 0 !important;
  text-decoration: none;
  text-align: center;
  text-indent: -9999px;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: transparent;
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 4px solid #FFF;
}
/* iFrame */
.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}
/* foogallery */
.foogallery-default a {
    padding: 15px;
    background-color: #FFF;
    border: 4px solid #CCC;
}