@charset "utf-8";
/*

----------------------------------------------------

  File name: module.css (/common/css/module.css)
   Authors : kobayashi <kobayashi@c-advan.co.jp>
	
----------------------------------------------------

UpdateHistory
09/0*******

1.clear　クリアフィックス
2.common　hr画像化・パンくず・テキスト左右わけなど
3.layout style　カラム分け
4.link icon　テキスト・アイコン用CSS（多い）
5.flame style　dlデザイン
6.list style　ul・olデザイン
7.table style　tableデザイン
8.TAKAKI　商品一覧など
*/

/********************************************************
    clear
********************************************************/
.clearFix:after,
#globalMenu:after,
#bnrArea:after,
#newsArea:after,
#contents:after,
#mainContents:after,
.column2Box:after,
.itemlineupBox:after,
.recommendBox:after,
.recommendRecipe dd:after,
#recipeRecommend:after,
.itemSizeBox:after,
.recommendRecipe:after,
.allergyBox:after,
.itemdetailBox:after,
.listStyle3:after,
.ishigamaClass dl:after,
div#topicsBox dl:after{  
  content: ".";
  display: block;
  visibility: hidden;  
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;
}

.clearFix,
#globalMenu,
#bnrArea,
#newsArea,
#contents,
#mainContents,
.column2Box,
.itemlineupBox,
.recommendBox,
.recommendRecipe dd,
#recipeRecommend,
.itemSizeBox,
.recommendRecipe,
.allergyBox,
.itemdetailBox,
.listStyle3,
.ishigamaClass dl,
div#topicsBox dl{ zoom: 1; }  

* html .clearFix,
* html #globalMenu,
* html #bnrArea,
* html #newsArea,
* html #contents,
* html #mainContents,
* html .column2Box,
* html .itemlineupBox,
* html .recommendBox,
* html .recommendRecipe dd,
* html #recipeRecommend,
* html .itemSizeBox,
* html .recommendRecipe,
* html .allergyBox,
* html .itemdetailBox,
* html .listStyle3,
* html .ishigamaClass dl,
* html div#topicsBox dl{ height: 1%; }

.clear {
  clear: both;
}

/********************************************************
    common
********************************************************/

/*javascript off
----------------------------------*/

.noscript{
	font-weight:bold;
	color:#CC3333;
	border:#CC3333 solid 1px;
	padding:1em;
	line-height:1.5;
	margin-bottom:20px;
}

/*テキスト文節
----------------------------------*/
.word{
	line-height:1.5;
	margin:0 1em 2em;
}

/*イメージ要素の半透明処理
----------------------------------*/

a img.alpha {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
a:hover img.alpha {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/*hr画像化
----------------------------------*/

hr {
	width:720px;
   border:0;
   height: 5px;
   background:url(../img/cmn_line03.png) 50% 0  no-repeat;
	 margin-bottom:26px;
	 clear:both;
}
*html hr {/* for IE6 */
   display :list-item;
   width:0;
	 color:#FFFFFF;
   list-style :url(../img/cmn_line03.png) inside;
	 margin-bottom:18px;
	 clear:both;
}
hr.none {
	background-image:none;
	border:#FFFFFF;
}
*html hr.none {/* for IE6 */
	background-image:none;
	border:none;
	display:block;
}
*:first-child+html hr.none{/* for IE7 */
	background-image:none;
	color:#FFFFFF;
	margin-bottom:15px;
}


/*CSSスプライト
----------------------------------*/
.sprites {
	background-image: url(../img/icon/cmn_icon_stripe.png);
	background-color:transparent;
	background-repeat:no-repeat;
	text-indent:-999em;
}


/*イメージの左右振り分け
----------------------------------*/

.imgRight {
  padding: 0 0 15px 15px;
  float: right;
}
.imgLeft {
  padding: 0 15px 15px 0;
  float: left;
}
.imgRight,
.imgLeft {
	font-size: x-small;
}
.imgRight img,
.imgLeft img {
  margin-bottom: 5px;
}

.fRight{  float: right;
}
.fLeft {
  float: left;
}

.imgBannerRight {
  width: 200px;
	margin: 0 0 15px 15px;
	_margin: 0 0 15px _7px;
  padding: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: right;
}

/*テキストのの左右・中央寄せ
----------------------------------*/

.alignRight { text-align: right !important;}
.alignLeft { text-align: left !important;}
.alignCenter { text-align: center !important;}

/*調整用スタイル(top)
----------------------------------*/

.mTop00 { margin-top: 0px !important;}
.mTop05 { margin-top: 5px !important;}
.mTop10 { margin-top: 10px !important;}
.mTop15 { margin-top: 15px !important;}
.mTop20 { margin-top: 20px !important;}
.mTop25 { margin-top: 25px !important;}
.mTop30 { margin-top: 30px !important;}

/*調整用スタイル(right)
----------------------------------*/

.mRight00 { margin-right: 0px !important;}
.mRight05 { margin-right: 5px !important;}
.mRight10 { margin-right: 10px !important;}
.mRight15 { margin-right: 15px !important;}
.mRight20 { margin-right: 20px !important;}
.mRight25 { margin-right: 25px !important;}
.mRight30 { margin-right: 30px !important;}

/*調整用スタイル(bottom)
----------------------------------*/

.mBottom00 { margin-bottom: 0px !important;}
.mBottom05 { margin-bottom: 5px !important;}
.mBottom10 { margin-bottom: 10px !important;}
.mBottom15 { margin-bottom: 15px !important;}
.mBottom20 { margin-bottom: 20px !important;}
.mBottom25 { margin-bottom: 25px !important;}
.mBottom30 { margin-bottom: 30px !important;}
.mBottom45 { margin-bottom: 45px !important;}
.mBottom60 { margin-bottom: 60px !important;}

/*調整用スタイル(left)
----------------------------------*/

.mLeft00 { margin-left: 0px !important;}
.mLeft05 { margin-left: 5px !important;}
.mLeft10 { margin-left: 10px !important;}
.mLeft15 { margin-left: 15px !important;}
.mLeft20 { margin-left: 20px !important;}
.mLeft25 { margin-left: 25px !important;}
.mLeft30 { margin-left: 30px !important;}
.mLeft80 { margin-left: 80px !important;}

/*INPUT要素
---------------------------------*/

input.long {width: 260px;}
input.midium {width: 130px;}
input.short {width: 60px;}

/*ポインター設定
----------------------------------*/

.pointer {
  cursor: pointer;
}

/*ボタンロールオーバー
----------------------------------*/

a.btn {
	border:#E5E5E5 solid 1px;
	display: inline-block;
}
a.btn:hover {
	border:#9e0926 solid 1px;
}


.btn2 {
	text-align:right;
}
.btn2 a {
	text-decoration:none;
	display:inline-block;
	background:url(../img/icon/cmn_icon02.png) 0 0.7em no-repeat;
	padding:5px 0 5px 10px;
}
.btn2 a:hover {
	text-decoration:underline;
}

/********************************************************
    layout style
********************************************************/

/*2column
----------------------------------*/

.column2Box{
	width:720px;
}
.column2Left{
	width:50%;
	float:left;
}
.column2Right{
	width:50%;
	float:right;
}





/********************************************************
    link icon & topic color
********************************************************/

/*テキスト色各種
----------------------------------*/

.col808080 {
  color: #808080;
}

/*テキストサイズ
----------------------------------*/

.smallText {
  font-size: 90% !important;
}
.mediumText {
  font-size: 115% !important;
}
.largeText {
  font-size: 150% !important;
}

/*各種アイコン
----------------------------------*/

.icon01 {
  padding-left:15px;
  background: url(../img/icon/cmn_icon02.png) no-repeat 3px 6px;
	text-decoration:none;
}

/*プロダクトアイコン　*25
----------------------------------*/

/*西日本*/
.ic-pr-waste{height:61px;width:41px;background-position:-246px -0px;}
/*東日本*/
.ic-pr-east{height:61px;width:41px;background-position:-246px -61px;}
/*WEB*/
.ic-pr-web{height:61px;width:41px;background-position:-205px -549px;}
/*有機JAS*/
.ic-pr-jas{height:61px;width:41px;background-position:-246px -366px;}
/*イーストフード*/
.ic-pr-food{height:61px;width:41px;background-position:-246px -122px;}
/*乳化剤*/
.ic-pr-emulsifier{height:61px;width:41px;background-position:-246px -183px;}
/*たまご不使用*/
.ic-pr-egg{height:61px;width:41px;background-position:-246px -244px;}
/*乳製品不使用*/
.ic-pr-milk{height:61px;width:41px;background-position:-246px -305px;}
/*ニュー*/
.ic-pr-new{height:61px;width:41px;background-position:-205px -427px;}
/*リニューアル*/
.ic-pr-renewal{height:61px;width:41px;background-position:-205px -488px;}

/*お茶菓子アイコン　*25
----------------------------------*/

/*ミルクティー*/
.ic-te-milk{height:61px;width:41px;background-position:-205px -0px;}
/*紅茶*/
.ic-te-tea{height:61px;width:41px;background-position:-205px -61px;}
/*コーヒー*/
.ic-te-coffee{height:61px;width:41px;background-position:-205px -122px;}
/*煎茶*/
.ic-te-sen{height:61px;width:41px;background-position:-205px -183px;}
/*緑茶*/
.ic-te-green{height:61px;width:41px;background-position:-205px -183px;}
/*ほうじ茶*/
.ic-te-hoji{height:61px;width:41px;background-position:-205px -244px;}
/*ウーロン茶*/
.ic-te-uron{height:61px;width:41px;background-position:-205px -305px;}
/*玄米茶*/
.ic-te-genmai{height:61px;width:41px;background-position:-205px -366px;}


/*アレルギーアイコン　*25
----------------------------------*/

/*小麦粉*/
.ic-al-flower{height:61px;width:41px;background-position:-0 -0px;}
.ic-al-flower-check{height:61px;width:41px;background-position:-0 -305px;}
/*乳製品*/
.ic-al-milk{height:61px;width:41px;background-position:-0 -61px;}
.ic-al-milk-check{height:61px;width:41px;background-position:-0 -366px;}
/*落花生*/
.ic-al-peanut{height:61px;width:41px;background-position:-0 -122px;}
.ic-al-peanut-check{height:61px;width:41px;background-position:-0 -427px;}
/*たまご*/
.ic-al-egg{height:61px;width:41px;background-position:-0 -183px;}
.ic-al-egg-check{height:61px;width:41px;background-position:-0 -488px;}
/*そば*/
.ic-al-soba{height:61px;width:41px;background-position:-0 -244px;}
.ic-al-soba-check{height:61px;width:41px;background-position:-0 -549px;}
/*あわび*/
.ic-al-awabi{height:61px;width:41px;background-position:-41px -0px;}
.ic-al-awabi-check{height:61px;width:41px;background-position:-41px -305px;}
/*いか*/
.ic-al-ika{height:61px;width:41px;background-position:-41px -61px;}
.ic-al-ika-check{height:61px;width:41px;background-position:-41px -366px;}
/*いくら*/
.ic-al-ikura{height:61px;width:41px;background-position:-41px -122px;}
.ic-al-ikura-check{height:61px;width:41px;background-position:-41px -427px;}
/*えび*/
.ic-al-ebi{height:61px;width:41px;background-position:-41px -183px;}
.ic-al-ebi-check{height:61px;width:41px;background-position:-41px -488px;}
/*かに*/
.ic-al-kani{height:61px;width:41px;background-position:-41px -244px;}
.ic-al-kani-check{height:61px;width:41px;background-position:-41px -549px;}
/*さけ*/
.ic-al-sake{height:61px;width:41px;background-position:-82px -0px;}
.ic-al-sake-check{height:61px;width:41px;background-position:-82px -305px;}
/*さば*/
.ic-al-saba{height:61px;width:41px;background-position:-82px -61px;}
.ic-al-saba-check{height:61px;width:41px;background-position:-82px -366px;}
/*キウイ*/
.ic-al-kiwi{height:61px;width:41px;background-position:-82px -122px;}
.ic-al-kiwi-check{height:61px;width:41px;background-position:-82px -427px;}
/*オレンジ*/
.ic-al-orange{height:61px;width:41px;background-position:-82px -183px;}
.ic-al-orange-check{height:61px;width:41px;background-position:-82px -488px;}
/*もも*/
.ic-al-peach{height:61px;width:41px;background-position:-82px -244px;}
.ic-al-peach-check{height:61px;width:41px;background-position:-82px -549px;}
/*りんご*/
.ic-al-apple{height:61px;width:41px;background-position:-123px -0px;}
.ic-al-apple-check{height:61px;width:41px;background-position:-123px -305px;}
/*バナナ*/
.ic-al-banana{height:61px;width:41px;background-position:-123px -61px;}
.ic-al-banana-check{height:61px;width:41px;background-position:-123px -366px;}
/*牛*/
.ic-al-beef{height:61px;width:41px;background-position:-123px -122px;}
.ic-al-beef-check{height:61px;width:41px;background-position:-123px -427px;}
/*鳥*/
.ic-al-chicken{height:61px;width:41px;background-position:-123px -183px;}
.ic-al-chicken-check{height:61px;width:41px;background-position:-123px -488px;}
/*豚*/
.ic-al-pork{height:61px;width:41px;background-position:-123px -244px;}
.ic-al-pork-check{height:61px;width:41px;background-position:-123px -549px;}
/*まつたけ*/
.ic-al-mushroom{height:61px;width:41px;background-position:-164px -0px;}
.ic-al-mushroom-check{height:61px;width:41px;background-position:-164px -305px;}
/*山芋*/
.ic-al-yam{height:61px;width:41px;background-position:-164px -61px;}
.ic-al-yam-check{height:61px;width:41px;background-position:-164px -366px;}
/*大豆*/
.ic-al-daizu{height:61px;width:41px;background-position:-164px -122px;}
.ic-al-daizu-check{height:61px;width:41px;background-position:-164px -427px;}
/*くるみ*/
.ic-al-walnut{height:61px;width:41px;background-position:-164px -183px;}
.ic-al-walnut-check{height:61px;width:41px;background-position:-164px -488px;}
/*ゼラチン*/
.ic-al-gelatin{height:61px;width:41px;background-position:-164px -244px;}
.ic-al-gelatin-check{height:61px;width:41px;background-position:-164px -549px;}


/********************************************************
    flame style
********************************************************/

.flameStyle01{
	margin:0 1em 25px;
	padding:15px 12px;
	background:url(../img/cmn_bg_pattern01.png) left top;
	line-height:1.7;
}

.flameStyle01 dt{
	font-weight:bold;
	color:#333333;
	margin-bottom:1em;
}

/********************************************************
    flame style
********************************************************/
.grayBox{
	background:url(../img/cmn_bg_pattern01.png);
	padding:15px!important;
}
.grayBox dl{
	line-height:1.7;
	padding:0!important;
	margin:0!important;
	border:none!important;
}
.grayBox dt{
	font-weight:bold;
	margin-bottom:1em!important;
	background-image:none!important;
	padding:0!important;
}
.grayBox dd{
	margin-bottom:1em;
	padding:0!important;
}

/********************************************************
    list style
********************************************************/
/*アイコン付*/
.listStyle{
	line-height:1.8em;
	padding:0 1em 1em;
}
.listStyle li{
	background: url(../img/icon/cmn_icon05.png) 0.5em 5px no-repeat;
	padding-left:1.5em;
}

/*バナー2列*/
.listStyle02{
	margin:0 auto 30px;
	text-align:center;
}
.listStyle02 li{
	display:inline;
	margin:0 4px;
}
.listStyle3 li{
	float:left;
}

/********************************************************
    table style
********************************************************/
div.tableStyle{
	width:680px;
	margin:0 auto 25px;
	padding-right:2px;
	background:url(../img/cmn_line04.png) right top repeat-y;
}
div.tableStyle table{
	border-collapse: collapse;
	border-spacing:1px;
	line-height:1.5;
	background:#FFFFFF url(../img/cmn_line04.png) left top repeat-x;
}
div.tableStyle table th{
	background: url(../img/cmn_bg_pattern01.png);
	text-align:center;
	font-weight:normal;
	padding:8px;
	border-bottom:#FFFFFF solid 1px;
}
div.tableStyle table td{
	padding:8px;
	background:url(../img/cmn_line04.png) left bottom repeat-x;
}
div.tableStyle table .bg1{
	background: #F1EDE7;
	border:#FFF solid 1px;
}

/********************************************************
    table style2
********************************************************/

.tableStyle2{
	width:100%;
	background:#CCCCCC;
	border-collapse:separate;
	border-spacing:1px;
	margin-bottom:20px;
}
.tableStyle2 td,
.tableStyle2 th{
	background:#FFFFFF;
	text-align:center;
	line-height:1.5;
}
.tableStyle2 span{
	font-size:0.8em;
}
.tableStyle2 thead td,
.tableStyle2 thead th{
	background:#F7F7F7;
}
.tableStyle2 .pattern1{
	background:url(../img/cmn_bg_pattern01.png);
}
.tableStyle2 .pattern2{
	background:url(../img/cmn_bg_pattern02.png);
}
.tableStyle2 .sizeName{
	font-weight:normal;
	background:url(../img/icon/cmn_icon03.png) 3px 0.5em no-repeat;
	padding-left:13px;
	text-align:left;
}