コース概要｜メイプルポイントゴルフクラブ

/* CSS Document */ @charset "utf-8"; /* --- 全体の背景・テキスト --- */ html { height:100%; } body { margin: 0; padding: 0; background-color: #000; /* ページの背景色 */ color: #000000; /* 全体の文字色 */ font-size: 90%; /* 全体の文字サイズ */ text-align: left; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; line-height: 120%; min-width: 830px; height:100%; overflow-y:scroll; } *{padding: 0; margin: 0;} /* --- 全体のリンクテキスト --- */ a:link { color: #496741; } a:visited { color: #496741; } a:hover { color: #ff0000; } a:active { color: #ff0000; } a img { border-style:none; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* --- コンテナ --- */ #container { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } /* --- ナビゲーション #n { position: fixed !important; position: absolute; top: 0; left: 0; width: 100%; height: 15px; background-color: #666666; color: #fff; background-image: url(images/n.gif); } #n2 { position: fixed !important; position: absolute; bottom: 0; left: 0; width: 100%; height: 15px; background-color: #666666; color: #fff; background-image: url(images/n.gif); } --- */ /* --- ナビゲーション --- */ #nav { float: left; width: 194px; /* 左サイドバーの幅 */ min-height: 100%; /* 最小の高さ */ filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;/* ---半透明ここまで --- */ background-color: #638256; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 40px; font-size: 90%; z-index:5; display:block; position:absolute; } #nav p { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; color: #000; } #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { text-decoration: none; color: #333333; } #nav2 { float:right; zoom:1; position:relative;　 margin-left: -20px; width: 214px; } /* --- メインカラム --- */ #toppage_news { /* ---position: fixed !important; position: absolute; --- */ width: 300px; /* メインカラムの幅 */ filter: alpha(opacity=70);/* ---半透明 --- */ -moz-opacity:0.7; opacity:0.7;/* ---半透明ここまで --- */ background-color: #FFFFFF; padding: 5px; left: auto; font-size: 90%; float: right; margin-top: 22px; } #toppage_news .news_title { float: left; width: 40px; color: #516A46; font-size: 85%; padding-left:2px; } #toppage_news .news_text { margin-left: 40px; border-left-width: 2px; border-left-style: solid; border-left-color: #638256; padding-left: 10px; font-size: 85%; } #content2 { float: left; width: 749px; /* メインカラムの幅 */ /* ---filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;/* ---半透明ここまで --- */ background-color: #FFFFFF; background-color: rgba(255,255,255,0.9); /* ---margin-top: 10px; --- */ /* ---padding: 20px; --- */ margin-left: 274px; /* ---overflow: auto;--- */ /* ---position: absolute; --- */ } /* --- #content3 { float: right; width: 420px; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background-color: #FFFFFF; padding: 10px; margin-top: 300px; } --- */ .p20 { padding: 10px; } ul,ol { margin: 0 0 0 1em; padding: 0; line-height: 120%; } /* ■共通段落■ */ .content_p { margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 20px; } p.copy{/* ---フッターのコピーライト --- */ color: #333; } /* --- フッタ --- */ /* --- フッタ --- */ #foot { position: fixed !important; position: absolute; width: 100%; /* メインカラムの幅 */ background-color: #FFFFFF; padding: 5px; bottom: 0px; left: auto; text-align: center; color: #666; } #foot a:link, #foot a:visited, #foot a:hover, #foot a:active { text-decoration: none; color: #666; } #foot p.copy{/* ---フッターのコピーライト --- */ color: #666666; } #footer{ text-align: center; padding: 5px; bottom: 0px; left: auto; text-align: center; color: #666; font-size: 90%; } #footer2{ height: 1px; width: 850px; } /* --- ■見出し１■ --- */ h1 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 110%; text-indent: 15px; padding-top: 6px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: #000000; width: 100%; background-image: url(images/h1.png); background-repeat: no-repeat; height: 33px; line-height: 22px; margin: 0px; } /* --- 見出し２ --- */ h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳＰゴシック", "MS PGothic", sans-serif; font-size: 100%; text-indent: 5px; padding-right: 0px; padding-left: 0px; color: #000000; width: 98%; height: 20px; line-height: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #97A488; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; } .head_txt { font-size: 80%; color: #FFFFFF; text-decoration: none; text-align: right; height: 42px; width: 284px; line-height: 20px; float: right; margin-right: 10px; } /* --- ヘッダコンテンツリンク部分 --- */ .head_txt a:link { color: #FFFFFF; text-decoration: none; /* 下線なし */ } .head_txt a:visited { color: #FFFFFF; text-decoration: none; /* 下線なし */ } .head_txt a:hover { color: #FFFFFF; text-decoration: none; /* 下線なし */ } .head_txt a:active { color: #FFFFFF; text-decoration: none; /* 下線なし */ } /* --- ここからオンライン予約ボタン --- */ .button01 { display: block; color: #000000; text-align: left; text-decoration: none;/* ボタン画像サイズに合わせる */ width: 486px;/* 使用しているフォントに合わせて調節 */ font-size: 90%; font-weight: bold;/* input タグ用にボーダーを消す */ border: none; background-color: #fff; background-image: url(images/button01.gif); background-repeat: no-repeat; background-position: center center; height: 38px; line-height: 38px; /*　letter-spacing: 1px;　*/ text-indent: 25px; margin-bottom: 5px; } .button02 { display: block; color: #000000; text-align: left; text-decoration: none;/* ボタン画像サイズに合わせる */ width: 300px;/* 使用しているフォントに合わせて調節 */ font-size: 90%; font-weight: bold;/* input タグ用にボーダーを消す */ border: none; background-color: #fff; background-image: url(images/button02.gif); background-repeat: no-repeat; background-position: center center; height: 38px; line-height: 38px; /*　letter-spacing: 1px;　*/ text-indent: 25px; margin-bottom: 5px; } a.button01:link,a.button01:visited,a.button01:active, a.button02:link,a.button02:visited,a.button02:active { color: #000; } a.button01:hover,a.button02:hover { color: #FF0000; } .top_back { float: right; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* --- ■通常用　写真　影■ --- */ img.shadow { background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; } /*　■テーブル■　*/ table.main { background: #CCCCCC; } .table1 { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; background-color: #E7E7E7; background-image: url(images/table_head1.gif); background-repeat: repeat-x; background-position: left top; } .table2 { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #f9f9f9 url(images/table_head1.gif) no-repeat top left; /* 見出しセルの背景 */ text-align: center; } .table4 { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ } .table5 { padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ text-align: center; } .table6{ padding-top: 5px; padding-right: 8px; padding-bottom: 5px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ text-align: right; } /*　■コースガイド用縦短テーブル■　*/ .table7 { background: #f9f9f9 url(images/table_head1.gif) no-repeat top left; /* 見出しセルの背景 */ padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; background-color: #E7E7E7; } .table8 { padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #f9f9f9 url(images/table_head1.gif) no-repeat top left; /* 見出しセルの背景 */ text-align: center; background-color: #CCCCCC; } .table9 { padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ } .table10 { padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ text-align: center; } .table11{ padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; /* 見出しセルのパディング（上下、左右） */ background: #FFFFFF; /* 見出しセルの背景 */ text-align: right; } /* ---■CMS用■ --- */ .chirashi{ width: 280px; float: right; text-align: center; } img.news_img{/* ---新着のCMS --- */ background: url(images/shadow-1000x1000.gif) no-repeat right bottom; float: right; margin-left: 10px; margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 250px; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 5px; -ms-interpolation-mode: bicubic; } .no_border { border-style:none; } /* --- ■パンくずリスト■ --- */ #topic1 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; background-color: #FFF; } /* ---エリア --- */ ol.topicPath { list-style-type: none; font-size: 80%; padding: 10px; } /* --- リスト項目 --- */ ol.topicPath li { display: inline; } /* --- リンク --- */ ol.topicPath li a { margin-right: 6px; /* リンクエリアの右マージン */ } /* ---■CMS用■ --- */ #cms div.content_p img{/* ---新着のCMS --- */ background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; float: right; margin-left: 10px; margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #cms .content_p { width: 850px; } #cms_top div.content img{/* ---新着のCMS --- */ background: url(images/shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5px; float: right; margin-left: 10px; margin-bottom: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #cms_top .content { width: 560px; margin-left: 10px; } #preloadedImages { width: 0px; height: 100%; display: inline; background-image: url(images/menu1_01.png); /* 読ませたいイメージ1 */ background-image: url(images/menu1_02.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_03.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_04.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_05.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_06.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_07.png); /* 読ませたいイメージ2 */ background-image: url(images/menu1_08.png); /* 読ませたいイメージ2 */ } .class_mei {position:fixed !important; display:none; height: 100%; } .loader { position:absolute; z-index:9999; width:39px; height:39px; top:49%; left:49%; } /* 共通クラス ----------------------------------------------------------------------------------*/ /* フロート -------------------------------------------------*/ .fLeft { float: left; } .fRight { float: right; } .clear{ clear:both; } /* テキスト揃え方向ヨコ -------------------------------------------------*/ .text-right { text-align: right; } .text-center { text-align: center; } .text-left { text-align: left; } .text-red{ color: #F00; } .text_small{ font-size: 85%; } .text_hi{ line-height: 150%; } .text_33422B{ color: #33422B; } /* テキスト揃え方向タテ -------------------------------------------------*/ .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } /* 画像やボックス横のマージン -------------------------------------------------*/ .rm20{ margin-right: 20px; } .lm24 { margin-left: 24px; } .rm10 { margin-right: 10px; } /* --- コースガイドメニュー --- */ ul#course_menu { margin: 0px; /* ul内部の左端余白を消す(IE) */ padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */ } ul#course_menu li { list-style-type: none; /* 先頭記号を消す */ float: left; /* リスト項目を横方向に並べる */ margin: 0px; /* 各項目周囲の余白 */ padding: 0px; /* 枠線と内容の距離をゼロに */ height: 30px; } /* --- 会社概要エリア --- */ div.office { width: 700px;/*font-size: 80%;*/ font-size: 90%; } /* --- 会社概要リスト --- */ div.office dl { width: 100%; /* 新着リストの幅 */ margin: 0; border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */ } /* --- 見出しエリア --- */ div.office dt { float: left; padding: 5px 0 4px 3px; /* 日付エリアのパディング（上右下左） */ line-height: 110%; font-weight: bold; color: #658856; } /* --- 本文エリア --- */ div.office dd { margin: 0; padding: 5px 3px 4px 10em; line-height: 110%; border-bottom-width: 1px;/* 本文エリア下境界線 */ border-bottom-style: dotted; border-bottom-color: #CCCCCC; } .course_photo { width: 350px; } ul#course_photo_menu { padding: 0px; /* ul内部の左端余白を消す(Fx,Op) */ margin-left: 24px; } ul#course_photo_menu li { list-style-type: none; /* 先頭記号を消す */ float: left; /* リスト項目を横方向に並べる */ margin: 0px; /* 各項目周囲の余白 */ padding: 0px; /* 枠線と内容の距離をゼロに */ height: 233px; } img #course_photo_menu { width: 350px; } .bgfff{ background-color: #FFF; padding-top: 20px; padding-bottom: 20px; }