/* 共通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 {
  text-align: center;
  background: url(../images/body_background.gif) top repeat-x #fff; width:100%;
}
img { border: 0; }
p { font-size:80%; margin-bottom:10px;}


/* 共通テキスト
---------------------------------------------------------*/
a:link    { color: #9C3D43; text-decoration: underline; }
a:hover   { color: #80C269; text-decoration: underline; }
a:visited { color: #9C3D43; text-decoration: underline; }


/* ヘッダ
---------------------------------------------------------*/
#header {
  width: 820px;
  height: 121px;
  background: url(../images/header_background.gif) #fff;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
}
#header h1 {
  visibility: hidden;
  position:absolute; left: -9999px;
  font-size: 1px; line-height: 1px;
}
#header .logo {
  padding: 15px 0px 0px 0px;
}
.clumb {
  text-align: right;
  margin-bottom: 20px;
}

/* 基本レイアウト
---------------------------------------------------------*/
#shadow {
  width:826px;
  margin:0 auto;
  padding: 0 3px;
  background: url(../images/shadow_background.gif) repeat-y center;
}

#container {
  width:820px;
  margin:0 auto;
  background-color: #fff;
  text-align:left;
}


/* メニュー
---------------------------------------------------------*/
#left_container {
  width: 200px; float: left;
}

/* グローバルメニュー */
#global_menu {
  padding-left: 8px;
  float: left;
}
#global_menu li{
	list-style-type: none;
	width: 184px; height: 34px; float: left;
	margin-bottom: 1px;
}
#global_menu li.home{
	background:url(../images/global_menu_home2.gif) no-repeat;
}
#global_menu li.company{
	background:url(../images/global_menu_company2.gif) no-repeat;
}
#global_menu li.h-office{
	background:url(../images/global_menu_h-office2.gif) no-repeat;
}
#global_menu li.policy{
	background:url(../images/global_menu_policy2.gif) no-repeat;
}
#global_menu li.history{
	background:url(../images/global_menu_history2.gif) no-repeat;
}
#global_menu li.factory{
	background:url(../images/global_menu_factory2.gif) no-repeat;
}
#global_menu li.shop{
	background:url(../images/global_menu_shop2.gif) no-repeat;
}
#global_menu li.item{
	background:url(../images/global_menu_item2.gif) no-repeat;
}
#global_menu li.development{
	background:url(../images/global_menu_development2.gif) no-repeat;
}
#global_menu li a{
	display:block;
	width:184px;
	height:34px;
}
#global_menu li a:hover {
	background-color:transparent;
}
#global_menu li a:hover img{
	visibility:hidden;
}

/* サブメニュー */
#sub_menu {
  clear: both;
  width: 180px; height: 137px;
  background:url(../images/sub_menu_background.gif) no-repeat;
  padding: 14px 0px 0px 10px; 
  margin: 0px 0px 8px 10px;
}
#sub_menu li{
	list-style-type:none;
	width:103px; height:13px;
	padding-bottom: 12px;
}
#sub_menu li.interview{
	background:url(../images/sub_menu_interview2.gif) no-repeat ;
}
#sub_menu li.recipe{
	background:url(../images/sub_menu_recipe2.gif) no-repeat;
}
#sub_menu li.information{
	background:url(../images/sub_menu_information2.gif) no-repeat;
}
#sub_menu li.news{
	background:url(../images/sub_menu_news2.gif) no-repeat;
}
#sub_menu li a{
	display:block;
	width:103px;
	height:13px;
}
#sub_menu li a:hover {
	background-color:transparent;
}
#sub_menu li a:hover img{
	visibility:hidden;
}

#sub_menu2 {
  float:left;
  margin: 4px 0px 10px 5px;
}

/* バナー */
#banner {
  clear: both;
  margin: 0px 0px 4px 10px;
}
#banner2 {
  clear: both;
  padding: 3px 0px 10px 10px;
}

/* メインコンテンツ
---------------------------------------------------------*/
#right_container {
  width: 610px; float: left;
}
#right_container_end {
  clear: both; margin-bottom: 30px;
  text-align: center;
}
#right_container_end p{
  padding-top: 20px;
}

/* フッター
---------------------------------------------------------*/
#footer {
  clear: both; width: 820px; text-align: center;
  background: url(../images/footer_line.gif) top center no-repeat;
}
#footer p{
  padding: 10px 0px 5px 10px;
}

