/*-------------------------------------------------
  local.css
-------------------------------------------------*/
body {
	margin: 0px auto;
	padding: 0px;
	font-family: verdana, arial, sans-serif;
	background: white url(./img/bg_body_red.jpg) repeat-x left top;
}
#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	background: url(./img/bg_side_red.jpg) repeat-y center top;
}
#wrap2 {
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	background: url(./img/bg_side_red_top.jpg) no-repeat center top;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header {
  background: white url(./img/header2.gif) no-repeat center;
  height: 80px;
  padding: 0 0 15px 0;
	margin: 0px auto 5px auto;
  border-top: 6px solid #B70D48;
  border-bottom: 1px solid #B70D48;
}
#header h1 {
  width: 800px;
	font-size: 11px;
	color: #B70D48;
	margin: 0px auto;
	padding: 2px 0px 0px 10px;
}

.itemnavi {
  /*background-color: #F9F9F9;*/
  width: 560px;
  margin: 0px 0 10px 0px;
  padding: 4px 5px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer {
	background: #B70D48;
	text-align: center;
	padding: 7px 0;
	border-bottom: 0px solid #E0E0E0;
	margin: 7px auto 0px auto;
}
#footer a:link, #footer a:visited { color: #FFFFFF; }
#footer a:hover, #footer a:active { color: #CCCCCC; }
#copyrights { color: #FFFFFF; }
#copyrights hr {
  width: 740px;
  border-bottom: 1px dotted #DDDDDD;
}

/*-------------------------------------------------
  Mainmenu
-------------------------------------------------*/
#mainmenu {
  position: relative;
  width: 800px;
  height: 30px;
  margin: 1px auto;
  background: #FFBD83;
}
#mainmenu ul {
  margin:0px 0 0 10px;
  padding:0px;
  list-style:none;
}
#mainmenu li {
  margin: 0px;
  padding:0px;
  display:block;
  float:left;
  width:110px;
  height:30px;
}
#mainmenu li a {
  text-indent:-10000px;
  display:block;
  width:110px;
  height:30px;
}
#mm01 a { background:url(./img/mm_home.gif) no-repeat; }
#mm01 a:hover { background:url(./img/mm_home_on.gif) no-repeat; }
#mm02 a { background:url(./img/mm_2.gif) no-repeat; }
#mm02 a:hover { background:url(./img/mm_2_on.gif) no-repeat; }
#mm03 a { background:url(./img/mm_3.gif) no-repeat; }
#mm03 a:hover { background:url(./img/mm_3_on.gif) no-repeat; }
#mm04 a { background:url(./img/mm_4.gif) no-repeat; }
#mm04 a:hover { background:url(./img/mm_4_on.gif) no-repeat; }
#mm05 a { background:url(./img/mm_5.gif) no-repeat; }
#mm05 a:hover { background:url(./img/mm_5_on.gif) no-repeat; }
#mm06 a { background:url(./img/mm_6.gif) no-repeat; }
#mm06 a:hover { background:url(./img/mm_6_on.gif) no-repeat; }
#mm07 a { background:url(./img/mm_7.gif) no-repeat; }
#mm07 a:hover { background:url(./img/mm_7_on.gif) no-repeat; }
#mm08 a { background:url(./img/mm_8.gif) no-repeat; }
#mm08 a:hover { background:url(./img/mm_8_on.gif) no-repeat; }

#mainmenu img { padding: 0; }

#mm_sub {
	margin: 124px auto 0 auto;
	padding:0 10px 0px 0;
	width:800px;
	text-align:right;
}
#mm_sub a {
	background: url(./img/ico2.gif) no-repeat 0px 1px;
	padding: 0px 0px 0 13px;
	margin: 0 3px 0 7px;
}
#mm_sub a:link, #mm_sub a:visited { color: #FFFFFF; }
#mm_sub a:hover, #mm_sub a:active { color: #AAAAAA; }

/*-------------------------------------------------
  Sidemenu
-------------------------------------------------*/
#topicssoku {
  padding: 5px;
  height: 228px;
  overflow: auto;
}
#sidemenu {
  position: relative;
  width: 170px;
  height: 1%;
  margin: 1px auto;
}
#sidemenu ul {
  margin: 7px 0 0 0px;
  padding: 0px;
  list-style: none;
}
#sidemenu li {
  margin: 7px 0;
  padding: 0px;
  display: block;
  width: 170px;
}
#sidemenu li a {
  text-indent: -10000px;
  display: block;
  width: 170px;
}
#sm01 a {
  background:url(./img/sm_top.gif) no-repeat;
  height: 32px;
}
#sm01 a:hover {
  background:url(./img/sm_top_on.gif) no-repeat;
  height: 32px;
}
#sm02 a {
  background:url(./img/sm_aboutus.gif) no-repeat;
  height: 32px;
}
#sm02 a:hover {
  background:url(./img/sm_aboutus_on.gif) no-repeat;
  height: 32px;
}
#sm03 a {
  background:url(./img/sm_product.jpg) no-repeat;
  height: 50px;
}
#sm03 a:hover {
  background:url(./img/sm_product_on.jpg) no-repeat;
  height: 50px;
}
#sm04 a {
  background:url(./img/sm_new.jpg) no-repeat;
  height: 50px;
}
#sm04 a:hover {
  background:url(./img/sm_new_on.jpg) no-repeat;
  height: 50px;
}
#sm05 a {
  background:url(./img/sm_recipe.jpg) no-repeat;
  height: 50px;
}
#sm05 a:hover {
  background:url(./img/sm_recipe_on.jpg) no-repeat;
  height: 50px;
}
#sm06 a {
  background:url(./img/sm_topics.jpg) no-repeat;
  height: 50px;
}
#sm06 a:hover {
  background:url(./img/sm_topics_on.jpg) no-repeat;
  height: 50px;
}
#sm07 a {
  background:url(./img/sm_qa.gif) no-repeat;
  height: 32px;
}
#sm07 a:hover {
  background:url(./img/sm_qa_on.gif) no-repeat;
  height: 32px;
}
#sm08 a {
  background:url(./img/sm_faq.gif) no-repeat;
  height: 32px;
}
#sm08 a:hover {
  background:url(./img/sm_faq_on.gif) no-repeat;
  height: 32px;
}
#sm09 a {
  background:url(./img/new1.jpg) no-repeat;
  height: 200px;
}
#sm09 a:hover {
  background:url(./img/new1_on.jpg) no-repeat;
  height: 200px;
}

#sidemenuSub {
  position: relative;
  width: 150px;
  height: 1%;
  margin: 1px auto;
}
#sidemenuSub ul {
  margin: -5px 0 0 10px;
  padding: 0px;
  list-style: none;
}
#sidemenuSub li {
  margin: 0px 0;
  padding: 0px;
  display: block;
  width: 130px;
  height: 20px;
}
#sidemenuSub li a {
  text-indent: -10000px;
  display: block;
  width: 130px;
  height: 20px;
}
#sm02sub1 a {  background:url(./img/sm_aboutus1.gif) no-repeat;}
#sm02sub1 a:hover {  background:url(./img/sm_aboutus1_on.gif) no-repeat;}
#sm02sub2 a {  background:url(./img/sm_aboutus2.gif) no-repeat;}
#sm02sub2 a:hover {  background:url(./img/sm_aboutus2_on.gif) no-repeat;}
#sm02sub3 a {  background:url(./img/sm_aboutus3.gif) no-repeat;}
#sm02sub3 a:hover {  background:url(./img/sm_aboutus3_on.gif) no-repeat;}
#sm02sub4 a {  background:url(./img/sm_aboutus4.gif) no-repeat;}
#sm02sub4 a:hover {  background:url(./img/sm_aboutus4_on.gif) no-repeat;}

/*-------------------------------------------------
  Category menu
-------------------------------------------------*/
#catmenu {
  width: 550px;
  background: #FCFCFC;
  border: 1px dotted #DDDDDD;
  margin: 20px auto;
  padding: 0px;
}
#catmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#catmenu li {
	margin: 10px 0 0 0;
	padding: 0px 0px 0px 40px;
	float: left;
  display: block;
  width: 280px;
  height: 100px;
}
#catmenu li a {
	text-indent: -10000px;
  display: block;
  width: 280px;
  height: 100px;
}
#cat01 a { background:url(./img/cat_kon2.jpg) no-repeat; }
#cat01 a:hover { background:url(./img/cat_kon2_on.jpg) no-repeat; }
#cat02 a { background:url(./img/cat_zeri2.jpg) no-repeat; }
#cat02 a:hover { background:url(./img/cat_zeri2_on.jpg) no-repeat; }
#cat03 a { background:url(./img/cat_ten2.jpg) no-repeat; }
#cat03 a:hover { background:url(./img/cat_ten2_on.jpg) no-repeat; }
#cat04 a { background:url(./img/cat_oso2.jpg) no-repeat; }
#cat04 a:hover { background:url(./img/cat_oso2_on.jpg) no-repeat; }
#cat05 a { background:url(./img/cat_san2.jpg) no-repeat; }
#cat05 a:hover { background:url(./img/cat_san2_on.jpg) no-repeat; }

/*-------------------------------------------------
  Flash
-------------------------------------------------*/
#TopMsg {
  margin: 0 auto;
  /*border-top: 1px dotted #F5F5F5;*/
  /*border-bottom: 1px dotted #F5F5F5;*/
}

/*-------------------------------------------------
  NewsFeed
-------------------------------------------------*/
.title {
  font-size: 15px;
  font-weight: bold;
  margin: 6px 4px;
}
.feedTitle {
  font-size: 14px;
  padding: 5px 10px 0px 10px;
  margin: 0 10px;
}
.feedDesc {
  line-height: 1.5em;
  padding: 0 25px;
  margin: 0 10px;
  border-bottom: 1px dotted #DDDDDD;
}

/*-------------------------------------------------
  TopPage's Block Styles
-------------------------------------------------*/
.imgTitleBlock {
  width: 550px;
  background: white;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
.listTitleBlock {
  width: 548px;
  background: #333333;
  border: 1px solid #DDDDDD;
  margin: 0px auto;
  padding: 3px 0px 5px 0px;
}
.listItemBlock {
  border-bottom: 1px dotted #DDDDDD;
  padding: 10px 10px 0px 10px;
  margin: 0 10px;
}
.listTitle h2 {
  font-size: 14px;
}
#home .listTitle h2 {
  float: left;
}
.listDate {
  float: right;
}

/*-------------------------------------------------
  Product List & Details
-------------------------------------------------*/
#product h2 {
  font-size: 22px;
  font-weight: bold;
  margin:3px 0;
}

#kekkakoumoku {
	background-color: #B70D48;
	color: white;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
#kekkabox {
	background: #CAD2D2 url(img/product_td.jpg) repeat-x;
	border-right: 1px solid #DDDDDD;
	color: black;
}
#kekkakoumoku, #kekkabox {
	width: 550px;
	margin: 0px auto;
	font-size: 12px;
	text-align: center;
}
#kekkakoumoku td {
	padding: 3px 0px 2px;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px double #DDDDDD;
}
#kekkabox td {
	padding: 3px 0px 2px;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#kekkabox img {
	width: 90px;
}
#kekkabox .photo {
	float: left;
	margin: 0 3px;
}
#kekkabox .hinmei {
	color: #222222;
	text-decoration: underline;
	margin: 0px;
	padding: 0 0 0 3px;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
}

/* for 800px */
#kekkakoumoku .m01, #kekkabox .m01 { width: 18%; }
#kekkakoumoku .m03, #kekkabox .m03 { width: 26%; }
#kekkakoumoku .m04, #kekkabox .m04 { width: 14%; }
#kekkakoumoku .m05, #kekkabox .m05 { width: 14%; }
#kekkakoumoku .m06, #kekkabox .m06 { width: 14%; }
#kekkakoumoku .m07, #kekkabox .m07 { width: 14%; }

#displayPC .productimg {
	float: left;
	margin: 0 10px 20px 0;
}
#displayPC .productimg img {
	width: 300px;
}
#displayPC .productsiyo img {
	margin: 10px 7px -7px 0;
}
.producttitle {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 1px 0;
}
#koumoku td {
	vertical-align: top;
	padding: 5px;
}

/*-------------------------------------------------
  Recipe List & Details
-------------------------------------------------*/
#recipeList, #RecipeDetail {
  width: 550px;
  height: 1%;
  /*border-bottom: 1px dotted #AAAAAA;*/
  margin: 10px auto;
  padding: 0 0 3px 0;
}
#recipeList td {
	text-align: left;
	vertical-align: top;
	padding: 3px 0px 2px;
}
#recipeList img {
  width: 120px;
  float: left;
  margin: 0 10px 0 0;
}
#recipeList h2, #RecipeDetail h2 {
  font-size: 17px;
  font-weight: bold;
}

#RecipeDetail p {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 1px 5px;
}
#RecipeDetail .recipeimg {
  width: 240px;
  float: left;
  margin: 0 10px 10px 0;
}
#RecipeDetail .recipeimgwidth {
  width: 240px;
}
#recipeZairyo {
  width: 290px;
  border: 0px dotted #CCCCCC;
  border-collapse: collapse;
}
#recipeZairyo th {
  border-bottom: 1px solid #CCCCCC;
}
#recipeZairyo td {
  border-bottom: 1px solid #AAAAAA;
  line-height: 170%;
}
#recipeZairyo .su {
	text-align: right;
}
.recipeMake {
  float: left;
  width: 170px;
  margin: 0 5px 0 5px;
}
.recipeMakeImg {
  width: 170px;
  margin: 0 0 2px 0;
}
.recipeBiko {
  margin: 15px auto 15px auto;
  padding: 3px;
  border-top: 1px dotted #666666;
}

/*-------------------------------------------------
  Topics
-------------------------------------------------*/
.topics {
  width: 530px;
  margin: 0 auto 10px auto;
  padding: 10px;
  /*background: #FFF5FF;*/
  /*border-bottom: 1px dotted #CCCCCC;*/
}

/*-------------------------------------------------
  Q & A
-------------------------------------------------*/
#qa_A {
  border-top: 1px dotted #DDDDDD;
}
#qa_Q, #qa_A {
  padding: 5px;
  width: 100%;
}
#qa_Q .QorA, #qa_A .QorA {
  font-size: 27px;
  width: 80px;
  text-align: center;
}

/*-------------------------------------------------
  Aboutus
-------------------------------------------------*/
#aboutus {
  width: 520px;
  margin: 0 auto;
  border-collapse: collapse;
  /*border: 1px solid #EEEEEE;*/
  border-spacing: 0px;
}
#aboutus h2 {
	clear: both;
	background: url(img/dot.gif) bottom repeat-x;
	font-size: 17px;
	padding: 10px 0 5px 3px;
	margin: 0 0 5px 0;
	font-weight: bold;
}
#aboutus th {
  background: url(img/aboutusth.jpg) repeat-x;
  border: 1px dotted #555555;
  font-size: 13px;
  width: 100px;
  padding: 10px;
}
#aboutus td {
  background: url(img/aboutusth.jpg) repeat-x;
  border: 1px dotted #555555;
  line-height: 17px;
  padding: 5px;
}

#kinrin .kinrinimg {
  float: left;
  margin: 3px 10px 5px 38px;
}
#kinrin .kinrinimg img {
  width: 120px;
  height: 90px;
}
#kinrin .kinrinList {
  font-size:17px;
}

/*-------------------------------------------------
  Others
-------------------------------------------------*/
#waku {
  width: 530px;
  margin: 20px auto;
  padding: 10px;
  background: #333333;
  border: 1px dotted #CCCCCC;
}
#waku img {
  /*border: 1px dotted #CCCCCC;*/
}
.readleft {
  float: left;
  margin: 5px 5px;
}
.readright {
  float: right;
  text-align: left;
  width: 480px;
  margin: 2px 0 0 0;
}
.readtitle {
  border-bottom: 1px dotted #FFCCFF;
  width: 99%;
  margin: 0 0 5px 0;
  padding: 0 0 2px 0;
  font-size:15px;
}

.RakudeShot {
  text-align:left;
  font-size:14px;
  background:#CCCCCC;
  margin:10px;
  padding:5px;
  line-height:130%;
  border:2px solid red;
}

#loggedin .catname {
  background: #222222;
  font-size: 20px;
  color: red;
  font-weight: bold;
  padding: 1px 0px 1px 5px;
  margin: 0;
}

.coninfo ul li {line-height:26px;}