@charset "utf-8";

/*-----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/

body {
	}
	p#btnSp {
		margin: 0; padding: 10px;
		text-align: center;
		background: #1a1a1a;
		}
		
	#container {
		width: 100%;
		text-align: center;
		background: transparent url("/common/images/bgBody.gif") repeat-x center top;
		
		/* over */
		overflow: hidden;
		min-width: 950px;
		
		/*- footer -*/
		position: relative;  
		height: auto !important;  
		height: 100%;  
		min-height: 100%;
		}



/*-----------------------------------------------------------
 Header
-----------------------------------------------------------*/

#header {
	position: relative;
	width: 950px; height: 136px;
	margin: 0 auto;
	background: transparent url("/common/images/bgHeader.jpg") no-repeat left top;
	}
	
	/*--- logo ---*/
	#header h1 {
		position: absolute;
		top: 17px; left: 50%;
		width: 232px;
		margin: 0 0 0 -144px;
		}
		
	/*--- header navigation ---*/
	#header ul#headerNav {
		position: absolute;
		top: 0; right: -4px;
		width: 265px; height: 33px;
		margin: 0;
		padding: 0 4px;
		background: transparent url("/common/images/bgHeaderNav.png") no-repeat left top;
		}
		* html { width: 343px; }
		
		#header ul#headerNav li {
			float: left;
			}
			#header ul#headerNav li a {
				display: block;
				height: 29px;
				}
	
	/*--- global navigation ---*/
	#header ul#globalNav {
		position: absolute;
		bottom: 0; left: 0;
		width: 950px; height: 36px;
		margin: 0;
		}
		#header ul#globalNav li {
			float: left;
			}
			#header ul#globalNav li a {
				display: block;
				}
				.campaign     #header ul#globalNav li#gnCampaign     a ,
				.menulist     #header ul#globalNav li#gnMenu         a ,
				.gyozastation #header ul#globalNav li#gnGyozaStation a ,
				.foodsafety   #header ul#globalNav li#gnFoodSafety   a ,
				.store        #header ul#globalNav li#gnStore        a {
					display: block;
					width: 190px; height: 36px;
					text-indent: -99999px;
					}
					.campaign     #header ul#globalNav li#gnCampaign     { background: transparent url("/common/images/gnCampaign_c.gif")     no-repeat left top; }
					.menulist     #header ul#globalNav li#gnMenu         { background: transparent url("/common/images/gnMenu_c.gif")         no-repeat left top; }
					.gyozastation #header ul#globalNav li#gnGyozaStation { background: transparent url("/common/images/gnGyozaStation_c.gif") no-repeat left top; }
					.foodsafety   #header ul#globalNav li#gnFoodSafety   { background: transparent url("/common/images/gnFoodSafety_c.gif")   no-repeat left top; }
					.store        #header ul#globalNav li#gnStore        { background: transparent url("/common/images/gnStore_c.gif")        no-repeat left top; }



/*-----------------------------------------------------------
 Contents
-----------------------------------------------------------*/

#contents {
	width: 950px;
	margin: 0 auto 50px;
	padding: 0;
	}
	#contents h2 { margin: 0 0 0 -125px; }
	
	#contents ol#topicPath {
		margin: 0 0 20px;
		padding: 0 0 0 36px;
		background: transparent url("/common/images/icoTopicPathHome.gif") no-repeat left top;
		}
		#contents ol#topicPath li {
			float:left;
			color: #fff;
			line-height: 25px;
			margin-right: 10px;
			}
			#contents ol#topicPath li a ,
			#contents ol#topicPath li span {
				display: block;
				height: 25px;
				color: #fff;
				padding: 0  22px 0 0;
				background: transparent url("/common/images/icoTopicPath.gif") no-repeat right top;
				}
	
	#contents h3,
	#contents h4,
	#contents h5,
	#contents h6 { margin: 0 0 15px; }
	
	#contents h5 {
		width: 680px;
		padding: 8px 0 8px 15px;
		background: transparent url("/common/images/bgH5Title.gif") no-repeat left bottom;
		}
		#contents h5.dLine { background: transparent url("/common/images/bgH5TitleDLine.gif") no-repeat left bottom !important; }
	
	#contents h6 {
		width: 680px;
		padding: 0 0 0 15px;
		background: transparent url("/common/images/bgH6Title.gif") no-repeat left center;
		}

	/*---------- Text Align ----------*/
	
	.txtLeft   { text-align: left;   }
	.txtCenter { text-align: center; }
	.txtRight  { text-align: right;  }


	/*---------- prSnsSec ----------*/

	#contents ul#prSnsSec {
		clear: both;
		width: 950px;
		margin: 0 auto;
		}
		#contents ul#prSnsSec li {
			float: left;
			margin: 0 5px 0 0;
			}
			*:first-child+html #contents ul#prSnsSec li:first-child {
				height: 20px;
				background: #4c69ba;
				}

	#contents ul.asterisk {
		}
		#contents ul.asterisk li {
			text-indent: -1em;
			margin: 0 0 0 1em;
			}
	
	#contents .grayBox {
		margin: 20px 0; padding: 15px;
		box-shadow: inset 0 0 0 1px #ccc;
		border: 4px solid #eee;
		}

	p#btnClose {
		margin: -40px 0 5px;
		text-align: right;
		cursor: pointer;
		}


/*-----------------------------------------------------------
 Primary
-----------------------------------------------------------*/

#primary {
	float: left;
	width: 680px;
	text-align: left;
	}
	
	#primary ul#connectSec {
		position: relative;
		width: 692px;
		margin: 0 -11px 0 0;
		}
		#primary ul#connectSec li {
			float: left;
			margin: 0 11px 15px 0;
		}
	
	
	/*---------- categoryTitle ----------*/
	
	/*---------- Title ----------*/
	
	
	


/*-----------------------------------------------------------
 Secondary
-----------------------------------------------------------*/

#secondary {
	float: right;
	width: 240px;
	}
	
	#secondary #snCmSec  ,
	#secondary #snCmSec2 {
		position: relative;
		margin: 0 -4px 0 0;
		}
	
	#secondary #snCampaignSec {
		}
		#secondary #snCampaignSec a {
			margin: 0;
			}
	
	#secondary #snGyoza { margin: 10px 0; }
	
	#secondary #snSnsSec  {
		width: 239px; height: 58px;
		margin: 0 0 10px 30px;
		padding: 1px 1px 1px 0;
		background-color: #ccc;
		}
		* html #secondary #snSnsSec { width: 240px; height: 60px; }
		
		#secondary #snSnsSec li {
			float: left;
			margin: 0 0 0 1px;
			}
			#secondary #snSnsSec li a {
				display: block;
				height: 56px;
				border: 1px solid #fff;
				}
				#secondary #snSnsSec li a:hover { border: 1px solid #bf0707; }
	
	/*---------- localNav ----------*/
	
	/*---------- sideNav ----------*/
	
	#secondary ul#snPurpose {
		}
		#secondary ul#snPurpose li {
			margin: 0 0 10px;
			}
			#secondary ul#snPurpose li#snYoutube { margin: -10px 0 5px -20px; }
	

/*-----------------------------------------------------------
 Footer
-----------------------------------------------------------*/

#footer {
	width: 100%; height: 170px;
	margin: 30px 0 0 0;
	background: transparent url("/common/images/bgFooter.gif") repeat-x center top;
	}
	#footer p#pageTop {
		position: fixed;
		right: 10px; bottom: 10px;
		z-index: 99999;
		}
	
	#footer #fWrap {
		width: 950px;
		margin: 0 auto;
		padding: 24px 0 0 0;
		}
		#footer #fWrap p  ,
		#footer #fWrap dl ,
		#footer #fWrap ul {
			float: left;
			text-align: left;
			margin: 0 10px 0 0;
			}
			/* IE7 */ *:first-child+html #footer #fWrap ul#fnGn { margin-bottom: 6px; }
			
			#footer #fWrap p#fnCamp   { width: 228px; }
			#footer #fWrap p#fnNGyoza { width: 228px; }
			#footer #fWrap dl#fnCamp  { width: 228px; }
			#footer #fWrap ul#fnGn    { width: 682px; margin-top: -3px; }
			#footer #fWrap ul#fnAn    { width: 682px; }
			#footer #fWrap ul#fnGn li ,
			#footer #fWrap ul#fnAn li {
				float: left;
				width: 227px;
				}
				#footer #fWrap ul#fnAn li.fnAdjust {
					width: 340px;
					}
			
			#footer #fWrap dl dd a {
				color: #fff;
				margin: 0 0 0 25px;
				padding: 0 0 0 10px;
				background: transparent url("/common/images/icoArrowWhiteFn.gif") no-repeat left center;
				}
				
			#footer #fWrap ul li { margin: 0 0 2px; }
		
		#footer #fWrap #copyright {
			clear: both;
			margin: 0;
			padding: 28px 0 0 0;
			color: #fff;
			width: 950px;
			text-align: center;
			}