@import "common.css";

body {
	margin:0;
	font-size:62.5%;
	line-height:150%;
	text-align:center;
}

/*
------------------------------------------------------------------------
Block Layout Set

	main_wrap
		header_wrap
		global_navi
		body_wrap
			main_visual
			side_wrap
			main_contents_wrap
		
		footer_wrap
----------------------------------------------------------------------*/

div#main_wrap {
	margin:10px auto;
	width:800px;
	color:#666;
	font-size:1.2em;
	text-align:left;
}

div#header_wrap {
	height:70px;
	/*border:1px solid #ccc;*/
	position:relative;
}

div#body_wrap {
	margin-bottom:1.5em;
	/*border:1px solid #ccc;*/
	background:url(../images/side_wrap_bg.gif) repeat-y left top;
}

/*
------------------------------------------------------------------------
	Main Visual Set
----------------------------------------------------------------------*/
div.main_visual {
	margin-bottom:1em;
	height:280px;
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}
div.contents_main_visual {
	margin-bottom:1em;
	height:200px;
	background-repeat:no-repeat;
	background-position:left top;
	/*border-bottom:1px solid #ccc;*/
	overflow:hidden;
}
div.contents_main_visual h2 {
	text-indent:-999999px;
}

/*
------------------------------------------------------------------------
	Side Wrap Set
----------------------------------------------------------------------*/
div#side_wrap {
	width:240px;
	display:block;
	float:left;
}

/*
------------------------------------------------------------------------
	Main Contenst Wrap Set
----------------------------------------------------------------------*/
div#main_contents_wrap {
	width:540px;
	display:block;
	float:right;
	/*border:1px solid #ccc;*/
}

/*
------------------------------------------------------------------------
	Footer Wrap Set
----------------------------------------------------------------------*/
div#footer_wrap {
	padding-top:0.5em;
	border:1px solid #ccc;
}



/*
------------------------------------------------------------------------
Header Set
----------------------------------------------------------------------*/
div#header_wrap h1 a {
	display:block;
	width:150px;
	height:60px;
	background:url(../images/logo.gif) no-repeat left top;
	text-indent:-9999999px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
div#header_wrap p {
	text-indent:-99999px;
	overflow:hidden;
}
div#header_wrap ul {
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	left:470px;
}
div#header_wrap ul li {
	margin-left:1em;
	display:inline;
}
div#header_wrap ul li a {
	padding-left:1em;
	background:url(../images/rss_list_marker.gif) no-repeat left center;
}

/*
------------------------------------------------------------------------
Global NAVI Set
----------------------------------------------------------------------*/
div#global_navi {
	margin-bottom:0.5em;
}
div#global_navi ul {
	margin:0;
	padding:0;
}

div#global_navi li {
	width:160px;
	height:30px;
	display:block;
	float:left;
	text-indent:-99999px;
	overflow:hidden;
}
div#global_navi li a {
	display:block;
	width:160px;
	height:30px;
	background-image:url(../images/g_navi_bg.gif);
	background-position:left bottom;
}


div#global_navi li#home a:link        {	background-position:-0px 30px ;}
div#global_navi li#safety_link a:link {	background-position:-160px 30px ;}
div#global_navi li#taste_link a:link  {	background-position:-320px 30px ;}
div#global_navi li#menu_link a:link   {	background-position:-480px 30px ;}
div#global_navi li#shops_link a:link  {	background-position:-640px 30px ;}

div#global_navi li#home a:hover        {	background-position:-0px 60px ;}
div#global_navi li#safety_link a:hover {	background-position:-160px 60px ;}
div#global_navi li#taste_link a:hover  {	background-position:-320px 60px ;}
div#global_navi li#menu_link a:hover   {	background-position:-480px 60px ;}
div#global_navi li#shops_link a:hover  {	background-position:-640px 60px ;}

div#global_navi li#home_current a       {	background-position:-0px 60px ;}
div#global_navi li#safety_link_current a{	background-position:-160px 60px ;}
div#global_navi li#taste_link_current a {	background-position:-320px 60px ;}
div#global_navi li#menu_link_current a  {	background-position:-480px 60px ;}
div#global_navi li#shops_link_current a {	background-position:-640px 60px ;}

div#global_navi li#home a:visited        {	background-position:-0px 30px ;}
div#global_navi li#safety_link a:visited {	background-position:-160px 30px ;}
div#global_navi li#taste_link a:visited  {	background-position:-320px 30px ;}
div#global_navi li#menu_link a:visited   {	background-position:-480px 30px ;}
div#global_navi li#shops_link a:visited  {	background-position:-640px 30px ;}

div#global_navi li#home a:active        {	background-position:-0px 30px ;}
div#global_navi li#safety_link a:active {	background-position:-160px 30px ;}
div#global_navi li#taste_link a:active  {	background-position:-320px 30px ;}
div#global_navi li#menu_link a:active   {	background-position:-480px 30px ;}
div#global_navi li#shops_link a:active  {	background-position:-640px 30px ;}









/*
------------------------------------------------------------------------
Body Set
----------------------------------------------------------------------*/
div#side_wrap a {
	display:block;
	margin-bottom:0.5em;
	width:210px;
	height:60px;
	color:#fff;
	background-image:url(../images/side_link_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:-99999px;
	overflow:hidden;
}

div#side_wrap a#safety {	background-image:url(../images/safety_link.jpg);}
div#side_wrap a#quality {	background-image:url(../images/quality_link.jpg);}
div#side_wrap a#taste {	background-image:url(../images/taste_link.jpg);}
div#side_wrap a#education {	background-image:url(../images/education_link.jpg);}
div#side_wrap a#menu {	background-image:url(../images/menu_link.jpg);}
div#side_wrap a#shops {	background-image:url(../images/shops_link.jpg);}
div#side_wrap a#profile_side {	background-image:url(../images/profile_link.jpg);}
div#side_wrap a#rinen {	background-image:url(../images/rinen_link.jpg);}
div#side_wrap a#contact {	background-image:url(../images/contact_link.jpg);}


div#side_wrap h2,
div#side_wrap ul {
	margin-right:1em;
	margin-left:1em;
}
div#side_wrap h2.fast{
	margin:1em 1em -0.1em;
}
div#side_wrap ul {
	padding:0;
}
div#side_wrap ul li {
	margin:0 0 1em 2px;
}

div#main_contents_wrap h2,
div#main_contents_wrap p,
div#main_contents_wrap ul {
	margin-right:10px;
	margin-left:10px;
}
div#main_contents_wrap div.feed_list_area ul {
	margin-bottom:1.5em;
}
div#main_contents_wrap div.feed_list_area ul li {
	margin-bottom:0.2em;
	padding-bottom:0.2em;
	border-bottom:1px dotted #ccc;
}
/*
------------------------------------------------------------------------
Footer Set
----------------------------------------------------------------------*/

address {
	padding-top:0.5em;
	padding-right:1.5em;
	padding-bottom:1.5em;
	font-size:1em;
	text-align:right;
}