/*********************************
   ブラウザデフォルト
 *********************************/
body,h1,h2,h3,h4,h5,h6,div,li,ul,dl,dt,dd,form {margin:0 0 0 0;padding:0 0 0 0}
h1,h2,h3,h4,h5,h6 {font-size:100%}
li {list-style:none}
p {margin:0;padding:0.5em 0}
img { border:0; margin:0; }

/*********************************
  サイト共通
 *********************************/
body {
 text-align:center; 
 background:#eedada;
}
a { color:#af4488; }
a:visited { color:#ae4488; }
a:hover { color:#666; background:#ffcc66 ; text-decoration:none; }

div#container {
 margin:0px auto ;
 text-align:left; 
 width:760px;
 font-family: arial,helvetica;
 font-size:12px;
 color:#ae0057;
 background:#fff;
}

.clear { clear:both; }
div hr { display:none; }

span.blue { color:#3333cc; }
span.red  { color:#cc3333; }

/*********************************
   下部メニュー
 *********************************/
div#bmenu {
 font-size:1.0em;
 width:760px;
 height:35px;
 margin-top:10px;
 text-align:center;
}
/*********************************
   コピーライト
 *********************************/
div#copyright {
 padding-top:3px;
 padding-right:8px;
 width:752px;
 height:18px;
 background-image:url(images/f_bg.gif) ;
 color:#fff;
 text-align:right;
}

/*********************************
   トップページ以外で共通
 *********************************/
div#main {
 background-image:url(images/main-bg.gif) ;
 background-repeat: repeat-y;
 text-align:center;
 color:#333;
 margin:-60px auto 0 auto;
}

div#main1 {
 margin-bottom:15px;
}

div#main2 {
 background-image:url(images/main-bg.gif) ;
 background-repeat: repeat-y;
 text-align:center;
 color:#333;
 margin:10px auto ;
}

#header { margin:0; }
#header h1 {
 background-image:url(images/h1-bg.gif) ;
 background-repeat: repeat-y;
 font-size: 12px;
 padding-top:1px;
 color:#eee;
 text-align:center;
}

#cmn-body h2 { margin:20px auto 0 35px; }

/**********************************************
 TOP ページ
 **********************************************/
div#btnbox1, div#btnbox2 {
 float:left;
 letter-spacing:1px;
 margin-bottom:10px;
 font-size:0.9em;
}
div#btnbox1 { width:400px; }
div#btnbox2 { width:355px; }

div#btnbox1 div {
 float:left;
 width:400px;
 height:100px;
 background-position: 8px 10px;
 background-repeat: no-repeat;
}
div#btnbox2 div {
 float:left;
 width:355px;
 height:100px;
 background-position: 5px 10px;
 background-repeat: no-repeat;
}
div#btnbox1 div#mbtn1 { background-image:url(images/top_01.jpg) ; }
div#btnbox1 div#mbtn2 { background-image:url(images/top_02.jpg) ; }
div#btnbox1 div#mbtn3 { background-image:url(images/top_03.jpg) ; }
div#btnbox2 div#mbtn4 { background-image:url(images/top_04.jpg) ; }
div#btnbox2 div#mbtn5 { background-image:url(images/top_05.jpg) ; }
div#btnbox2 div#mbtn6 { background-image:url(images/top_06.jpg) ; }

div#btnbox1 div p {
 background-image:none;
 margin-top:40px;
 margin-left:173px;
 padding:5px 7px;
 width:210px;
 height:45px;
 font-size:1.1em;
 line-height:130%;
}

div#btnbox2 div p {
 background-image:none;
 margin-top:40px;
 margin-left:170px;
 padding:5px 7px;
 width:160px;
 height:45px;
 font-size:1.1em;
 line-height:130%;
}

div#top-btm-box {
 padding-top:5px;
 text-align:center;
 margin:10px 0px ;
 background-image:url(images/btm_box_bg.gif) ;
 width:760px;
 height:210px;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
}

div#top-btm-box div#label {
 width:760px;
 text-align:center;
 font-size:14px;
 color:#ae0057;
}
div#top-btm-box div span{
 font-weight:bolder;
 font-size:16px;
}

div#top-btm-box div {
 text-align:right;
 float:left;
 margin-top:10px ;
}
div#top-btm-box div#ttbl {
 margin-left:15px ;
 margin-right:7px ;
}
div#top-btm-box div#tmap {
 margin-left:7px ;
}


/*========================================================================
99%CSSプルダウンメニューforカスタマイズ　スタイルシート
制作：WEB工房きくちゃん http://www.stylish-style.com
最終調整日：2005年8月6日
このスタイルシートは自由に改変してかまいませんが、再配布を希望される場合は
webstudio-kic@stylish-style.com まで連絡をください。
=========================================================================*/
/*目次
１：文字の設定
２：カラーリングの設定
		a：背景色
		b：文字色（リンクカラー）
３：メニューサイズの設定
		a：メインメニュー
		b：サブメニュー
		c：サブメニュー２
４：メニュー表示位置の設定
５：自由記述オプション
６：変更不可
*/

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.gnavi-main{font-size:13px;}
ul.gnavi-main{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:center;/*サブメニューの文字揃え*/}
ul.gnavi-main{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
.gnavi-main a{text-decoration:none;}

#gnavi {
 background-image:url(images/gnavi-bg.gif);
 background-repeat: no-repeat;
 height:38px;
}

/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
/* .gnavi-main li{ background-color:#9c204e ;} */
.gnavi-main img { margin:6px 0px 5px 0px; }

/*メインメニューのオンマウス時*/
/*ys .gnavi-main a:hover{background-color:#9c204e;} */
/*サブメニューへ移動したときの色（gnavi-main a:hoverと同じ値推奨）*/
/* ys .gnavi-main li.on{background-color:#9c204e;} */

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub {background-color:#9c204e;}
.sub li{background-color:#9c204e;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#9c204e; font-weight:bold;}
/*サブメニュー2へ移動したときの色（sub a:hoverと同じ値推奨）*/
.sub li.on2{background-color:#9c204e;}


/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/
/*：メインメニューの文字色*/
/* ys
.gnavi-main a:link{color:#0000ff}
.gnavi-main a:visited{color:#000000;}
.gnavi-main a:hover{color:#ff0000; background-color:#9c204e;}
*/

/*：サブメニューの文字色*/
.sub a:link{color:#fff;}
.sub a:visited{color:#fff;}
.sub a:hover{color:#ffff00;}


/********************３：メニューサイズ・余白・枠線の設定*********************/

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.gnavi-main{width:760px ;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.gnavi-main li.off{
    height:34px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
}
.gnavi-main li.on{
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.gnavi-main a{padding:0;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.gnavi-main li.off{
/*    border:1px solid #993300; */
}
/*展開時メインアイテム下に線が無くなるのを防止*/
/* ys .gnavi-main a{
    border-bottom:1px solid #993300;
}
*/

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
    left:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    width:105px;/*.gnavi-main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:105px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:105px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
border:none; /* 3px solid #993300;  */
/*border:1px solid #993300;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
/*    border-bottom:1px solid #993300; */
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
border-top: 1px solid #fff;
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 0;/*あまり大きな値にしない*/
    width:105px;/*削除不可*/
    height:15px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}

/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#gnavi{
/*
 top:;
 left:;
 */
 width:100%;
 position:absolute;
 z-index:100;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#gnavi{} /* 全体を囲むボックス */

ul.gnavi-main{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.gnavi-main li.off{} /* メインメニューアイテム通常時 */
ul.gnavi-main li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */
/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.gnavi-main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.gnavi-main{position:relative;}
ul.gnavi-main li.off{position:relative;float:left;overflow:hidden;}
ul.gnavi-main li.on{float:left;overflow:hidden;}
ul.gnavi-main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}

#gnavi-bar {
 background-image:url(images/h_01-bg.gif) ;
 background-repeat: repeat-x;
 width:760px;
 height:43px;
 font-size:1px;
}

/*******
 Google map
 *******/
#gbtn {
 width:30%;
 text-align:center;
 height:150%;
 margin:10px auto;
}