@charset "Shift_JIS";

/* ***********************************************************
 *
 * Since	:	2010-4-25
 * Modified	:	2010-4-25
 * For		:	Nestle-MT
 *
 * usage	:	for MT template
 * ***********************************************************
 */

/* font-size usage
77% = renders 10px
85% = renders 11px
93% = renders 12px
100.01% = renders 13px
108% = renders 14px
123.1% = renders 16px
138.4% = renders 18px
200% = renders 26px
*/

@import "idstyle.css";

/*PAGE BASIC SETTING
================================================== */
body {
	text-align: center;
	}
	
#WRAPPER {
	width:100%;
	overflow: hidden;/*clearfix*/
	background:#ffffff;
	}

.innerContent {
	width: 970px;
	margin:0px auto;
	position: relative;
	}
	
	p,
	label,
	span{
		font-size: 93%;
		}

/*===header配下指定===*/
#header {
	height: 73px;
	background: #191919;
	}
	
	#header #logo {
		position: absolute;
		width: 142px;
		height: 73px;
		top: 0;
		left: 0;
		}
		
	#header #topLink {
		position: absolute;
		width: 128px;
		height: 33px;
		top: 41px;
		left: 161px;
		}
		
	#header #listBtn {
		display: none;
		position: absolute;
		width: 170px;
		height: 33px;
		top: 41px;
		left: 323px;
		z-index: 2;
		}
		
	#header #listBtn.work {
		display: block;
		}

	#header #pointBtn {
		position: absolute;
		width: 170px;
		height: 25px;
		top: 4px;
		left: 626px;
		}

	#header #pointLink {
		position: absolute;
		width: 163px;
		height: 25px;
		top: 4px;
		left: 807px;
		}	

	#header #serchForm {
		position: absolute;
		width: 344px;
		height: 29px;
		top: 35px;
		left: 626px;
		}	

	#header #serchForm #serchText{
		position: absolute;
		width: 246px;
        padding:5px 3px 4px 24px;
        background:#ffffff url(../../img_detail/detail/headerSearch_icon.gif) 6px 6px no-repeat;
		border: 1px solid #cbc3b6;
		font-size: 123.1%;
		}

	#header #serchForm #serchBtn{
		position: absolute;
		width: 71px;
		height: 29px;
		left: 274px;
		}
		
		
/*===各カテゴリ色指定===*/

/*ネスカフェ*/
#nescafe #topicPath {
	 background: #d1c8b2;
}

#nescafe #product {
	background: #1e1105 url(../../bg_img/nescafe_bg.jpg) center top no-repeat;
	}

#nescafe h1 {
	color: #c5a052;
	}
	
#nescafe #product .scroll {
	color: #d0bb8f;
	}

#nescafe #topicPath a:link,
#nescafe #topicPath a:active,
#nescafe #topicPath a:visited {
			text-decoration: none;
			color: #000000;
			}
			
#nescafe #topicPath a:hover {
			color: #b62500;
			}

#nescafe #infoArea {
	background: #ffffff url(../../img_detail/detail/productInfoArea_bg.gif) top repeat-x;
	}

#nescafe #product .scrollControlsY {
	background: url(../../img_detail/detail/scrollBar_nescafe.gif) repeat-y right top;
    }
    
#nescafe #product .upBtn,
#nescafe #product .upBtn-Active {
	background: url(../../img_detail/detail/upBtn_nescafe.gif) no-repeat 0 0;
    }

#nescafe #product .downBtn,
#nescafe #product .downBtn-Active {
	background: url(../../img_detail/detail/downBtn_nescafe.gif) no-repeat 0 0;
    }

#nescafe #product .scrollHandleBG,
#nescafe #product .scrollHandleTop,
#nescafe #product .scrollHandleBottom {
	background: url(../../img_detail/detail/scrollHandleBG_nescafe.gif) repeat-y center ;
    }

/*===product配下レイアウト指定===*/

	
	#topicPath .innerContent {
		position: relative;
		padding: 15px 0;
		font-size: 108%;
		}
	
	#topicPath li {
		display :inline;
		margin: 0 13px 0 0;
		padding-left: 18px;
		background: url(../../img_detail/detail/topicPath_bg.jpg) 0px 4px no-repeat;
		}
		
		#topicPath li.first {
			padding: 0;
			background: none;
			}

#product {
	padding-bottom: 10px;/*2010-07-08-13:14 SPICE*/
	}

#product .innerContent {
	margin:0px auto;
	overflow: hidden;/*clearfix*/
	}
	
	#listSWF {
		position: absolute;
		z-index: 100;
		width: 970px;
		top: 73px;
		left: 50%;
		margin-left: -485px;
		display: none;
		text-align: center;
		}
		
		#listSWF.open {
		display: block;
			}
			
		#listSWF.hide {
		display: none;
			}
			
		#swfBG {
			position: fixed;
			_position: absolute;
			z-index: 99;
			display: none;
			width: 100%;
			height: 100%;
			background: #000;
			filter: alpha(opacity=20);
			opacity: 0.2;
			}
			
		#swfBG.open {
			display: block;
			}
			
		#swfBG..hide {
			display: none;
			}
			

#product .downBtn{
    _bottom:-20px;
    }
            
	
	#SWFinner {
		width: 970px;
		margin: 73px auto 0;
		position: absolute;
		z-index: 15;
		text-align: center;
		}
	
	#product #productPhoto {
		float: left;
		display: inline;
		width: 430px;/*2010-07-08-13:14 SPICE*/
		height: 468px;
		}

	#product .productText {
		float: left;
		display: inline;
		width: 500px; /* for IE5.5 */
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 540px;
		}

	#product h1 {
		width: 435px;
		padding-top: 38px;
		font-size: 153.8%;
		font-weight: bold;
		}
        
    #product #badge {
        position: absolute;
        right:0;
        top: 7px;
        width: 100px;
        text-align: 100px;
        }
        
    #product .productNew {
        position: absolute;
        left:432px;
        top: 16px;
        }
		
	#product .scroll {
		width: 490px;
		height: 256px;
		margin-top: 15px;
		overflow-x: hidden;
		overflow-y: auto;
		}
        
	#product .scroll p {
        margin-bottom: 1em;
        font-size: 108%;
        padding-right: 15px;
        }
	
	#product .scrollBox {
		position: relative;
		height: 256px;
		}
	
	#product .scrollControlsY {
		height: 256px;
        right: 46px;
		}
		
	#product #detailBtn {
		float: left;
		display: inline;
		margin-top: 30px;
		margin-left: 20px;
		}
		
	#product .qrArea {
		float: left;
		display: inline;
        text-align: center;
        width: 118px;
		margin: 12px 0 13px;
		}
        
        #product .qrArea .qrCode {
            margin:0 0px 10px 0;
            }      

/*===infoArea配下レイアウト指定===*/
#infoArea {
	width: auto;
	}

#infoArea .innerContent {
	overflow: hidden;/*clearfix*/
	}
	

#lineup {
	width:970px;
	min-height: 50px;
	_height: 50px;
	}

#lineUpArea {
	
	/*flashが出ない場合、消滅するように*/
	}


#allergen {
	float: right;
	display: inline;
	width: 462px;
	}
	
#compas {
	width: 460px;
	}
	
#allergen h2 {
	margin-bottom: 26px;
	}

#compas h2 {
	margin-bottom: 35px;
	}

#allergen .regulated-info {
	margin-bottom: 17px;
	}

#allergen .regulated-info h3 {
	margin-bottom: 8px;
	}

#allergen .regulated-info table {
	width: 460px;
	margin-bottom: 6px;
	}

#allergen .regulated-info table td {
	border:1px solid #c7c7c7;
	}

#allergen .additional-info {
	margin-top: 13px;
	padding: 15px 10px 15px 0;
	border: 1px solid #c7c7c7;
	}


#allergen .additional-info h3 {
	margin-bottom: 15px;
	}

#allergen .additional-info p {
	margin-left: 16px;
	}
	

.note {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 85%;
	}


/*===commentWrap配下レイアウト指定===*/

#commentWrap {
	position: relative;
	clear: both;
	width: 970px;
	margin: 35px auto 40px;
	}

#nonJScaution {
	margin: 5px 0 15px;
	padding: 7px;
	background: #ffe1ff;
	color: #ad0600;
	}

#formTab {
    width: 40px;
	display: none;
	position: absolute;
	top: 14px;
	left: -13px;
    voice-family: "\"}\"";
    voice-family: inherit;
	left: 0;
	}
	
	#formTab.work {
		display: block;
		}
	
	#formTab li {
		margin-bottom: 5px;
		}

#commentWrap .selectiveForm {
	display: block;
	width: 398px;
	position: relative;
	left: 39px;
	padding-top: 22px;
	background: url(../../img_detail/detail/commentForm_bg.gif) top right no-repeat;
	margin-bottom: 20px;
	}
	
	#commentWrap #imageForm.selectiveForm,
	#commentWrap #movieForm.selectiveForm{
		display: none;
		}
		
	#commentWrap.work #imageForm.selectiveForm,
	#commentWrap.work #movieForm.selectiveForm{
		display: block;
		}

#imageForm,
#movieForm {
	display: none;
	}
	
#commentWrap .selectiveForm .inner {
	min-height: 680px;
	padding:0 18px 35px 24px;
	background: url(../../img_detail/detail/commentForm_bottom_bg.gif) bottom right no-repeat;
	}

	
	#commentWrap .selectiveForm h2 {
		float: left;
		width: 230px;
		margin-bottom: 10px;
		}
	
	#commentWrap .selectiveForm .linkText {
		display: block;
		float: left;
		width: 125px;
		margin-top: 5px;
		}

	#commentWrap .selectiveForm .description {
		display: block;
		clear: both;
		margin-bottom: 25px;
		}
		
	#commentWrap .selectiveForm form ul {
		margin-left: 5px;
		}
		
	#commentWrap .selectiveForm  form li {
		margin-bottom: 10px;
		}
		
	#commentWrap .selectiveForm form li label {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 93%;
		color: #3e2600;
		}

		#commentWrap .selectiveForm form li input.name {
			width: 310px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: url(../../img_detail/detail/commentAuthor_icon.gif) 8px 8px no-repeat;
			font-size: 123.1%;
			}
			
		#commentWrap .selectiveForm form li input.email {
			width: 310px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: url(../../img_detail/detail/commentMail_icon.gif) 8px 8px no-repeat;
			font-size: 123.1%;
			}
            
		#commentWrap .selectiveForm form li input.url {
			width: 325px;
            padding: 5px;
			border: 1px solid #cbc3b6;
			background: #f5f5f5;
            color: #716044;
            font-size: 85%;
			}
            
        #commentWrap .selectiveForm form li .dataSelectBtn {
            display: block;
            margin: 15px 0 10px;
            }

			
		#commentWrap .selectiveForm form li .text {
			width: 325px;
            padding:5px;
			border: 1px solid #cbc3b6;
			}
            
        #commentWrap .selectiveForm form li .note {
			display: block;
            margin-top:3px;
            font-size: 85%;
            }
            
        #commentWrap .selectiveForm .qrArea {
            clear: both;            
			width: 335px;
            margin: 10px 0 15px;
            background: #f8f7f0;
            overflow: hidden;
            _height: 1%;
            }
            
            #commentWrap .selectiveForm .qrArea .qrCode {
                margin: 2px;
                float: left;
                }
                
            #commentWrap .selectiveForm .qrArea p {
                float: left;
                width: 235px;
                margin:3px;
                }
                
            #commentWrap .selectiveForm .qrArea p span {
                color: #e02500;
                }
                
            #commentWrap .selectiveForm .qrArea p strong {
                font-weight: bold;
                color: #e02500;
                }
                

		#commentWrap .selectiveForm  .disclaimer {
			clear: both;
			}

		#commentWrap .selectiveForm .disclaimer dt {
			margin-bottom: 5px;
			font-weight: bold;
			}
			

		#commentWrap .selectiveForm .disclaimer ul {
            font-size: 93%;
            }

		#commentWrap .selectiveForm .disclaimer li {
			text-indent: -1em;
			padding-left: 1em;
            line-height: 1.6;
			margin-bottom: 5px;
			}

		#commentWrap .selectiveForm .responseCheck {
			float: left;
			width: 225px;
			margin: 10px 0 15px;
			}

		#commentWrap .selectiveForm .responseCheck label {
			font-weight: normal;
			margin-left: 8px;
			}
			
		#commentWrap .selectiveForm .responseCheck span {
			display: block;
			margin-bottom: 4px;
			}
			
		#commentWrap .sendBtn {
			float: right;
			width: 112px;
			margin:10px 13px 0 0;
            }
            
        #image-preview.out,
        #movie-preview.out {
            display:none;
            }




#commentView {
	position: absolute;
	right: 0;
	top: 14px;
	width: 532px;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 30px;
	color: #000000;
	}

	#commentView h2 {
		margin: 12px 0 10px 21px;
		}
		
	#commentView #counter {
		display: block;
		position: relative;
		width: 150px;
		top: -38px;
		right: -350px;
		z-index:2;
		text-align: right;
        margin-bottom: -10px;
		}
    
    #commentView #viewBtn {
        text-align: right;
        margin:10px 47px 0 0;
        }

    #commentView #allView {
        margin-right: 4px;
        }
        
        

    #commentView .downBtn{
        _bottom:-1px;
        }
    
    
	#commentView .scrollControlsY{
		right: 10px;
		}
	
	#commentView .scrollBox {
		position: relative;
		height: 655px;
		}
		
	#commentView .scroll {
		height: 635px;
		width: 515px;
		padding-bottom: 20px;
		overflow: auto;
		}

		/*edit GU 2010-0714*/		
	#commentView .messageBlock {
		overflow: hidden;/*clearfix*/
		margin:15px 15px 0 15px;
		padding: 0 15px 15px;
		background: #ffffff url(../../img_detail/detail/postMessage_head_base_bg.gif) top no-repeat;
		}

		/*edit GU 2010-0714*/				
		#commentView .commentBlock {
			clear: both;
			width: 432px;
			margin: 0 0 10px 50px;
			padding: 0px 0px 15px 0px;
			background: #ffffff url(../../img_detail/detail/resMessage_base_bg.gif) bottom  right no-repeat;
			}
            
            
            #commentView a:link,
            #commentView a:active,
            #commentView a:visited {
                color: #000000;
                text-decoration: none;
                }
			
		#commentView .thumbArea {
			float: left;
			width: 140px;
			margin-right: 20px;
            }
        
		/*edit GU 2010-0714*/
		#commentView .movieThumb {
			float: left;
			width: 138px;
			border: 1px solid #5c9300;
			background: #5c9300;
            margin-bottom:10px;
			}

		/*edit GU 2010-0714*/
		#commentView .imageThumb {
			float: left;
			width: 138px;
			border: 1px solid #5c9300;
			background: #5c9300;
            margin-bottom:10px;
			}
        
		#commentView .mapThumb {
			float: left;
			width: 132px;
            margin-bottom:10px;
			}
			
        
		/*edit GU 2010-0714*/
		#commentView .messageBlock .head {
				margin: 5px 10px 15px 25px;
				font-weight: bold;
				color: #45a900;
				}
				
		/*edit GU 2010-0714*/
		#commentView .commentBlock .head {
				padding: 15px 15px 10px 25px;
				background: #ffffff url(../../img_detail/detail/resMessage_base_bg.gif) top right no-repeat;
				color: #45a900;
				}
			
		/*edit GU 2010-0714*/	
			.messageBlock .head .date {
				padding: 1px 30px 1px 0;
				border-right: 2px solid #45a900;
				margin-right: 30px;
				}
				
		/*edit GU 2010-0714*/	
			.commentBlock .head .date {
				padding: 1px 20px 1px 0;
				border-right: 1px solid #45a900;
				margin-right: 20px;
				}
				
		/*edit GU 2010-0714*/	
		#commentView .commentBlock .mainTxt {
				padding: 5px 15px 5px 25px;
				}
				
			#commentView .addComment {
				margin-top:10px;
				height: 30px;
				float: right;
				}
		
		#commentView .addComment a {
			display: none;
			}
	
				
			#commentView.work .addComment a {
				display: block;
				}
                
            #contents #commentView .addComment {
                border: 1px solid #d2c5b1;
                padding: 5px 5px 5px 15px;
                background: url(../../img_detail/detail/addComment_bg.gif) 5px 10px no-repeat;
                }

.commentSubFormInner {
    padding: 18px 50px 20px 28px;
    background: #ffffff;
    }
    
    .commentSubFormInner .title {
        padding-bottom: 15px;
        border-bottom: 1px solid #cbc3b6;
        }

    .commentSubFormInner .mainText{
        margin-bottom: 15px;
        padding: 15px 0;
        border-bottom: 1px solid #cbc3b6;
        font-size: 108%;
        }
    
		.commentSubFormInner input.name {
			width: 310px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: #ffffff url(../../img_detail/detail/commentAuthor_icon.gif) 8px 8px no-repeat;
			font-size: 123.1%;
			}
			
		.commentSubFormInner input.email {
			width: 310px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: #ffffff url(../../img_detail/detail/commentMail_icon.gif) 8px 8px no-repeat;
			font-size: 123.1%;
			}

		.commentSubFormInner textarea.text {
            border: 1px solid #cbc3b6;
            }
            
		.commentSubFormInner .userName {
            font-weight: bold;
            }
            
            .commentSubInput {
                margin-bottom: 15px;
                }
                
            .commentSubInput label {
                display: block;
                font-weight: bold;
                margin-bottom:4px;
                }
             
                   
/*===SUB pageレイアウト===*/

#contents {
    width: 928px;
    margin: 25px auto 100px;
    }

#postMessageTitle {
	padding-bottom:45px;
    }
	

#contents.list #postMessageTitle {
	margin-bottom: 0px;
    }

#postMessageTitle h1 {
        margin-right: 10px;
        float: left;
        }
        
 #postMessageTitle .lead {
        float: left;
        width: 670px;
        padding: 8px 12px;
        font-size: 123.1%;
        font-weight: bold;
        background: #f8f8f0;
        }
    
    #contents .article {
        clear: both;
        background: url(../../img_detail/detail/sub_bg.gif) top left repeat-y;
        }
        
    #contents .article h2 {
        /*margin-top:30px;*/
        }
		
/*edit GU 2010-0715*/
    #contents .article .BGsetter {
        padding-top:15px;
        background: url(../../img_detail/detail/sub_bg_upper.gif) top left no-repeat;
		}
        
/*edit GU 2010-0715*/
    #contents .article .inner {
        padding:0 42px 30px;
        background: url(../../img_detail/detail/sub_bg_bottom.gif) bottom left no-repeat;
        }
        
    #contents .article .attentions {
        font-size: 93%;
        margin-top:10px;
        padding: 8px 0 10px;
        }
        
        #contents .article .attentions .noteTitle {
            margin-bottom: 15px;
            padding-left: 35px;
            }
            
        #contents .article .attentions ul{
            margin:2px 35px 0;
            }
            
        #contents .article .attentions ul li {
            margin-bottom: 3px;
            padding-left: 15px;
            background: url(../../img_detail/detail/listHeadCircle_bg.gif) 0 2px no-repeat;
            }
            
        #contents .article .attentions ul li em {
        	font-size:120%;  
            font-weight: normal;
            color: #043bf0;
            }
        
        #contents .article .formArea {
            position: relative;
            overflow: hidden;
            _height: 1%;
            margin-top: 13px;
            padding: 30px;
            border: 1px solid #e6fae0;
            background: #e6fae0;
            }
            
        
		#contents .article #authorSet label,
        #contents .article #emailSet label,
        #contents .article #textSet label {
            display: block;
            margin-bottom: 3px;
            font-weight: bold;
            }
        
        #contents .article #leftArea {
            float: left;
            display: inline;
            width: 350px;
            }
            
            #contents .article #leftArea p {
                width: 330px;
                margin-top: 20px;
                font-size: 108%;
                }
                
                #contents .article #leftArea p em {
                    font-weight: bold;
                    color: #d54f0d;
                    }
            
		#contents .article #authorSet,
		#contents .article #emailSet {
            width: 350px;
            margin-bottom: 15px;
            }
            
		#contents .article #textSet {
            float: right;
            display: inline;
            width: 400px;
            }
            
		  #contents .article #authorSet input.name {
			width: 305px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: #ffffff url(../../img_detail/detail/commentAuthor_icon.gif) 8px 8px no-repeat;
			font-size: 123.1%;
			}
			
		  #contents .article #emailSet input.email {
			width: 305px;
            padding: 5px 0 5px 25px;
			border: 1px solid #cbc3b6;
			background: #ffffff url(../../img_detail/detail/commentMail_icon.gif)8px 11px no-repeat;
			font-size: 143.1%;
            }
            
		  #contents .article #textSet textarea.text {
			width: 385px;
            padding: 5px;
			border: 1px solid #cbc3b6;
            }
            
        #contents .article #textSet .responseCheck {
            margin: 5px 0;
            }
            
        #contents .article #textSet .responseCheck label {
            display: inline;
            }
            
        #contents .article #textSet .responseCheck input {
            margin-right: 10px;
            }
            
        #contents .article #textSet .responseCheck .mailYes {
            margin-right: 15px;
            }

        #contents .article #endMessage {
            margin-top: 11px;
            font-size: 108%;
            font-weight: bold;
            text-align: center;
            }
            
        #contents .article #endMessage .sendBtn {
            margin-top: 11px;
            }

#contents #commentView {
    position: static;
    width: 830px;
	border: none;
    margin:15px 20px 15px -20px;
    padding: 20px 25px;
	background-image: none;
    }

    #contents #commentView .messageSet {
		margin-bottom: 25px;
		}
	
	
    #contents #commentView .postMessage {
		margin: 0;
        padding: 0px 0px 15px 0px;
		background: #ffffff;
		overflow: hidden;
		_height: 1%;
        }
		
		#contents #commentView .postMessage .head {
			padding: 10px 15px 7px 50px;
			font-weight: bold;
			font-size: 123.1%;
			color: #45a900;
			background: url(../../img_detail/detail/postMessage_head_bg.gif) top left no-repeat;
			}

		#contents #commentView .postMessage .head .date {
			padding-right: 25px;
			border-right: 2px solid #45a900;
			}
		#contents #commentView .postMessage .head .userName {
			padding-left: 25px;
			}
			
		#contents #commentView .postMessage .messageBody {
			padding: 15px 15px 7px 30px;
			}

		#contents #commentView .postMessage .messageBody .addComment {
			clear: none;
			float: right;
			border: none;
			margin-top: 10px;
			padding-left: 0px;
			background: none;
			}
		
    #contents #commentView .resMessage {
		margin: 0 0 15px 160px;
		width: 665px;
		background: #ffffff url(../../img_detail/detail/resMessage_bg.gif) 15px 0 no-repeat;
		overflow: hidden;
		clear: both;
		}
		
    #contents #commentView .resMessage .head {
        padding: 20px 50px 15px 50px;
		}
    #contents #commentView .resMessage .mainTxt {
        padding: 0px 25px 25px 50px;
		background: #ffffff url(../../img_detail/detail/resMessage_bg.gif) 15px bottom no-repeat;
		}
		

        #contents .article #commentView .thumbArea {
            width: auto;
            margin-right: 0;
            }
            
        #contents .article #commentView .thumbArea .movieThumb,
        #contents .article #commentView .thumbArea .imageThumb,
        #contents .article #commentView .thumbArea .mapThumb {
            margin-right: 20px;
            }
           
        #postImage .picture {
            float: left;
            display: inline;
            width: 138px;
            margin-right: 13px;
            border: 3px solid #ddd9c0;
            }
            
        #postImage #resendImage {
            float: left;
            display: inline;
            display: block;
            width: 138px;
            margin-top:51px;
            }    
                    
        #postImage #resendMovie {
            float: left;
            display: inline;
            display: block;
            width: 138px;
            margin-top:3px;
            }
        
        #commenturl {
            float: left;
            display: block;
            clear: both;
			width: 385px;
            margin-top:7px;
            padding: 5px;
			border: 1px solid #cbc3b6;
            font-size: 110%;
            }
        
        #contents .article .noticeText {
            padding: 21px 28px;
            font-size: 108%;
			background: #e6fae0;
            }
            
        #errorBtn {
            overflow: hidden;
            margin: 28px auto 10px;
            text-align: center;
            }
            
        #errorBtn li.first {
			margin-bottom:20px;
            }
        
        #errorBtn li {
            display:block;
			text-align:center;
            }


#contents .formArea {
    margin-top: 15px;
    padding: 24px 34px;
	border: 1px solid #d9d9d9;
	background: url(../../img_detail/detail/commentView_bg.gif);
    }

#pager a:link,
#pager a:active,
#pager a:visited {
    color: #000000;
    text-decoration: none;
    }

#productBack {
    display: block;
    width: 177px;
    margin: 25px auto 15px;
    padding: 3px 5px;
    text-align: center;
    }
    
#pager ul {
    margin: 0 auto;
    text-align: center;
    font-size: 93%;
    }
    
#pager ul li {
    display: inline;
    padding: 0 10px;
    background: url(../../img_detail/detail/separater_bg.gif) left center no-repeat;
    }
    
    #pager ul li.prev {
        background: none;
        margin-right: 15px;
        }
    #pager ul li.first {
        background: none;
        }
        
    #pager ul li.next {
        background: none;
        margin-left: 15px;
        }
    

	#commentView #counterTab {
		display: block;
		position: absolute;
		padding: 0px 0px 5px;
        width: 140px;
		top: 14px;
		right: 45px;
		z-index:2;
        background: url(../../img_detail/detail/counterTab_bg.gif) center bottom no-repeat;
		}
		
		
#contents #counterTab {
		position: static;
        float: left;
        width: 140px;
		margin-left: 25px;
		padding: 0px 0px 5px;
        background: url(../../img_detail/detail/counterTab_bg.gif) center bottom no-repeat;
        }
		
		
    #counterTab p {
		padding: 7px 5px 0px;
        color: #ffffff;
		font-size: 108%;
        text-align: center;
        background: url(../../img_detail/detail/counterTab_bg.gif) center top no-repeat;
		}
		
		
    #counterTab p span {
		font-weight: bold;
		}

#popup {
    margin: 7px 8px;
    width: 558px;
    padding-bottom: 40px;
    background: url(../../img_detail/detail/popup_bg.gif) center bottom no-repeat;
    }
    
#popup .inner {
    padding: 15px 21px 0;
    background: url(../../img_detail/detail/popup_bg.gif) center top no-repeat;
    }

#popup h1 {
    margin-bottom: 10px;
    }

#fileUp {
    background: #eeecde;
    padding: 7px 11px;
    margin-bottom: 20px;
    }
    
    #fileUp input {
        width: 490px;
        padding: 4px 0 4px 5px;
        border: 1px solid #cbc3b6;
        background: #ffffff;
        font-size: 108%;
        }
    


#fileRestriction {
    padding: 10px 10px 15px 0;
	border: 1px solid #d9d9d9;
	background: #ffffff;
    }
    
    #fileRestriction dl {
        overflow: hidden;
        margin: 0 auto;
        }
    
    #fileRestriction dt {
        float: left;
        clear: left;
        margin-top: 12px;
        margin-right: 8px;
        padding-right: 11px;
        text-align: right;
        font-weight: bold;
        background: url(../../img_detail/detail/semicolon_bg.gif) right 7px no-repeat;
        }
        
    #fileRestriction dl.movie dt {
        width: 150px;
        }
        
    #fileRestriction dl.image dt {
        width: 240px;
        }
        
    #fileRestriction dd {
        margin-top: 12px;
        }
        
    #fileRestriction .sendBtn {
        margin-top: 10px;
        padding-top: 33px;
        background: url(../../img_detail/detail/popup_arrow.gif) center top no-repeat;
        text-align: center;
        }
        
    #close {
        margin: 15px 0 0 0;  
        text-align :center;
        }
        
    #sb-title {
		display: none;
		}

/*===footer配下レイアウト指定===*/
#footer {
	clear: both;
	width: 970px;
	margin: 0px auto;
	padding-top: 20px;
	text-align: center;
	}
	
	#footer table {
	margin: 0 auto;
		}
		
/* 追加分 */
		
#allergenCenter {
	width: 462px;
	margin: 0 254px;
	}
	
#compasCenter {
	width: 460px;
	margin: 0 255px;
	}
	
#allergenCenter h2, #compasCenter h2 {
	margin-bottom: 26px;
	}

#allergenCenter .regulated-info {
	margin-bottom: 17px;
	}

#allergenCenter .regulated-info h3 {
	margin-bottom: 8px;
	}

#allergenCenter .regulated-info table {
	width: 460px;
	margin-bottom: 6px;
	}

#allergenCenter .regulated-info table td {
	border:1px solid #c7c7c7;
	}

#allergenCenter .additional-info {
	margin-top: 13px;
	padding: 15px 10px 15px 0;
	border: 1px solid #c7c7c7;
	}


#allergenCenter .additional-info h3 {
	margin-bottom: 15px;
	}

#allergenCenter .additional-info p {
	margin-left: 16px;
	}
	
.centerImage {
	text-align:center;
}

.rightImage {
	text-align:right;
}

.leftImage {
	text-align:left;
}

#topicPath li.socialbutton {
	float: right;
	background: none repeat scroll 0 0 transparent !important;
	margin: 0 !important;
}

#topicPath li.socialbutton .facebook_btn {
	
}