@charset "utf-8";
/* ------------------------------------------------------------------------ */
/* 2016年 Myカレンダー機能追加に伴うスマホサイトリニューアル
/* コースガイド関連ページのスタイルシート
/* (1)コースガイドTOP ⇒ .guideTop
/* (2)予約カレンダー ⇒ .bookingCal
/* (3)コースレイアウト ⇒ .layout
/* (4)交通案内 ⇒ .access
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */
/* コースガイド関連ページの共通スタイル
/* unique_id:.guide
/* ▼ 該当ページ（該当ページの<body>に「.guide」を設定）
/* (1)コースガイドTOP
/* (2)予約カレンダー
/* (3)コースレイアウト
/* (4)交通案内
/* ------------------------------------------------------------------------ */
/* ▼ ゴルフ場名表示エリア（お気に入り登録ボタン含）のスタイル ▼--------------------- */
.guide h2{
position:relative;
padding:15px 60px 15px 10px;
font-size:107%;
}
.guide h2 span:after{
content:attr(data-pref);
margin-left:5px;
padding:2px 3px;
background-color:#0086CD;
-webkit-border-radius:5px;
border-radius:5px;
color:#FFFFFF;
font-size:77%;
white-space:nowrap;
}
.guide h2 a{
width:50px;
height:10px;
position:absolute;
right:8px;
top:50%;
margin-top:-35px;
padding-top:45px;
font-size:65%;
text-decoration:none;
text-align:center;
}
.guide h2 a:before{
position:absolute;
top:12px;
right:10px;
content:"N";
font-family:"WebSymbolsgfeditRegular";
font-size:26px;
color:#FFFFFF;
-webkit-text-stroke:1px gray;
text-stroke:1px gray;
text-shadow: 1px 3px 0 #CCCCCC;
}
.guide h2 a.on:before{
color:#DD0000;
-webkit-text-stroke:1px white;
text-stroke:1px white;
text-shadow: 1px 3px 0 #CCCCCC;
}
/* ▼ ローカルナビゲーションのスタイル（ul.ccNavi） ▼ ---------------------------- */
.guide ul.ccNavi{
width:100%;
display:table;
flex-wrap: wrap;
-webkit-justify-content:flex-start; /* Safari */
justify-content:flex-start;
margin-bottom:3px;
}
.guide ul.ccNavi a{
position:relative;
display:table-cell;
width:25%;
margin-right:1px;
padding:35px 0 5px;
border:1px solid #CCCCCC;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px #002141;
text-align:center;
font-weight:bold;
line-height:1.1;
text-decoration:none;
}
.guide ul.ccNavi a.active{
border:1px solid #006297;
background:#006297;
box-shadow: 0px 2px 0px 0px rgba(0, 33, 65, 1);
color:#FFFFFF;
pointer-events:none;
}
.guide ul.ccNavi a:before{
position:absolute;
top:5px;
left:50%;
margin-left:-13px;
content:"Y";
font-family:'WebSymbolsgfeditRegular';
font-size:26px;
color:#666666;
}
.guide ul.ccNavi a.active:before{
color:#FFFFFF;
}
.guide ul.ccNavi a.menu2:before{
content:"Q";
font-size:30px;
margin-left:-15px;
}
.guide ul.ccNavi a.menu3:before{
content:"T";
}
.guide ul.ccNavi a.menu4:before{
content:"H";
}
.guide ul.ccNavi li{
font-size:85% !important;
}
.guide ul.ccNavi a.menu2 li,
.guide ul.ccNavi a.menu4 li{
padding-top:0.7em;
}
/* ▼ 「このコースのプランを見る」ボタンのスタイル ▼------------------------------- */
.guide p.btn a{
position:relative;
display:block;
margin:20px 10px;
padding:10px 0;
border-style: solid;
border-width: 2px;
border-color: rgb(255, 153, 0);
border-radius: 3px;
background-image: -moz-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(255,170,0) 0%, rgb(255,136,0) 50%, rgb(255,171,46) 50%, rgb(255,242,227) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
text-align:center;
color:#FFFFFF;
font-size:131%;
font-weight:bold;
text-decoration:none;
}
.guide p.btn a:after{
position:absolute;
right:5px;
top:50%;
margin-top:-10px;
content:")";
font-family:'WebSymbolsgfeditRegular';
}
/* ▼ テーブルのセルの背景が交互に変わるスタイル ▼--------------------------------- */
.guide tr:nth-child(even){
background-color:#F2FBFF;
}
.guide #bookingCalendar tr{
background-color:#FFFFFF;
}
/* ▼ 基本情報を表示するテーブルのスタイル(table.data) ▼-------------------------- */
.guide table.data{
width:100%;
margin-bottom:10px;
border:0;
border-collapse:collapse;
border-top:1px solid #CCCCCC;
}
.guide table.data caption{
padding:10px;
text-align:left;
background-color:#5CB8E6;
color:#FFFFFF;
font-size:116%;
font-weight:bold;
}
.guide table.data th{
width:30%;
padding:5px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#004b74;
text-align:left;
}
.guide table.data td{
padding:5px;
border-bottom:1px solid #CCCCCC;
}
/* ------------------------------------------------------------------------ */
/* コースガイドTOPのスタイル
/* unique_id:.guideTop
/* ------------------------------------------------------------------------ */
/* メインビジュアル表示エリアのスタイル------------------------------------------ */
.guideTop figure{
position:relative;
}
.guideTop figure p.prev{
position:absolute;
left:10px;
top:50%;
margin-top:8px;
}
.guideTop figure p.next{
position:absolute;
right:10px;
top:50%;
margin-top:8px;
}
.guideTop p.gallery a{
display:block;
position:relative;
text-align:center;
margin-bottom:10px;
padding:12px 0;
border:1px solid #CCCCCC;
border-top:none;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
font-size:108%;
font-weight:bold;
text-decoration:none;
}
.guideTop p.gallery a span{
font-size:93%;
font-weight:normal;
}
.guideTop p.gallery a:after{
position:absolute;
right:5px;
top:50%;
margin-top:-9px;
content:")";
font-family:'WebSymbolsgfeditRegular';
}
/* メッセージBOXエリアのスタイル----------------------------------------------- */
/* 「コースからのお知らせ」＆「Facebook」への導線-------------------------------- */
.guideTop #messageBox{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:space-between; /* Safari */
justify-content:space-between;
margin-bottom:10px;
padding:0 5px;
}
.guideTop #messageBox p.notice a{
position:relative;
display:block;
padding:10px 25px 10px 10px;
border:1px solid #006297;
border-radius: 3px;
background-color:#0085CD;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
color:#FFFFFF;
font-size:108%;
font-weight:bold;
line-height:1.0;
text-decoration:none;
}
.guideTop #messageBox p.notice a:after{
position:absolute;
right:5px;
top:50%;
margin-top:-7px;
content:")";
font-family:"WebSymbolsgfeditRegular";
font-size:93%;
}
.guideTop #messageBox p.facebook a{
position:relative;
display:block;
padding:10px 25px 10px 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(15, 47, 115);
border-radius: 3px;
background-color:#3B5998;
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
color:#FFFFFF;
font-size:108%;
font-weight:bold;
line-height:1.0;
text-decoration:none;
}
.guideTop #messageBox p.facebook a:after{
position:absolute;
right:5px;
top:50%;
margin-top:-7px;
content:")";
font-family:"WebSymbolsgfeditRegular";
font-size:93%;
}
/* 「ゴルフ場情報」＆「ヤーデージ」表示エリアの共通スタイル------------------------- */
.guideTop dl#addInfo dt,
.guideTop dl#yardage dt{
position:relative;
margin-bottom:1px;
padding:15px 10px;
text-align:left;
background-color:#5CB8E6;
color:#FFFFFF;
font-size:116%;
font-weight:bold;
}
.guideTop dl#addInfo dt:after,
.guideTop dl#yardage dt:after{
position:absolute;
right:5px;
top:50%;
margin-top:-9px;
content:";";
font-family:"WebSymbolsgfeditRegular";
}
.guideTop dl#addInfo dt.open:after,
.guideTop dl#yardage dt.open:after{
content:":";
}
/* 「ヤーデージ(#yardage)」表示エリアの共通スタイル------------------------------ */
.guideTop dl#yardage .scroll{
overflow:auto;
white-space:nowrap;
margin-bottom:2px;
}
.guideTop dl#yardage .scroll::-webkit-scrollbar{
height:3px;
}
.guideTop dl#yardage .scroll::-webkit-scrollbar-track{
background:#F1F1F1;
}
.guideTop dl#yardage .scroll::-webkit-scrollbar-thumb{
background:#BCBCBC;
}
.guideTop dl#yardage h3{
padding:10px 0;
text-align:center;
background-color:#999999;
color:#FFFFFF;
font-size:116%;
}
.guideTop dl#yardage table{
width:100%;
margin-bottom:2px;
border:none;
border-collapse:collapse;
}
.guideTop dl#yardage th{
padding:3px 2px;
text-align:center;
border:1px solid #CCCCCC;
background-color:#F0F0F0;
font-size:93%;
}
.guideTop dl#yardage td{
padding:3px 0;
border:1px solid #CCCCCC;
text-align:center;
}
/* ------------------------------------------------------------------------ */
/* 予約カレンダーのスタイル
/* unique_id:.bookingCal
/* ------------------------------------------------------------------------ */
/* 選択プレー日表示エリアのスタイル(.date)-------------------------------------- */
.bookingCal p.date{
position:relative;
margin-bottom:1px;
padding:15px 5px;
background-color:#004D76;
color:#FFF100;
font-size:116%;
}
.bookingCal p.date span{
margin-right:15px;
color:#FFFFFF;
font-size:93%;
}
.bookingCal p.date span:before{
content:"Y";
font-family:'WebSymbolsgfeditRegular';
font-size:100%;
margin-right:2px;
}
/* ▼検索結果エリアのスタイル(#searchResults)---------------------------------- */
/* 予約可能プラン数の表示エリアのスタイル（dl.number） --------------------------- */
.bookingCal #searchResults dl.number{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content:flex-start; /* Safari */
justify-content:flex-start;
-webkit-align-items:baseline;
align-items:baseline;
margin-bottom:10px;
padding:7px 5px;
background-color:#0085CD;
color:#FFFFFF;
}
.bookingCal #searchResults dl.number dt{
font-weight:bold;
margin-right:5px;
}
.bookingCal #searchResults dl.number dd{
padding:5px 7px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#FFFFFF;
color:#333333;
font-size:93%;
}
.bookingCal #searchResults dl.number dd strong{
font-size:116%;
color:#DD0000;
}
/* 検索条件の表示・変更エリアのスタイル（#condition） ---------------------------- */
.bookingCal #condition ul.result li{
padding:0 5px 3px;
}
.bookingCal #condition dl.changeCondition dt{
width:60%;
margin:0 auto 10px;
padding:5px 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(204, 204, 204);
border-radius: 3px;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
text-align:center;
font-size:108%;
font-weight:bold;
}
.bookingCal #condition dl.changeCondition dt.open{
display:none;
}
.bookingCal #condition dl.changeCondition dd{
display:block;
margin:0 5px 10px;
padding:5px 0;
background-color:#F2FBFF;
border:1px solid #CCCCCC;
-webkit-border-radius:5px;
border-radius:5px;
text-align:center;
}
.bookingCal #condition dl.changeCondition dd a.btn{
display:inline-block;
width:60%;
margin:0 auto 10px;
padding:7px 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(204, 204, 204);
border-radius: 3px;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
text-align:center;
font-size:108%;
font-weight:bold;
text-decoration:none;
}
.bookingCal #condition dl.changeCondition p{
position:relative;
padding:10px 0;
}
.bookingCal #condition dl.changeCondition p a.close{
position:absolute;
right:10px;
top:50%;
margin-top:-10px;
font-family:"WebSymbolsgfeditRegular";
font-size:129%;
text-decoration:none;
}
.bookingCal #condition dl.changeCondition h3{
margin:5px 0;
padding:5px;
text-align:center;
background-color:#5CB8E5;
color:#FFFFFF;
}
.bookingCal #condition dl.changeCondition .playFee{
margin-bottom:10px;
padding:0 10px;
text-align:left;
}
.bookingCal #condition dl.changeCondition ul{
margin-bottom:10px;
padding:0 1%;
letter-spacing:-0.4em;
}
.bookingCal #condition dl.changeCondition ul input[type=checkbox]{
position:relative;
top:3px;
margin-right:3px;
}
.bookingCal #condition .changeCondition ul.startTime li{
display:inline-block;
*display:inline;
*zoom:1;
width:32%;
padding:5px 0;
padding-left:1%;
letter-spacing:normal;
text-align:left;
}
.bookingCal #condition .changeCondition ul.playStyle li,
.bookingCal #condition .changeCondition ul.benefit li{
display:inline-block;
*display:inline;
*zoom:1;
width:49%;
padding:5px 0;
padding-left:1%;
letter-spacing:normal;
text-align:left;
}
.bookingCal #condition .changeCondition ul.startTime label{
font-size:116%;
}
/* プランカード（プラン情報）のスタイル（.planCard） ----------------------------- */
.bookingCal #searchResults a.planCard.more{
display: none;
}
.bookingCal #searchResults a.planCard{
display:block;
border:1px solid #66b6e1;
padding:10px 25px 10px 5px;
border-radius:10px;
margin:10px 5px 0;
position:relative;
background-color: #ffffff;
-webkit-background-size: 2px 2px;
-moz-background-size: 2px 2px;
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
background-image: -webkit-linear-gradient(45deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%),
-webkit-linear-gradient(-135deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%);
background-image: -moz-linear-gradient(45deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%),
-moz-linear-gradient(-135deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%);
background-image: -ms-linear-gradient(45deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%),
-ms-linear-gradient(-135deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%);
background-image: -o-linear-gradient(45deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%),
-o-linear-gradient(-135deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%);
background-image: linear-gradient(45deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%),
linear-gradient(-135deg, #e0f2f9 25%, #e0f2f9 25%, transparent 25%, transparent 75%, #e0f2f9 75%, #e0f2f9 75%);
text-decoration:none;
}
.bookingCal #searchResults a.planCard div:before{
content:"";
border-radius:0 8px 8px 0;
display:block;
position:absolute;
width:20px;
height:100%;
right:0;
top:0;
background-color: #66b6e1;
-webkit-background-size: 2px 2px;
-moz-background-size: 2px 2px;
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
background-image: -webkit-linear-gradient(45deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%),
-webkit-linear-gradient(-135deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%);
background-image: -moz-linear-gradient(45deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%),
-moz-linear-gradient(-135deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%);
background-image: -ms-linear-gradient(45deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%),
-ms-linear-gradient(-135deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%);
background-image: -o-linear-gradient(45deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%),
-o-linear-gradient(-135deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%);
background-image: linear-gradient(45deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%),
linear-gradient(-135deg, #47a9db 25%, #47a9db 25%, transparent 25%, transparent 75%, #47a9db 75%, #47a9db 75%);
}
.bookingCal #searchResults a.planCard div:after{
content:"]";
font-family: "WebSymbolsgfeditRegular";
position:absolute;
font-size:116%;
color:#FFF;
margin-top:-10px;
right:5px;
top:50%;
}
.bookingCal #searchResults a.planCard h3{
font-size:116%;
color:#0086cd;
margin-bottom:10px;
}
.bookingCal #searchResults a.planCard ul.privilege{
float:left;
letter-spacing:-0.4em;
}
.bookingCal #searchResults a.planCard ul.privilege li{
display:inline-block;
letter-spacing:normal;
margin-right:2px;
}
.bookingCal #searchResults a.planCard ul.playstyle{
float:right;
letter-spacing: -0.4em;
}
.bookingCal #searchResults a.planCard ul.playstyle li{
display:inline-block;
letter-spacing:normal;
margin-right:2px;
}
.bookingCal #searchResults a.planCard ul.privilege li:last-child,
.bookingCal #searchResults a.planCard ul.playstyle li:last-child{
margin-right:0;
}
.bookingCal #searchResults a.planCard p.price{
padding-top:10px;
clear: both;
color: #ff6600;
font-size: 150%;
font-weight: bold;
text-align: right;
}
.bookingCal #searchResults .btnBox{
position:relative;
width:65%;
margin:15px auto;
padding:10px;
border-style: solid;
border-width: 1px;
border-color: rgb(204, 204, 204);
border-radius: 3px;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
text-align:center;
font-size:116%;
font-weight:bold;
color:#333333;
}
.bookingCal #searchResults .btnBox:before{
position:absolute;
right:5px;
top:50%;
margin-top:-9px;
content:";";
font-family:'WebSymbolsgfeditRegular';
}
/* ------------------------------------------------------------------------ */
/* コースレイアウトのスタイル
/* unique_id:.layout
/* ------------------------------------------------------------------------ */
.layout #courseLayout dt{
position:relative;
margin-bottom:1px;
padding:12px 10px;
background-color:#004D76;
border-bottom:1px solid #001F2F;
color:#FFFFFF;
font-size:108%;
font-weight:bold;
}
.layout #courseLayout dt:after{
position:absolute;
right:5px;
top:50%;
margin-top:-9px;
content:";";
font-family:"WebSymbolsgfeditRegular";
}
.layout #courseLayout dt.open:after{
content:":";
}
.layout #courseLayout dd{
padding:10px;
}
.layout #courseLayout dd table{
width:100%;
border:none;
border-collapse:collapse;
margin-bottom:10px;
}
.layout #courseLayout dd tr{
border-bottom:1px dotted #CCCCCC;
}
.layout #courseLayout dd tr:last-child{
border-bottom:none !important;
}
.layout #courseLayout dd th{
width:30%;
padding:5px;
white-space:nowrap;
}
.layout #courseLayout dd th span{
display:block;
width:100%;
border-right:3px solid #CCCCCC;
}
.layout #courseLayout dd td{
width:69% !important;
width:70%;
padding:5px 0 5px 1%;
}
/* コースガイドに戻るリンク (.back)-------------------------------------------- */
.layout #courseLayout dd li.back{
position:relative;
margin:5px 0;
padding-left:20px;
}
.layout #courseLayout dd li.back:before{
position:absolute;
left:3px;
top:50%;
margin-top:-8px;
content:"(";
font-family:"WebSymbolsgfeditRegular";
}
/* ------------------------------------------------------------------------ */
/* 交通案内のスタイル
/* unique_id:.access
/* ------------------------------------------------------------------------ */
.access td h3{
margin-bottom:5px;
color:#004B74;
font-size:100%;
}
.access td.noBorder{
border:none;
}
/* Google Map表示エリア(#googleMap)のスタイル--------------------------------- */
.access #googleMap{
position: relative;
padding-bottom:80%;
padding-top:30px;
height:0;
overflow:hidden;
}
.access #googleMap iframe,
.access #googleMap object,
.access #googleMap embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.access p.btnApp a{
position:relative;
display:block;
position:relative;
text-align:center;
margin-bottom:2px;
padding:12px 0;
border:1px solid #CCCCCC;
border-top:none;
background-image: -moz-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(215,215,215) 0%, rgb(255,255,255) 100%);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.6);
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
font-size:108%;
font-weight:bold;
text-decoration:none;
}
.access p.btnApp a:after{
position:absolute;
right:5px;
top:50%;
margin-top:-8px;
content:")";
font-family:"WebSymbolsgfeditRegular";
}