@charset "utf-8";

@import url("contents.css");



/*** general define **/



.nobrd {

	border: none !important;

}



body {

	width: 100%;

	background: url(../img/body_bg.gif) repeat-x left top;

}



body#indexPage {

	background: #f1f1e9 !important;

}



#wrap {

	width: 794px;

	padding: 0 2px;

	border-left: 1px solid #dfded5;

	border-right: 1px solid #dfded5;

	margin: 0 auto;

	background: #fff;

}





body#indexPage #wrap {

	width: auto;

	background: #f1f1e9;

}





#headerWrap {

	height: 223px;

	width: 100%;

	

}



.t5 {

	padding-top:5px;

}

.w10 {

	padding-left:10px !important;

}



/* flash */



#flashContents {

	width: 960px;

	height: 487px;

	margin: 0 auto;

}



/* //flash */



h1 {

	float: left;

	width: 179px;

	height: 223px;

}



h1 a {

	display: block;

	width: 179px;

	height: 223px;

	background: url(../img/logo.gif) no-repeat left top;

	text-indent: -9999px;

}



#header {

	width: 614px;

	float: right;

	position: relative;

}





#headerMenu {

	float: right;

	padding-right: 20px;

}



#headerMenu li {

	display: inline;

	border-left: 1px solid #666;

}



#headerMenu li a {

	color: #666;

	padding: 0 5px;

	line-height: 23px;

	text-decoration: none;

}



#headerMenu li a:hover {

	text-decoration: underline;

}



#themeImg {

	position: absolute;

	top: 25px;

	right: 0;

	width: 614px;

	height: 130px;

}

#themeImg p {

	text-indent: -9999px;

	width: 614px;

	height: 130px;

}





#breadcrumb {

	position: absolute;

	top: 155px;

	right: 0;

	width: 611px;

	height: 26px;

	border-left: 1px solid #ebebe5;

}

#breadcrumb ul {

	float: right;

	padding-right: 13px;

}

#breadcrumb ul li {

	float: left;

	padding-right: 10px;

	line-height: 25px;

}



#breadcrumb li a {

	color: #666;

	text-decoration: none;

}



#breadcrumb li a:hover {

	text-decoration: underline;

}





#breadcrumb ul li.typeLink {

	background: url(../img/bread_bg.gif) no-repeat right center;

	margin-right: 5px;

}

#breadcrumb ul li.typeCurrent {

	font-weight: bold;

}



h2 {

	position: absolute;

	top: 181px;

	right: 0;

	width: 569px;

	height: 28px;

	border: 1px solid #ebebe5;

	border-right: none;

	background: #e7edde url(../img/h2_bg.gif) no-repeat 0px center;

	padding: 12px 0 0 42px;

	font-size: 15px;

	font-weight: bold;

	color: #3e3e3e;

	}





#contentsWrap {

	padding: 0 0 20px 0;

	background: url(../img/contents_bg.gif) repeat-y 182px top;



}



/* indexPage */



body#indexPage #contentsWrap {

	width: 960px;

	margin: 0 auto;

	padding: 20px 0 !important;

	background: none;

}



#indexUpper {

	padding: 0;

}



#newsArea, #tempoinfo {

	width: 715px;

	float: left;

	padding-bottom: 20px;

}



#newsArea p, div#topBannerTit, #tempoinfo p  {

	width: 106px;

	/*background: url(../img/news_title.gif) no-repeat 32px top;*/

	float: left;

	height: 42px;

	text-align:right;

	color:#9B875E;

	font-size: 14px;

	font-weight: bold;

	margin: 0 14px 5px 0;

	/*text-indent: -9999px;*/

}

#newsArea p span, #tempoinfo p span{

	display:block;

	margin:5px 0;

	}

div#topBannerTit ul{

	width:105px;

	display: block;

	}	

div#topBannerTit ul li{

	font-size:10px;

	font-weight: normal;

	padding:6px 0 0 40px;

	text-align: left;

	}	

div#topBannerTit ul li.restaurant, div#topBannerWrap table td span.restaurant{

	color: #CC9900;

	}

div#topBannerTit ul li.sojai, div#topBannerWrap table td span.sojai{

	color:#FF6600;

	}

div#topBannerTit ul li.wakashi, div#topBannerWrap table td span.wakashi{

	color: #660000;

	}



#newsArea ul, #tempoinfo ul {

	width: 575px;

	float: right;

	border-left: 1px solid #ae9c78;

	padding: 0 0 0 18px;

	

}



img.newsNewMark {

	padding: 0 0 0 10px;

}



#newsArea ul li, #tempoinfo ul li {

	padding: 0 0 10px 0;

}



#newsArea ul li a, #tempoinfo ul li a{

	text-decoration: none;

	color: #666;

}



#newsArea ul li a span.newsDate , #tempoinfo ul li a span.newsDate{

	color: #82632d;

	padding: 0 15px 0 0;

}



#newsArea ul li a:hover, #tempoinfo ul li a:hover {

	text-decoration: underline;

}



#topOnlineShop {

	width: 237px;

	float: right;

}



#topBanner {

	clear: both;

	border: 1px solid #F1F1E9;

	/*background: #ffffff;*/

	padding: 0 0 20px 0;

}



/*div#topBannerTit {

	background: url(../img/top_brand.gif) no-repeat left top;

	float: left;

	width: 101px;

	height: 53px;

	text-indent: -9999px;

}*/

div#topBannerWrap {

	width: 837px;

	float: right;

	border-left: 1px solid #aa9e78;

}



div#topBannerWrap table {

	width: 837px;

	background: #F1F1E9;

}



div#topBannerWrap table th {

	text-align: left;

	vertical-align: middle;

	padding: 0 0 10px 0;

	background: #F1F1E9;

}



div#topBannerWrap table td {

	text-align: left;

	vertical-align: top;

	padding: 0 0 10px 0;

	background: #F1F1E9;

	width:100px;

}





div.bannerItem {

	width: 85px;

	float: left;

	margin: 0 0 20px;

}



div.bannerItem img {

	display: block;

	margin: 0 auto 10px;

	

}



div.bannerItem p {

	text-align: center;

	font-size: 11px;

}



/* //indexPage */





#contents {

	width: 611px;

	float: right;

	padding: 30px 0 0 0;

}



/* theme img set */



body#brandPage #themeImg p, body#irPage #themeImg p {background: url(../brand/img/theme_company.jpg) no-repeat left top;}

body#companyPage #themeImg p, body#irPage #themeImg p {background: url(../img/theme_company.jpg) no-repeat left top;}

body#irPage #themeImg p, body#irPage #themeImg p {background: url(../ir/img/theme_company.jpg) no-repeat left top;}

body#stockPage #themeImg p, body#irPage #themeImg p {background: url(../ir/img/theme_company.jpg) no-repeat left top;}

body#newsPage #themeImg p, body#irPage #themeImg p {background: url(../news/img/theme_company.jpg) no-repeat left top;}

body#recruitPage #themeImg p, body#irPage #themeImg p {background: url(../recruit2/img/theme_company.jpg) no-repeat left top;}

body#tastePage #themeImg p, body#irPage #themeImg p {background: url(../taste/img/theme_company.jpg) no-repeat left top;}





/*body#brandPage #contents {background: url(../brand/img/theme_company_2.jpg) no-repeat 25px 12px;}

body#tastePage #contents {background: url(../taste/img/theme_company_2.jpg) no-repeat 25px 12px;}

body#companyPage #contents {background: url(../img/theme_company_2.jpg) no-repeat 25px 12px;}

body#stockPage #contents {background: url(../ir/img/theme_company_2.jpg) no-repeat 25px 12px;}

body#stockPage div.stockCon {background: url(../ir/img/theme_company_2a.jpg) no-repeat 25px 12px;}

body#newsPage #contents {background: url(../news/img/theme_company_2.jpg) no-repeat 25px 12px;}

body#recruitPage #contents {background: url(../recruit2/img/theme_company_2.jpg) no-repeat 25px 12px;}*/







/* //theme img set */



h3,

#level2Block,

#level3Block,

#level3BlockBottom {

	margin: 0 auto;

}



#level3Block {

	padding: 0 18px 18px;

	width: 525px;

	background: url(../img/h3_block_bg.gif) repeat-y left top;

}



#level2Block {

	width:535px;

	padding: 0 14px 18px;

}



/* h3~h6 heading */



h3 {

	background: url(../img/h3_bg.gif) no-repeat left top;

	padding: 0 0 0 48px;

	width: 513px;

	height: 38px;

	font-size: 15px;

	color: #000;

	clear: both;

}



h3 span {

	background: url(../img/h3_bg2.gif) repeat-x left bottom;

	padding: 0 10px 0 0;

}







h4 {
	background: url(../img/h4_bg.gif) no-repeat left bottom;
	color: #c4161c;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 5px 0px;
	margin-bottom: 20px;
	clear: both;

}



h5 {

	background: #eeeee9;

	font-weight: bold;

	color: #333;

	padding: 8px;

	margin-bottom: 20px;

	clear: both;

	font-size: 12px;

}



h6 {

	color: #c4161c;

	background: url(../img/h6_bg.gif) no-repeat 1px center;

	padding: 0 0 2px 11px;

	line-height: 16px;

	clear: both;

	font-size: 12px;

}



#h7 {

	background: url(../img/h7_bg.gif) no-repeat left top;

	padding: 7px 0 0 25px;

	width: 538px;

	height: 24px;

	font-size: 13px;

	color: #000;

	clear: both;

	margin:0 25px 10px 25px;

}



/* paragraph */



div.textBox {

	margin-bottom: 10px;

	clear: both;

}



div.textBox table th.width_1{

	width: 80px;

}

div.textBox table th.width_1{

	width: 100px;

}



div.textBox p {

	padding: 0 0 5px 0;

	line-height: 1.5;

}



.areaR {

	float:right;

	width:170px;

}

.areaR img {

	padding:0  0 10px 10px;

}



div.level6Block {

	padding: 10px 15px 0;

	margin-bottom:10px;

	border: 2px solid #eeeee9;

	clear: both;

}



img.leftImg {

	display: block;

	float: left;

	padding: 0 10px 10px 0;

}



img.rightImg {

	display: block;

	float: right;

	padding: 0 0 10px 10px;

}



img.centerImg {

	display: block;

	margin:0 auto;

	padding-bottom:10px;

}



div.memoBox {

	background:url(../img/memo_bg.gif) no-repeat left top;

	padding:25px 18px 10px 18px;

	border-bottom:#e8e8e1 1px solid;

	width:442px;

	margin:0 auto 10px;

}



div.memoBox ul li {

	background: url(../img/2d_bul.gif) no-repeat 0 8px;

	padding:5px 0 5px 18px;

}



/* //paragraph */	



#level3BlockBottom {

	width: 561px;

	background: url(../img/h3_block_bottom.gif) no-repeat left bottom;

	padding: 0 0 15px 0;

}



#level3BlockBottom div.gotoTop, div.gotoTop {

	float: right;

	padding: 0 15px 0 0;

}

#level3BlockBottom div.gotoTop a, div.gotoTop a {

	display: block;

	background: url(../img/gototop.gif) no-repeat left top;

	width: 43px;

	height: 13px;

	text-indent: -9999px;

}



#sideWrap {

	width: 179px;

	float: left;

}



#sideMenuWrap {

	width: 171px;

	padding: 8px 4px 4px;

	background: url(../img/side_bg.gif) no-repeat left bottom;

	margin: 0 auto 5px;

}



#shopFind {

	background: url(../img/shop_bg.gif) no-repeat left top;

	width: 170px;

	height: 71px;

	padding: 37px 0 0 8px;

	margin: 0 auto 5px;

}



#shopFind p {

	display: none;

}



#shopFind ul {}



#shopFind ul li {

	width: 162px;

	height: 27px;

	padding: 0 0 4px 0;

}



#shopFind ul li a {

	display: block;

	width: 162px;

	height: 27px;

	text-indent: -9999px;

}



#shopFind ul li.shopFindItem1 a { background: url(../img/shop_btn_1.gif) no-repeat left top;}

#shopFind ul li.shopFindItem2 a { background: url(../img/shop_btn_2.gif) no-repeat left top;}

#shopFind ul li.shopFindItem3 a { background: url(../img/shop_btn_3.gif) no-repeat left top;}



#shopFind ul li a:hover {}



div.sideBanner {

	margin: 0 auto 5px;

}



div.sideBanner img {

	display: block;

}



/* menu define */



#mainMenuWrap {

	background: url(../img/1d_menu_top.gif) no-repeat left top;

	margin: 0 auto 5px;

}

#mainMenu {

	background: url(../img/1d_menu_bottom.gif) no-repeat left bottom;

	padding: 6px;

}

#mainMenu li {

	width: 159px;

	

	padding: 0 0 2px 0;

	background: url(../img/menu_item.gif) no-repeat center bottom;

}

#mainMenu li a {

	display: block;

	width: 159px;

	height: 31px;

	text-indent: -9999px;

}

#mainMenu li.item1 a { background: url(../img/main_menu_1.gif) no-repeat left top;}

#mainMenu li.item2 a { background: url(../img/main_menu_2.gif) no-repeat left top;}

#mainMenu li.item3 a { background: url(../img/main_menu_3.gif) no-repeat left top;}

#mainMenu li.item4 a { background: url(../img/main_menu_4.gif) no-repeat left top;}

#mainMenu li.item5 a { background: url(../img/main_menu_5.gif) no-repeat left top;}

#mainMenu li.item6 a { background: url(../img/main_menu_6.gif) no-repeat left top;}

#mainMenu li.current a,

#mainMenu li a:hover {

	background-position: right !important;

}





#mainMenu li.current .level2MenuWrap {

	display: block;

}



#mainMenu .level2MenuWrap {

	background: url(../img/2d_menu_top.gif) no-repeat left top;

	width: 159px;

	display: none;

}



#mainMenu .level2MenuWrap ul {

	background: url(../img/2d_menu_bottom.gif) no-repeat left bottom;

	width: 143px;

	padding: 8px;

}



#mainMenu .level2MenuWrap ul li {

	width: 142px;

	height: 24px;

	background: none;

	border-bottom: 1px dotted #deded4;	

}	



#mainMenu .level2MenuWrap ul li a {

	height: inherit;

	line-height: 24px;

	*line-height: 32px;

	width: 142px;

	background: url(../img/2d_bul.gif) left center no-repeat !important;

	text-indent: 0;

	color: #fff;

	text-indent: 15px;

}					



#mainMenu .level2MenuWrap ul li.current a,

#mainMenu .level2MenuWrap ul li a:hover {

	background: url(../img/2d_bul_hover.gif) left center no-repeat !important;

	font-weight: bold;

}



div.subMenuWrap {

	background: url(../img/3d_menu_top.gif) no-repeat left top;

	margin: 0 0 20px 0;

}



ul.subMenu,ul.subMenu_taste {

	background: url(../img/3d_menu_bottom.gif) no-repeat left bottom;

	padding: 10px 15px;

}



ul.subMenu li {

	float: left;

	margin-right: 18px;

	padding: 5px 0;

	display: block;

}



ul.subMenu2 li {

	margin-right: 16px;

}



ul.subMenu3 li {

	margin-right: 13px;

}



ul.subMenu_taste li {

	float: left;

	margin-right: 14px;

	padding: 5px 0;

	display: block;

}



ul.subMenu li.noR {

	margin: 0 !important;

}







ul.subMenu li a, ul.subMenu_taste li a{

	color: #666 !important;

	text-decoration: none !important;

	padding: 0 0 0 15px;

	background: url(../img/3d_bul.gif) no-repeat left center;

	line-height: 16px;

}

ul.subMenu li.current a, 

ul.subMenu li a:hover {

	color: #af4145 !important;

	text-decoration: underline !important;

}

ul.subMenu_taste li.current a, 

ul.subMenu_taste li a:hover {

	color: #af4145 !important;

	text-decoration: underline !important;

}

/* //menu define */



#footerWrap {

	clear: both;

}

#footerMenu {

	background: #000000;

}



#footerMenu ul {

	margin: 0 auto;

	text-align: center;

}



#footerMenu ul li {

	color: #808080;

	display: inline;



	border-left: 1px solid #808080;

}



#footerMenu ul li a {

	color: #808080;

	text-decoration: none;

	padding: 0 5px;

	line-height: 30px;

}



#footerMenu ul li a:hover {

	color: #808080;

	text-decoration: underline;

}



#copyRights {

	background: #b2b2b2;

}

#copyRights p {

	text-align: center;

	color: #474747;

	line-height: 30px;

}



#topGinza {

	width: 237px;

	float: right;

	margin:10px 0 0 0;

}

