@charset "shift_jis";

/***********************************
  VALUE GOLF WEB
  /css/style.css
***********************************/


/*==================================
  BASIC
==================================*/

html {margin:0; padding:0; font-size:75%; font-family:verdana;}

* html body {font-family: verdana,'ＭＳ Ｐゴシック';}

*:first-child+html body {font-family: verdana,'メイリオ', 'ＭＳ Ｐゴシック';}

body {margin:0; padding:0; background:#ddd url(/img/jcb/back.jpg) top left repeat-y; color:#333;}


/*==================================
  RESET
==================================*/
/*
* {margin:0; padding:0; text-align:left;}
*/
img {border:none; vertical-align:bottom;}

p {line-height:1.6;}

hr {display: none;}

.clear {zoom: 100%;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/*==================================
  common parts
==================================*/

.hid {display:none;}

.fright {float:right;}

.fleft {float:left;}

.fcenter {text-align:center;}

/*\*/ a { overflow: hidden; }/**/


/*==================================
  LINK
==================================*/

a {color:#339; text-decoration:underline;}

a:link {color:#339; text-decoration:underline;}

a:visited {color:#339; text-decoration:underline;}

a:hover {color:#333; text-decoration:none;}

a:active {color:#333; text-decoration:none;}


/*==================================
  SelectPage Layout
==================================*/
body#select-page {margin:0; padding:0; background:#fff; color:#333;}
body#select-page h1 {margin:0; padding:0;}
body#select-page p {padding:10px 20px;}
body#select-page ul {margin:0; padding:0; list-style:none; padding-left:20px;}
body#select-page ul li {margin:0; padding:0; margin-bottom:10px; width:220px; height:20px; overflow:hidden;}
body#select-page ul li#btn01 {background:url(/img/jcb/btn_reservation_ov.gif);}
body#select-page ul li#btn02 {background:url(/img/jcb/btn_site_ov.gif);}
body#select-page ul li a {display:block;}
body#select-page ul li a:hover {background-color:transparent;}
body#select-page ul li a:hover img {visibility:hidden;}


/*==================================
  IndexPage Layout
==================================*/
/*----header_layout----*/
div#jcb-header {margin:0; padding:0; width:770px; height:73px; background:url(/img/jcb/back_navi.gif) bottom repeat-x;}
div#jcb-header h1 {position:absolute; margin:0; font-size:0; line-height:0;}
div#jcb-header ul {margin:0; padding:52px 0 0 0; list-style:none;}
div#jcb-header ul li {margin:0; padding:0; float:left;}
div#jcb-header ul li#navi01 {background:url(/img/jcb/navi01_ov.gif);}
div#jcb-header ul li#navi02 {background:url(/img/jcb/navi02_ov.gif);}
div#jcb-header ul li#navi03 {background:url(/img/jcb/navi03_ov.gif);}
div#jcb-header ul li#navi04 {background:url(/img/jcb/navi04_ov.gif);}
div#jcb-header ul li#navi05 {background:url(/img/jcb/navi05_ov.gif);}
div#jcb-header ul li#navi06 {background:url(/img/jcb/navi06_ov.gif);}
div#jcb-header ul li#navi07 {background:url(/img/jcb/navi07_ov.gif);}
div#jcb-header ul li#navi002 {background:url(/img/jcb/navi002_ov.gif);}
div#jcb-header ul li#navi003 {background:url(/img/jcb/navi003_ov.gif);}
div#jcb-header ul li#navi007 {background:url(/img/jcb/navi007_ov.gif);}
div#jcb-header ul li a {display:block;}
div#jcb-header ul li a:hover {background-color:transparent;}
div#jcb-header ul li a:hover img {visibility:hidden;}

/*----contents_layout----*/
.jcb-mat15 {margin-top:15px;}
div#jcb-contents {width:702px; margin:5px 34px 0; padding-bottom:5px;}
div#jcb-contents p {margin:0; padding:0;}
div#jcb-contents p.jcb-catch {margin:0 0 0 20px; padding:0 0 15px 0; font-size:10px; line-height:1.25;}
div#jcb-contents p#jcb-caution {text-align:center; margin:15px 0 0; padding-bottom:15px;}
div#jcb-contents p#jcb-bookmark {float:left;}
div#jcb-contents p#jcb-username {float:right;}
div#jcb-contents p#jcb-username span {margin:0 5px; color:#215086; font-weight:bold;}
div#jcb-contents h2 {margin-bottom:10px; font-size:0; line-height:0;}
div#jcb-contents div.jcb-boxA {border:1px solid #d2d2d2; padding:20px; margin-bottom:30px;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box {margin:0; padding:0;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dt {margin:0; padding:0; width:160px; float:left;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd {margin:0; padding:0 0 0 180px;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd ul#jcb-aboutA {margin:0; padding:0; list-style:none;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd ul#jcb-aboutA li {margin:0 0 7px 0; padding:0 0 0 14px; background:url(/img/jcb/lm01.gif) left 3px no-repeat;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd ul#jcb-aboutA li span {color:#630;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd ul#jcb-aboutB {margin:0; list-style:none; padding:15px 0 0 70px;}
div#jcb-contents div.jcb-boxA dl#jcb-about-box dd ul#jcb-aboutB li {margin:0; padding:0; float:left; width:185px; font-size:10px;}
div#jcb-contents ul#aboutB li p#btn-registration {margin:0; padding:0; width:150px; height:26px; overflow:hidden; line-height:1; background:url(/img/jcb/btn_registration_ov.gif);}
div#jcb-contents ul#aboutB li p#btn-login {margin:0 0 5px 0; padding:0; width:150px; height:26px; overflow:hidden; line-height:1; background:url(/img/jcb/btn_login_ov.gif);}
div#jcb-contents ul#aboutB li p a {display:block;}
div#jcb-contents ul#aboutB li p a:hover {background-color:transparent;}
div#jcb-contents ul#aboutB li p a:hover img {visibility:hidden;}

div#jcb-contents table#jcb-boxB {width:704px; border-collapse:collapse; font-size:12px; margin:0 0 10px -1px;}
div#jcb-contents table#jcb-boxB td {background:#c0cedc; padding:12px; border:2px solid #fff;}
div#jcb-contents table#jcb-boxB td.jcb-title {background:#215086; color:#fff; font-weight:bold; padding:0 20px; width:25%;}
div#jcb-contents table#jcb-boxB td.jcb-search-btn {background:#ddd; text-align:center;}
div#jcb-contents table#jcb-boxB td p {padding:0; margin:0 0 5px 0; line-height:1;}
div#jcb-contents table#jcb-boxB td span.jcb-small {font-size:10px;}
div#jcb-contents table#jcb-boxB td span.jcb-margin {margin:0 12px 0 3px;}
div#jcb-contents table#jcb-boxB td span.jcb-margin02 {margin:0 10px 0 10px;}
div#jcb-contents table#jcb-boxB td select#jcb-playarea {width:115px;}
div#jcb-contents table#jcb-boxB td p#jcb-calendar-link {float:left; font-size:10px; line-height:1; background:url(/img/jcb/icon01.gif) left no-repeat; padding:5px 0 5px 25px; margin:0 15px 0 0;}


div#jcb-contents h2#jcb-boxC-title {margin-bottom:1px; font-size:0; line-height:0;}
div#jcb-contents div#jcb-boxC {background:#ddd; margin-bottom:30px; padding:6px; text-align:center;}

div#jcb-contents div.jcb-boxD {border:1px solid #d2d2d2; padding:20px 20px 0;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner {width:330px; float:left;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner dl {margin:0; padding:0; padding:0 20px 20px 0;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner dt {margin:0 0 5px 0; padding:0; font-weight:bold;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner dd {margin:0; padding:0;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner dd ul {margin:0; padding:0; list-style:none;}
div#jcb-contents div.jcb-boxD div.jcb-boxD-inner dd ul li {margin:0 0 4px 0; padding:0 0 0 14px; background:url(/img/jcb/lm01.gif) left 3px no-repeat;}

/*----footer_layout----*/
div#jcb-footer {width:702px; margin-left:34px; border-top:3px solid #012f44; padding:5px 0 15px;}
div#jcb-footer address {text-align:right; padding-right:3px;}