@charset "shift_jis";

/* -- 以下は削除不可 変更は可能です -- */
#footer #csslink a,
#footer #csslink a:hover { text-decoration: none; }

/* -- 変更可能部分 配置とサイズ -- */
#footer #csslink {
  text-align : right;
  font-size  : 80%;
  margin     : 0;
  padding    : 0 20px 5px 0;
}

/* -- 変更可能部分 色 -- */
#footer #csslink,
#footer #csslink a,
#footer #csslink a:hover { color: #006699; }

#footer #csslink,
#footer #csslink a,
#footer #csslink a:hover { background-color: #003366; }

/*----------------------------------------------------------
  レイアウト関係
----------------------------------------------------------*/

/*---------------------------------フォントサイズなど*/
body {
  text-align  : center;
  font-size   : 85%;
  font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
  margin      : 0;
  padding     : 0;
}

/*---------------------------------ページ全体の横幅*/
#container {
  text-align : left;
  width      : 970px;
  margin     : 0px auto 0px auto;
  padding    : 0px 0px 0px 0px;
}

/*---------------------------------グローバルヘッダー部分*/
#global-header {
  text-align : center;
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width   : 970px;
/*  height  : 70px; */
  height  : 57px;
/*  border  : 1px solid #9090c0; */
  border  : 0px;
}

/*---------------------------------カテゴリーヘッダー部分*/
#category-header {
  text-align : center;
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width   : 970px;
/*  height  : 70px; */
  height  : 0px;
/*  border  : 1px solid #9090c0; */
  border  : 0px;
}

/*---------------------------------コンテンツ部分*/
#contents {
  width            : 770px;		/*IE 770px*/
  float            : right;
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  background-color : #ffffff;
}

.contents-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border  : 1px solid #e0e0e0;
}

.contents-inner-space {
  padding     : 10px 10px 10px 10px;
  font-size   : 10pt;
  font-weight : normal;
  color       : #808080;
}

/*---------------------------------サブコンテンツ部分（全体）*/
#sub-contents {
  width            : 770px;		/*790px*/
  float            : right;
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  background-color : #ffffff;
}

.sub-contents-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

/*---------------------------------サブコンテンツ部分（左スペース）*/
#sub-left-contents {
  width            : 385px;
  float            : left;
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  background-color : #ffffff;
}

.sub-left-contents-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border  : 1px solid #c0c0c0;
}

/*---------------------------------サブコンテンツ部分（右スペース）*/
#sub-right-contents {
  width            : 385px;
  float            : right;
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  background-color : #ffffff;
}

.sub-right-contents-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border  : 1px solid #c0c0c0;
}

/*---------------------------------サイドバー部分*/
#sidebar {
  float            : left;
  width            : 200px;
  margin           : 0px 0px 0px 0px;
  padding          : 0px;
  background-color : #ffffff;
}

.sidebar-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  border  : 1px solid #e0e0e0;
}

/*---------------------------------グローバルヘッダー部分*/
#global-footer {
  text-align : center;
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width   : 970px;
/*  height  : 70px; */
  height  : 30px;
/*  border  : 1px solid #9090c0; */
  border  : 0px;
}

/*---------------------------------フッター部分*/
#category-footer {
  text-align : center;
  margin     : 0px 0px 0px 0px;
  padding    : 0px 0px 0px 0px;;
  width      : 970px;
/*  height     : 50px; */
  height     : 0px;
/*  border     : 1px solid #9090c0; */
  border     : 0px;
  clear      : both;
}

/*----------------------------------------------------------
  メニュー部分の指定
----------------------------------------------------------*/

#menu ul {
  background-image    : url('../../images/products/btn_navi_bg.gif');
  background-repeat   : repeat-y;
  background-position : 0 0;
  margin              : 0px 0px 10px 0px;
  padding             : 0px 0px 0px 0px;
  list-style-type     : none;
}

#menu li {
  display : inline;
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
}

#menu li a {
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999em;
  height           : 20px;
  display          : block;
  margin           : 0px 0px 1px 0px;
  padding          : 0px 0px 1px 0px;
  background-color : #cccccc;
  color            : #000033;
  overflow         : hidden;
}

#menu li#top a {
  background-image    : url('../../images/products/btn_navi_top.gif');
}

#menu li#lineup a {
  background-image    : url('../../images/products/btn_navi_lineup.gif');
}

#menu li#material a {
  background-image    : url('../../images/products/btn_navi_material.gif');
}

#menu li#area a {
  background-image    : url('../../images/products/btn_navi_area.gif');
}

#menu li#nutrition a {
  background-image    : url('../../images/products/btn_navi_nutrition.gif');
}

#menu li#allergy a {
  background-image    : url('../../images/products/btn_navi_allergy.gif');
}

#menu li#method a {
  background-image    : url('../../images/products/btn_navi_method.gif');
}

#menu li#manager a {
  background-image    : url('../../images/products/btn_navi_manager.gif');
}

#menu li#recipe a {
  background-image    : url('../../images/products/btn_navi_recipe.gif');
}

#menu li#advert a {
  background-image    : url('../../images/products/btn_navi_advert.gif');
}

#menu li#special a {
  background-image    : url('../../images/products/btn_navi_special.gif');
}

#menu li#voice a {
  background-image    : url('../../images/products/btn_navi_voice.gif');
}

#menu li#faq a {
  background-image    : url('../../images/products/btn_navi_faq.gif');
}

#menu li#sp1 a {
  background-image    : url('../../images/products/btn_navi_sp1.gif');
}

#menu li#sp2 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp3 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp4 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp5 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp6 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp7 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp8 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp9 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

#menu li#sp10 a {
  background-image    : url('../../images/products/btn_navi_sp2.gif');
}

/* マウスオンすると重なった22px下の画像（オン状態）を表示 */
#menu li a:hover {
  background-position: 0 -21px;
}


a {
  text-decoration : none;
  color           : #808080;
}

a:hover {
  text-decoration : underline;
  color           : #f09090;
}

ul.link {
  margin          : 0px 0px 0px 0px;
  padding         : 0px 0px 0px 0px;
  list-style-type : none;
}

li.link {
  margin              : 0px 0px 0px 0px;
  padding             : 0px 0px 0px 0px;
  background-repeat   : no-repeat;
  background-position : 0px 4px;
  background-image    : url('../../images/products/a_red.gif');
  height              : 17px;
}

li.link a {
  text-decoration : none;
  display         : block;
  margin          : 0px 0px 1px 0px;
  padding         : 0px 0px 0px 10px;
  color           : #9090c0;
  overflow        : hidden;
}

li.link a:hover {
  text-decoration : underline;
  color           : #f09090;
}

/*----------------------------------------------------------
  ヘッダー内の指定
----------------------------------------------------------*/

/* -- 見出し -- */
h1 {
  font-size : 150%;
  margin    : 0px 0px 10px 0px;
  padding   : 0px 0px 0px 0px;
}

/*----------------------------------------------------------
  サイドバー内の指定
----------------------------------------------------------*/
#logo      { 
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width   : 100%;
/*  border  : 1px solid #e0e0e0; */
  border  : 0px;
}

#qr      { 
  margin           : 0px 0px 0px 7px;
  padding          : 0px 0px 0px 0px;
  width            : 185px;
  background-color : #ffffff;
}

.qr-inner {
  margin    : 0px 0px 0px 0px;
  padding   : 5px 5px 5px 5px;
  border    : 1px solid #c0c0c0;
  font-size : 10pt;
  height    : 59px;
}

#keyword  { 
  margin           : 0px 0px 10px 7px;
  padding          : 0px 0px 0px 0px;
  width            : 185px;
  background-color : #ffffff;
}

.keyword-inner {
  margin  : 0px 0px 0px 0px;
  padding : 3px 3px 3px 3px;
  border  : 1px solid #9090c0;
}

input.sendmail {
  margin           : 10px 0px 10px 7px;
  width            : 185;
  border           : solid 1px #9090c0;
  background-color : #cccccc;
}

/*----------------------------------------------------------
  コンテンツ内の指定
----------------------------------------------------------*/

/*---------------------------------サブコンテンツ部分（右スペース）*/
#sub-cap      { 
  margin           : 0px 0px 0px 0px;
  padding          : 0px 0px 0px 0px;
  width            : 100%;
  height           : 21px;
  background-color : #ffffff;
}

.sub-cap-inner {
  margin  : 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
/*  border  : 1px solid #9090c0; */
  border  : 0px;
  background-image    : url('../../images/products/btn_navi_bg.gif');
  background-repeat   : repeat-x;
  background-position : 0 1;
}

#sub-right-contents-li {
  padding : 3px 3px 3px 3px;
}

#sub-left-contents-li {
  padding : 10px 10px 10px 10px;
}

h2 {
  font-size : 120%;
  margin    : 0px 0px 10px 0px;
  padding   : 0px 0px 0px 0px;
}

h3 { }

h4 { }

h5 { }

h6 { }

/* -- 文字 -- */
p {
  margin      : 0px 0px 0.5em 0px;
  padding     : 0px 0px 0px 0px;
  line-height : 1.5em;
}
span.cap1  {
  font-size   : 24pt;
  font-weight : bold;
  color       : #808080;
}
span.cap2  {
  font-size       : 10pt;
  font-weight     : bold;
  color           : #909090;
  text-decoration : none;
}
span.cap3  {
  font-size   : 18pt;
  font-weight : bold;
  color       : #9090c0;
}
span.cap4  {
  font-size   : 14pt;
  font-weight : bold;
  color       : #f08000;
}
.l  {
  font-size   : 12pt;
  font-weight : normal;
  color       : #808080;
}
.m  {
  font-size   : 10pt;
  font-weight : normal;
  color       : #808080;
}
.s  {
  font-size   : 8pt;
  font-weight : normal;
  color       : #808080;
}

/* -- 水平線 -- */
.hr  {
  height     : 1px;
  border     : none;
  border-top : 1px #9090c0 dotted;
  clear      : both;
}

.clear  {
  clear      : both;
}

/* -- リスト -- */
#contents ul { }

#contents ol { }

#contents li { }

/*----------------------------------------------------------
  著作権表記
----------------------------------------------------------*/
#footer p {
  margin  : 0px 0px 0px 0px;
  padding : 0.5em 0 0.5em 0;
}