@charset "Shift_JIS";

/*-------------------------------------------------------------------
 *
 * File Name   : onespoon_pj.css
 *
-------------------------------------------------------------------*/

.ro a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*===================================================================
	/onespoon_pj/index.html
===================================================================*/
#onespoon_pj{
}
#onespoon_pj #contents {
	background:url(../images/bg_onespoon_pj_contents_mdl.gif) left top repeat-y;
	position:relative;
}
#onespoon_pj .contentsTop {
	background:url(../images/bg_onespoon_pj_contents_top.gif) left top repeat-y;
	position:absolute;
	top:0;
	left:0;
	width:940px;
	height:74px;
	z-index:1;
}
#onespoon_pj .contentsBtm {
	background:url(../images/bg_onespoon_pj_contents_btm.gif) left top repeat-y;
	position:absolute;
	bottom:-1px;
	left:0;
	width:940px;
	height:74px;
	z-index:1;
}
#onespoon_pj #contents .inner {
	padding:33px 44px 44px 45px;
	position:relative;
	z-index:2;
}
#onespoon_pj #contents .ospjTxt01 {
	padding:15px 0 0;
}

#onespoon_pj #contents .sns_top {
	height:20px;
	margin-top:18px;
}
#onespoon_pj #contents .sns_top div {
	float:right;
	padding:0 0 0 5px;
}
#onespoon_pj #contents .bnrWrapper01 {
	margin-top:10px;
}
#onespoon_pj #contents .bnrWrapper01 #bnr_start {
	position:relative;
	float:left;
}
#onespoon_pj #contents .bnrWrapper01 #bnr_start .btn {
	position:absolute;
	left:350px;
	top:200px;
}
#onespoon_pj #contents .bnrWrapper01 #cm_recipe .btn {
	position:absolute;
	left:630px;
	top:200px;
}
#onespoon_pj #contents .bnrWrapper01 #cm_recipe {
	float:right;
}
/*
#onespoon_pj #contents .bnrWrapper01 #cm_recipe a {
	display:block;
	text-indent:-9999px;
	width:273px;
	height:257px;
	background:url(../images/onespoon_pj_bnr_life.png) left top no-repeat;
}

#onespoon_pj #contents .bnrWrapper01 #cm_recipe a:hover {
	background:url(../images/onespoon_pj_bnr_cm_recipe_on.png) left top no-repeat;
}
*/
#onespoon_pj #contents .bnrWrapper02 {
	margin-top:17px;
	padding-left:1px;
}
#onespoon_pj #contents .bnrWrapper02 ul {
	width:850px;
}
#onespoon_pj #contents .bnrWrapper02 li {
	float:left;
	margin-bottom:17px;
}
#onespoon_pj #contents .bnrWrapper02 li a {
	display:block;
	text-indent:-9999px;
	width:417px;
	height:123px;
}
#onespoon_pj #contents .bnrWrapper02 li.bnr_recipe a {
	background:url(../images/onespoon_pj_bnr_recipe.png) left top no-repeat;
}
#onespoon_pj #contents .bnrWrapper02 li.bnrCam a {
	background:url(../images/onespoon_pj_bnr_seminar.png) left top no-repeat;
}
/*#onespoon_pj #contents .bnrWrapper02 li.bnrSem a {
	background:url(../images/onespoon_pj_bnr_seminar.png) left top no-repeat;
	height:67px;
}
*/
#onespoon_pj #contents .bnrWrapper02 li.bnrYh a {
	background:url(../images/onespoon_pj_bnr_yh.png) left top no-repeat;
	height:67px;
}
#onespoon_pj #contents .bnrWrapper02 li.bnr_recipe a:hover {
	background:url(../images/onespoon_pj_bnr_recipe_on.png) left top no-repeat;
}
#onespoon_pj #contents .bnrWrapper02 li.bnrCam a:hover {
	background:url(../images/onespoon_pj_bnr_seminar_on.png) left top no-repeat;
}
/*
#onespoon_pj #contents .bnrWrapper02 li.bnrSem a:hover {
	background:url(../images/onespoon_pj_bnr_seminar_on.png) left top no-repeat;
}
*/
#onespoon_pj #contents .bnrWrapper02 li.bnrYh a:hover {
	background:url(../images/onespoon_pj_bnr_yh_on.png) left top no-repeat;
}
#onespoon_pj #contents .bnrWrapper02 li.right {
	float:right;
}
#onespoon_pj #contents .bnrWrapper02 li.btm {
	margin-bottom:0;
}


/* END */