/* @override http://masumoto.site/style/home.css */

/*
tags
*/
* {
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	line-height:1.6em;
}
body {
	margin:0;
	padding:0;
	background-color:#5F3800;
	min-width:1000px;
}
form {
	margin: 0;
	padding: 0;
	display: inline;
}
input {
	vertical-align: middle;
}
/*div {
	border:1px solid #FF0000;
}*/


/*
common
*/
.imgrpl {
	float:left; margin: 0; padding: 0; overflow: hidden;
	line-height: 0; text-indent:-9999px; background-repeat:no-repeat;
	list-style: none; border: none; position:absolute;
}
.imgrpl a {
	display: block; margin: 0; padding: 0; width:100%; height:100%; text-indent:-9999px;
}
.lnk { cursor:pointer; }

/*
image replacement
*/
#home_logo					{ width:200px;	height:300px;	left:0px;	top:0px;	background-image:url("images/home_logo.png"); }
#home_message				{ width:222px;	height:334px;	left:756px;	top:36px;	background-image:url("images/home_message.png"); }

#lnk1				{ left:198px;	top:0px; }
#lnk2				{ left:460px;	top:0px; }
#lnk3				{ left:722px;	top:0px; }
#lnk1_kodawari		{ left:293px;	top:9px; }
#lnk1_storelist		{ left:293px;	top:72px; }
#lnk1_about			{ left:293px;	top:119px; }
#lnk2_honten		{ left:555px;	top:9px; }
#lnk2_shinjuku		{ left:555px;	top:56px; }
#lnk2_makuhari		{ left:555px;	top:103px; }
#lnk3_menu			{ left:817px;	top:9px; }
#lnk3_monthly		{ left:817px;	top:26px; }
#lnk3_kaiseki		{ left:817px;	top:57px; }
#lnk3_catering		{ left:817px;	top:88px; }
#lnk3_macrobiotic	{ left:817px;	top:119px; }

#lnk1				{ width:95px;	height:160px;	background-image:url("images/lnk1.png"); }
#lnk2				{ width:95px;	height:160px;	background-image:url("images/lnk2.png"); }
#lnk3				{ width:95px;	height:160px;	background-image:url("images/lnk3.png"); }
#lnk1_kodawari		{ width:167px;	height:63px;	background-image:url("images/lnk1_kodawari.png"); }
#lnk1_storelist		{ width:167px;	height:47px;	background-image:url("images/lnk1_storelist.png"); }
#lnk1_about			{ width:167px;	height:31px;	background-image:url("images/lnk1_about.png"); }
#lnk2_honten		{ width:167px;	height:47px;	background-image:url("images/lnk2_honten.png"); }
#lnk2_shinjuku		{ width:167px;	height:47px;	background-image:url("images/lnk2_shinjuku.png"); }
/*#lnk2_makuhari		{ width:167px;	height:47px;	background-image:url("images/lnk2_makuhari.png"); }*/
#lnk2_makuhari		{ width:167px;	height:47px;	background-image:url("images/lnk2_placeholder.png"); }
#lnk3_menu			{ width:167px;	height:17px;	background-image:url("images/lnk3_menu.png"); }
#lnk3_monthly		{ width:167px;	height:31px;	background-image:url("images/lnk3_monthly.png"); }
#lnk3_kaiseki		{ width:167px;	height:31px;	background-image:url("images/lnk3_kaiseki.png"); }
#lnk3_catering		{ width:167px;	height:31px;	background-image:url("images/lnk3_catering.png"); }
#lnk3_macrobiotic	{ width:167px;	height:31px;	background-image:url("images/lnk3_macrobiotic.png"); }

#lnk1_kodawari:hover	{ background-image:url("images/lnk1_kodawari_hv.png"); }
#lnk1_storelist:hover	{ background-image:url("images/lnk1_storelist_hv.png"); }
#lnk1_about:hover		{ background-image:url("images/lnk1_about_hv.png"); }
#lnk2_honten:hover		{ background-image:url("images/lnk2_honten_hv.png"); }
#lnk2_shinjuku:hover	{ background-image:url("images/lnk2_shinjuku_hv.png"); }
/*#lnk2_makuhari:hover	{ background-image:url("images/lnk2_makuhari_hv.png"); }*/
#lnk3_monthly:hover		{ background-image:url("images/lnk3_monthly_hv.png"); }
#lnk3_kaiseki:hover		{ background-image:url("images/lnk3_kaiseki_hv.png"); }
#lnk3_catering:hover	{ background-image:url("images/lnk3_catering_hv.png"); }
#lnk3_macrobiotic:hover	{ background-image:url("images/lnk3_macrobiotic_hv.png"); }

/*
header navigation
*/
#header {
	width:100%; height:540px; margin:0; padding:0;
	text-align: center;
	background: url(images/home/a.jpg) no-repeat top;
}
#header div.center {
	width:1000px; height:380px; margin:0 auto;
	text-align: left;
	position:relative;
}
#header div.toplink {
	float:right; display: inline;
	margin:0 0 0 20px; padding:0; height:32px; line-height:32px; vertical-align: middle;
	font-size:13px; color: #CCC;
}
#header div.toplink a {
	line-height:32px;
	font-size:12px; color:#FFF; margin-left:30px;
	text-decoration: none;
}
#header div.toplink a:hover {
	text-decoration:underline;
}
#header form {
	margin:0 20px 0 0px; padding:0; height:32px; line-height:32px; vertical-align: middle; float:right;
	text-align: right;
}
#header form a {
	line-height:32px;
	font-size:13px; color:#333333;
}
#header form input {
	font-size:12px; vertical-align: middle; line-height: 1em;
}


/*
body
*/
#header div.mainlink {
	margin:0; padding:0;
	height:160px;
	background: url(images/home_body_bg.png) no-repeat top;
}
#header div.mainlink div.center {
	width:1000px; height:160px; margin:0 auto; padding:0;
	text-align: left;
	position:relative;
	background:transparent url("images/home_picture.png") no-repeat left;
}

/*
footer
*/
#footer {
	margin:0; padding:25px 0; clear:both;
	font-size:12px; line-height:1.4em; text-align: center; color:#FFF;
	text-align: center;
	background:url(images/home_footer_bg.png) repeat-x;
}
#footer div.center {
	width:1000px;
	margin:0 auto; padding:0;
	text-align: left;
}
#footer a.logo {
	float:right;
}
#footer p.copyright {
	float:left; display:inline;
	margin:0; padding:0 0 0 15px;
	color:#EBDBB9; text-decoration:none;
	font-size:12px;
}
#footer ul {
	float:left; display:inline;
	margin:0; padding:0;
	font-size:12px;
	color:#EBDBB9;
}
#footer ul li {
	float:left; display:inline;
	margin:0 0 0 15px; padding:0;
	font-size:12px; font-weight:bold;
	color:#EBDBB9;
	list-style:none; background:none; padding:0;
}
#footer ul li ul {
	display:block;
	float:none; margin:0; padding:0;
}
#footer ul li ul li {
	display:block;
	float:none; margin:0; padding:0;
	font-weight:normal;
}
#footer ul a {
	color:#EBDBB9; text-decoration:none;
	font-size:12px;
}
#footer ul a:hover {
	color:#FFF; text-decoration:underline;
}

#footer h3 {
	margin: 0;
}
#footer p {
	margin:0; padding:0;
	color:#FFF; font-size: 12px; line-height:1.3em;
}
#footer strong {
	font-size:12px;
}
#footer a {
	font-size:12px;
}
#footer a img {
	border:none;
}
#footer hr {
	clear:both; margin:0 0 10px 13px;
	border:none;
	border-top:1px dotted #EBDBB9;
}


#information {
	float:right; display:inline;
	width:450px; margin:0 20px 20px 0;
	position:relative;
}
#information h2 {
	margin: 0; height:50px;
	font-weight: normal; font-size: 11px; font-family:"Arial",sans-serif;
}
#information h2 strong {
	font-size: 11px; font-family:"Arial",sans-serif;
}
#information ul.feed {
	position:absolute; top:0; right:0;
}
#information ul.feed li {
	width:48px; height:48px;
	display:inline;
	background-repeat:no-repeat;
}
#information ul.feed li.twitter { background-image:url(images/twitter.png); }
#information ul.feed li.facebook { background-image:url(images/facebook.png); }
#information ul.feed li a {
	display:block;
	width:100%; height:100%;
	text-indent:-9999px;
}
#information h3 {
	border-bottom: 1px solid #FFF; margin:10px 0 5px; font-size:14px;
}
#information h3 span {
	float:right; display:inline; font-weight:normal; font-size:11px; line-height:1em; padding-top:7px;
}
#information h3 a {
	font-size:14px; color:#FFF; text-decoration:none;
}
#information h3 a:hover {
	text-decoration:underline;
}
#information p a {
	color:#FFF; text-decoration:none;
}
#information p a:hover {
	text-decoration:underline;
}

#content {
	padding:0 22px 0 30px;
	width: 450px;
}
#content div.buttons {
	position:relative; height:160px; padding:0; margin:10px 0 0;
}
#content div.buttons p {
	position:absolute; margin:0; padding:5px 10px; width:187px; height:60px; left:240px; top:60px;
	border:1px solid #999; border-top:none;
	font-size:10px; color:#630;
	background:#EBDBB9;
}
#home_btn_lunch { border:1px solid #999; }
#home_btn_phone { border:1px solid #999; }
#home_btn_storelist { border:1px solid #999; }

.float_right {
	float: right;
	text-align: right;
}
.clear {
	clear:both;
}

/*
span classes
*/
span.url { color:#009900; }
span.small { font-size: 80%; }
span.red { color: #ff0000; }
span.blue { color: #0000ff; }
span.gray { color: #808080; }