@charset "utf-8";

/* ---------------------------------------

common set properties

	= all font
		- font , line-height ,font-family
		- font size
			- others
			- font16px
			- font14px
			- font12px
			- font10px

	= base set
		- all margin:0;padding:0;

	= base
		- a style
			-a block -- rest text-decoration
			-a text-cecoration
			-a base set #f00 hover #900 and cursor:pointer
				-a #333 hover #900
				-a #666 hover #900
				-a hover #f00
				-others 1 - footer
				-others 2 a:#666 , hover:#000
				-others 3 a:#333 , hover:#fff

	= all margin
		-top
			-9px
			-10px
			-12px
			reset
		-btm
		-left-margin
			- left 5px / right 5px
			- reset - left 0 / right 0

	= common tag's style - used in the #contents
		- common tag's style
			- h3
			- h4

--------------------------------------- */
/* =================================================================
			base
================================================================= */

/* all font
------------------------------------------------------------------ */
/* font , line-height ,font-family */
body,table{
font-family: "verdana","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;/*macユーザー用指定*/
font-family:"ＭＳ Ｐゴシック";/*ns4.x用*/
line-height:1.5;
color:#333;
}

html[lang="en"] body,table{
	font-family: Arial, Helvetica, verdana, sans-serif;
}

.news .textArea{
color:#666;
}
a{
line-height:1.6;
}
#localNav a{
line-height:1.5;
}
.inforSet02 dd a,
#irInfor .setL,
.attentionWrap dt,
.topIndex #mainRight .rConWrapBtm{
line-height:1.2;
}

/* font size
------------------------------------------------------------------ */
/* -- others
---------------------------- */
.bTel{
font-size:1.8em;
letter-spacing:-1px;
}
.rankingNum dt{
font-size:2em;
}
.charityWrap h4,
.recipeSpBackNum .ttl h4{
font-size:160%;
}
h3.eventTitle,
h4.eventTitle{
font-size:150%;
}


/* -- font16px
---------------------------- */
.newsDayIndex h3,
.newinfoDayIndex h3,
.shopForm .applyWrap .txtFloat h4{
font-size:130%;
}
#syuetuMap dt,
.shop .setL h4,
.cateWap .ttl h4{
font-size:120%;
}

/* -- font14px
---------------------------- */
.popHimitsu p,
.news h4{
font-size:115%;
}

/* -- font12px
---------------------------- */
body{
font-size:75%;
}
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,th,td,tr,form,input,img{
font-size:100%;
}
.shopForm table.itemTable td em.error{
font-size:100%;
}
.charityWrap h4 span{
font-size:80%;
}

/* -- font10px
---------------------------- */

#topMobile dt.explainWrap,
#sideMobile dt.explainWrap,
#subMobile dt.explainWrap,
#sendRecipe .fLeft span,
.shopForm table.itemTable td em,
.shopSyuetuIndex .fRight address,
.notes02,
.notes,
ul.notes,
ul.notes02,
span.notes,
p.notes,
.days,
.itemNotes,
.itemWrap .itemDay,
.itemWrap .itemPrice,
.productsIndex .underGray dd,
#breadcrumb ul li,
#footUnderNav li,
#footerNav,
#foot01,
.fsmall{
font-size:85%;
}


/* base set
------------------------------------------------------------------*/
/* all margin:0;padding:0;
---------------------------- */
body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,form,input,img{
	margin:0;
	padding:0;
}

/* base
---------------------------- */
a{text-decoration:underline;}
li{list-style:none;}
em,address{font-style:normal;}
img{vertical-align:top;border:0;}
em{color:#f00;}
.error{color:#f00;}
strong{color:#f00;}


/* a style
---------------------------- */
/* a block -- rest text-decoration */
.brandList li a{
text-decoration:none;
}

/* a text-cecoration */
.RConMenu02 .inRConMenu dt a,
.projectIndex .menuWrap .setMenu h4 a,
.irFaq dt a,
.customerFaq dt a,
.searchTemp h4 a,
.searchTemp h3 a,
.searchTemp h2 a,
.evenMaruchanIndex .areaSet dt a,
.sportsTaikai h5 a,
.siteCate a,
.siteCateUnder a,
.RConMenu .inRConMenu dl dt a,
.RConMenu3 .inRConMenu dl dt a,
#officeLinks ul li a,
#eventLinks li a,
#monthlyNewWrap p.linkBtn a,
.underPageNo a,
.link01 a,
.shopItem dd a,
#tab ul li a,
#footUnderNav a,
#footer li a,
#footTop p a,
#sideSerch .serchLinks a,
#localNav ul li a,
.recipeTempIndex .linkBtn a{
text-decoration:none;
}

/* a base set */
a,
a:link,
a:visited{color:#f00;font-weight:normal;word-wrap: break-word;}
a:hover{color:#900}

h1 a,h2 a,h3 a,h4 a,h5 a{color:#333}

.answer dt a,
.answerOFF dt a{
cursor:pointer;
}

/* a #333 hover #900 */
.recipeTempIndex .linkBtn a,
.recipeTempIndex .linkBtn a:link,
.recipeTempIndex .linkBtn a:visited,
.RConMenu02 .inRConMenu dt a,
.RConMenu02 .inRConMenu dt a:link,
.RConMenu02 .inRConMenu dt a:visited,
.projectIndex .menuWrap .setMenu h4 a,
.projectIndex .menuWrap .setMenu h4 a:link,
.projectIndex .menuWrap .setMenu h4 a:visited,
.siteCate a,
.siteCate a:link,
.siteCate a:visited,
.siteCateUnder a,
.siteCateUnder a:link,
.siteCateUnder a:visited,
.RConMenu3 .inRConMenu dl dt a,
.RConMenu3 .inRConMenu dl dt a:link,
.RConMenu3 .inRConMenu dl dt a:visited,
.RConMenu .inRConMenu dl dt a,
.RConMenu .inRConMenu dl dt a:link,
.RConMenu .inRConMenu dl dt a:visited,
#monthlyNewWrap p.linkBtn a,
#monthlyNewWrap p.linkBtn a:link,
#monthlyNewWrap p.linkBtn a:visited,
#linkList a,
#linkList a:link,
#linkList a:visited,
#linkList2c a,
#linkList2c a:link,
#linkList2c a:visited,
#sideSerch .serchLinks a:link,
#sideSerch .serchLinks a:visited,
#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
.underPageNo li a#back,
.underPageNo li a#back:link,
.underPageNo li a#back:visited,
.underPageNo li a#next,
.underPageNo li a#next:link,
.underPageNo li a#next:visited,
.link01 a,
.link01 a:link,
.link01 a:visited{
color:#333;
}
.recipeTempIndex .linkBtn a:hover,
.RConMenu02 .inRConMenu dt a:hover,
.projectIndex .menuWrap .setMenu h4 a:hover,
.siteCateUnder a:hover,
.siteCate a:hover,
.RConMenu3 .inRConMenu dl dt a:hover,
.RConMenu .inRConMenu dl dt a:hover,
#monthlyNewWrap p.linkBtn a:hover,
#linkList a:hover,
#linkList2c a:hover,
#sideSerch .serchLinks a:hover,
#breadcrumb a:hover,
.underPageNo li a#back:hover,
.underPageNo li a#next:hover,
.link01 a:hover{
color:#900;
}

/* a #666 hover #900 */
.underPageNo li a,
.underPageNo li a:link,
.underPageNo li a:visited{
color:#666;
}
.underPageNo li a:hover{
color:#900;
}
.underPageNo li.on a,/* current */
.underPageNo li.on a:link,
.underPageNo li.on a:visited,
.underPageNo li.on a:hover{
color:#666;
}


/* a hover #f00 */
.irFaq dt a,
.irFaq dt a:link,
.irFaq dt a:visited,
.customerFaq dt a,
.customerFaq dt a:link,
.customerFaq dt a:visited,
#saerchMenu ul li a,
#saerchMenu ul li a:link,
#saerchMenu ul li a:visited,
#localNav ul li a,
#localNav ul li a:link,
#localNav ul li a:visited,
#sidebar #localNav ul li li a,/* reset li li */
#sidebar #localNav ul li li a:link,/* reset li li */
#sidebar #localNav ul li li a:visited,/* reset li li */
#contents #sidebar #localNav ul li li li a,/* reset li li li */
#contents #sidebar #localNav ul li li li a:link,/* reset li li li */
#contents #sidebar #localNav ul li li li a:visited/* reset li li li */
{color:#333;}

.irFaq dt a:hover,
.customerFaq dt a:hover,
#localNav ul li a:hover,
#sidebar #localNav ul li li a:hover,/* reset li li */
#contents #sidebar #localNav ul li li li a:hover/* reset li li li */
{color:#ff0000;}

.customerFaq dt.answer a,/* current */
.customerFaq dt.answer a:link,
.customerFaq dt.answer a:visited,
.customerFaq dt.answer a:hover,
.irFaq dt.answer a,
.irFaq dt.answer a:link,
.irFaq dt.answer a:visited,
.irFaq dt.answer a:hover{
color:#ff0000;
}

#saerchMenu .rConWrapBtm li a:hover,
#saerchMenu .rConWrapBtm li.on a,
#saerchMenu .rConWrapBtm li.on a:link,
#saerchMenu .rConWrapBtm li.on a:visited,
#saerchMenu .rConWrapBtm li.on a:hover{
color:#fff;
}

/* others 1 */
#footTop p a:link,
#footTop p a:visited,
#footer li a:link,
#footer li a:visited{
color:#000;
}
#footTop p a:hover,
#footer li a:hover{
color:#e97d30;
}
#footer li li a:link,
#footer li li a:visited{
color:#333;
}
#footer li li a:hover{
color:#e97d30;
}
#footUnderNav a:link,
#footUnderNav a:visited{
color:#666;
}
#footUnderNav a:hover{
color:#e97d30;
}

/* others 2 */
#tab ul li a,
#tab ul li a:link,
#tab ul li a:visited,
#tab ul li a:hover{
color:#666;
}
#tab ul li.on a,
#tab ul li.on a:link,
#tab ul li.on a:visited,
#tab ul li.on a:hover{
color:#000;
}

/* others 3 */
#officeLinks ul li a,
#officeLinks ul li a:link,
#officeLinks ul li a:visited
#eventLinks ul li a,
#eventLinks ul li a:link,
#eventLinks ul li a:visited{
color:#333;
}
#officeLinks ul li a:hover,
#eventLinks ul li a:hover{
color:#fff;
}
#officeLinks ul li.on a,
#officeLinks ul li.on a:link,
#officeLinks ul li.on a:visited,
#officeLinks ul li.on a:hover,
#eventLinks ul li.on a,
#eventLinks ul li.on a:link,
#eventLinks ul li.on a:visited,
#eventLinks ul li.on a:hover{
color:#fff;
}

/* =================================================================
														#contents
================================================================= */
/* ------------------------------------------------------------------
	all margin
 -----------------------------------------------------------------*/
/* ----------------------
				top
----------------------*/
/* 11px
---------------------------- */
.rGrayWrap,
.noteWraps,
ol,
#sidebar .inBg p,
#sidebar .inBg dl,
.searchTemp .searchArea dl,
.searchTemp .inBg p,/* namazu */
.searchTemp .inBg ul,
.setL h3,/* reset */
.setL .txtFloat h3,/* reset */
.setR h3,
.irIr07 #main h3,
.setR .txtFloat h3,
.inBg p,
.inBg dl,
.inBg h4,
.inBg h5,
.inBg ul,
.rConWrapTop p,
.rConWrapBtm p,
.rConWrapTop dl,
.rConWrapBtm dl,
.rConWrapTop h4,
.rConWrapBtm h4,
.rConWrapTop h5,
.rConWrapBtm h5,
.rConWrapTop ul,
.rConWrapBtm ul,
.rConWrapTop table,
.rConWrapBtm table{
margin-top:11px;
}

/* 12px
---------------------------- */
.projectFrozen dl,
.brandItems h3,/* out side conwrap */
.rConWrap05,
.conWrap03,
.explainWrap,
.attentionWrap,
.centerBtn,
.lConWrap,
.conWrap00,
.conWrap01,
.conWrap01G,
.conWrap02,
.conWrap0202,
.conWrap02G,
.conWrap0202G,
.conWrap04,
.conWrap04R,
.conWrap04G,
.conWrap04RG,
.rConWrap01,
.rConWrap02,
.rConWrap03,
.rConWrap04,
.rConWrap01G,
.rConWrap02G,
.rConWrap03G{
margin-top:12px;
}

/* 20px
---------------------------- */
.Standard .rConWrapBtm h5,
.companySafety h4,
.csrResource h4,
.sportsOther h4,
.csrSports h4,
.shop h4,
.news h4,
.irnews h4,
.newinfo h4,
.irIndex h4,
.irManagement h4,
.irIr07 h4,
.irStock01 h4,
.projectMarine h4,
.companyOffice h4,
.customerSystemre h4,
.projectFrozen h4,
.eventMaruchan h4,

.underNotes dl,
.searchTemp h4,
#contents .plugin,
.inBg h3,
.rConWrapTop h3,
.rConWrapBtm h3{
margin-top:20px;
}

/* 30px
---------------------------- */
.Standard .rConWrapBtm h4,
.shopIndex .shop h3{
margin-top:30px;
}

/* 15px
---------------------------- */
hr,
.projectPFood h4,
.newinfoDayIndex h3,
.newsDayIndex h3{
margin-top:15px;
}

/* 6px
---------------------------- */
dl.notes,
ul.notes,
p.notes{
margin-top:6px;
}

/* others
---------------------------- */
ul.link01{
margin-top:2px;
}
.underPageNo{
margin-top:50px;
}


/* ----------------------
				reset
 ----------------------*/
.conWrap03 h3,
.sportsTaikai .inSiteWrap p,
.ttl h3,
.ttl h4,
.ttl p,
.ttl ul,
table td .priceTable,
.iSideItems h5,
.iSideItems dl{
margin-top:0;
}


/* ----------------------
				btm
 ----------------------*/
.iSideItems h5{
margin-bottom:10px;
}

/* --------------------------------
						left-margin
----------------------------------- */
/* -- left 5px / right 5px
---------------------------- */
.shop h4,
.shopIndex .shop .clearDiv,/* shop */

.irManagementMessage .setR,/* ir */
.irManagement p,
.irManagement h4,
.irManagementMessage dl,
.irManagementMessage .setR,
.irStock01 p,
.irStock01 ul,
.irStock01 h4,
.irStock01 table,
.irIr07 p,
.irFaq p,

.companySafety .setR,/* campany */
.companySafety p,
.companySafety ul,
.companySafety dl,
.companySafety h4,
.companySafety h5,

.infoIndex #campanyData .conLeft table,
.infoIndex #campanyDetail .conLeft ul,

.projectMarine p,
.projectMarine ul,
.projectMarine h4,

.projectFrozen p,
.projectFrozen dl,
.projectFrozen h4,
.projectFrozen table,

.projectForeign h4,
.projectForeign p,

.companyOffice h4,
.companyOffice table,

.projectPFood .lie2Wrap,

.projectPFood p,
.projectPFood .setR,
.projectPFood h4,

.customerPrivacy p,/* customer */
.customerPrivacy h3,
.customerPrivacy ul,
.customerPrivacy .sign,

.eventSenbatsu .eventTitle,/* event */
.eventSenbatsu table,
.eventSenbatsu .notesList,
.eventMaruchan .notesList,
.eventMaruchan .eventTitle,
.eventMaruchan table,

.eShokuikuIndex p,/* enjoy */

.customerSystemre h4,
.customerSystemre p,/* .rConWrapBtm{margin-right:0;} */
.customerSystemre .pluginSet,
.customerSystemre table,

.lie2Wrap02,
.lay3Wrap,/* common parts */

.rssinfoIndex p,/* rssinfo */
.rssinfoIndex .exWrap,

.csrResource p,/* csr */
.csrResource h4,
.csrResource .line2ImgSet,
.csrResource .line3ImgSet,
.csrResource .setR,

.csrReports p,
.csrReports table,
.csrReports h4,

.cShokuikuIndex p,
.csrAcademic p,

.csrSports h5,
.csrSports h4,
.csrSports p,
.csrSports ul,
.csrSports dl,
.csrSports table,
.csrSports .layImg02,

.sportsOthers h4,
.sportsOthers p,
.sportsOthers ul,
.sportsOthers dl,
.sportsOthers table,
.sportsOthers .layImg02,

#sidebar .noteWraps{
margin-left:5px;
margin-right:5px;
}

#sidebar .conWrap02 .notes00,
#sidebar .conWrap02G .notes00{
margin-left:12px;
}


/* - reset - left 0 / right 0
---------------------------- */
.csrReports table,
.lay3Wrap{
margin-right:0;
}
.resourceUnagi .setR .line2ImgSet,
.customerSystemre p.rConWrapTop,
.customerPrivacy .sign p,
.customerPrivacy p.rConWrapTop,
.irIr07 .setL p,
.irIr07 .lie2Wrap p,
.irIndex .setL p,
.irIndex .setL h4,
.projectMarine p.center,
.projectPFood .setR p,
.projectPFood .setR h4,
.projectPFood .lie2Wrap .setR,
.lay3Wrap p,
.lay3Wrap h4,
.lay3Wrap h3,
.lay3Wrap table,
#eventLinks ul,
h3.rConWrapTop,
.lie2Wrap02 h4,
.lie2Wrap02 p,
.lie2Wrap02 ul,
.lie2Wrap02 dl,
.lie2Wrap02 table,
.RConMenu02 dl,
.RConMenu023 dl,
.RConMenu dl,
.RConMenu3 dl,
.RConMenu ul,
.RConMenu3 ul,
.RConMenu h4,
.RConMenu3 h4,
.RConMenu p,
.RConMenu3 p,
p.rConWrapTop{/* reset */
margin-left:0;
margin-right:0;
}

/* common tag's style - used in the #contents
------------------------------------------------------------------*/
/* ----------------------------------------------------------
									common tag's style
 ---------------------------------------------------------- */
/* h3
---------------------------- */
.newinfoMonthIndex h3,
.irNewsMonthIndex h3,
.newsMonthIndex h3,
.recipeItemTemp h3,
.recipeTempIndex .ttl{
color:#fff;
padding:6px 6px 5px 15px;
background-image:url(../../images/bg_ttlss.gif);
background-repeat:repeat;
}
#recepeTitles h3{/* reset */
color:#333;
padding:0;
background:none;
}

/* bg h3 margin - contents top */
.newinfoMonthIndex h3,
.irNewsMonthIndex h3,
.newsMonthIndex h3{
margin-top:9px;
}


/* h4
---------------------------- */
.Standard h4,
.reportsIndex h4,
.tv24Index h5,
.tempClass h4,
.customerPrivacy h3,
.searchTemp #contents h3,
.ir h4,
.companyOffice h4,
.companyProject h4,
.event h4,
.customerSystemre h4,
.sportsTaikai h4,
.csrResource h4,
.sportsOther h4,
.cEnvinronmentIndex h4,
.csrSports h4,
.csrEnvironment h4,
.csrSafety h4,
.csrSociety h4,
.csrConduct h4,
.shop h4,
.academicIndex h4{
padding-left:17px;
background-image:url(../../images/ttlss_icon.gif);
background-repeat:no-repeat;
background-position:0 0;
min-height:20px;
}
/* hide mac \*/
*html .customerPrivacy h3,
*html .searchTemp #contents h3,
*html .ir h4,
*html .companyOffice h4,
*html .companyProject h4,
*html .event h4,
*html .customerSystemre h4,
*html .sportsTaikai h4,
*html .sportsTaikai h4,
*html .csrResource h4,
*html .sportsOther h4,
*html .csrSports h4,
*html .csrSports h4,
*html .csrEnvironment h4,
*html .csrSafety h4,
*html .csrSociety h4,
*html .csrConduct h4,
*html .shop h4{
height:20px;
}/* end */




/*------------------------------------------------------------------------------------
	-Clearfix
----------------------------------------------------------------------------------- */

.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}