@charset "Shift_JIS";

/*フォーマット*/
img { border:0;}
hr { display:none;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

.block { display:block;}
.block_center { display:block; clear:both; margin:0 auto; }

/*contents*/
#div_flash { clear:both; background:none; width:950px; height:331px; position:relative; z-index:1;}
.div_main_bg { clear:both; width:950px; position:relative;}
/*FLASH*/
#div_noscript { clear:both; width:950px; height:331px; position:relative;} 
#top_cover { position:absolute; top:15px; left:700px; width:235px; z-index:2;}
#top_cover p { display:block; clear:both;}
#p_top_cover { text-align:left; font-size:93%; line-height:125%; padding:0 0 5px 16px;}
#a_top_enter { display:block; clear:both;}


/*表紙特集*/
/*.div_magazine_box { clear:both; width:880px; margin:20px auto 0; position:relative;}
.img_dog_cover { display:block; float:left; width:307px; height:387px;}
.div_magazine_box_left { float:right; width:573px; position:relative;}
.div_magazine_banner { display:block; float:right; margin-bottom:8px;}
.p_benefit { display:block; float:left; width:240px; position:relative;}
.p_benefit img { display:block; clear:both;}
.div_magazine_right { float:right; width:333px; position:relative; text-align:left;}
.div_magazine_right h2 { display:block; clear:both; }
.p_magazine_link { display:block; float:right; width:302px; font-size:14px;}
.span_magazine { display:block; font-size:12px; color:#42210B; padding-left:18px;}
.ul_magazine { display:block; float:right; width:302px; position:relative; list-style:none; list-style-type:none;}
.ul_magazine li { display:block; font-size:14px; list-style:none; list-style-type:none; padding-bottom:1px;}*/

.dog_banner {
	margin-top:20px !important;
	padding-bottom:0 !important;
}

#magagine {
	width:900px;
	margin:20px auto;
	text-align:left;
}
#magagine h3 {
	margin:0 0 10px;
	padding:0;
}
#magagine p {
	margin:0 0 0;
	padding:0;
}
#magagine span {
	color:#42210B;
	line-height:1em;
}
#magagine a {
	text-decoration:underline;
	line-height:1.3em;
}
#magagine a:link {
	color:#00E;
}
#magagine a:visited {
	color:#551A8B;
}
#cover {
	float:left;
	width:320px;
}
#feature {
	float:right;
	width:567px;
}
#feature h2 {
	margin:0 0 13px 0;
}
#gallery_outer {
	float:left;
	width:348px;
}
#gallery {
	/*float:left;
	width:326px;*/
	padding:10px;
	border:#FEA61C 1px solid;
}
#gallery ul {
	margin:0;
	padding:0 0 0 38px;
	list-style:none;
}
#gallery li, #benefit h4 {
	padding-left:18px;
	background-image:url(/dog/sp/img2010/img_a_recommend.gif);
	background-repeat:no-repeat;
}
#gallery p {
	text-align:center;
}
#attention {
	min-height:116px;
	margin:0 0 10px !important;
	background:url(/dog/sp/img2010/attention_ttl.gif) left center no-repeat;
}
#attention li {
	background-position:left 20px;
}
#attention span {
	font-size:12px;
}
#attention a {
	font-size:16px;
}
#recommend {
	min-height:121px;
	background:url(/dog/sp/img2010/recommend_ttl.gif) left center no-repeat;
}
#recommend li {
	font-size:14px;
	background-position:left center;
	line-height:1.8em;
}
#benefit_outer {
	float:right;
	width:205px;
}
#benefit {
	/*float:right;
	width:183px;
	padding:10px;
	border:#88BF00 1px solid;*/
}
#benefit span {
	font-size:12px;
}
#benefit a {
	font-size:14px;
}
#benefit h4 {
	margin:3px 0;
	background-position:left 12px;
}

/*立ち読みFLASH*/
#p_book { display:block; padding:10px 0;}
#div_book { clear:both; background:url(/dog/img/bg_flash_book.gif) no-repeat 0 0; width:950px; height:820px; margin:0 auto; position:relative;}


/*ローテーション*/
#rotation {
	margin: 0 auto;
	width: 950px;
	height: 331px;
	text-align: left;
	overflow: hidden;
	z-index:1;
}

#rotation ul {
	width: 950px;
	height: 331px;
	text-align: left;
	overflow: hidden;
	position: relative;
	list-style:none;
}

#rotation ul li {
	top: 0;
	left: 0;
	width: 950px;
	height: 331px;
	display: none;
	position: absolute;
}
#top_cover {
	background:url(/dog/sp/common2010/img/top_cover_bg.gif) no-repeat;
	width:235px;
	height:315px;
}
ul#top_btn {
	position:absolute;
	left:12px;
	bottom:0;
	z-index:2;
	width:680px;
	height:90px;
    margin:0;
    padding:0;
    list-style:none;
}
ul#top_btn li {
	float:left;
	width:165px;
	height:90px;
    margin:0 5px 0 0;
    padding:0;
}
ul#top_btn li img {
	display:block;
	border:none;
}