@charset "Shift_JIS";



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

 キユーピー商品情報　CSS

 0.reset

 1.layout

 2.contents

 	2_0.H要素

 	2_1.div#recommend

	2_2.div#category

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





/*商品情報 階層個別　CSS --------------------*/

/*　第2階層　*/
@import "productstop.css";

/*　第3階層　*/
@import "categorytop.css";

/*　第4階層　*/
@import "category.css";

/*　第5階層　*/
@import "detail.css";


/* 

 0.reset

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



a img{

border:0;

}

div#contents img{

vertical-align:baseline;

}





div#contents p.btn{

text-align:right;

}



/* 

 1.layout

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



div#contents{

border-style:none;

}



div#contents div#main_pct{

margin:0 0 10px 0;

}





/* 

 2.contents

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







/* div#recommend------------ */



div#contents div#recommend{

margin:0 0 25px 0;

padding:0;

color:#787878;

}



div#contents div#recommend h2{

margin:0;

padding:0 0 10px 0;

}




div#contents div#recommend:after{

   content:".";

   display:block;

   height:0px;

   clear:both;

   visibility:hidden;

}



/* Win版IE7とMac版IE5対策 */

div#contents div#recommend{

   display:inline-block;

}



/* Win版IE5および6対策 */

/* Hides from IE-mac \*/

* html div#contents div#recommend{

   height:1px;

}



div#contents div#recommend{

   display:block;

}

/* End hide from IE-mac */





div#contents div#recommend a.list_btn img{

margin:0 0 0 420px;

}



div#contents div#recommend div.block{

float:left;

margin:0 15px 15px 0;

padding:0;

width:282px;

}



div#contents div#recommend div.block h3{

color:#55974C;

margin:0 0 5px 0;

padding:0;

font-size:100%;

}



div#contents div#recommend div.block img.pct{

width:95px;

height:95px;

diplay:inline;

float:left;

vertical-align:bottom;

}



div#contents div#recommend div.block div.txt{

margin:0 0 5px 110px;

padding:0;

width:162px;

voice-family: "\"}\"";

voice-family:inherit;

width:172px;

min-height:83px;

}



* html div#recommend div.block div.txt{

	height:83px;/*for IE 6*/

}







div#contents div#recommend div.block p.btn{

margin:0;

padding:0;

}



div#contents div#recommend div.block div.txt p{

margin:0;

padding:0;

}





div#contents div#recommend div.end{

margin:0;

padding:0;

}




/* div#category------------ */



div#contents div#category h2{

margin:0 0 16px 0;

padding:0;

}



div#contents div#category div.block{

margin:0 0 17px 0;

}



/*MacIE hide start\*/

* html div#contents div#category div.block { 

margin:0 0 14px 0; 

}

/*MacIE hide end*/



div#contents div#category div.block ul:after{

   content:".";

   display:block;

   height:0px;

   clear:both;

   visibility:hidden;

}



/* Win版IE7とMac版IE5対策 */

div#contents div#category div.block ul{

   display:inline-block;

}



/* Win版IE5および6対策 */

/* Hides from IE-mac \*/

* html div#contents div#category div.block ul{

   height:1px;

}



div#contents div#category div.block ul{

   display:block;

	 clear:both;

}

/* End hide from IE-mac */





div#contents div#category div.block ul li{

display:inline;

float:left;

width:188px;

margin:0 17px 0 0;

}



div#contents div#category div.block ul li.end{

margin:0;

}



/* div#category02------------ */



div#contents div#category02{

color:#595959;

margin:0 35px;

}



div#contents div#category02 h2{

color:#482e13;

padding:0 0 5px 0;

border-bottom:1px solid #e60004;

}



div#contents div#category02 p#category_lead{

margin:0 0 20px 0;

}





div#contents div#category02 div.block{

margin:0 0 17px 0;

}





div#contents div#category02 h3{

color:#e60004;

background:url(/products/imgs/category02_h3_bg.gif) repeat-x bottom;

font-size:100%;

margin:0 0 5px 0;

padding:0 0 7px 0;

}



div#contents div#category02 div.block p.price{

margin:0 0 10px 0;

padding:0;

}



div#contents div#category02 div.block img{

width:102px;

height:102px;

diplay:inline;

clear:left;

float:left;

vertical-align:bottom;

}



div#contents div#category02 div.block{

min-height:102px;

}



* html div#contents div#category02 div.block{

	height:102px;/*for IE 6*/

}







div#contents div#category02 div.block h3,

div#contents div#category02 div.block ul,

div#contents div#category02 div.block p.price{

margin-left:114px;

width:400px;

voice-family: "\"}\"";

voice-family:inherit;

width:400px;

}





div#contents div#category02 div.block ul li{

background:url(/products/imgs/category02_list_bg.gif) no-repeat top left;

padding:0 0 0 20px;

}





div#l-navi div.side_bnr{

margin:0 0 15px 0;

}



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

スープ・タイムズ　CSS

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



#soup h2{

margin:0 0 10px;

padding:3px 0 5px;

color:#dc3e3e;

font-size:110%;

border-bottom: dotted 3px #e98960;

}



#soup h3{

margin:0 0 10px;

padding:3px 0 5px;

color:#f1a204;

font-size:100%;

border-bottom: solid 1px #ffcc66;

}



#soup h4{

color:#666666;

margin:0 0 5px;

font-size:100%;

font-weight:normal;

line-height:140%;

padding:5px;

background-color:#fde5e5;

}



#soup p{

color:#666666;

line-height:140%;

padding-bottom:5px;

}



.sfont{

font-size:90%;

}



.center_img{
text-align:center;/*for IE6*/

clear:both;

margin-left:auto;

margin-right:auto;

margin-bottom:10px;
}



.txtalign_c{

text-align:center;

}



.txtalign_l{

text-align:left;

}



.mame{

border:solid 15px #ffcc66;

padding:10px;

width:550px;

}



.mame h5{

margin:0;

color:#cc3333;

line-height:140%;

font-size:100%;

}



/* margin */

.margin_b5{margin-bottom:5px;}

.margin_b10{margin-bottom:10px;}

.margin_b20{margin-bottom:20px;}

.margin_b25{margin-bottom:25px;}

.margin_b30{margin-bottom:30px;}



.margin_l5{margin-left:5px;}

.margin_l10{margin-left:10px;}

.margin_l20{margin-left:20px;}



.margin_r5{margin-right:5px;}

.margin_r10{margin-right:10px;}

.margin_r20{margin-right:20px;}





.dialogue td{

vertical-align:top;

padding-bottom:5px;

}



/* color */

.magenta{

color:#ff00ff;

}



.green{

color:#1ec61b;

}



.royalblue{

color:#4169e1;

}



.dark_brown{

color:#482e13;

}



.no_b{

font-weight:normal;

}



.ls_1{

letter-spacing：-1px;

}



.ls_2{

letter-spacing：-2px;

}





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

商品情報詳細ページ　200712

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

#products_cont{

border: #dadada 1px solid;

float: right;

voice-family:"\"}\"";

voice-family:inherit;

width:598px;

}



#products_style{

padding:25px 0px 5px;

}
	.nosub #products_style{ /* ヘルスフード・医療食 対応 */
		padding:0 0 5px;
	}



#products_style h1{

text-align:center;

margin:0;

font-weight:normal;

}



#products_style h2{

margin:0 0 5px;

color:#e60003;

font-size:130%;

padding-top:10px;

padding-bottom:5px;

border-bottom:solid 1px #e87d7f;

width:540px;

}



#products_style h3{

margin:0 0 0 10px;

color:#595959;

font-size:100%;

padding-bottom:5px;

background-image: url("/common/imgs/bg_align_red.gif");

background-repeat: repeat-x;

background-position:bottom;

}



#products_style h4{

color:#595959;

margin:0;

font-weight:normal;

font-size:100%;

padding:5px 10px 10px;

}



#products_style h5{

margin:0 0 5px;

color:#e60004;

font-size:100%;

padding-bottom:5px;

background-image: url("/common/imgs/bg_align_red.gif");

background-repeat: repeat-x;

background-position:bottom;

}



#products_style h6{

margin:0 0 0 10px;

color:#595959;

font-size:130%;

padding-bottom:5px;

background-image: url("/common/imgs/bg_align_red.gif");

background-repeat: repeat-x;

background-position:bottom;

}





#products_style p{

color:#595959;

padding-left:10px;

line-height:140%;

}



.59{

color:#595959;

}



#products_style table{

margin-bottom:10px;

}



#products_style td{

vertical-align:top;

}



#toast{

background-color:#fcf8f1;

padding:10px;

}



#toast h5{

font-size:100%;

color:#482e13;

padding:0 0 15px 10px;

margin:0

}



.copy{

line-height:140%;

padding-bottom:15px;

}



.banner{

text-align:right;

}



.comment{

padding:5px 0;

line-height:140%;

border-top:dashed 1px #ed4a4d;

border-bottom:dashed 1px #ed4a4d;

margin-bottom:15px;

}



.comment th{

text-align:left;

color:#e60004;

}



.font_80{

font-size:80%;

}



/*お弁当用シート使用例*/

#sheet_ex h3{

margin-bottom:20px;

}



#sheet_ex div{

padding:3px;

text-align:center;

}



/*詳細ページ*/

#p_ttl{

color:#906a42;

font-size:80%;

}



.p_img{

display:inline;

float:left;

width:180px;

text-align:left;

}



.p_details{

color:#595959;

line-height:140%;

}



.list_l{

display:inline;

float:left;

padding:10px 5px 5px 0;

}



.list_r{

display:inline;

float:right;

padding:10px 0 5px;

}



.details_tbl{

border:solid 1px #999999;

border-collapse:collapse;

}



.details_tbl th{

padding:3px;

color:#595959;

font-weight:normal;

text-align:left;

border:solid 1px #999999;

background-color:#f0eeee;

}



.details_tbl td{

padding:3px;

color:#595959;

border:solid 1px #999999;

}



.ctgry{

background-color:#fcecef;

}



.details_bn{

clear:right;

padding-right:5px;

}



.details_bn p{

padding-bottom:3px;

}



.ttl_ex{

font-weight:bold;

color:#906b41;

background-color:#fffcd8;

padding:3px 5px;

margin:10px 0;

width:530px;

}

.ttl_ex2{

font-weight:bold;

color:#906b41;

background-color:#fffcd8;

padding:3px 5px;

margin:10px 0;

width:500px;

}



#mayo_list{

border:solid 1px #a7d0b9;

padding:5px 3px;

margin-bottom:20px;

}



#mayo_list th{

color:#22b360;

padding:3px 0;

}



#mayo_list td{

color:#355ea7;

padding:0 3px 3px 10px;

}

/*////////////////////////追加081128renewal/////////////////////////////
/*------------既存スタイル上書き------------*/
/*メインコンテンツブロックのスタイル上書き*/
#products_cont{
		float: left;
		padding:30px;
		width:760px;
		voice-family: "\"}\""; 
		voice-family: inherit;
		width:700px;
}
.showsub #products_cont,
.nosub #products_cont{
	width:600px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width:540px;
}
/*//////////////////////////////////////////////////////////////////////




/* other_menu ---------------*/

.other_menu{
clear:both;
width:100%; /*-for IE6----*/
height:12px;
}

.other_menu li{
float:left;
margin:20px 15px 0 0;
}

/* related_site ---------------*/

#subcontents ul.related_site{
margin:0 0 50px 0;
}

#subcontents ul.related_site li{
margin:0 0 11px 0;
}

#subcontents ul.related_site li{
	margin:0 0 11px 0;
}
#subcontents .linkarw_txt{
	background:url(/common/imgs/arrow_02.gif) no-repeat top left;
	padding:0 0 0 16px;
	margin:10px 0 10px 0px;
}

/* other_contents ---------------*/


#subcontents ul.other_contents li{
margin:0 0 11px 0;
}


#contents_wrapper h2{
margin:0 0 30px 0;
padding:0;
}

#contents h2 img{
vertical-align:bottom;
}


#contents h3{
border-bottom:1px solid #E60003;
padding:0;
margin:0 0 20px 0;
}

#contents h4{
clear:both;
margin:0 0 8px 0;
padding:0;
}

#contents ul.category_menu{
clear:both;
margin:0 -16px 20px 0;
zoom:1;
}

#contents ul.category_menu li{
float:left;
margin:0 16px 20px 0;
}

#contents ul.line{
border-top:dashed 1px #ea6b42;
padding:10px 0 0 0;
}

/* --rengecook-------------------- */

#watt{
margin:10px 0px;
}

#watt table{
border:solid 1px #bbb7b9;
border-collapse: collapse;
padding:3px;
}

#watt th{
border:solid 1px #bbb7b9;
background-color:#d9d7d8;
text-align:center;
padding:3px 10px;
}


#watt td{
border:solid 1px #bbb7b9;
text-align:center;
padding:3px 10px;
}

#s_point{
margin:-10px 0px;
}


/* 介護食テーブル*/

.seibn_tbl{
border:solid 1px #dadada;
border-collapse: collapse;
padding:3px;
margin:8px;
}


.seibn_tbl th{
border:solid 1px #dadada;
background-color:#f8ebcb;
text-align:center;
padding:3px 10px;
}

.seibn_tbl td{
border:solid 1px #dadada;
text-align:center;
padding:3px 10px;
}

.products_categorytop#contents ul.recommend_menu {
width:100%;
overflow:hidden;
margin:0 0 20px 0;
}

.products_categorytop#contents ul.recommend_menu li{
float:left;
width:299px;
overflow:hidden;
margin-bottom:15px;
}

.products_categorytop#contents ul.recommend_menu li h3{
margin:0 0 5px 0;
padding:0;
border:none;
font-size:100%;
color:#55974c;
}

.products_categorytop#contents ul.recommend_menu li h3,
.products_categorytop#contents ul.recommend_menu li p{
width:185px;
float:left;
}

.products_categorytop#contents ul.recommend_menu li img{
float:left;
margin:0 10px 0 0;
}

.products_categorytop#contents ul.recommend_menu li h3 img{
float:none;
margin:0;
}


.products_category#contents ul.recommend_menu {
width:100%;
overflow:hidden;
margin:0 0 20px 0;
}

.products_category#contents ul.recommend_menu li{
float:left;
width:299px;
overflow:hidden;
margin-bottom:15px;
}

.products_category#contents ul.recommend_menu li h3{
margin:0 0 5px 0;
padding:0;
border:none;
font-size:100%;
color:#55974c;
}

.products_category#contents ul.recommend_menu li h3,
.products_category#contents ul.recommend_menu li p{
width:185px;
float:left;
}

.products_category#contents ul.recommend_menu li img{
float:left;
margin:0 10px 0 0;
}

.products_category#contents ul.recommend_menu li h3 img{
float:none;
margin:0;
}

/* 成分表------------ */
.products_seibun{
font-size: 11px;
line-height: 14px;
padding:2px;
border: solid 1px #999999;
border-collapse:collapse;
}

.products_seibun th{
background-color:#ffefdf;
border:solid 1px #999999;
}
.products_seibun td{
border: solid 1px #999999;
padding:4px 2px;
}

.bg_fafafa{
background-color:#fafafa;
}

h3.products_category{
color:#ff6666;
font-size:80%;
margin:20px 0 0;
}

h3.products_series{
color:#e92225;
font-size:100%;
margin:5px 0;
}

/* 差し込みHTML------------ */

.html_1{
margin:-20px 0 5px;
}

.html_2{
margin:0 0 15px;
}

/* 出荷日 ---------------*/

.syukka{
color:#0000ff;
line-height:140%;
}

/* キユーピー　マヨネーズ ---------------*/

.p_info_tbl{
border:solid 1px #cccccc;
border-collapse:collapse;
}

.p_info_tbl th{
padding:5px;
border-right:double 3px #cccccc;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#efefef;
text-align:left;
}

.p_info_tbl td{
padding:3px;
border:solid 1px #cccccc;
text-align:center;
}