/* 共通CSS */

/* フォーマット
---------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,form,body{
	margin:0;
	padding:0;
	border:0;
	background-color:transparent;
	color: #444;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	list-style-type:none;
	line-height:160%;
	text-decoration:none;
    font-family:"ＭＳ Ｐゴシック", "Osaka";
}


/* 共通
---------------------------------------------------------*/
* { margin: 0; padding: 0; }

body {
  font-size: 80%; line-height: 160%; text-align: center;
  background: #000 url(../images/body_bg.gif) repeat left top; width:100%;
}
img { border: 0; }
p {margin-bottom:10px;}


/* 共通テキスト
---------------------------------------------------------*/
a:link    { color: #005E14; text-decoration: none; }
a:hover   { color: #A84200; text-decoration: underline; }
a:visited { color: #005E14; text-decoration: none; }

/* ヘッダ
---------------------------------------------------------*/
#header {
  width: 885px; height:185px;
  background:url(../images/header_bg.gif) no-repeat top #fff;
}
#header h1 {
  position:absolute; left: -9999px;
  font-size: 1px; line-height: 1px;
}

#logo {
  clear:both;
  height:66px;
  padding:0px 0px 0px 200px;
}

#top_keyword {
  width:885px;
  background-color:#390801;
  font-size: 80%; color: #ccc;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* 基本レイアウト
---------------------------------------------------------*/
#container {
	width:885px;
	margin:0 auto;
	background: url(../images/container_bg.gif) repeat-y left top;
	text-align:left;
}

/* 左カラム */
#left_container {
	padding-top:0px;
	float:left;    /*←Floatを指定する事で、背景画像が伸びます。over-flow:autoでも伸びます。*/
}

/* メニューカラム */
#menu_container {
	float:left;
	width:180px;
}
#menu_container h2{
  margin-bottom:8px;
}
#menu_container p{
  font-size:80%; line-height:140%; color:#990000;
  margin-left:15px; margin-bottom:15px;
}
#menu_container ul{
  margin-left: 15px; margin-bottom:20px;
}
#menu_container li{
  font-size:100%; line-height:160%;
  list-style:disc inside;
}

/* 右カラム */
#right_container {
	float:left;
	width:705px;
	padding:0px 0px 0px 0px;
	background: #fff;
}
#right_container .clumb {
	font-size:80%; text-align:right;
	padding-right:20px;
	margin-top:10px; margin-bottom:12px;
}

/* パンくず*/
#clumb {
  font-size:80%;
  text-align:right;
  padding:0px 20px 0px 0px;
  margin:20px 0px 0px 0px;
}


/* フッター
---------------------------------------------------------*/
#footer {
  clear: left;
  width: 705px;  height: 85px;
  border-top:1px solid #5b332d;
  margin-top:20px;
  margin-left: 180px;
}
#footer p.menu {
  font-size: 11px; line-height: 13px; color: #696907;
  margin-top: 10px;
  padding-left:20px; padding-right:20px;
}
#footer p.copyright {
  font-size: 11px; line-height: 13px;
  text-align: right; color:#390801;
  margin-top: 10px;
  padding-left:20px; padding-right:20px;
}


ul#left_menu { padding: 0px 0px 0px 0px;}
ul#left_menu li.icon { list-style:none; background:url(../images/icon_menu1.gif) left center no-repeat; padding-left:5px;}


/* トップナビゲーション
---------------------------------------------------------*/
ul#top_navi { padding: 12px 0px 0px 545px;}
ul#top_navi li { font-size: 1px; color: #b86f87; text-align: center; line-height: 5px; list-style-type: none; width: 107px; margin-bottom: 0px; float:left;}
ul#top_navi li span { display: none; }
ul#top_navi li a { display: block; width: 107px; background-position: 0px 0px; color: #b86f87; }

/* home */
ul#top_navi li#top_navi01 { background: transparent url(../images/top_navi03.gif) no-repeat 0px 0px; height: 22px; margin-right:5px;}
ul#top_navi li#top_navi01 a { height: 22px; background: transparent url(../images/top_navi03.gif) no-repeat 0px 0px; }
ul#top_navi li#top_navi01 a:hover { background-position: -107px 0px; }

/* mail */
ul#top_navi li#top_navi02 { background: transparent url(../images/top_navi04.gif) no-repeat 0px 0px; height: 22px; margin-right:5px;}
ul#top_navi li#top_navi02 a { height: 22px; background: transparent url(../images/top_navi04.gif) no-repeat 0px 0px; }
ul#top_navi li#top_navi02 a:hover { background-position: -107px 0px; }

/* contact */
ul#top_navi li#top_navi03 { background: transparent url(../images/top_navi05.gif) no-repeat 0px 0px; height: 22px;}
ul#top_navi li#top_navi03 a { height: 22px; background: transparent url(../images/top_navi05.gif) no-repeat 0px 0px; }
ul#top_navi li#top_navi03 a:hover { background-position: -107px 0px; }


/* メインナビゲーション
---------------------------------------------------------*/
ul#main_navi { padding: 28px 0px 0px 180px; *padding: 28px 0px 0px 180px;}
ul#main_navi li { font-size: 1px; color: #b86f87; text-align: center; line-height: 5px; list-style-type: none; width: 141px; margin-bottom: 0px; float:left;}
ul#main_navi li span { display: none; }
ul#main_navi li a { display: block; width: 141px; background-position: 0px 0px; color: #b86f87; }


/* ご予約からケアまで */
ul#main_navi li#main_navi01 { background: transparent url(../images/main_navi01.gif) no-repeat 0px 0px; height: 28px;}
ul#main_navi li#main_navi01 a { height: 28px; background: transparent url(../images/main_navi01.gif) no-repeat 0px 0px; }
ul#main_navi li#main_navi01 a:hover { background-position: -180px 0px; }

/* コンセプト */
ul#main_navi li#main_navi02 { background: transparent url(../images/main_navi02.gif) no-repeat 0px 0px; height: 28px;}
ul#main_navi li#main_navi02 a { height: 28px; background: transparent url(../images/main_navi02.gif) no-repeat 0px 0px; }
ul#main_navi li#main_navi02 a:hover { background-position: -180px 0px; }

/* 院長紹介 */
ul#main_navi li#main_navi03 { background: transparent url(../images/main_navi03.gif) no-repeat 0px 0px; height: 28px;}
ul#main_navi li#main_navi03 a { height: 28px; background: transparent url(../images/main_navi03.gif) no-repeat 0px 0px; }
ul#main_navi li#main_navi03 a:hover { background-position: -180px 0px; }

/* クリニック紹介 */
ul#main_navi li#main_navi04 { background: transparent url(../images/main_navi04.gif) no-repeat 0px 0px; height: 28px;}
ul#main_navi li#main_navi04 a { height: 28px; background: transparent url(../images/main_navi04.gif) no-repeat 0px 0px; }
ul#main_navi li#main_navi04 a:hover { background-position: -180px 0px; }

/* 診療時間・アクセス */
ul#main_navi li#main_navi05 { background: transparent url(../images/main_navi05.gif) no-repeat 0px 0px; height: 28px;}
ul#main_navi li#main_navi05 a { height: 28px; background: transparent url(../images/main_navi05.gif) no-repeat 0px 0px; }
ul#main_navi li#main_navi05 a:hover { background-position: -180px 0px; }


/* サブナビゲーション
---------------------------------------------------------*/
ul#sub_navi { padding: 0px 0px 0px 180px; clear:both;}
ul#sub_navi li { font-size: 1px; color: #f0eacb; text-align: center; line-height: 0px; list-style-type: none; width: 141px; margin-bottom: 0px; float:left;}
ul#sub_navi li span { display: none; }
ul#sub_navi li a { display: block; width: 141px; background-position: 0px 0px; color: #f0eacb; }


/* HOME */
ul#sub_navi li#sub_navi01 { background: transparent url(../images/sub_navi01.gif) no-repeat 0px 0px; height: 28px;}
ul#sub_navi li#sub_navi01 a { height: 28px; background: transparent url(../images/sub_navi01.gif) no-repeat 0px 0px; }
ul#sub_navi li#sub_navi01 a:hover { background-position: -180px 0px; }

/* 植物の種類 */
ul#sub_navi li#sub_navi02 { background: transparent url(../images/sub_navi02.gif) no-repeat 0px 0px; height: 28px;}
ul#sub_navi li#sub_navi02 a { height: 28px; background: transparent url(../images/sub_navi02.gif) no-repeat 0px 0px; }
ul#sub_navi li#sub_navi02 a:hover { background-position: -180px 0px; }

/* 制作行程・納期 */
ul#sub_navi li#sub_navi03 { background: transparent url(../images/sub_navi03.gif) no-repeat 0px 0px; height: 28px;}
ul#sub_navi li#sub_navi03 a { height: 28px; background: transparent url(../images/sub_navi03.gif) no-repeat 0px 0px; }
ul#sub_navi li#sub_navi03 a:hover { background-position: -180px 0px; }

/* 参考価格 */
ul#sub_navi li#sub_navi04 { background: transparent url(../images/sub_navi04.gif) no-repeat 0px 0px; height: 28px;}
ul#sub_navi li#sub_navi04 a { height: 28px; background: transparent url(../images/sub_navi04.gif) no-repeat 0px 0px; }
ul#sub_navi li#sub_navi04 a:hover { background-position: -180px 0px; }

/* 参考価格 */
ul#sub_navi li#sub_navi05 { background: transparent url(../images/sub_navi05.gif) no-repeat 0px 0px; height: 28px;}
ul#sub_navi li#sub_navi05 a { height: 28px; background: transparent url(../images/sub_navi05.gif) no-repeat 0px 0px; }
ul#sub_navi li#sub_navi05 a:hover { background-position: -180px 0px; }


/* グローバルナビゲーション
---------------------------------------------------------*/

ul#navigation { margin: 0; }
ul#navigation li { font-size: 1px; line-height: 0px; list-style-type: none; width: 180px; margin-bottom: 2px; }
ul#navigation li span { display: none; }
ul#navigation li a { display: block; width: 180px; background-position: 0px 0px; }


/* HOME */
ul#navigation li#navi01 { background: transparent url(../images/navi_01.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi01 a { height: 28px; background: transparent url(../images/navi_01.gif) no-repeat 0px 0px; }
ul#navigation li#navi01 a:hover { background-position: -180px 0px; }

/* 植物の種類 */
ul#navigation li#navi02 { background: transparent url(../images/navi_02.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi02 a { height: 28px; background: transparent url(../images/navi_02.gif) no-repeat 0px 0px; }
ul#navigation li#navi02 a:hover { background-position: -180px 0px; }

/* 制作行程・納期 */
ul#navigation li#navi03 { background: transparent url(../images/navi_03.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi03 a { height: 28px; background: transparent url(../images/navi_03.gif) no-repeat 0px 0px; }
ul#navigation li#navi03 a:hover { background-position: -180px 0px; }

/* 参考価格 */
ul#navigation li#navi04 { background: transparent url(../images/navi_04.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi04 a { height: 28px; background: transparent url(../images/navi_04.gif) no-repeat 0px 0px; }
ul#navigation li#navi04 a:hover { background-position: -180px 0px; }

/* サンプル・資料請求 */
ul#navigation li#navi05 { background: transparent url(../images/navi_05.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi05 a { height: 28px; background: transparent url(../images/navi_05.gif) no-repeat 0px 0px; }
ul#navigation li#navi05 a:hover { background-position: -180px 0px; }

/* お見積依頼 */
ul#navigation li#navi06 { background: transparent url(../images/navi_06.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi06 a { height: 28px; background: transparent url(../images/navi_06.gif) no-repeat 0px 0px; }
ul#navigation li#navi06 a:hover { background-position: -180px 0px; }

/* 会社概要 */
ul#navigation li#navi07 { background: transparent url(../images/navi_07.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi07 a { height: 28px; background: transparent url(../images/navi_07.gif) no-repeat 0px 0px; }
ul#navigation li#navi07 a:hover { background-position: -180px 0px; }

/* ご入稿 */
ul#navigation li#navi08 { background: transparent url(../images/navi_08.gif) no-repeat -360px 0px; height: 28px; }
ul#navigation li#navi08 a { height: 28px; background: transparent url(../images/navi_08.gif) no-repeat 0px 0px; }
ul#navigation li#navi08 a:hover { background-position: -180px 0px; }