@charset "euc-jp";
/*last date:2015/08/06*/

/* ●基本レイアウト
----------------------------------------------------------------------------------*/
.flame_ttl{
	display:block;
}
.flame_ttl_sp{
	display:none;
}



#contentsWrap strong#dogcatTtl{	display:block;	}

/*タイトル*/
#keyTtlWrap{
	/*width:601px;*/
	margin-bottom:16px;
	padding-bottom:9px;
	background:url(../../img/dictionary/key/ttl_bg.gif) no-repeat 0px bottom;
	}
#keyTtlWrap img{	float:left;	}
#keyTtlWrap div{
	float:left;
	width:483px;
	padding-left:7px;
	background:url(../../img/dictionary/key/ttl_bgtop.gif) no-repeat right 0px;
	}
#keyTtlWrap h1{
	padding:15px 0px 0px 0px;
	font-size:22px;
	font-weight:bold;
	color:#0099ff;
	}
#keyTtlWrap p#furigana{
	padding:5px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
	}
#keyTtlWrap p#readSamari{
	padding:0px 5px;
	line-height:1.2;
	}

/*キーワード詳細ブロック*/
.keyDetBlock{	padding-bottom:10px;	}

/*大見出し*/
#contentsWrap h2{
	clear:both;
	margin:5px 0px 19px 0px;
	padding-bottom:5px;
	background:url(../../img/dictionary/base/line_m.gif) no-repeat 0px bottom;
	font-size:108%;
	font-weight:bold;
	color:#0099ff;
	}
/*小見出し*/
#contentsWrap h3{
	clear:both;
	padding:0px 0px 3px 0px;
	font-weight:bold;
	color:#663300;
	}

/*リードサマリ・本文*/
#contentsWrap p{
	padding:0px 0px 10px 0px;
	font-size:93%;
	line-height:1.4;
	}
/*本文：強調*/
#contentsWrap p em{	font-weight:bold;	}
/*本文：より強調*/
#contentsWrap p strong{
	font-weight:bold;
	color:#CC0000;
	}
/*リスト項目*/
.keyDetBlock ul{
	clear:both;
	padding:0px 0px 10px 10px;
	}
.keyDetBlock ul ul{	padding-left:18px;	}
.keyDetBlock ul li{
	margin-left:15px;
	font-size:93%;
	line-height:1.4;
	list-style-type:disc;
	}
/*リスト項目入れ子*/
.keyDetBlock ul li li{
	margin-left:0px;
	font-size:100%;
	}
/*●ではなく・になってしまうのを回避 ie8*/
html>/**/body .keyDetBlock ul > li,
html>/**/body .keyDetBlock ul ul > li{
	list-style/*\**/: none\9;
	padding-left/*\**/:14px\9;
	text-indent/*\**/:-14px\9;
	}
html>/**/body .keyDetBlock ul > li:before,
html>/**/body .keyDetBlock ul ul > li:before{
	font-size/*\**/: 6px\9;
	vertical-align/*\**/: middle\9;
	letter-spacing/*\**/: 1.5em\9;
	}
head~/* */body .keyDetBlock ul > li:before,
head~/* */body .keyDetBlock ul ul > li:before{
	content/*\**/: "●";
	}
html:not(:target) .keyDetBlock ul > li:before,
html:not(:target) .keyDetBlock ul ul > li:before{
	content: "";
	}
/*画像・回り込み画像*/
.imgFloatNone{
	vertical-align:bottom;
	padding:0px 0px 12px 0px;
	}
.imgFloatLeft{
	float:left;
	padding:0px 10px 12px 0px;
	}
.imgFloatRight{
	float:right;
	padding:0px 0px 12px 10px;
	}

/*Flash*/
.flaBlock{	padding:0px 0px 10px 0px;	}

/*関連リンク*/
.conLink{
	width:601px;
	margin-top:20px;
	padding-bottom:26px;
	background:url(../../img/dictionary/key/conlink_bg.gif) no-repeat 0 bottom;
	}
.conLink strong{	display:block;	}
#contentsWrap .conLink p{
	margin:0px;
	padding:7px 20px 0px 40px;
	}
.conLink a{
	display:block;
	background:url(../../img/dictionary/base/arrow_blue_m.gif) no-repeat 0 9px;
	margin-left:41px;
	padding:7px 0px 0px 10px;
	font-size:93%;
	}
	.flame_casic_image{
		display:block;
	}
	.flame_casic_image_sp{
		display:none;
	}
	.conLink strong img{
		display:block;
	}
	.conLink strong span{
		display:none;
	}
	.flame_key_ttl{
		display:block;
	}
	.flame_key_ttl_sp{
		display:none;
	}
	
	
@media screen and (max-width: 768px) {
	#allWrap{
		margin-top:0;
	}
	#breadcrumb p{
		width:100%;
	}
	#mainWrap{
		float:none;
		width:90%;
		margin:0 auto;
		padding:0 0 0 0;
	}
	#sidebarWrap{
		width:90%;
		margin:0 auto;
		float:none;
		background:none;
	}
	#contentsWrap{
		width:100%;
		background:none;
	}
	#fotterBannerWrap{
		width:100%;
	}
	#dictionaryMenuWrap ul li ul{
		display:none;
	}
	li.openCateMenu{
		padding-bottom:0;
	}
	.flame_ttl{
		display:none;
	}
	.flame_ttl_sp{
		display:block;
		width:100%;
		height:auto;
	}
	
	img.flame_casic_image{
		display:none;
	}
	img.flame_casic_image_sp{
		display:block;
		width:70%;
		height:auto;
	}
	.imgFloatNone{
		width:100%;
		height:auto;
	}
	.conLink{
		width:100%;
		background:none;
	}
	.conLink strong span{
		display:block;
		color:#0099FF;
		border-bottom:#0099FF dotted 1px;
		margin: 5px 0px 10px 0px;
	    padding-bottom: 5px;
		font-size: 108%;
	    font-weight: bold;
	}
	.conLink strong img{
		display:none;
	}
	#contentsWrap .conLink p{
		padding-left:0;
	}
	.conLink a{
		margin-left:0;
	}
	
	
	.flame_key_ttl{
		display:none;
	}
	.flame_key_ttl_sp{
		display:block;
	}
	#keyTtlWrap{
		padding-bottom:0;
		background:url(../../img/dictionary/key/sp/ttl_bg.gif) repeat-y 35% top !important;
	}
	#keyTtlWrap img{
		width:35%;
		height:auto;
		padding-bottom:0;
	}
	#keyTtlWrap div{
		width:65%;
		min-height:150px;
		padding-right:5px;
		padding-bottom:10px;
		box-sizing:border-box;
	}
	
	






	#keyTtlWrap div,
	#keyTtlWrap{
		background:none;
	}
	#keyTtlWrap{
		border:#0099FF solid 1px;
		border-radius: 10px;		/* CSS3草案 */
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;	/* Firefox用 */
	}
	
	#contentsWrap h2{
		background:none;
		border-bottom:#0099FF dotted 1px;
	}


	
	
	
	
	#sidebarWrap{
		width:90%;
		margin:0 auto;
		float:none;
		background:none;
	}
	
	#dictionaryMenuWrap{
		border:#0099FF solid 1px;
		border-radius: 10px;        /* CSS3草案 */  
    	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 10px;   /* Firefox用 */  
	}
	
	#dictionaryMenuWrap ul li,
	#dictionaryMenuWrap ul li span,
	#dictionaryMenuWrap ul li span a,
	#dictionaryMenuWrap ul li span a:hover{
		background-image:none;
		text-indent:0;
		height:auto;
	}
	#dictionaryMenuWrap ul li{
		width:50%;
		display:inline-block;
		float:left;
		border-bottom:#0099FF dotted 1px;
		box-sizing:border-box;
	}
	#dictionaryMenuWrap ul li:nth-child(odd){
		border-right:#0099FF solid 1px;
		
	}
	#dictionaryMenuWrap ul li#closeCate08,
	#dictionaryMenuWrap ul li#closeCate07{
		border-bottom:none;
	}
	
	.dog #dictionaryMenuWrap ul li span,
	.cat #dictionaryMenuWrap ul li span{
		width:auto;
		background:url(../../img/dictionary/list50on/sp/icon_arrow.gif) no-repeat 95% center;
		background-size:3% auto;
		padding-right:3%;
	}
	#dictionaryMenuWrap ul li span a{
		padding:10% 5% 10% 25%;
		text-decoration:none;
		width:auto;
		box-sizing:border-box;
		color:#0099FF;
		line-height:1.4;
		font-size:12px;
	}
	#dictionaryMenuWrap ul li span a img{
		width:100%;
		height:auto;
	}
	#dictionaryMenuWrap ul li#openCate01 span a,
	#dictionaryMenuWrap ul li#closeCate01 span a{
		background:url(../../img/dictionary/list50on/sp/icon01.png) no-repeat 2% center;
		background-size:20% auto;
	}
	#dictionaryMenuWrap ul li#openCate02 span a,
	#dictionaryMenuWrap ul li#closeCate02 span a{
		background:url(../../img/dictionary/list50on/sp/icon02.png) no-repeat 2% center;
		background-size:20% auto;
	}
	#dictionaryMenuWrap ul li#openCate03 span a,
	#dictionaryMenuWrap ul li#closeCate03 span a{
		background:url(../../img/dictionary/list50on/sp/icon03.png) no-repeat 2% center;
		background-size:20% auto;
	}
	#dictionaryMenuWrap ul li#openCate04 span a,
	#dictionaryMenuWrap ul li#closeCate04 span a{
		background:url(../../img/dictionary/list50on/sp/icon04.png) no-repeat 2% center;
		background-size:20% auto;
	}
	#dictionaryMenuWrap ul li#openCate05 span a,
	#dictionaryMenuWrap ul li#closeCate05 span a{
		background:url(../../img/dictionary/list50on/sp/icon05.png) no-repeat 2% center;
		background-size:20% auto;
		letter-spacing:-1px;
	}
	#dictionaryMenuWrap ul li#openCate06 span a,
	#dictionaryMenuWrap ul li#closeCate06 span a{
		background:url(../../img/dictionary/list50on/sp/icon06.png) no-repeat 2% center;
		background-size:20% auto;
	}
	#dictionaryMenuWrap ul li#openCate07 span a,
	#dictionaryMenuWrap ul li#closeCate07 span a{
		background:url(../../img/dictionary/list50on/sp/icon07.png) no-repeat 2% center;
		background-size:20% auto;
	}
	.dog #dictionaryMenuWrap ul li#openCate08 span a,
	.dog #dictionaryMenuWrap ul li#closeCate08 span a{
		background:url(../../img/dictionary/list50on/sp/icon08_dog.png) no-repeat 2% center;
		background-size:20% auto;
	}
	.cat #dictionaryMenuWrap ul li#openCate08 span a,
	.cat #dictionaryMenuWrap ul li#closeCate08 span a{
		background:url(../../img/dictionary/list50on/sp/icon08_cat.png) no-repeat 2% center;
		background-size:20% auto;
	}
	
	
  #fotterBannerWrap{
	  width:90%;
	  margin:0 auto;
	  background:none;
  }
}
	
@media screen and (max-width: 550px) {
  #fotterBannerWrap a{
	  width:100%;
	  margin-bottom:15px;
	  display:block;
  }
  #fotterBannerWrap span{
	  padding-left:0;
  }
  #fotterBannerWrap a img{
	  width:100%;
	  height:auto;
	  
  }
}