@charset "euc-jp";
/* CSS Document */


/*=====================================
reset
=====================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ol,ul{list-style:none;}fieldset,img{border:0;}legend{display:none;}caption,th{text-align:left;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}

/*=====================================
 EMG setting
=====================================*/

#emg{clear:both;text-align:center;}
#emg br{display:none;}
#emg table{margin:10px auto;}
#emg table table{margin:0;}


/*=====================================
Template
=====================================*/

body { background:url(../common/bg.png) ;}
#wrapper {
	width: 950px;
	background-color:#FFF;
	margin: 0 auto;
}
#contents {
	width: 920px;	
	padding: 10px 15px 30px;
	overflow: hidden;
	_zoom: 1;
}
h2 {
	padding-bottom: 17px;
}
.sp {
	text-align: center;
	width:950px;
	/*padding-bottom: 30px;*/
}
.sp table {
	margin: 0 auto 30px;
}
.sp table table {
	margin: 0px;
}
.sp table table table {
	text-align: left;
}

.cp {
	text-align: center;
	padding-bottom: 15px;
}
.cp .pt1 {
	padding-bottom: 15px;
}

.fnav {
	overflow: hidden;
}
.fnav li {
	display: inline;
}
.fnav li.pt1a {
	padding-right: 1em;
	border-right: 1px solid #000;
}
.fnav li.pt1b {
	padding-left: 0.8em;
}


.ad img { vertical-align: bottom;}

.sprite {
	text-indent: -9999px;
	display: block;
}
a.sprite { overflow: hidden;}

.s115 {line-height:115%;}
.s130 {line-height:130%;}
.s150 {line-height:150%;}
.f70{font-size:70%; line-height:130%;}
.f75{font-size:75%; line-height:130%;}
.f85{font-size:85%; line-height:140%;}
.f95{font-size:95%; line-height:130%;}

/*=====================================
2. yjFooter style 
=====================================*/
 
#yjfooter p {margin:0;padding:0;}
#yjfooter img {border:0;}
#yjfooter {
	position:relative;
	clear:both;
	margin:0;
	padding:20px 0 24px;
	border-top:1px solid #999;
	text-align:center;
	}
#yjfooter div.wrap {
	position:relative;
	margin:auto; 
	text-align:left;
	}
#yjfooter a {
	white-space:nowrap;
	}
#yjfooter p {
	margin-left:117px;
	padding:0; 
	}
#yjfooter p.links {
	margin-bottom:.2em;
	color:#ccc;
	}
#yjfooter.nolinks p.copyright{
	padding-top:8px;padding-bottom:16px;
	}
#yjfooter p.Ybang {
	position:absolute;
	top:-4px;
	left:28px;
	margin:0;
	}

/*----------------------------
     2. CSR service dfn          
 ----------------------------*/ 
#yjfooter.forgood p.Ybang {
	position:absolute;
	top:-4px; 
	left:18px; 
	margin:0; 
	}
/*  2-1. CSR service Local dfn    */
#yjfooter.csr div.wrap,
#yjfooter.rescue div.wrap,
#yjfooter.kids div.wrap,
#yjfooter.security div.wrap,
#yjfooter.seiji div.wrap,
#yjfooter.volunteer div.wrap {width:500px;}
#yjfooter.anshin div.wrap {width:510px;}
#yjfooter.koukin div.wrap {width:550px;}
#yjfooter.koukin1 div.wrap {width:680px;}



/*=====================================
Layout
=====================================*/

#header {
	background-image: url(../common/recipe_header.png); background-repeat: no-repeat;
	height:131px;
	position: relative;
}
#header .ttl {
	background-position: 0 0;
	height: 131px;
	position: relative;
	width: 950px;

}

.mainTtl {
	position: absolute;
	height: 70px;
	width: 270px;
	left: 12px;
	top: 3px;
}
.yahoo {
	position: absolute;
	height: 30px;
	width: 135px;
	top:9px;
	left:802px;
}
#header .gnavWrap {
	padding-top: 76px;
	width:950px;
	overflow:hidden;
	_zoom:1;
}

#header .gnav {
	width:948px;
	height:53px;
	background-color:#056dab;
	padding: 1px;
	overflow:hidden;
	_zoom:1;
}
#header .gnav li {
	float: left;
	margin-right:1px;
}
#header .gnav .upper {
	width: 235px;
	padding-bottom:1px;
}

#header .gnav li.uLast {
	width: 240px;
	margin:0;
}
#header .gnav li.lower {
	width: 189px;
}

#header .gnav .navi {
	height: 26px;
}
#header .gnav li.lLast {
	margin: 0px;
	width: 188px;
}

.gnav1_on { background-position: -1px -140px;}
.gnav1_off { background-position: -1px -77px;}

.gnav2_on { background-position: -237px -140px;}
.gnav2_off { background-position: -237px -77px;}

.gnav3_on { background-position: -473px -140px;}
.gnav3_off { background-position: -473px -77px;}

.gnav4_on { background-position: -709px -140px;}
.gnav4_off { background-position: -709px -77px;}

.gnav5_on { background-position:-1px -167px;}
.gnav5_off { background-position: -1px -104px;}

.gnav6_on { background-position:-191px -167px;}
.gnav6_off { background-position: -191px -104px;}

.gnav7_on { background-position:-381px -167px;}
.gnav7_off { background-position: -381px -104px;}

.gnav8_on { background-position:-571px -167px;}
.gnav8_off { background-position: -571px -104px;}

.gnav9_on { background-position:-761px -167px;}
.gnav9_off { background-position: -761px -104px;}


.hdsprite{background-image: url(../common/hdSprite.png) ; background-repeat:no-repeat}