/* color base */
#container, #menu, #contents, #middlemenu		{
		background-color: #ffffff
		}
#footer a, #header p, h1 a, #menu dt, h2		{
		color: #ffffff
		}
#menu dd	{
		border-bottom: 1px solid #ffffff;
		}

/* Primary Color right background */
a:hover, body, #menu dd		{
		background-color: #f6f6f6
		}
/* Primary Color light line */
.ads		{
		background-color: #d4e0fe
		}
hr		{
		color: #d4e0fe
		}
#contents p.cate{
		border-bottom: 1px solid #d4e0fe;
		}
.contentsadsbottom{
		border-top: 1px solid #d4e0fe;
		}
#contents, #middlemenu, #menu	{
		border: 1px solid #d4e0fe
		}


/* header link unit background #3355aa */
#headerads	{
		background-color: #3355aa
		}

/** Primary Color darkest **/
#menu a, .cate a, #contents p, #contents li, .indexarea li a		{
		color: #434343;
		}
#menu a:hover	{
		color:#0055ff;
		text-shadow: 0 0 2em #A8CFFF, 0 0 1em #A8CFFF, 0 0 0.3em #A8CFFF;
		}


/* Complementary Color light */
p.index strong		{
		border: 1px solid #FBDE70
		}
/* Complementary Color dark */
#contents p.index strong	{
		color: #A68300
		}


/* common design */
body		{
		text-align: center;
		margin: 0 auto;
		font-family: Arial, sans-serif;
		font-size: 14px;
		}
#container	{
		width: 1020px;
		margin: 0 auto;
		text-align: left;
		background-image: url(http://food.aimary.com/images/contents.png);
		background-repeat: repeat-x;
		background-position: top;
		}
/* boder radius */
.radius, #menu, #contents, fieldset, #contents p.index strong, #middlemenu, .osusume	{		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
h2, h2 a:hover, .middlemenutopimg		{
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		}

form, input	{
		margin: 0;
		}
fieldset	{
		margin: 20px
		}
img		{
		border: 0;
		}
.red		{
		color: #FF0000;
		}
.center		{
		text-align: center;
		}
.left		{
		text-align: left;
		}
.right		{
		text-align: right;
		}
.bold		{
		font-weight: bold;
		}
table		{
		border-collapse: collapse;
		}
hr		{
		border: 0 none; 
		height: 1px; 
		}
.clear		{
		clear: both;
		}
.floatleft	{
		float: left;
		}
.floatright	{
		float: right;
		}
.clearfix:after	{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}

.clearfix	{
		display:inline-block;
		min-height:1%;  /* for IE 7*/
		}
.ads		{
		text-align: center;
		margin: 0;
		padding: 5px 0;
		font-size: 12px;
		color: #cccccc;
		}
/* Hides from IE-mac */
* .clearfix	{
		height: 1%;
		}
.clearfix	{
		display: block;
		}

/* header design */
h1		{
		margin: 0;
		}
h1 a		{
		text-decoration: none;
		}
#header		{
		margin: 0;
		padding: 0 20px 5px 20px;
		}
#header, #menu dt, h2,#footer, #footer a:hover, h1 a:hover, .osusume	{
		background-image: url(images/header.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		}
#header h1 a	{
		text-decoration: none;
		}
#header p	{
		margin: 0;
		font-size: 13px;
		padding-bottom: 10px;
		}
#headerads	{
		text-align: center;
		padding: 5px;
		}

/* contents design */
#contents	{
		margin-top: 10px;
		margin-right: 10px;
		float: right;
		width: 550px;
		margin-bottom: 10px;
		}
h2		{
		margin: 0 0 20px 0;
		text-align: center;
		}
h2, h2 a, #footer a		{
		text-decoration: none;
		padding: 10px;
		}
h2 a:hover	{
		display: block;
		}
#contents p.cate{
		font-size: 13px;
		}
#contents p	{
		font-size: 14px;
		margin: 15px 25px;
		padding: 2px 0;
		line-height: 170%;
		text-indent: 1em;
		}
#contents p.index{
		margin-top: 50px;
		text-indent: 0;
		}
#contents p.index strong	{
		font-size: larger;
		padding: 5px 10px;
		-moz-box-shadow: 3px 3px 3px #999999;
		-webkit-box-shadow: 3px 3px 3px #999999;
		box-shadow: 3px 3px 3px #999999;
		}
#contents li	{
		line-height: 150%;
		margin-right: 25px;
		}

/* toppage */

.indexarea	{
		margin: 10px;
		padding: 10px 20px;
		background-image: url(images/area.png);
		background-repeat: repeat-x;
		background-position: top;
		}
.indexarea ul	{
		margin: 5px 0;
		padding: 0;
		}
.indexarea li	{
		list-style: none;
		margin: 1px 0;
		padding: 0;
		border-bottom: 1px dashed #cccccc;
		font-size: 13px;
		}
.indexarea li a{
		font-size: 14px;
		padding-right: 25px;
		}
.area		{
		margin-top: 10px;
		clear: both;
		}
.osusume	{
		padding: 2px 10px;
		}
.topads		{
		width: 520px;
		text-align: center;
		margin: 10px auto;
		}

/* category design */
.catedes	{
		}

/* menu design */
#menu		{
		margin : 10px auto 10px 10px;
		float: left;
		width: 240px;
		padding: 20px 0 10px 0;
		}
.search		{
		margin: 10px auto;
		text-align: center;
		font-size: 13px;
		}
#menu a		{
		display: block;
		}
#menu a:hover	{
		display: block;
		}
#menu dl	{
		width: 240px;
		}
#menu dt	{
		width: 240px;
		margin: 0;
		text-align: center;
		font-size: 14px;
		text-indent: 10px;
		font-weight: bold;
		padding: 10px 0;
		}
#menu dd	{
		width: 240px;
		margin: 0;
		font-size: 13px;
		text-indent: 10px;
		line-height: 150%;
		}

/* middlemenu design */
#middlemenu	{
		float: left;
		width: 160px;
		margin : 10px auto 10px 10px;
		padding-bottom: 10px;
		}
#middlemenu img	{
		margin-bottom: 20px;
		}


/* footer design */
#footer		{
		clear: both;
		color: #ffffff;
		font-size: 13px;
		padding: 10px;
		}

/* ads design */
.contentsadsright{
		float: right;
		}
.contentsadsleft{
		float: left;
		}
.contentsadsright, .contentsadsleft, .contentsadsbottom{
		margin: 10px 20px;
		}
.contentsadsbottom{
		padding: 20px 0;
		}