@charset "utf-8";

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


#contents

	= common tag style
		- ol
		- hr

	= common property class
		- .ttl
		- .conLeft,conRight
		- .fRight,fLeft
		- .scrollBtn
		- .inSiteWrap
		- .setL
		- .setR
		- .imgSet
		- .line2ImgSet
		- .line3ImgSet

	= common class
		- .imgBorder
		- .example
		- .noStyle
		- .icon
		- .hideLine
		- .conTitleWrap
		- .appealWrap
		- .inSiteUp,.inSiteDown
		- .offFlash
		- .inforList
		- .newsLiset
		- .link01
		- .searchInput
		- .center, .centerBtn
		- .fRight,.fLeft
		- .underPageNo
		- .itemTable
		- .tableLayout
		- .formTable
		- .priceTable
		- .sendWrap
		- .notes,
		- .notes00
		- .notes02
		- .dlSet
		- .selectBtn
		- .attentionWrap
		- .plugin
		- .lie2Wrap,lie2Wrap02
		- .inLay3Set
		- .lay2Img
		- .explainWrap
		- .freeWord - search word
		- .noteWraps
		- .RConMenu in conWrap01,conWrap02
		- .RConMenu02 in conWrap01,conWrap02
		- .snsPlagIn


	= common wrapper class
		- .conWrap00,
		- .conWrap01,
		- .conWrap01G,
		- .conWrap02,
		- .conWrap02G,
		- .conWrap03,
		- .conWrap04,
		- .conWrap04R,
		- .conWrap04G,
		- .conWrap04RG,

		- .lConWrap
			- common wrapper class'bg
				bg - common wrapper class'bg
				bg .conWrap00
				bg .conWrap01
				bg .conWrap02
				bg .conWrap03
				bg .conWrap04
				bg .lConWrap [use in sideber event area]


			- common set
				h3
				reset
				.ttl
				.inBg posi
				.conWrap03 set /2 wrap lie
				.conWrap04 set
				.conWrap02G /gray wrap



		- .rConWrap01,
		- .rConWrap01G,
		- .rConWrap02,
		- .rConWrap03,
		- .rConWrap03G,
		- .rConWrap04
			- common wrapper class'bg
				.rConWrapTop - bg
				.rConWrap02 - bg - right sidebar
				.rConWrap03 - bg - Left contents's wrap
				.rConWrap04 - bg - /index.html
				.rConWrap05 - bg - /recipe/


			- width - rConWrap05
			- posi
				.rConWrapTop
				.rConWrapBtm
				.conLeft,.conRight - .rConWrap05
				wrap title img - posi
			- height - title's height
			- .ttl
			- Gray box posi
			- .rConWrap01G
				.underNotes
			- .rGrayWrap



	= common category class

		- .brandList
		- .itemNotes
		- .days
		- .iSideItems
		- .notesList
		- .inforSet
		- #eventLinks

	= clear

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

/* =================================================================
														#contents
================================================================= */

/* ----------------------------------------------------------
								common tag style
 ---------------------------------------------------------- */
/* ol
---------------------------- */
ol li{
list-style:outside;
list-style-type:decimal;
margin-left:20px;
}
/* hide ie5 \*/
*html ol li{
margin-left:30px;
}/* end */


/* hr
---------------------------- */
hr{
border:none;
border-top:solid 1px #e7e6e6;
color:#fff;
background-color:#fff;
}
*html hr{
font-size:1px;
line-height:1px;
margin-bottom:-5px;
paddingn:0;
}
*:first-child+html hr{
font-size:1px;
line-height:1px;
margin-bottom:-5px;
padding:0;
}

/* ----------------------------------------------------------
								common property class
 ---------------------------------------------------------- */
/* ==== ttl
 ---- It's [h2-h4] + [btn]'s style.
 ---- need h2,h3,h4 and p,ul's width.
------------------------------------- */
.ttl h3,
.ttl h2,
.ttl h4{
float:left;
}
.ttl p,
.ttl ul{
float:right;
text-align:right;
}
.ttl ul li{
float:left;
}

h2 + .ttlSideBtn {
	margin: -40px 13px 20px 0;
	text-align: right;
}


/* ==== conLeft,conRight
 ---- It's float style.
 ---- need conLeft and conRight's width.
------------------------------------- */
.conLeft{
float:left;
}
.conRight{
float:right;
}

/* ==== fRight,fLeft
 ---- simple float class
 ---- need conLeft and conRight's width.
------------------------------------- */
.fLeft{
float:left;
}
.fRight{
float:right;
}

/* ==== scrollBtn
 ----  need [.scrollBtn]'s width.
------------------------------------- */
.scrollBtn{
position:relative;
}
.scrollBtn .back,
.scrollBtn .next{
width:35px;
position:absolute;
top:0;
}
.scrollBtn .next{
right:2px;
z-index:2;
}
.scrollBtn .back{
left:2px;
z-index:3;
}

/* ==== inSiteWrap
 ----  need [p.rightLink]'s width.
------------------------------------- */
.inSiteWrap p{
float:left;
width:300px;
}
.inSiteWrap p.rightLink,
.inSiteWrap p.inSiteDown,
.inSiteWrap p.inSiteUp{
float:right;
text-align:right;
}

/* ==== .setL
 ----  If you write left img and right text.
 ----  need [p.rightLink] and ul,dl,p,h4,h5's width.
------------------------------------- */
.setL ul,
.setL dl,
.setL p,
.setL h4,
.setL h5{
margin-left:0;
margin-right:0;
}
.setL .itemNotes,
.setL .txtFloat,
.setL ul,
.setL dl,
.setL p,
.setL h4,
.setL h5{
float:right;
}
.setL p.iFloat{
float:left;
}
.txtFloat .itemNotes,
.txtFloat ul,
.txtFloat dl,
.txtFloat p,
.txtFloat h4,
.txtFloat h5{
float:none;
}

.setL dd{
margin-top:5px;
}

/* ==== setR
 ----  If you write right img and left text.
 ----  need ul,dl,p,h4,h5 and [p.rightLink]'s width.
------------------------------------- */
/* reset */
.setR ul,
.setR dl,
.setR p,
.setR h4,
.setR h5{
margin-left:0;
margin-right:0;
}
.setR .txtFloat,
.setR ul,
.setR dl,
.setR p,
.setR h4,
.setR h5{
float:left;
}
.setR p.iFloat{
float:right;
}
.txtFloat ul,
.txtFloat dl,
.txtFloat p,
.txtFloat h4,
.txtFloat h5{
float:none;
}
.setR dd{
margin-top:5px;
}

/* ==== .imgSet
 ---- It's not float by myself.
 ---- if you be float [.imgSet], you should write [.imgSet],[.imgSetL],[.imgSetR]'s width.
------------------------------------- */
.imgSet dt,
.imgSetL dt,
.imgSetR dt,
.imgSet dd,
.imgSetL dd,
.imgSetR dd{
text-align:center;
}
.imgSet dd,
.imgSetL dd,
.imgSetR dd{
margin-top:8px;
color:#333;
}





/* ==== .line2ImgSet
 ---- 2 contents be float.
 ---- if you be float [.imgSet], you should write [.imgSet],[.imgSetL],[.imgSetR]'s width.
------------------------------------- */
.line2ImgSet .imgSet,
.line2ImgSet .imgSetL,
.line2ImgSet .imgSetR{
margin-right:0;
margin-left:0;
}
.line2ImgSet .imgSet{
float:left;
}
.line2ImgSet .imgSetL{
float:left;
}
.line2ImgSet .imgSetR{
float:right;
}

/* ==== .line3ImgSet
 ---- 3 contents be float.
 ---- if you be float [.imgSet], you should write [.imgSet],[.imgSetL],[.imgSetR]'s width.
------------------------------------- */
.line3ImgSet .imgSet,
.line3ImgSet .imgSetL,
.line3ImgSet .imgSetR{
margin-right:0;
margin-left:0;
}
.line3ImgSet .imgSet{
float:left;
}
.line3ImgSet .imgSetL{
float:left;
}
.line3ImgSet .imgSetR{
float:right;
}
/* ----------------------------------------------------------
											common class
 ---------------------------------------------------------- */
/* ==== imgBorder
------------------------------------- */
.imgBorder{
border:solid 1px #ececec;
}

/* ==== example
------------------------------------- */
.example{
padding-top:8px;
color:#666;
display:block;
}

/* ==== noStyle
------------------------------------- */
.noStyle{
display:none;
}

/* ==== icon
------------------------------------- */
.icon{
vertical-align:middle;
margin-right:5px;
margin-left: 5px;
}
.icon02,
.icon03{
vertical-align:middle;
}

.icon03{
margin-left:5px;
}

*html .icon,
*html .icon02,
*html .icon03{
vertical-align:baseline;
}
*:first-child+html .icon,
*:first-child+html .icon02,
*:first-child+html .icon03{
vertical-align:baseline;
}


/* ==== hideLine
 ---- You can use in .rConWrap00 ～.rConWrap05. If you need to hide line.
------------------------------------- */
.hideLine{
display:block;
background-color:#fff;
font-size:1px;
line-height:1em;
width:758px;
height:1px;
position:absolute;
top:3px;
left:1px;
}

/* ==== conTitleWrap
 ---- categoryTop's title
------------------------------------- */
.conTitleWrap h2,
.conTitleWrap p{
float:left;
}

/* ==== appealWrap
 ---- gray wrap
------------------------------------- */
.appealWrap{
padding:1px 20px 16px 20px;
border:solid 1px #cccccc;
}
dl.appealWrap{
padding-top:16px;
}

/* ==== inSiteUp,inSiteDown
------------------------------------- */
.inSiteUp,
.inSiteDown{
text-align:right;
}
.inSiteUp a,
.inSiteDown a{
background-repeat:no-repeat;
background-position:0 50%;
padding-left:10px;
}
.inSiteDown a{
background-image:url(../../images/icon_inside.gif);
}
.inSiteUp a{
background-image:url(../../images/icon_totop.gif);
}

/* ==== offFlash
 ---- You can use for flash plug in.
------------------------------------- */
.offFlash,
.offFlash dd{
margin-top:10px;
}

/* ==== inforList
 ---- You can use when you write news list.
------------------------------------- */
.inforList dt{
float:left;
width:106px;
}
.inforList dd{
float:right;
width:499px;
}

/* ==== inforList2c
------------------------------------- */
.inforList2c dt{
float:left;
width:100px;
}
.inforList2c dd{
width:360px;
}

/* ==== newsLiset
 ---- You can use when you write news list.
------------------------------------- */
.newsLiset dt,
.newsLiset dd{
float:left;
}
.newsLiset dt{
float:left;
width:100px;
}
.newsLiset dd{
float:left;
width:530px;
}

.newsLiset dd.infoIcon{
float:left;
width:70px;
}

.newImg{
margin-left:10px;
margin-right:10px;
text-align:center;
}
.newImg img{
border:solid 1px #ececec;
}

/* border */
.newsLiset dl{
border-top:solid 1px #ececec;
}

/* posi */
.newsLiset{
margin-top:-9px;
}
.newsLiset dl{
margin-top:0;/* reset */
padding:18px 15px 15px 15px;
}
.newsLiset{
padding-top:8px;
}


/* pdfWeight */
.pdfWeight{
padding-left:10px;
}

/* ==== link01
------------------------------------- */
dt.link01,
dd.link01,
p.link01,
.link01 li{
margin-top:5px;
padding-left:20px;
background-image:url(../../images/icon_link.gif);
background-repeat:no-repeat;
background-position:0 0.2em;
min-height:12px;
}

/* ==== .searchInput
 ---- submit of search.
------------------------------------- */
.searchInput{
margin-right:5px;
height:20px;
border:solid 1px #dcdcdc;
}

/* ==== .center, .centerBtn
------------------------------------- */
.center,
.centerBtn{
text-align:center;}


/* ==== fRight,fLeft
 ---- sometimes, you may be write clear.
------------------------------------- */
img.imgL{
float:left;
margin-right:10px;
margin-bottom:10px;
}
img.imgR{
float:right;
margin-left:10px;
margin-bottom:10px;
}

/* ==== .underPageNo
------------------------------------- */
.underPageNo{
text-align:center;
}
.underPageNo li{
display:inline;
}
.underPageNo ul{
padding-left:16px;
padding-right:16px;
}
.underPageNo li a{
margin-left:2px;
margin-right:2px;
padding:4px 8px;
line-height:2;
}

.underPageNo li a#back{
margin-right:10px;
}
.underPageNo li a#next{
margin-left:10px;
}

.underPageNo li a,
.underPageNo li a:link,
.underPageNo li a:visited{
border:solid 1px #c7c7c7;
}
.underPageNo li a:hover{
border:solid 1px #900;
}
.underPageNo li.on a,
.underPageNo li.on a:link,
.underPageNo li.on a:visited,
.underPageNo li.on a:hover{
border:none;
}

.underPageNo li a#back,
.underPageNo li a#back:link,
.underPageNo li a#back:visited,
.underPageNo li a#back:hover,
.underPageNo li a#next,
.underPageNo li a#next:link,
.underPageNo li a#next:visited,
.underPageNo li a#next:hover{
border:none;
}

/* ==== itemTable
------------------------------------- */
.itemTable{
border-collapse:collapse;
border-left:solid 1px #cecdcd;
border-top:solid 1px #cecdcd;
}
.itemTable th,
.itemTable td{
padding:5px 10px;
border-right:solid 1px #cecdcd;
border-bottom:solid 1px #cecdcd;
font-weight:normal;
}
.itemTable th{
text-align:left;
background-color:#f1f1f1;
}
.itemTable table,
.itemTable th td,
.itemTable td td{
border:none;
}
.itemTable th.headTh{
background-color:#dddcdc;
text-align:center;
}
.itemTable th.center,
.itemTable td.center{
text-align:center;
}
.itemTable tr.line td{
border-top:solid 2px #cecdcd;
}

/* ==== tableLayout
------------------------------------- */
.tableLayout{
border-collapse:collapse;
border-left:solid 1px #cecdcd;
border-top:solid 1px #cecdcd;
}
.tableLayout th,
.tableLayout td{
padding:8px 10px;
border-right:solid 1px #cecdcd;
border-bottom:solid 1px #cecdcd;
vertical-align:top;
}
.tableLayout td{
padding-left:20px;
padding-right:20px;
}
.tableLayout th{
text-align:left;
background-color:#f1f1f1;
border-right:none;
font-weight:normal;
}
.societySumou .tableLayout th{
border-right:solid 1px #cecdcd;
}
.tableLayout th.center{
text-align:center;
}
.tableLayout th.right{
text-align:right;
}
.tableLayout th.left{
text-align:left;
}
.tableLayout thead th,
.tableLayout tfoot th{
border-right:solid 1px #cecdcd;
padding-left:20px;
padding-right:20px;
text-align:center;
}
.tableLayout thead th.left{
text-align:left;
}
.tableLayout .topBorder td,
.tableLayout .topBorder th{
border-top:solid 2px #cecdcd;
}

.tableLayout span.dot{
display:block;
padding-bottom:5px;
margin-bottom:5px;
background-image:url(../../images/dot_gray.gif);
background-repeat:repeat-x;
background-position:0 100%;
}
.tableLayout td.dot{
border-bottom:none;
background-image:url(../../images/dot_gray.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

/* ==== tableLayout02
------------------------------------- */

.tableLayout02{
border-top:solid 1px #d2d2d2;
border-left:solid 1px #d2d2d2;
border-collapse:collapse;
}
.tableLayout02 th,
.tableLayout02 td{
border-bottom:solid 1px #d2d2d2;
border-right:solid 1px #d2d2d2;
padding:5px;
}
.tableLayout02 th{
font-weight:normal;
background-color:#d2d2d2;
}
.tableLayout02 td{
background-color:#f6f6f6;
}
.tableLayout02 .bg2 td{
background-color:#e4e4e4;
}



/* ==== .formTable
------------------------------------- */
.formTable{
border-collapse:collapse;
border-left:solid 1px #cecdcd;
border-top:solid 1px #cecdcd;
}
.formTable td,
.formTable th{
padding:8px 10px;
border-right:solid 1px #cecdcd;
border-bottom:solid 1px #cecdcd;
vertical-align:top;
}
.formTable td input{
margin-right:5px;
margin-bottom:1px;
}
.formTable td em{
margin-right:3px;
}
.formTable td em.error{
margin-right:0;
margin-left:0;
display:block;
}

/* ==== .priceTable
------------------------------------- */
.priceTable{
margin:0 auto;
border-collapse:collapse;
border-left:solid 1px #fff;
border-top:solid 1px #fff;
}
table.priceTable th,
table.priceTable td{
padding:5px 15px;
border-right:solid 1px #fff;
border-bottom:solid 1px #fff;
font-weight:normal;
text-align:center;
}
.priceTable th{
background-color:#e2e1e1;
}
.priceTable td{
background-color:#f2f1f1;
}

/* ==== .sendWrap
------------------------------------- */
.sendWrap{
padding-top:10px;
padding-bottom:15px;
text-align:center;
}
.sendWrap li{
display:inline;
padding-right:10px;
padding-left:10px;
}

/* ==== .notes,
		.notes00
		.notes02
------------------------------------- */
.notes dt{
color:#000;
}
.notes dd,
.notes02,
.notes02 li,
.notes,
.notes li{
color:#666;
}
p.notes00,
.notes00 li,
p.notes02,
.notes02 li{
text-indent:-12px;
margin-left:12px;
}
#sidebar p.notes00,
#sidebar .notes00 li,
#sidebar p.notes02,
#sidebar .notes02 li{/* sidebar over write */
text-indent:-12px;
margin-left:12px;
}

.customerPrivacy .notes00 li{
text-indent:-5px;
margin-left:5px;
}
.notes dt{
font-weight:bold;
}

/* ==== .dlSet
------------------------------------- */
.dlSet dt{
font-weight:bold;
}

/* ==== selectBtn
------------------------------------- */
.selectBtn li{
display:inline;
padding-left:7px;
padding-right:7px;
}
.selectBtn{
text-align:center;
}

/* ==== attentionWrap
------------------------------------- */
.attentionWrap dt span{
display:block;
margin-left:15px;
text-indent:-17px;
}
.attentionWrap dt,
.attentionWrap dd{
background-repeat:no-repeat;
}
.attentionWrap dt,
.attentionWrap{
background-position:0 0;
}
.attentionWrap dt{/* top */
background-image:url(../../images/attention_bg_top.gif);
}
.attentionWrap{/* center */
background-image:url(../../images/attention_bg_c.gif);
background-repeat:repeat-y;
}
.attentionWrap dd{/* btm */
background-image:url(../../images/attention_bg_btm.gif);
background-position:0 100%;
}
.attentionWrap dt,
.attentionWrap dd{
padding-left:15px;
padding-right:25px;
}
.attentionWrap dt{
padding-top:11px;
padding-bottom:3px;
padding-right:10px;
color:#f00;
font-weight:bold;
}
.attentionWrap dd{
margin-top:3px;
padding-bottom:11px;
}
.attentionWrap dt img{
vertical-align:middle;
margin-right:5px;
}

/* ==== plugin
 ---- plugin style
------------------------------------- */
.plugin dt,
.plugin dd{
float:left;
}
.plugin dt{
width:130px;
}
.plugin dd{
width:570px;
}

/* ==== lie2Wrap,lie2Wrap02
------------------------------------- */
.lie2Wrap .conRight,
.lie2Wrap .conLeft{
width:364px;
}
/* lie2Wrap02 */
.lie2Wrap02 .conRight,
.lie2Wrap02 .conLeft{
width:354px;
}

/* ==== inLay3Set
------------------------------------- */
.lay3Wrap .inLay3Set{
float:left;
width:243px;
position: relative;
}

/* ==== lay2Img
------------------------------------- */
.lay2Img img{
vertical-align:middle;
margin-left:5px;
margin-right:5px;
}

/* ==== explainWrap
------------------------------------- */
.explainWrap{
padding:10px 10px 20px 10px;
background-color:#f1f1f1;
}
.explainWrap dt{
font-weight:bold;
}

/* ==== freeWord - search word
------------------------------------- */
.freeWord{
padding:1px 0 10px 10px;
}

/* float */
.freeWord dl{
float:right;
width:320px;
}
.freeWord dt,
.freeWord dd{
float:left;
}
.freeWord dt{
width:110px;
}
.freeWord dd{
width:210px;
}

/* text */
.freeWord dt img{
margin-top:3px;
}

/* input */
.freeWord .searchInput{
width:148px;
}
.freeWord dd input{
vertical-align:middle;
}


/* ==== noteWraps
------------------------------------- */
.noteWraps,
#container #sidebar .noteWraps{
margin-bottom:10px;
padding:5px 10px;
border:solid 1px #ccc;
}
.noteWraps dt{
font-weight:bold;
}


/* ==== .inRConMenu in conWrap01,conWrap02
 ---- If this .RConMenu is in .conWrap01. You should set to .rConWrapBtm's margin-left is 0.
------------------------------------- */
.RConMenu .inRConMenu{
float:left;
width:186px;
}
.RConMenu3 .inRConMenu{
float:left;
width:250px;
}
.RConMenu3 .inRConMenu dl,
.RConMenu .inRConMenu dl{
margin-right:10px;
border:solid 1px #d2d3d3;
padding:10px;
min-height:55px;
}
*html .RConMenu3 .inRConMenu dl,
*html .RConMenu .inRConMenu dl{
height:55px;
}

.RConMenu3 .inRConMenu dl dt,
.RConMenu .inRConMenu dl dt{
padding-left:18px;
background-image:url(../../images/icon_link.gif);
background-repeat:no-repeat;
background-position:0 0.3em;
}
.RConMenu .inRConMenu dl dd.img{
	margin-top: 7px;
	margin-bottom: 7px;
}

.RConMenu3 .inRConMenu dl dd.imgR {
	float: right;
	margin-top: 5px;
	margin-left: 15px;
}

/* ==== .inRConMenu in conWrap01,conWrap02 */
.RConMenu02 .inRConMenu{
float:left;
width:185px;
}
.RConMenu023 .inRConMenu{
float:left;
width:250px;
}
.RConMenu023 .inRConMenu dl,
.RConMenu02 .inRConMenu dl{
margin-right:10px;
border:solid 1px #d2d3d3;
min-height:55px;
}
.RConMenu02 .inRConMenu dt,
.RConMenu023 .inRConMenu dt{
border-bottom:solid 1px #d2d3d3;
}
.RConMenu023 .inRConMenu dd,
.RConMenu02 .inRConMenu dd{
padding:10px;
}
.RConMenu02 .inRConMenu dd.mKey,
.RConMenu023 .inRConMenu dd{/* reset */
padding:0;
}

*html .RConMenu023 .inRConMenu dl,
*html .RConMenu02 .inRConMenu dl{
height:55px;
}

.RConMenu02 .inRConMenu dt a,
.RConMenu023 .inRConMenu dt a{
display:block;
padding-top:12px;
padding-left:28px;
min-height:31px;
}
/* IE6 \*/
*html .RConMenu02 .inRConMenu dt a,
*html .RConMenu023 .inRConMenu dt a{
height:31px;
}
/* end */

/* bg */
.RConMenu02 .inRConMenu dt a,
.RConMenu023 .inRConMenu dt a{
background-image:url(../../images/menu_bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-color:#ededed
}
.RConMenu02 .inRConMenu dt a:hover,
.RConMenu023 .inRConMenu dt a:hover{
background-image:url(../../images/menu_bg_on.jpg);
background-color:#fadadb;
}


/**/
/* ==== .inRConMenu in conWrap01,conWrap02 */
.topMenu01 li{
width:245px;
}
.topMenu02 li{
width:123px;
}
.topMenu01,
.topMenu02{
margin-left:-5px;
padding-left:6px;
padding-right:4px;
}
.topMenu01 li,
.topMenu02 li{
margin-top:2px;
float:left;
text-align:center;
}

.topMenu01 li a,
.topMenu02 li a{
display:block;
padding:8px 5px 8px 10px;
margin-right:2px;
background-image:url(../../../products/category/images/saerch_menu_arrow.gif);
background-repeat:no-repeat;
background-position:11px 50%;
background-color:#f3f3f3;
text-decoration:none;
}
.topMenu01 li a:link,
.topMenu01 li a:visited,
.topMenu02 li a:link,
.topMenu02 li a:visited{
color:#313131;
}


.topMenu01 li a:hover,
.topMenu02 li a:hover,
.topMenu01 li.on a,
.topMenu01 li.on a:link,
.topMenu01 li.on a:visited,
.topMenu02 li.on a,
.topMenu02 li.on a:link,
.topMenu02 li.on a:visited{
color:#fff;
background-image:url(../../../products/category/images/saerch_menu_arrow_c.gif);
background-position:9px 50%;
background-color:#ff0000;
}


/* ----------------------------------------------------------
									common wrapper class
 ---------------------------------------------------------- */
/* -------------------------------------
		.conWrap00,
		.conWrap01,
		.conWrap01G,
		.conWrap02,
		.conWrap02G,
		.conWrap03,
		.conWrap04,

		.lConWrap
------------------------------------- */

/* == common wrapper class'bg
------------------------------------- */
.lConWrap h3,
.conWrap01 h3,
.conWrap01G h3,
.conWrap0202 h3,
.conWrap0202G h3,
.conWrap02 h3,
.conWrap02G h3,
.conWrap00 h3,
.conWrap03 h3,
.conWrap032c h3,
.conWrap04 h3,
.conWrap04R h3,
.conWrap04G h3,
.conWrap04RG h3,
.ttl,
.inBg,
.inTop{
background-repeat:no-repeat;
}
.conWrap04 h3,
.conWrap04R h3,
.conWrap04,
.conWrap04R,
.conWrap04G h3,
.conWrap04RG h3,
.conWrap04G,
.conWrap04RG,
.lConWrap h3,
.lConWrap,
.conWrap01 h3,
.conWrap01,
.conWrap01G h3,
.conWrap01G,
.conWrap02 h3,
.conWrap0202 h3,
.conWrap02,
.conWrap0202,
.conWrap0202G,
.conWrap02G h3,
.conWrap02G,
.conWrap03 h3,
.conWrap03,
.conWrap032c h3,
.conWrap032c,
.conWrap00 h3,
.conWrap00,
.inTop,
.ttl{
background-position:0 0;
}

/* -- bg .conWrap00 */
.conWrap00 h3,
.conWrap00 .ttl{/* top */
background-image:url(../../images/conwrap00_bg_top.gif);
}
.conWrap00 .inTop{/* top */
background-image:url(../../images/conwrap00_bg_top_2.gif);
}
.conWrap00{/* center */
background-image:url(../../images/conwrap00_bg_c.gif);
background-repeat:repeat-y;
}
.conWrap00 .inBg{/* btm */
background-image:url(../../images/conwrap00_bg_btm.gif);
background-position:0 100%;
}

/* -- bg .conWrap01 */
.conWrap01 h3,
.conWrap01 .ttl,
.conWrap01G h3,
.conWrap01G .ttl{/* top */
background-image:url(../../images/conwrap01_bg_top.gif);
}
.conWrap01,
.conWrap01G{/* center */
background-image:url(../../images/conwrap01_bg_c.gif);
background-repeat:repeat-y;
}
.conWrap01 .inBg,
.conWrap01G .inBg{/* btm */
background-image:url(../../images/conwrap01_bg_btm.gif);
background-position:0 100%;
}
.conWrap01G .inBg{/* btm */
background-image:url(../../images/conwrap01_bg_gbtm.gif);
}

/* -- bg .conWrap02 */
.conWrap02 h3,
.conWrap02 .ttl,
.conWrap02G h3,
.conWrap02G .ttl{/* top */
background-image:url(../../images/conwrap02_bg_top.gif);
}
.conWrap0202 h3,
.conWrap0202 .ttl,
.conWrap0202G h3,
.conWrap0202G .ttl{
background-image:url(../../images/conwrap02_bg_top_h.gif);
}
.conWrap02,
.conWrap0202,
.conWrap0202G,
.conWrap02G{/* center */
background-image:url(../../images/conwrap02_bg_c.gif);
background-repeat:repeat-y;
}
.conWrap02G .inBg,
.conWrap02 .inBg,
.conWrap0202 .inBg,
.conWrap0202G .inBg{/* btm */
background-image:url(../../images/conwrap02_bg_btm.gif);
background-position:0 100%;
}
.conWrap02G .inBg,
.conWrap0202G .inBg{/* btm */
background-image:url(../../images/conwrap02_bg_gbtm.gif);
}


/* -- bg .conWrap03 */
.conWrap03 h3{/* top */
background-image:url(../../images/conwrap03_bg_top.gif);
}
.conWrap03{/* center */
background-image:url(../../images/conwrap03_bg_c.gif);
background-repeat:repeat-y;
}
.conWrap03 .inBg{/* btm */
background-image:url(../../images/conwrap03_bg_btm.gif);
background-position:0 100%;
}

/* -- bg .conWrap03 2column */
.conWrap032c h3{/* top */
/*background-image:url(../../images/conwrap03_bg_top2c.gif);
background-repeat:no-repeat;
}*/
/*.conWrap032c{/* center */
/*background-image:url(../../images/conwrap03_bg_c2c.gif);
background-repeat:repeat-y;*/
}
.conWrap032c .inBg{/* btm */
/*background-image:url(../../images/conwrap03_bg_btm2c.gif);*/
}

/* -- bg #privacySystem 2column */
#mainCustmerL #privacySystem h3{/* top */
background-image:url(../../images/privacySystem_bg_top2c.gif);
background-repeat:no-repeat;
}

#mainCustmerL #privacySystem p {
	background-image:url(../../images/privacySystem_bg_pbtm.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}


/* -- bg .conWrap04 */
.conWrap04R h3,
.conWrap04R .ttl,
.conWrap04 h3,
.conWrap04 .ttl,
.conWrap04RG h3,
.conWrap04RG .ttl,
.conWrap04G h3,
.conWrap04G .ttl{/* top */
background-image:url(../../images/conwrap04_bg_top.gif);
}
/* reset .ttl's h3 */
.conWrap04R .ttl h3,
.conWrap04 .ttl h3,
.conWrap04RG .ttl h3,
.conWrap04G .ttl h3{
background-image:none;
}
.conWrap04,
.conWrap04R,
.conWrap04G,
.conWrap04RG{/* center */
background-image:url(../../images/conwrap04_bg_c.gif);
background-repeat:repeat-y;
}
.conWrap04.small {
background-image:url(../../images/conwrap04_bg_c_s.gif);
}
.conWrap04 .inBg,
.conWrap04R .inBg,
.conWrap04G .inBg,
.conWrap04RG .inBg{/* btm */
background-image:url(../../images/conwrap04_bg_btm.gif);
background-position:0 100%;
}

.conWrap04G .inBg,
.conWrap04RG .inBg{/* btm */
background-image:url(../../images/conwrap04_bg_gbtm.gif);
}

.conWrap04.small h3 {
	background-image: url(../../images/conwrap04_bg_top_s.gif);
}

.conWrap04.small .inBg,
.conWrap04R.small .inBg,
.conWrap04G.small .inBg,
.conWrap04RG.small .inBg{/* btm */
background-image:url(../../images/conwrap04_bg_btm_s.gif);
background-position:0 100%;
}



/* -- bg .lConWrap [use in sideber event area] */
.lConWrap h3,
.lConWrap .ttl{/* top */
background-image:url(../../images/lconwrap_bg_top.gif);
}
.lConWrap{/* center */
background-image:url(../../images/lconwrap_bg_c.gif);
background-repeat:repeat-y;
}
.lConWrap .inBg{/* btm */
background-image:url(../../images/lconwrap_bg_btm.gif);
background-position:0 100%;
}

/* == common set
------------------------------------- */
/* h3 */
.conWrap04RG h3,
.conWrap04G h3,
.conWrap04R h3,
.conWrap04 h3,
.conWrap00 h3,
.lConWrap h3,
.conWrap01 h3,
.conWrap01G h3,
.conWrap02 h3,
.conWrap02G h3{
height:45px;
}

.conWrap0202G h3,
.conWrap0202 h3{
height:62px;/* 2line */
}
.conWrap04RG h3 img,
.conWrap04G h3 img,
.conWrap04R h3 img,
.conWrap04 h3 img,
.conWrap00 h3 img,
.lConWrap h3 img,
.conWrap01 h3 img,
.conWrap01G h3 img,
.conWrap02 h3 img,
.conWrap0202 h3 img,
.conWrap0202G h3 img,
.conWrap02G h3 img{
margin-top:11px;
margin-left:18px;
}

html[lang="en"] .conWrap04RG h3 img,
html[lang="en"] .conWrap04G h3 img,
html[lang="en"] .conWrap04R h3 img,
html[lang="en"] .conWrap04 h3 img,
html[lang="en"] .conWrap00 h3 img,
html[lang="en"] .lConWrap h3 img,
html[lang="en"] .conWrap01 h3 img,
html[lang="en"] .conWrap01G h3 img,
html[lang="en"] .conWrap02 h3 img,
html[lang="en"] .conWrap0202 h3 img,
html[lang="en"] .conWrap0202G h3 img,
html[lang="en"] .conWrap02G h3 img{
	margin-top: 16px;
	margin-left: 20px;
}

/* reset */
.conWrap00 .inBg h3{
height:auto;
background:none;
}
.conWrap00 .inBg h3 img{
margin-top:0;
margin-left:0;
}

h3 span.ttlTxt {
	display: block;
	margin-right: 10px;
	padding: 5px 13px;
	background: url(../../images/bg_ttls.gif) repeat-x;
	color: white;
	letter-spacing: 0.01em;
}

/* -- .ttl */
.conWrap04RG .ttl,
.conWrap04G .ttl,
.conWrap04R .ttl,
.conWrap04 .ttl,
.conWrap00 .ttl,
.lConWrap .ttl,
.conWrap01 .ttl,
.conWrap01G .ttl,
.conWrap02 .ttl,
.conWrap0202 .ttl,
.conWrap02G .ttl,
.conWrap0202G .ttl{
height:45px;
padding-right:6px;
}
.conWrap0202 .ttl,
.conWrap0202G .ttl{
height:62px;/* 2line */
}

/* float width */
.conWrap0202G .ttl h3,
.conWrap0202 .ttl h3{
width:123px;
}
.conWrap0202G .ttl p,
.conWrap0202 .ttl p{
width:76px;
}

/* posi */
.conWrap04R .ttl ul,
.conWrap04R .ttl p,
.conWrap04 .ttl ul,
.conWrap04 .ttl p,
.conWrap04RG .ttl ul,
.conWrap04RG .ttl p,
.conWrap04G .ttl ul,
.conWrap04G .ttl p,
.conWrap00 .ttl p,
.lConWrap .ttl p,
.conWrap01 .ttl p,
.conWrap01G .ttl p,
#sidebar .conWrap02 .ttl p,
#sidebar .conWrap0202 .ttl p,
#sidebar .conWrap02G .ttl p,
#sidebar .conWrap0202G .ttl p{
margin-top:9px;
}
#sidebar .conWrap0202 .ttl p,
#sidebar .conWrap0202G .ttl p{
margin-top:16px;
}
.conWrap04R .ttl ul li img,
.conWrap04R .ttl p img,
.conWrap04 .ttl ul li img,
.conWrap04 .ttl p img,
.conWrap04RG .ttl ul li img,
.conWrap04RG .ttl p img,
.conWrap04G .ttl ul li img,
.conWrap04G .ttl p img,
.conWrap00 .ttl p img,
.lConWrap .ttl p img,
.conWrap01 .ttl p img,
.conWrap01G .ttl p img,
#sidebar .conWrap02 .ttl p img,
#sidebar .conWrap0202 .ttl p img,
#sidebar .conWrap02G .ttl p img,
#sidebar .conWrap0202G .ttl p img{
margin-left:3px;
}
.conWrap04R .ttl h3,
.conWrap04 .ttl h3,
.conWrap04RG .ttl h3,
.conWrap04G .ttl h3,
.conWrap00 .ttl h3,
.lConWrap .ttl h3,
.conWrap01 .ttl h3,
.conWrap01G .ttl h3,
.conWrap02 .ttl h3,
.conWrap0202 .ttl h3,
.conWrap0202G .ttl h3,
.conWrap02G .ttl h3{/* reset */
height:auto;
background-image:none;
}


/* .conWrap0202 line-height */
.conWrap0202 p{
line-height:1.1em;
}

/* .inBg posi */
.conWrap00 .inBg,
.conWrap01 .inBg,
.conWrap02 .inBg,
.conWrap0202 .inBg,
.conWrap04R .inBg,
.conWrap04 .inBg{
padding:3px 10px 15px 10px;
}
.conWrap00 p.inBg,
.conWrap00 h3.inBg,
.conWrap00 h4.inBg{
padding-top:10px;
}
.conWrap00 p.inTop,
.conWrap00 h3.inTop,
.conWrap00 h4.inTop{
padding:15px 10px 0 10px;
}

.conWrap01G .inBg,
.conWrap02G .inBg,
.conWrap0202G .inBg,
.conWrap04G .inBg,
.conWrap04RG .inBg{
padding:0 0 15px 0;
}
.conWrap02 .inBg,
.conWrap0202G .inBg{
padding-left:1px;
}

.lConWrap .inBg{
padding:3px 10px 15px 10px;
}
.lConWrap .inBg p,
.lConWrap .inBg dl{
margin-top:7px;
}

/* == conWrap03 set - 2 wrap lie
------------------------------------- */
.conWrap03 .fLeft,
.conWrap03 .fRight{
width:313px;
}
.conWrap03 .inBg{
padding-bottom:10px;
}
.conWrap03 p,
.conWrap03 h3{
padding-left:15px;
padding-right:15px;
}
.conWrap03 h3{
padding-top:12px;
}

/* == conWrap03-2c set - 2 wrap lie
------------------------------------- */
.conWrap032c {
	width:470px;
	clear:both;
	padding-right:5px;
}
.conWrap032c .fLeft,
.conWrap032c .fRight{
width:230px;
	margin-top:-10px;
}
.conWrap032c p{
	display:block;
width:200px;
padding-bottom:10px;
padding-top:20px;
margin-top:-10px;
*margin-top:0px;
}
.conWrap032c p,
.conWrap032c h3{
padding-left:15px;
padding-right:15px;
}
.conWrap032c h3{
padding-top:12px;
}

/* == conWrap04 set
------------------------------------- */
.conWrap04,
.conWrap04R,
.conWrap04G,
.conWrap04RG{
float:left;
width:470px;
}
.conWrap04R,
.conWrap04RG{
float:right;
}

.conWrap04{
margin-top:10px;
}

/* == .conWrap02G /gray wrap
------------------------------------- */
.conWrap01G .topPosi,
.conWrap02G .topPosi,
.conWrap0202G .topPosi,
.conWrap04G .topPosi,
.conWrap04RG .topPosi{
padding:3px 10px 10px 10px;
}
.conWrap01G .underGray,
.conWrap02G .underGray,
.conWrap0202G .underGray,
.conWrap04G .underGray,
.conWrap04RG .underGray,
#treatmentWrap .underGray{
padding-top:1px;
padding-left:9px;
padding-right:9px;
margin-left:1px;
margin-right:1px;
background-color:#f3f3f3;
}

/* -------------------------------------
		.rConWrap01,
		.rConWrap01G,
		.rConWrap02,
		.rConWrap03,
		.rConWrap03G,
		.rConWrap04
		.rConWrap04R
		.rConWrap04G
		.rConWrap04RG
------------------------------------- */
/* common wrapper class'bg
------------------------------------- */
.rConWrap01 h3.inBgTop,
.rConWrap05 .conLeft,
.rConWrap05 .conRight,
.rConWrap05 .rConWrapBtm,
.rConWrap04 h2,
.rConWrap03 h4,
.rConWrap03 h3,
.rConWrap03 h2,
.rConWrapTop,
.rConWrapBtm{
background-repeat:no-repeat;
}
.rConWrap01 h3.inBgTop,
.rConWrap05,
.rConWrap05 .conLeft,
.rConWrap05 .conRight,
.rConWrap04 h2,
.rConWrap03 h4,
.rConWrap03 h3,
.rConWrap03 h2,
.rConWrapTop,
.rConWrap01,
.rConWrap01G,
.rConWrap02,
.rConWrap03{
background-position:0 0;
}

/* .rConWrapTop - bg */
.rConWrapTop{/* Top */
background-image:url(../../images/rconwrap_bg_top.gif);
}
.rConWrap01 h3.inBgTop{
background-image:url(../../images/rconwrap01_bg_h3.gif);
}
.rConWrap01G,
.rConWrap01{/* center */
background-image:url(../../images/rconwrap_bg_c.gif);
background-repeat:repeat-y;
}
.rConWrapBtm{/* btm */
background-image:url(../../images/rconwrap_bg_btm.gif);
background-position:0 100%;
}

/*
.rConWrap01G .rConWrapBtm{/* Top */
/*
background-image:url(../../images/rconwrap_bg_gbtm.gif);
}
*/

/* rConWrap02 - bg - right sidebar */
.rConWrap02 .rConWrapTop{/* Top */
background-image:url(../../images/rconwrap02_bg_top.gif);
}
.rConWrap02{/* center */
background-image:url(../../images/rconwrap02_bg_c.gif);
background-repeat:repeat-y;
}
.rConWrap02 .rConWrapBtm{/* btm */
background-image:url(../../images/rconwrap02_bg_btm.gif);
background-position:0 100%;
}

/* .rConWrap03 - bg - Left contents's wrap  */
.rConWrap03 h2,
.rConWrap03 h4,
.rConWrap03 h3,
.rConWrap03 .ttl,
.rConWrap03G h2,
.rConWrap03G h4,
.rConWrap03G h3,
.rConWrap03G .ttl{/* Top */
background-image:url(../../images/rconwrap03_bg_top.gif);
}
.rConWrap03 .ttl h2,
.rConWrap03 .ttl h4,
.rConWrap03 .ttl h3,
.rConWrap03G .ttl h2,
.rConWrap03G .ttl h4,
.rConWrap03G .ttl h3{
background:none;
padding:0;
}

.rConWrap03 .rConWrapTop,
.rConWrap03G .rConWrapTop{/* top 02 */
background-image:url(../../images/rconwrap03_bg_top_2.gif);
}
.rConWrap03,
.rConWrap03G{/* center */
background-image:url(../../images/rconwrap03_bg_c.gif);
background-repeat:repeat-y;
}
.rConWrap03 .rConWrapBtm,
.rConWrap03G .rConWrapBtm{/* btm */
background-image:url(../../images/rconwrap03_bg_btm.gif);
background-position:0 100%;
}
.rConWrap03G .rConWrapBtm{
background-image:url(../../images/rconwrap03_bg_gbtm.gif);
}

/* .rConWrap04 - bg - /index.html */
.rConWrap04 .ttl,
.rConWrap04 h2{/* Top */
background-image:url(../../images/rconwrap04_bg_top.gif);
}
.rConWrap04 .rConWrapBtm h2,
.rConWrap04 .ttl h2{
background-image:none;
}
.rConWrap04 .rConWrapTop{/* top - noTitle */
background-image:url(../../images/rconwrap04_bg_top_02.gif);
}

.rConWrap04{/* center */
background-image:url(../../images/rconwrap04_bg_c.gif);
background-repeat:repeat-y;
}
.rConWrap04 .rConWrapBtm{/* btm */
background-image:url(../../images/rconwrap04_bg_btm.gif);
background-position:0 100%;
}


/* .rConWrap05 - bg - /recipe/ */
.rConWrap05 .conLeft,
.rConWrap05 .conRight{/* Top */
background-image:url(../../images/rconwrap05_bg_top.gif);
}
.rConWrap05{/* center */
background-image:url(../../images/rconwrap05_bg_c.gif);
background-repeat:repeat-y;
}
.rConWrap05 .rConWrapBtm{/* btm */
background-image:url(../../images/rconwrap05_bg_btm.gif);
background-position:0 100%;
}

/* width - rConWrap05
------------------------------------- */
/* float width -- .conLeft,.conRight is common property class.  */
.rConWrap05 .conLeft,
.rConWrap05 .conRight{
width:375px;
}

/* posi
------------------------------------- */
/* -- .rConWrapTop */
div.rConWrapTop{
padding-top:1px;
}
div.rConWrapTop p.justify, div.rConWrapBtm p.justify, div.conWrap00 p.justify {
text-align: justify;
text-justify: inter-ideograph;
}
.rConWrap03 .rConWrapTop,
.rConWrap03G .rConWrapTop,
.rConWrap02 h3.rConWrapTop,
.rConWrap01 h3.rConWrapTop,
.rConWrap02G h3.rConWrapTop,
.rConWrap01G h3.rConWrapTop{
padding-top:11px;
padding-left:10px;
}

.rConWrap01G p.rConWrapTop,
.rConWrap01 p.rConWrapTop{
padding-top:15px;
padding-left:15px;
padding-right:10px;
}

/* -- .rConWrapBtm */
.rConWrapBtm{
padding:1px 10px 15px 10px;
}
.rConWrap03 .rConWrapBtm{
padding-bottom:10px;
}
.rConWrap05 .rConWrapBtm{
padding:0;
}

/* -- .conLeft,.conRight */
.rConWrap05 .conLeft,
.rConWrap05 .conRight{
padding-top:1px;
padding-bottom:15px;
}
.rConWrap05 .conInPosi{
padding-left:18px;
padding-right:18px;
}

/* -- wrap title img - posi */
.rConWrap01 h3.inBgTop img,
.rConWrap04 h2 img,
.rConWrap03 h2 img,
.rConWrap03 h3 img,
.rConWrap03 h4 img,
.rConWrap03G h2 img,
.rConWrap03G h3 img,
.rConWrap03G h4 img{
margin-top:11px;
margin-left:18px;
}
.rConWrap04 .rConWrapBtm h2 img,
.rConWrap04 h2.rConWrapTop img,
.rConWrap03 h2.rConWrapTop img,
.rConWrap03 h3.rConWrapTop img,
.rConWrap03 h4.rConWrapTop img,
.rConWrap03G h2.rConWrapTop img,
.rConWrap03G h3.rConWrapTop img,
.rConWrap03G h4.rConWrapTop img{
margin:0;/* reset */
}
.rConWrap05 h3{
text-align:center;
}

/* height - title's height
------------------------------------- */
.rConWrap01 h3.inBgTop,
.rConWrap01 h3.inBgTop,
.rConWrap04 h2,
.rConWrap03 h2,
.rConWrap03 h3,
.rConWrap03 h4,
.rConWrap03G h2,
.rConWrap03G h3,
.rConWrap03G h4{
height:44px;
}
.rConWrap04 .rConWrapBtm h2,
.rConWrap04 h2.rConWrapTop,
.rConWrap03 h2.rConWrapTop,
.rConWrap03 h3.rConWrapTop,
.rConWrap03 h4.rConWrapTop,
.rConWrap03G h2.rConWrapTop,
.rConWrap03G h3.rConWrapTop,
.rConWrap03G h4.rConWrapTop{
height:auto;/* reset */
}


/* .ttl
------------------------------------- */
.rConWrap04 .ttl h2,
.rConWrap03 .ttl h3,
.rConWrap03 .ttl h2,
.rConWrap03 .ttl h4,
.rConWrap03G .ttl h3,
.rConWrap03G .ttl h2,
.rConWrap03G .ttl h4{
height:auto;
}
.rConWrap04 .ttl h2 img,
.rConWrap03 .ttl h3 img,
.rConWrap03 .ttl h2 img,
.rConWrap03 .ttl h4 img,
.rConWrap03G .ttl h3 img,
.rConWrap03G .ttl h2 img,
.rConWrap03G .ttl h4 img{
margin:0;
}
.rConWrap04 .ttl,
.rConWrap03 .ttl,
.rConWrap03G .ttl{
height:44px;
padding-left:18px;
padding-right:10px;
}

/* posi */
.rConWrap04 .ttl h2,
.rConWrap03 .ttl h2,
.rConWrap03 .ttl h3,
.rConWrap03 .ttl h4,
.rConWrap03G .ttl h2,
.rConWrap03G .ttl h3,
.rConWrap03G .ttl h4{
padding-top:10px;
}
.rConWrap04 .ttl ul,
.rConWrap04 .ttl p,
.rConWrap03 .ttl ul,
.rConWrap03 .ttl p,
.rConWrap03G .ttl ul,
.rConWrap03G .ttl p{
padding-top:10px;
}
.rConWrap04 .ttl ul li img,
.rConWrap03 .ttl ul li img,
.rConWrap03G .ttl ul li img{
margin-left:4px;
}

/* Gray box posi
------------------------------------- */
.rConWrap01G .rConWrapBtm,
.rConWrap02G .rConWrapBtm,
.rConWrap03G .rConWrapBtm{/* reset */
padding-left:0;
padding-right:0;
}
.rConWrap01G .topPosi,
.rConWrap02G .topPosi,
.rConWrap03G .topPosi{
padding:1px 10px 15px 10px;
}
.rConWrap01G .underNotes,
.rConWrap02G .underNotes,
.rConWrap03G .underNotes{
margin-left:1px;
margin-right:1px;
padding:8px 28px 10px 28px;
}
.rConWrap03G .underNotes{
padding-bottom:0;
}

.rConWrap03G .underNotes{
padding-left:9px;
padding-right:9px;
}

/*.underNotes{
background-color:#eee;
}
*/

/* changewhite .underNotes */
.underNotes{
background-color:#fff;
}

/* == .rGrayWrap
------------------------------------- */
/* --- reset */
.rGrayWrap h4{
margin-top:0;
}

/* --- bg */
/* Border */
.rGrayWrap{/* ttl */
background-color:#d2d2d2;/* border color */
}
.rGrayWrap .rConWrapBtm{
border:solid 1px #d2d2d2;
background-color:#fff;
background-image:none;
}

/* corner */
.rGrayWrap,
.rGrayWrap h4{
background-image:url(../../images/rglaywrap_bg_corner.gif);
background-repeat:no-repeat;
}
.rGrayWrap{/* left corner */
background-color:#d2d2d2;/* border color */
background-position:0 0;
}
.rGrayWrap h4{/* right corner */
padding:1px 1px 0 1px;
background-position:100% 0;
}

/* ttl bg */
.rGrayWrap span{
display:block;
padding:10px;
border:solid 1px #fff;
background-image:url(../../images/rglaywrap_bg_ttl.gif);
background-repeat:repeat-x;
background-position:0 0;
background-color:#fff;
}


/* ----------------------------------------------------------
									common category class
 ---------------------------------------------------------- */
/* == .brandList
	-- use ,/products/index.html,/products/brand/index.html
--------------------------------------------------- */
/* posi */
.brandList li{
margin-top:10px;
}
.brandList li a{
margin-right:8px;
}

/* float set */
.brandList li{
float:left;
width:154px;
}

/* gra bg */
.brandList li a{
text-decoration:none;
background-image:url(../../../products/brand/images/logo_bg.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

/* border */
.brandList li a{
display:block;
border:solid 1px #e7e6e6;
}
.brandList li a:hover{
border:solid 1px #ffa0a0;
}

/* ==== itemNotes
	- You can use "div.itemNotes table" or "ul.itemNotes".
	-- use in ,/products/brand/ ,/products/category/
--------------------------------------------------- */
/* table */
.itemNotes td{
padding-right:20px;
}
.itemNotes li{
float:left;
}

/* ====  days
 ---- ex. [icon] + [2009/09/28]
 ---- use in ,/products/brand/ in right sidebar
--------------------------------------------------- */
.days img{
vertical-align:middle;
margin-right:5px;
}

/* ==== iSideItems
 ---- use in ,/products/brand/ and /cm/ in right sidebar
--------------------------------------------------- */
.iSideItems{
padding-bottom:15px;
}

/* posi */
.iSideItems p,
.iSideItems dl{
padding:0 5px;
}

/* h5 */
.iSideItems h5{
padding-left:5px;
padding-top:8px;
padding-bottom:8px;
border-left:solid 6px #d2d2d2;
background-color:#f1f1f1;
}

/* dl */
.iSideItems dl{
text-align:center;
}
.iSideItems dd{
margin-top:5px;
}

/* ==== .notesList
 ---- You can lie dt,dd.
 ---- use in , /products/brand/ and /cm/ in right sidebar
--------------------------------------------------- */
.notesList dt{
float:left;
width:60px;
}
.notesList dd{
float:left;
width:640px;
}
.notesList{
padding-top:10px;
}
.notesList dl{
margin-top:0;
}

/* ==== .inforSet - [img] + [title links] + [text]
 ---- use in , /index.html right sidebar
--------------------------------------------------- */
.inforSet dt,
.inforSet dd{
text-align:center;
}
.inforSet p{
margin-top:0;/* reset */
padding:5px 10px 5px 10px;
}
.inforSet{
border-top:solid 1px #e3e2e2;
}


/* ==== .inforSet02 - [img] + [title links] + [text]
 ---- use in , /index.html right sidebar
--------------------------------------------------- */

.inforSet02 dl{
margin-top:0;/* reset */
padding:8px 10px;
}
.inforSet02{
border-top:solid 1px #e3e2e2;
}
.inforSet02 dt{
float:left;
width:80px;
}
.inforSet02 dd{
float:right;
width:100px;
}

.inforSet02 dd a{
display:block;
margin-bottom:3px;
}
/* ===  #eventLinks,
		#officeLinks
 ---- use in , /event/maruchan/,/csr/sports/,/company/office/ - menu
--------------------------------------------------- */
#officeLinks li,
#eventLinks li{
float:left;
}

#eventLinks li a,
#officeLinks li a,
#eventLinks li span,
#officeLinks li span{
display:block;
margin-right:2px;
margin-right:3px;
padding: 2px 10px 2px 10px;
background-image:url(../../images/icon_black.gif);
background-repeat:no-repeat;
background-position:7px 50%;
text-align:center;
}
#eventLinks li span,
#officeLinks li span{
color:#999;
}

#officeLinks li.on a,
#eventLinks li.on a,
#eventLinks li a:hover,
#officeLinks li a:hover{
background-image:url(../../images/icon_link_under.gif);
background-color:#F00;
}

/* ===  .snsPlagIn
--------------------------------------------------- */
.snsPlagIn ul{
padding-bottom:10px;
}
.snsPlagIn ul li{
float:left;
font-size:8px;
line-height:1em;
}
.snsPlagIn ul li iframe,
.snsPlagIn ul li a{
margin-right:8px;
margin-bottom:0;
}



/* ----------------------------------------------
										clear
---------------------------------------------- */
/* clear */
.snsPlagIn ul:after,
.topMenu01:after,
.topMenu02:after,
.inforSet02:after,
.inforSet02 dl:after,
.RConMenu023:after,
.RConMenu02:after,
.rConWrapBtm:after,
.conTitleWrap:after,
.introTxt:after,
.brandList:after,
.brandListSearch:after,
.conWrap01:after,
.scrollBtn:after,
.scrollWrap ul:after,
#eventLinks ul:after,
#officeLinks ul:after,
.itemNotes:after,
.inSiteWrap:after,
.RConMenu3:after,
.RConMenu:after,
.lay3Wrap:after,
.plugin:after,
.lie2Wrap:after,
.lie2Wrap02:after,
.notesList dl:after,
.newsLiset dl:after,
.freeWord:after,
.freeWord dl:after,
.inforList dl:after,
.rConWrap05 .rConWrapBtm:after,
.conWrap03 .inBg:after,
.conWrap032c .inBg:after,
.setR:after,
.line3ImgSet:after,
.line2ImgSet:after,
.clearDiv:after,
.setL:after,
.ttl ul:after,
.ttl:after{
content:".";
display:block;
height:0;
visibility:hidden;
clear:both;
font-size:0px;
line-height:0;
}

/* IE6,7 \*/
*html .snsPlagIn ul,
*html .topMenu01,
*html .topMenu02,
*html .inforSet02,
*html .inforSet02 dl,
*html .RConMenu023,
*html .RConMenu02,
*html .rConWrapBtm,
*html .conTitleWrap,
*html .introTxt,
*html .brandList,
*html .conWrap01,
*html .scrollBtn,
*html .scrollWrap ul,
*html #eventLinks ul,
*html #officeLinks ul,
*html .itemNotes,
*html .inSiteWrap,
*html .RConMenu3,
*html .RConMenu,
*html .lay3Wrap,
*html .plugin,
*html .lie2Wrap,
*html .lie2Wrap02,
*html .notesList dl,
*html .newsLiset dl,
*html .freeWord,
*html .freeWord dl,
*html .inforList dl,
*html .rConWrap05 .rConWrapBtm,
*html .conWrap03 .inBg,
*html .conWrap032c .inBg,
*html .setR,
*html .line3ImgSet,
*html .line2ImgSet,
*html .clearDiv,
*html .setL,
*html .ttl ul,
*html .ttl{
height:1%;
}
*html .snsPlagIn ul,
*html .topMenu01 li a,
*html .topMenu02 li a,
*html #eventLinks li a,
*html #officeLinks li a,
*html .rConWrapTop,
*html .inRConMenu dl,
*html .rConWrapBtm,
*html .inBg,
*html .conWrap02,
*html .conWrap02G{
height:1%;
}
*:first-child+html .snsPlagIn ul,
*:first-child+html .topMenu01,
*:first-child+html .topMenu02,
*:first-child+html .inforSet02,
*:first-child+html .inforSet02 dl,
*:first-child+html .RConMenu023,
*:first-child+html .RConMenu02,
*:first-child+html .rConWrapBtm,
*:first-child+html .conTitleWrap,
*:first-child+html .introTxt,
*:first-child+html .brandList,
*:first-child+html .conWrap01,
*:first-child+html .scrollBtn,
*:first-child+html .scrollWrap ul,
*:first-child+html #eventLinks ul,
*:first-child+html #officeLinks ul,
*:first-child+html .itemNotes,
*:first-child+html .inSiteWrap,
*:first-child+html .RConMenu3,
*:first-child+html .RConMenu,
*:first-child+html .lay3Wrap,
*:first-child+html .plugin,
*:first-child+html .lie2Wrap,
*:first-child+html .lie2Wrap02,
*:first-child+html .notesList dl,
*:first-child+html .newsLiset dl,
*:first-child+html .freeWord,
*:first-child+html .freeWord dl,
*:first-child+html .inforList dl,
*:first-child+html .rConWrap05 .rConWrapBtm,
*:first-child+html .conWrap03 .inBg,
*:first-child+html .conWrap032c .inBg,
*:first-child+html .setR,
*:first-child+html .line3ImgSet,
*:first-child+html .line2ImgSet,
*:first-child+html .clearDiv,
*:first-child+html .setL,
*:first-child+html .ttl ul,
*:first-child+html .ttl{
display:inline-block;
}
*:first-child+html .rConWrapTop,
*:first-child+html .rConWrapBtm,
*:first-child+html .inBg,
*:first-child+html .conWrap02,
*:first-child+html .conWrap02G{
height:1%;
}
/* end */

/* macIE5 clear \*//*/
.snsPlagIn ul,
.topMenu01,
.topMenu02,
.inforSet02,
.inforSet02 dl,
.RConMenu023,
.RConMenu02,
.rConWrapBtm,
.conTitleWrap,
.introTxt,
.brandList,
.conWrap01,
.scrollBtn,
.scrollWrap ul,
#eventLinks ul,
#officeLinks ul,
.itemNotes,
.inSiteWrap,
.RConMenu3,
.lay3Wrap,
.plugin,
.lie2Wrap,
.lie2Wrap02,
.notesList dl,
.newsLiset dl,
.freeWord,
.freeWord dl,
.inforList dl,
.rConWrap05 .rConWrapBtm,
.conWrap03 .inBg,
.setR,
.line3ImgSet,
.line2ImgSet,
.clearDiv,
.setL,
.ttl ul,
.ttl{
display:inline-block;
}
/* end */

/* without mac IE5 \*/
.scrollWrap,
.underGray,
.lie2Wrap,
.newsLiset dl,
.underNotes,
.rConWrap01,
.rConWrapBtm,
.underPageNo,
.centerBtn,
.conWrap02,
.conWrap02G,
.clearDiv{
clear:both;
}
/* end */


.companyRecruitHead{
position: relative;
}

.recruitLinkTop {
position: absolute;
top: 10px;
left: 10px;
}

.recruitLink01,.recruitLink02 {
font-size: 12px;
background-image: url(../../images/icon_arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
text-decoration: none;
padding-left: 10px;
}

.companyRecruitHead a {
color:#000;	
}

.companyRecruitHead a:hover{
color: #ff0000;
}

.companyRecruitHead .recruitLink01{
position: absolute;
top: 42px;
left: 20px;
}

.companyRecruitHead .recruitLink02{
position: absolute;
top: 63px;
left: 20px;
}

.companyRecruitList {
width: 308px;
}

.fl-l {
	float: left;
}
.fl-r {
	float: right;
}

.en-link {
	display: block;
	border: 1px solid #d2d2d2;
	padding: 5px 20px;
}