@charset "euc-jp";

/*
/////////////////////////////////////////////////////////

　日清ペットフード
--------------------------------------------------------
　ハッピーLife百科基本CSS
--------------------------------------------------------

　作成日：2011/07/15
　更新日：2015/09/15

--------------------------------------------------------

　目次
	●基本レイアウト
	●左
	●右

--------------------------------------------------------

　注意
　●フォントサイズは%指定で行う。以下参考値
　77% == 10px
　85% == 11px
　93% == 12px  ←★標準
　100% == 13px
　108% == 14px
　116% == 15px
　123.1% == 16px
　131% == 17px
　138.5% == 18px
　146.5% == 19px
　153.9% == 20px
　161.6% == 21px
　167% == 22px

　●行間指定には単位を付けない事。
　●フォントサイズは継承がややこしいので、
　　なるべく親要素では指定しない事。


/////////////////////////////////////////////////////////
*/

/* ●基本レイアウト
----------------------------------------------------------------------------------*/
#allWrap{	margin-top:31px;	}

/*フッタバナー*/
#fotterBannerWrap{
	clear:both;
	width:940px;
	margin:0px auto;
	padding:30px 0px 25px 0px;
	background:url(../../img/dictionary/base/bg_btm.gif) no-repeat 0px 0px;
	}
#fotterBannerWrap span{	padding-left: 9px;	}
.top #fotterBannerWrap{
	width:auto;
	margin:0px;
	padding:0px;
	background-image:none;
	}
.top #fotterBannerWrap span{	padding:0px;	}


/* ●左
----------------------------------------------------------------------------------*/
#contentsWrap{
	width:940px;
	margin:0px auto;
	padding-bottom:10px;
	background:url(../../img/dictionary/base/bg.gif) repeat-y 0px 0px;
	text-align:left;
	}
#mainWrap{
	float:left;
	width:603px;
	padding:0px 0px 60px 45px;
	}
#mainWrap a{	text-decoration:underline;	}
#dictionaryCrumb{
	font-size:77%;
	padding:6px 0px 11px 0px;
	}
#dictionaryCrumb span{	padding:0px 7px;	}

/*フリースペースバナー*/
.freeSpaceBlock{
	text-align:center;
	padding-top:10px;
	}
.freeSpaceBlock img{	margin-top:10px;	}
.freeSpaceBlock span{
	display:block;
	margin-bottom:-5px;
	padding-top:10px;
	}
@media screen and (max-width: 768px) {
	#breadcrumb{
		padding: 17.5% 0 0 0;/*56*/
	}
	#breadcrumb p{
		display: none;
	}
	.freeSpaceBlock img{
		width: 100%;
		height: auto;
	}
}

/* ●右
----------------------------------------------------------------------------------*/
#sidebarWrap{
	float:right;
	width:240px;
	padding:13px 1px 1px 0px;
	background:url(../../img/dictionary/base/line_s.gif) no-repeat 0px bottom;
	}
#sidebarWrap li a{
	font-size:93%;
	text-decoration:underline;
	}

/*----------大カテゴリー----------*/
li.openCateMenu span,
li.openCateMenu span a,
li.closeCateMenu span,
li.closeCateMenu span a{
	display:block;
	width:240px;
	height:65px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
li.openCateMenu span a,
li.closeCateMenu span a{	text-indent:-10000px;	}
li#openCate01 span,
li#openCate01 span a,
li#closeCate01 span,
li#closeCate01 span a{	background-image:url(../../img/dictionary/base/menu01.jpg);	}
li#closeCate01 span a:hover{	background-image:url(../../img/dictionary/base/menu01_on.jpg);	}
li#openCate02 span,
li#openCate02 span a,
li#closeCate02 span,
li#closeCate02 span a{	background-image:url(../../img/dictionary/base/menu02.jpg);	}
li#closeCate02 span a:hover{	background-image:url(../../img/dictionary/base/menu02_on.jpg);	}
li#openCate03 span,
li#openCate03 span a,
li#closeCate03 span,
li#closeCate03 span a{	background-image:url(../../img/dictionary/base/menu03.jpg);	}
li#closeCate03 span a:hover{	background-image:url(../../img/dictionary/base/menu03_on.jpg);	}
li#openCate04 span,
li#openCate04 span a,
li#closeCate04 span,
li#closeCate04 span a{	background-image:url(../../img/dictionary/base/menu04.jpg);	}
li#closeCate04 span a:hover{	background-image:url(../../img/dictionary/base/menu04_on.jpg);	}
li#openCate05 span,
li#openCate05 span a,
li#closeCate05 span,
li#closeCate05 span a{	background-image:url(../../img/dictionary/base/menu05.jpg);	}
li#closeCate05 span a:hover{	background-image:url(../../img/dictionary/base/menu05_on.jpg);	}
li#openCate06 span,
li#openCate06 span a,
li#closeCate06 span,
li#closeCate06 span a{	background-image:url(../../img/dictionary/base/menu06.jpg);	}
li#closeCate06 span a:hover{	background-image:url(../../img/dictionary/base/menu06_on.jpg);	}
li#openCate07 span,
li#openCate07 span a,
li#closeCate07 span,
li#closeCate07 span a{	background-image:url(../../img/dictionary/base/menu07.jpg);	}
li#closeCate07 span a:hover{	background-image:url(../../img/dictionary/base/menu07_on.jpg);	}
li#openCate08 span,
li#openCate08 span a,
li#closeCate08 span,
li#closeCate08 span a{	background-image:url(../../img/dictionary/base/menu08.jpg);	}
li#closeCate08 span a:hover{	background-image:url(../../img/dictionary/base/menu08_on.jpg);	}
/*猫*/
.cat li#openCate04 span,
.cat li#openCate04 span a,
.cat li#closeCate04 span,
.cat li#closeCate04 span a{	background-image:url(../../img/dictionary/base/cat_menu04.jpg);	}
.cat li#closeCate04 span a:hover{	background-image:url(../../img/dictionary/base/cat_menu04_on.jpg);	}
.cat li#openCate08 span,
.cat li#openCate08 span a,
.cat li#closeCate08 span,
.cat li#closeCate08 span a{	background-image:url(../../img/dictionary/base/cat_menu08.jpg);	}
.cat li#closeCate08 span a:hover{	background-image:url(../../img/dictionary/base/cat_menu08_on.jpg);	}
/*オープン*/
li.openCateMenu{	padding-bottom:14px;	}
/*クローズ*/
li.closeCateMenu ul{	display:none;	}

/*----------中カテゴリー----------*/
/*オープン*/
li.openKeyMid{
	margin-left:32px;
	padding:0px 0px 1px 16px;
	background:url(../../img/dictionary/base/arrow_down_red_m.gif) no-repeat 0px 2px;
	}
/*クローズ*/
li.closeKeyMid{
	margin-left:32px;
	padding:0px 0px 1px 16px;
	background:url(../../img/dictionary/base/arrow_red_m.gif) no-repeat 0px 2px;
	}

/*----------キーワード----------*/
li.openKeyMid ul,
li.closeKeyMid ul{	padding:6px 0px 11px 3px;	}
li.closeKeyMid ul{	display:none;	}
li.openKeyMid ul li,
ul.keySma li{
	padding:0px 0px 1px 10px;
	background:url(../../img/dictionary/base/arrow_blue_s.gif) no-repeat 0px 4px;
	}
ul.keySma li{	margin-left:31px;	}
/*現在地表示*/
li.openCateMenu li.now a{	color:#0099ff;	}