@charset "EUC-JP";

table.img_center{
	max-width:548px;
}

table.img_center img{
	max-width:544px;
	height:auto;
}

/********* main **********************************/


.maintxt:after,
.article_main_contents:after,
.article_info_basic:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.article_main_contents{
	width:980px;
	margin:20px auto 0;
	padding-bottom:40px;
	background:url(/images/bg_footer.png) no-repeat bottom right;
}

.wrapper{
	float:left;
	width:800px;
	margin-bottom:20px;
}

.article_main{
	clear:both;
	float:right;
	background:#ffffff;
	margin:0px 10px;
	width:598px;
	padding:0px 0 10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:1px solid #bbbbbb;
}

.article_info_basic{
}

.display_none{
	display:none;
}


/********** フードページ ******************************/

.category{
	height:11px;
	line-height:11px;
	margin:20px auto 0;
	padding:5px 10px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#ffffff;
	background:#604c3f;
	font-weight:normal;
	font-size:11px;
	width:538px;
}

h1.food_name,
h1.tag_name,
h1.pub_name,
h1.word_name,
h2.food_name{
	font-size:20px;
	line-height:28px;
	padding:20px 10px 15px;
	margin:0 auto;
	width:538px;

	font-size:150%;
	line-height:150%;
	color:#604c3f;
}


/********** 見出し ***************/

h3{
	clear:both;
}

h3.related{
	width:538px;
	height:11px;
	padding:5px 10px;
	margin:10px auto;
	line-height:11px;
	font-size:11px;
	font-weight:normal;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#ffffff;
	background:#604c3f;
}


/********** 説明文 ********************/

.info_description{
	width:538px;
	padding:20px 0;
	margin:0 auto 15px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

.info_description p{
	font-size:100%;
	line-height:150%;
	padding:0 10px;
}

.maintxt blockquote{
	text-align:left;
	margin:0;
	padding:0;
}

blockquote.reference{
	font-size:80%;
	word-break:break-all;
}

.maintxt a:link{
	text-decoration:none;
}

.maintxt a:visited{
	text-decoration:none;
}

.maintxt a:hover{
	text-decoration:underline;
}


/********** copyright **********/

.copyright{
	clear:both;
	color:#999999;
	font-size:70%;
	line-height:120%;
	margin:0 30px 20px;
}


/********** SNS **********/

.aside_info_sns{
	clear:both;
	margin-right:30px;
	margin-bottom:20px;
}


/********** タイムスタンプ *************/

.article_info_basic .timestamp:before{
	content:"※";
}

.article_info_basic .timestamp{
	padding:10px 0;
	margin:0 30px 10px;
	font-size:70%;
	line-height:100%;

	border-top:3px solid #604C3F;
	color:#442211;
	text-align:right;

}


/********** 画像 ***********************/

.info_package{
	clear:both;
}

.info_package img{
	display:block;
	width:auto;
}

.maintxt{
	border-top:1px dotted #999999;
	margin:0 30px 20px;
	padding:20px 0 0;
}

.maintxt	{
	margin:0 30px 0px;
	padding:5px 0 0;
}

.img_center,
.info_package img.img_center{
	margin:0px auto 20px;
	background:#eeeeee;
}

.img_right_top,
.info_package img.img_right_top{
	float:right;
	margin:0px 10px 20px 20px;
	background:#eeeeee;
}

.img_left_top,
.info_package img.img_left_top{
	float:left;
	margin:0px 20px 20px 10px;
	background:#eeeeee;
}

.maintxt .img_right_top{
	margin:0px 0 20px 20px;
	background:#eeeeee;
}

.maintxt .img_left_top{
	margin:0px 20px 20px 0;
	background:#eeeeee;
}

.maintxt img.img_center,
.maintxt img.img_right_top,
.maintxt img.img_right_top{
	display:block;
}

.img_center th img,
.img_left_top th img,
.img_right_top th img,
.img_center td img,
.img_left_top td img,
.img_right_top td img{
	vertical-align:text-bottom;
	vertical-align:bottom;
}

.maintxt .cap{
	font-size:80%;
	line-height:120%;
	text-align:left;
	background:#eeeeee;
	padding:10px;
}


/********** 通報 ***********************/

.info_site_inquiry{
	clear:both;
	font-size:80%;
	padding:15px 15px;
	margin:10px auto 10px;
	text-align:right;
	line-height:100%;
	width:526px;
	border:1px solid #aaaaaa;
	text-shadow:1px 1px 0px #ffffff;

	background:#f0f0f0;
	background:-o-linear-gradient(top, #f9f9f9, #e9e9e9);
	background:-moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	background:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
}

.info_site_inquiry dt{
	float:left;
	height:22px;
	line-height:22px;
}

.info_site_inquiry input{
	vertical-align:bottom;
	height:22px;
}


/********** affiliate ******************/

.article_affiliate{
	position:relative;
	clear:both;
	width:558px;
	margin:20px auto 10px;
	border:1px solid #dddddd;
	border:1px solid #aaaaaa;
	-moz-border-radius:8px;
	border-radius:8px;
	background:url(http://www.4gamer.net/image/tag_affiliate_ad.gif) no-repeat right bottom #f3f3f3;
}

.article_affiliate h3{
	-moz-border-radius:0;
	border-radius:0;
	text-indent:0;
	margin:10px 0;
	padding:5px 10px;

	font-weight:bold;
	color:#ffffff;
	background:#ff9900;
	width:7em;
	position:relative;
	z-index:100;
	left:-1px;
	box-shadow:1px 1px 1px #999999;
	text-shadow:1px 1px 1px #666666;
	border-left:5px solid #ff7700;
	line-height:120%;
	font-size:13px;
}

.article_affiliate ul{
	list-style:none;
}

.article_affiliate .timestamp{
	font-size:10px;
	color:#999999;
	text-align:right;
	padding:5px 40px 5px 0;
}


/********** box **********/

.article_affiliate .box{
	width:232px;
	padding:10px;
	float:left;
	border:1px solid #dddddd;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#ffffff;
	margin:0 12px 10px 13px;
}

.article_affiliate .box:hover{
	background:#ffffee;
}

.article_affiliate .odd,
.article_affiliate .box:nth-child(2n){
	clear:both;
	margin:0 5px 10px 20px;
}

.article_affiliate .odd{
	clear:both;
}

.article_affiliate .even,
.article_affiliate .box:nth-child(2n+1){
	margin:0 20px 10px 5px;
}

.article_affiliate .box dt,
.article_affiliate .box dd{
	display:inline;
}

.article_affiliate .box dt strong a{
	display:block;
	font-size:12px;
	line-height:140%;
	margin-bottom:5px;
}

.article_affiliate .box dt img{
	display:block;
	float:left;
	margin-right:10px;
}

.article_affiliate .box dt strong,
.article_affiliate .box dd li{
	width:156px;
}
.article_affiliate .box dd li{
	margin-left:86px;
	font-size:10px;
	line-height:130%;
}


/********** list **********/

.article_affiliate .list{
	font-size:12px;
	line-height:16px;
	clear:both;
	width:518px;
	margin:0 auto;
}

.article_affiliate .list li{
	clear:both;
	margin:0 0 10px;
}

.article_affiliate .list img{
	float:left;
	margin-right:5px;
}

.article_affiliate .list span{
	margin-left:5px;
}


/********** list **********/

.info_relation:after{
	content:"";
	clear:both;
	height:0px;
	display:block;
}

.info_relation{
	clear:both;
	width:550px;
	margin:0 auto 20px;
	font-size:80%;
	line-height:160%;
}

.info_relation li{
/**	width:235px;	**/
	float:left;
/**	list-style:none;	**/
	padding:0 0.5em 0 0;
	margin:0 0 0 30px;
}


/*********** さらに見る **********/

.detail_article{
	background:#604C3F;
	border-radius:6px;
	float:right;
	padding:6px 12px;
	font-size:11px;
	line-height:11px;
	margin:0 20px 20px 30px;
}

.detail_article a{
	display:block;
	color:#ffffff;
	text-decoration:none;
}






/********** 調整用 **********/

.gametitle_container{
	display:none;
	margin:0 20px 10px;
	padding:0 0 10px;
	font-size:80%;
	line-height:150%;
	border-bottom:1px dotted #cccccc;
}

.gametitle_container .image_container,
.food_container .image_container,
.news_container .image_container{
	float:left;
	margin-right:10px;
}

.gametitle_container .image_container br{
	display:none;
}

.gametitle_container table,
.food_container table,
.news_container table{
	 text-align:left;
}

.gametitle_container > p{
	margin-left:80px;
}


/****************************** 関連list ******************************/

.related_news:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.related_news{
	width:538px;
	margin:0px auto;
	padding-bottom:10px;
	font-size:90%;
}

.related_news div{
	float:left;
	margin-right:10px;
}

/*
.related_news .TEXTLIST_ORIGIN{
	display:none;
}
*/

.related_news .TEXTLIST_ORIGIN.PRIORITY_200{
	display:block;
}

.hidden_related,
.hidden_related_title{
	display:none;
}


/****************************** introduction ******************************/

.food_container:after,
.news_container:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.food_container:last-child,
.news_container:last-child{
	margin-bottom:0;
}

.food_container,
.news_container{
	margin:0 auto 13px;
	padding:0 0 14px;
	font-size:75%;
	line-height:150%;
	
	width: 518px;
	margin: 0 auto 10px;
	background: #ffffff;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 0 2px #666;
	
}

.food_container_1,
.news_container_1{
	margin:0 20px 10px;
	padding:0 0 15px;
}

.food_container h2,
.news_container h2{
	font-size:140%;
	line-height:150%;
	margin:0 0 5px 10px;
	padding:0;
	width:435px;
	float:right;
	text-align:left;
}

.food_container_1 h2,
.news_container_1 h2{
	width:100%;
	float:none;
	margin:0 0 5px 0;
}

.food_container .image_container,
.news_container .image_container{
	float:left;
	margin:0 0 0 0;
}


/********** 基礎情報 **********/

.food_container .basicinfo,
.news_container .basicinfo{
	float:right;
	width:433px;
	margin-left:0;
	background:#eeeeee;
	border:1px solid #dddddd;
	border-radius:4px;
}

.food_container .basicinfo table,
.news_container .basicinfo table{
	width:429px;
	margin:2px;
	border-collapse:collapse;
	border-spacing:0;
}

.food_container .basicinfo th,
.food_container .basicinfo td,
.news_container .basicinfo th,
.news_container .basicinfo td{
	padding:0 4px;
	line-height:22px;
	border-bottom:1px dotted #dddddd;
}

.food_container .basicinfo th,
.news_container .basicinfo th{
	width:100px;
	text-align:left;
}

.food_container .basicinfo td,
.news_container .basicinfo td{
	padding-right:15px;
	background:#ffffff;
}

.food_container .basicinfo td .icon_container img,
.news_container .basicinfo td .icon_container img{
	display:block;
	padding-top:4px;
}


/********** 原産国 / タンパク質 **********/

.food_container .basicinfo .line_1 .origin_td img,
.news_container .basicinfo .line_1 .origin_td img{
	height:20px;
	width:30px;
	display:block;
	float:left;
}

.food_container .basicinfo .line_1 th,
.food_container .basicinfo .line_1 td,
.news_container .basicinfo .line_1 th,
.news_container .basicinfo .line_1 td{
/**	border:none;	**/
	padding:0px 4px;
	vertical-align:middle;
}

.food_container .basicinfo .line_4 th,
.food_container .basicinfo .line_4 td,
.news_container .basicinfo .line_4 th,
.news_container .basicinfo .line_4 td{
	border:none;
}


.food_container .basicinfo .line_1 .protein_th,
.news_container .basicinfo .line_1 .protein_th{
	line-height:15px;
}

.food_container .basicinfo .line_1 .origin_td,
.food_container .basicinfo .line_1 .protein_td,
.news_container .basicinfo .line_1 .origin_td,
.news_container .basicinfo .line_1 .protein_td{
	width:130px;
}

.food_container .basicinfo .line_1 .protein_td,
.news_container .basicinfo .line_1 .protein_td{
	padding-bottom:5px;
}

.food_container .basicinfo td.protein_td ul,
.news_container .basicinfo td.protein_td ul{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
}

.food_container .basicinfo td.protein_td ul li,
.news_container .basicinfo td.protein_td ul li{
	display:inline;
	padding:0;
	margin:0;
}

.food_container .basicinfo .line_1 .protein_td ul li img,
.news_container .basicinfo .line_1 .protein_td ul li img{
	display:block;
	float:left;
	width:30px;
	height:30px;
}


/********** アイコンなし **********/

.food_container .basicinfo .no_image .protein_th,
.food_container .basicinfo .line_4 .protein_th,
.news_container .basicinfo .no_image .protein_th,
.news_container .basicinfo .line_4 .protein_th{
	line-height:22px;
}

.food_container .basicinfo .no_image .protein_td,
.food_container .basicinfo .line_4 .protein_td,
.news_container .basicinfo .no_image .protein_td,
.news_container .basicinfo .line_4 .protein_td{
	padding:0 4px;
}

.food_container .basicinfo .no_image .protein_td ul li .display_none,
.food_container .basicinfo .line_4 .protein_td ul li .display_none,
.news_container .basicinfo .no_image .protein_td ul li .display_none,
.news_container .basicinfo .line_4 .protein_td ul li .display_none{
	display:inline;
}

.food_container .basicinfo .no_image .protein_td ul li img,
.food_container .basicinfo .line_4 .protein_td ul li img,
.news_container .basicinfo .no_image .protein_td ul li img,
.news_container .basicinfo .line_4 .protein_td ul li img{
	display:none;
}


/********** genre **********/

.food_container .list_genre div{
	display:inline;
}

.food_container .list_genre div:after{
	content:"、";
}

.food_container .list_genre div:last-child:after{
	content:"";
}


/********** 説明 **********/

.food_container p.introduction,
.news_container p.introduction{
	width:435px;
	float:right;
	margin:5px 0 0;
	padding-top:0;
	font-size:90%;
	line-height:150%;
}


/****************************** article_list ******************************/

.related_news{
	width:548px;
}

.related_news .news_container:first-child{
	padding-top:5px;
}

.news_container{
	width:550px;
	border:none;
	border-radius:0;
	box-shadow:none;
	border-bottom:1px dashed #cccccc;
	padding:15px 0 10px;
	margin:0 auto;
}

.news_container h2{
	width:440px;
	margin:0px 0px 5px 0px;
	font-size:120%;
	line-height:150%;
}

.news_container p{
	width:440px;
	float:right;
	text-align:left;
}

.news_container .timestamp{
	text-align:right;
	font-size:70%;
}

.news_container img.img_right_top{
	width:100px;
	margin:0px 10px 10px 0;
	border-radius:4px;
}


/********** static ********************/

.related_dog_list{
	list-style:none;
	padding:10px;
	background:url(/images_dammy/cork-600x450.jpg)#eeeeee;
	border-radius: 6px;
	width:538px;
	margin:0 auto 10px;
}

.dog_static{
	width:518px;
	margin:0 auto 10px;
	margin-bottom:10px;
	background:rgba(220,180,140,0.5);
	background:#ffffff;
	padding:10px;
	border-radius: 8px;
	box-shadow:0 0 2px #666666;
}

.dog_static:last-child{
	margin-bottom:0;
}

.dog_static:after{
	content:"";
	clear:both;
	display:block;
	height:0;
} 

.dog_static h4{
	margin:0;
	padding:0;
	float:right;
	text-align:left;
	width:365px;
}

.dog_static img{
	float:left;
}

.dog_static .img_right_top,
.dog_static img.img_right_top{
	margin:0 10px 10px 0;
}

.dog_static a:link{
	text-decoration:underline;
}

.dog_static .name_aside{
	width:365px;
	float:right;
	font-size:80%;
	line-height:150%;
	margin-bottom:10px;
}

.dog_static .name_aside dt{
	float:left;
	clear:both;
	width:120px;
	padding-right:1em;
	padding:4px 0 4px 5px;
}

.dog_static .name_aside dd:before{
	content:"：";
	display:block;
	position:absolute;
	margin-left:-1em;
}

.dog_static .name_aside dd{
	float:left;
	width:230px;
	padding:4px 0;
}

.dog_static .name_aside dt:first-child,
.dog_static .name_aside dt:first-child + dd{
	background:#f9f9f9;	
}

.dog_static .name_aside dt:first-child + dd + dt + dd + dt,
.dog_static .name_aside dt:first-child + dd + dt + dd + dt + dd{
	background:#f9f9f9;	
}

.dog_static p{
	font-size:80%;
	line-height:150%;
	clear:both;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:518px;
}


/********** food list ********************/

.related_dog_list .image_container img{
	width:70px;
}


/********** publisher inquiry ********************/



.maintxt .article_info_maker_inquiry{
	position:relative;
	margin:10px auto 0;
	padding:10px 0 0;
/*	border-top:1px dotted #999999;	*/
}

.article_info_maker_inquiry h3{
	position:absolute;
/*	top:-10px;	*/
	width:7em;
	height:20px;
	margin:0;
	padding:0 0 0 32px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	color:#008039;
	background:#ffffff;
	background:url(/images/food_bg_icon.png) no-repeat 0 -404px #ffffff;
}

.info_maker_inquiry{
	clear:both;
	padding:5px;
	margin:5px auto 20px;
	width:538px;
	font-size:70%;
}

.info_maker_inquiry li{
	list-style:none;
	margin:0 0 10px 5px;
}

.info_maker_inquiry li.tel{
	margin:0 0 5px 5px;
}

/******************** allergen ********************/

.info_alleregen_list:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}

.info_alleregen_list{
	width:548px;
	margin:0 auto 15px;
}

.info_alleregen_list li{
	float:left;
	position:relative;
	list-style:none;
	margin:0px 5px 5px 0;
	font-size:90%;
}

.info_alleregen_list li a{
	text-decoration:underline;
}


/********** ポップアップ ***************/

.info_alleregen_list dl.POPUPWORD:after,
.info_alleregen_list dl.POPUPWORD dd:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.info_alleregen_list dl.POPUPWORD{
	font-size:medium;
	text-align:left;
	margin-top:24px;
	position:absolute;
	top:1.5em;
	z-index:10;
	width:400px;
	padding:15px 0 0;
	color:#524335;
	box-shadow:2px 2px 2px #666666;
	-moz-border-radius:6px;
	border-radius:6px;
	background:url(/images/food_bg_popup.jpg) repeat-y center top;
	border-bottom:2px solid #333333;
}

.info_alleregen_list dl.POPUPWORD dt{
	display:block;
	width:370px;
	line-height:100%;
	padding:25px 15px 0 15px;
	margin:-30px 0 10px;
	font-size:20px;
	text-align:left;
	background:url(/images/food_bg_popup_header.png) no-repeat center top;
}

.info_alleregen_list dl.POPUPWORD dd{
	padding-top:10px;
	margin:0 15px 10px;
	border-top:1px solid #524335;
}

.info_alleregen_list dl.POPUPWORD dd img{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #333333;
}

.info_alleregen_list dl.POPUPWORD dd p{
	font-size:80%;
	line-height:145%;
}

.info_alleregen_list dl.POPUPWORD a{
	clear:both;
	display:block;
	float:right;
	padding:5px 10px;
	margin:10px 0 0 0;
	font-size:11px;
	line-height:100%;
	text-align:right;
	text-decoration:none;
	color:#ffffff;
	background:#73665a;
	-moz-border-radius:6px;
	border-radius:6px;
	border:2px solid #ffffff;
	box-shadow:0 0 2px #c7a988;
}

.info_alleregen_list dl.POPUPWORD a:hover{
	color:#ffff00;
	text-decoration:underline;
}


/********** no script popup **********/

.info_alleregen_list a{
	display:block;
	float:left;
	text-decoration:none;
}

.info_alleregen_list a:hover{
	text-decoration:underline;
}

.info_alleregen_list dl.POPUPWORD{
	height:0;
	overflow:hidden;
	padding:0;
	border:none;
	opacity:0;
	transition:opacity 400ms ease;
	-o-transition:opacity 500ms ease;
	-moz-transition:opacity 500ms ease;
	-webkit-transition:opacity 300ms ease;
}

.info_alleregen_list a:hover + dl.POPUPWORD{
	opacity:1;
	height:auto;
	overflow:visible;
	padding:15px 0 0;
	border-bottom:2px solid #333333;
}

.info_alleregen_list dl.POPUPWORD:hover{
	opacity:1;
	height:auto;
	overflow:visible;
	padding:15px 0 0;
	border-bottom:2px solid #333333;
}

.info_alleregen_list dl.POPUPWORD dt,
.info_alleregen_list dl.POPUPWORD dd{
	display:none;
}

.info_alleregen_list a:hover + dl.POPUPWORD dt,
.info_alleregen_list dl.POPUPWORD:hover dt,
.info_alleregen_list a:hover + dl.POPUPWORD dd,
.info_alleregen_list dl.POPUPWORD:hover dd{
	display:block;
}