@charset "UTF-8";
/* CSS Document */

/* リセットスタイル */
*{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
ol, ul {
	list-style: none;
}

/* フロートクリア */
.float-clear {
	font-size: 0px;
	clear: both;
}

/* ボディ */
body {
	background-image: url(../img/bk_body.gif);
	background-repeat: repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

img{
	border-style:none;
	border:0;
   }

/* コンテナ */
#container_outside {
	background-image: url(../img/bk_container_outside.jpg);
	background-repeat: no-repeat;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align:left;
}

#icatch {
	width: 990px;
	height:350px;
	background: #FFF;
	margin:0 auto 15px auto;
}

#main {
	float: right;
	width: 760px;
	display: inline;
}

#footer {
   width:990px;
   height:150px;
   margin:10px auto 0; 
   clear:both;
   background:#F9D1D2;
}

/* 左側のサイドカラム */
#sidebar {
	float: left;
	width: 220px;
	font-size:14px;
}

/* メインカラムのメインメニュー */
#box_mainmenu h1 {
   font-size:90%;
   font-weight:normal;
   text-align:right;
   margin-right:5px;
}

#box_mainmenu  {
	height: 115px;
	width: 739px;
	margin-bottom: 20px;
	background-image: url(../img/tea_header.jpg) ;
	padding-left: 250px;
	padding-top: 40px;
}
#box_mainmenu ul li  {
	float: left;
	display: inline;
	font-size: 0px;
	text-indent: -9999px;
}
#box_mainmenu ul #btn_main01 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 111px;
	background-position: -250px -40px;
}
#box_mainmenu ul #btn_main02 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 115px;
	background-position: -361px -40px;
}
#box_mainmenu ul #btn_main03 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 113px;
	background-position: -476px -40px;
}
#box_mainmenu ul #btn_main04 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 107px;
	background-position: -589px -40px;
}
#box_mainmenu ul #btn_main05 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 130px;
	background-position: -696px -40px;
}
#box_mainmenu ul #btn_main06 li a  {
	background-image: url(../img/navi_up.jpg);
	display: block;
	height: 115px;
	width: 163px;
	background-position: -826px -40px;
}
#box_mainmenu ul #btn_main01 li a:hover {
	background-image: url(../img/navi_over.jpg);
}
#box_mainmenu ul #btn_main02 li a:hover {
	background-image: url(../img/navi_over.jpg);
}
#box_mainmenu ul #btn_main03 li a:hover {
	background-image: url(../img/navi_over.jpg);
}
#box_mainmenu ul #btn_main04 li a:hover {
	background-image: url(../img/navi_over.jpg);
}
#box_mainmenu ul #btn_main05 li a:hover {
	background-image: url(../img/navi_over.jpg);
}
#box_mainmenu ul #btn_main06 li a:hover {
	background-image: url(../img/navi_over.jpg);
}

/* 検索ボックス */
#sidebar #box_search {
	width: 170px;
	background-image: url(../img/bk_search.jpg);
	height: 26px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 25px;
}
#sidebar #box_search #form1 label #search {
	width: 100px;
	height: 18px;
}
#sidebar #box_search #form1 #button {
	background-color: #033;
	color: #FFF;
	font-size: 9px;
	width: 50px;
	height: 20px;
}

/* サイドカラムのサイドメニュー */
#sidebar h4 {
   padding:6px;
   margin-bottom:10px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   background:#F9D1D2;
   border:none;
}

#sidebar h5{
	font-size:12px;
	margin:0 0 5px 10px;
	background:#EEE;
	width:180px;
}

#sidebar #box_sidemenu {
	height: 404px;
	width: 190px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sidebar #box_sidemenu ul li {
	font-size: 0px;
	text-indent: -9999px;
}
#sidebar #box_sidemenu ul #btn_side00 li a {
	height: 24px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-repeat: no-repeat;
}
#sidebar #box_sidemenu ul #btn_side00b li a {
	height: 24px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-repeat: no-repeat;
	background-position: 0px -246px;
}
#sidebar #box_sidemenu ul #btn_side01 li a {
	height: 24px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -20px;
	background-repeat: no-repeat;
}
#sidebar #box_sidemenu ul #btn_side02 li a {
	height: 21px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -44px;
}
#sidebar #box_sidemenu ul #btn_side03 li a {
	height: 26px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -65px;
}
#sidebar #box_sidemenu ul #btn_side04 li a {
	height: 23px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -91px;
}
#sidebar #box_sidemenu ul #btn_side05 li a {
	height: 23px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -114px;
}
#sidebar #box_sidemenu ul #btn_side06 li a {
	height: 22px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -137px;
}
#sidebar #box_sidemenu ul #btn_side07 li a {
	height: 23px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -159px;
}
#sidebar #box_sidemenu ul #btn_side08 li a {
	height: 22px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -182px;
}
#sidebar #box_sidemenu ul #btn_side09 li a {
	height: 24px;
	width: 190px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -204px;
}
#sidebar #box_sidemenu ul #btn_side10 li a {
	height: 21px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -270px;
}
#sidebar #box_sidemenu ul #btn_side11 li a {
	height: 24px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -291px;
}
#sidebar #box_sidemenu ul #btn_side12 li a {
	height: 26px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -315px;
}
#sidebar #box_sidemenu ul #btn_side13 li a {
	height: 21px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -341px;
}
#sidebar #box_sidemenu ul #btn_side14 li a {
	height: 25px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -362px;
}
#sidebar #box_sidemenu ul #btn_side15 li a {
	height: 17px;
	width: 190px;
	display: block;
	background-image: url(../img/sidenavi_up.jpg);
	background-position: 0px -387px;
}
#sidebar #box_sidemenu ul #btn_side01 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side02 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side03 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side04 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side05 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side06 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side07 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side08 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side09 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side10 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side11 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side12 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side13 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side14 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}
#sidebar #box_sidemenu ul #btn_side15 li a:hover {
	background-image: url(../img/sidenavi_over.jpg);
}

/* メインカラムのその他のデザイン */
#main h2{
	height:45px;
	background:url(../img/tea_h2.jpg) no-repeat;
	padding:11px 30px 0 45px;
	margin-top:10px;
	font-size:14px;
	color:#333;
	font-weight:bold;
}

#main .item_left {
	width: 153px;
	display: inline;
	float: left;
	margin-right: 20px;
}
#main .item_left p {
	font-size: 75%;
	line-height: 120%;
	margin-bottom: 5px;
	text-indent: 5px;
}
#main #main_btm {
	background-image: url(../img/btm_main.jpg);
	height: 11px;
	width: 740px;
}

/* トピックパス */
#main #topicpath h6{
	font-size: 70%;
	color: #333;
	letter-spacing: 1px;
}
#main #topicpath h6 a {
	color: #818D39;
}

/* ======== ごあいさつ ======== */
#greeting_space{
	width:auto;
	height:auto;
	padding:10px;
	margin:0px 5px 15px;
	border:1px dotted #CCC;
}

/* ========フッター======== */
#footer ul {
   margin:5px 0;
   padding:0;
   text-align:center;
   
}

#footer ul.navigation {
	padding:3px 0 0 20px;
	margin-right:10px;
}

#footer ul.navigation li {
  display: inline;
  font-size: 12px;
}

#footer ul.navigation li span {
  padding-left: 3px;
  padding-right: 3px;
  color: #ccc;
}

#footer li {
   display:inline;
   margin:0;
   font-size:13px;
   list-style:none;
}

.copyright {
   font-style:normal;
   font-size:11px;
   color:#FFF;
   line-height:3.0;
   text-align:center;
}


/* ======== 広告スペース ======== */

#ad_space{
	width:auto;
	height:auto;
	text-align:center;
	padding:10px 0;
	margin:auto 0;
}

#ad_space_footer{
	width:100%;
	height:auto;
	text-align:center;
	padding:5px 0;
}