/*
########################################################################

########################################################################
*/

/* @charset "UTF-8"; */
/* CSS Document */
/*
##################################################################
背景色：桃　フォント色：白
##################################################################
*/
/* SKIN							##################################### */
/* box-magazine-info */
div#box-magazine-info{
	float: left;
	width: 543px;
	background: url("/image/magazine/magazine_info_bg.gif") #f6f6f6 no-repeat;
}
div#box-magazine-info-top{
	padding: 0 10px 0 0;
}
	div#box-magazine-info a{
		color: #fff82d;
	}
	/* info-window */
	div#box-magazine-info div#info-window{
	width: 510px;
	height: 30px;
	padding: 13px 13px 15px 20px;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	background-image: url("/image/color10/magazine_info_window.gif");
	background-repeat: no-repeat;
	line-height: 1.2em;
	}
	
	/* 1121追加 */
	div#box-magazine-info div#info-window p{
	width:500px;
	display: block;
	}
	/* 1121追加 */

	/* box-cover */
	div#box-magazine-info div#box-cover{
		float: left;
		margin-left: 0;
		padding: 5px 5px 5px 10px;
		width: 270px; height: 413px;
		background: none;

	}
		div#box-cover div#cover-photo{
			width: 270; height: 380px;

			border: 5px #fff solid;
		}
		div#box-cover ul#cover-tab{
			list-style: none none;
			margin: 5px 0 0 0 ;
		}
			div#box-cover ul li{
				float: left;
			}
			/* 11-19修正 */
				div#box-cover ul li a{
					display: block;
					width: 88px; height: 30px;
					text-indent: -9999px;
				}
				div#box-cover ul li a:hover{
					background-position: left bottom;
				}
				div#box-cover ul li.current a{
					background-position: left bottom;
				}
				div#box-cover ul li.li-latestnumber a{
					background-image: url("/image/magazine/btn_latestnumber.gif");
				}
				div#box-cover ul li.li-nextnumber a{
					margin: 0 3px;
					background-image: url("/image/magazine/btn_nextnumber.gif");
				}
				div#box-cover ul li.li-backnumber a{
					background-image: url("/image/magazine/btn_backnumber.gif");
				}
				/*####*/

	/* box-cover-info */
	div#box-magazine-info div#box-cover-info{
		float: right;
		margin: 0;
		width: 237px;
		height: 432px;
		background: #FF71CF;
	}
		div#box-cover-info div#info-release{
			background: url("/image/color10/info_bg_1.gif") #dcdcdc no-repeat;
			padding-bottom: 10px;
		}
			div#info-release p{
				width: 220px;
				margin: 0 auto;
				padding: 10px 0;
				font-weight: bold;
				color: #ff753c;
			}
			div#info-release a#btn-trial-latest{
				display: block;
				margin: 10px auto 0 auto;
				width: 229px; height: 39px;
				background: url("/image/magazine/btn_triallatest.gif") no-repeat;
				text-indent: -9999px;
			}
		div#box-cover-info div#publishing-work{
			width: 237px;
			color: #fff;
		}
			div#publishing-work h3{
	display: block;
	height: 40px;
	width: 237px;
	text-indent: -9999px;
	background-image: url("/image/color10/info_bg_2.gif");
	background-repeat: no-repeat;
			}
			div#publishing-work div.box-publishing-title{
				width: 223px;
				margin: 5px auto 0 auto;
				border-bottom: solid 2px #fff;
			}
			div#publishing-work div#box-publishing-title-bottom{
				border-bottom: none;
			}
/* start 08/03/13 */
				div#publishing-work div.box-publishing-title h5{
					font-weight: bold;
					font-size: 12px;
					margin: 2px 0;
				}
				div#publishing-work div.box-publishing-title p{
					margin: 4px 0;
				}
				div#publishing-work div.box-publishing-title a.ic-file{
					font-weight: bold;

					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 150%;
				}
/* end 08/03/13 */
				div#publishing-work div.box-publishing-title p.credit{
	margin-top: 3px;
	font-weight: normal;
	font-size: 80%;
	margin-bottom: 8px;
				}
	div#box-magazine-info div#publishing-work-list{
		clear: both;
		margin-left: 10px;
		margin-top: 2px;
		padding-bottom: 5px;
		width: 523px;
			background: #FF71CF;
	}
		/* li-publishing-title */
		div#publishing-work-list ul.li-publishing-title{
			float: left;
			margin: 8px;
			width: 146px;
			color: #fff;
			font-size: 80%;
		}
			ul.li-publishing-title li{
				list-style: none none;
				padding: 0 0 0 18px;
				background: url("/image/magazine/ic_file.gif") no-repeat left 3px;;
				line-height: 1.5;
			}
			ul.li-publishing-title li h6{
				font-size: 120%;
			}

/* box-magazine-info-wide */
div#box-magazine-info-wide{
	float: left;

	background: #f6f6f6 url("/image/color10/magazine_info_window-wide.gif") no-repeat;
}
div#box-magazine-info-top-wide{
	padding: 0 10px 0 0;
}
	div#box-magazine-info-wide a{
		color: #fff82d;
	}
	div#box-magazine-info-wide div#box-cover div#cover-photo{
	width: 270px;
	height: 380px;
	}
	/* info-window */
div#box-magazine-info-wide div#info-window{
	width: 685px;
	height: 30px;
	padding: 13px 13px 15px 20px;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	background: url("/image/color10/magazine_info_window-wide.gif") no-repeat;
	line-height: 1.2em;
}

	/* 1121追加 */
	div#box-magazine-info-wide div#info-window p{
	width:685px;
	display: block;
	}
	/* 1121追加 */

	/* box-cover */
	div#box-magazine-info-wide div#box-cover{
	float: left;
	width: 270px;
	height: 413px;
	background: none;
	padding: 5px;
	margin-left: 3px;
	_margin-left:2px;
	}
	/* box-cover-info */
	div#box-magazine-info-wide div#box-cover-info-wide{
		float: right;
		width: 418px;
		height: 432px;
		background: #FF71CF;
		margin-right:-2px;
		_margin-right:1px;
	}
		div#box-cover-info-wide div#info-release-wide{
			background: url("/image/color10/info_bg_3.gif") #dcdcdc no-repeat;
			padding-bottom: 10px;
		}
			div#info-release-wide p{
	margin: 0 0 0 8px;
	padding: 10px 0;
	font-weight: bold;
	color: #ff753c;
	line-height: 1.2em;
			}
			div#info-release-wide a#btn-trial-latest{
				display: block;
				margin: 10px 0 0 8px;
				width: 180px; height: 40px;
				background: url("/image/magazine/btn_triallatest.gif") no-repeat;
				text-indent: -9999px;
			}
			/* 11-19追加 */
			div#info-release-wide p#nobtn-trial-latest{
	display: block;
	width: 180px;
	height: 40px;
	background: url("/image/magazine/btn_triallatest2.gif") no-repeat;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
			}
			/* ###### */
		div#box-cover-info-wide div#publishing-work-wide{
			width: 237px;
			color: #fff;
		}
			div#box-cover-info-wide div#publishing-work-wide h3{
				display: block;
				height: 40px; width: 418px;
				background: url("/image/color10/info_bg_4.gif") no-repeat;
				text-indent: -9999px;
			}
			
			div#box-cover-info-wide div#publishing-work-wide h3.next{
				display: block;
				height: 40px; width: 418px;
				background: url("/image/color10/info_bg_5.gif") no-repeat;
				text-indent: -9999px;
			}
			/* ###### */
			div#publishing-work-wide div.box-publishing-title{
				width: 400px;
				margin: 5px 9px 0 9px;
				border-bottom: solid 2px #fff;
			}
			div#publishing-work-wide div#box-publishing-title-bottom{
				border-bottom: none;
			}
/* start 08/03/13 */
				div#publishing-work-wide div.box-publishing-title h5{
					font-weight: bold;
					font-size: 12px;
					margin: 2px 0;
				}
				div#publishing-work-wide div.box-publishing-title p{
					margin: 4px 0;
				}
				div#publishing-work-wide div.box-publishing-title a.ic-file{
					font-weight: bold;
					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 160%;
				}
/* end 08/03/13 */
				div#publishing-work-wide div.box-publishing-title p.credit{
	margin-top: 5px;
	font-weight: normal;
	font-size: 80%;
	margin-bottom: 8px;
				}
		/* 11-22修正 */
		div#box-magazine-info-wide div#publishing-work-list{
			clear: both;
			margin-left: 8px;
			margin-top: 2px;
			padding-bottom: 5px;
			width: 702px;
			_width: 704px;
			background: #FF71CF;
		}
		*:first-child+html div#box-magazine-info-wide div#publishing-work-list{
			clear: both;
			margin-left: 8px;
			margin-top: 2px;
			padding-bottom: 5px;
			width: 704px;
			background: #FF71CF;
		}
		/* ##### */
		/* li-publishing-title */
		div#publishing-work-list ul.li-publishing-title{
			float: left;
			margin: 8px;
			width: 146px;
			color: #fff;
			font-size: 80%;
		}
			ul.li-publishing-title li{
				list-style: none none;
				padding: 0 0 0 18px;
				background: url("/image/magazine/ic_file.gif") no-repeat left 3px;;
				line-height: 1.5;
			}
			ul.li-publishing-title li h6{
				font-size: 120%;
			}

/* start 08/03/14 */
/* safari only \*/
				html:\66irst-child div#publishing-work div.box-publishing-title a.ic-file{
					font-weight: bold;
					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 140%;
				}
				body:first-of-type div#publishing-work div.box-publishing-title a.ic-file{
					font-weight: bold;
					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 140%;
				}
				html:\66irst-child div#publishing-work div.box-publishing-title p.credit{
					margin-top: 3px;
					font-weight: normal;
					font-size: 80%;
					margin-bottom: 4px;
				}
				body:first-of-type div#publishing-work div.box-publishing-title p.credit{
					margin-top: 3px;
					font-weight: normal;
					font-size: 80%;
					margin-bottom: 4px;
				}
				html:\66irst-child div#publishing-work-wide div.box-publishing-title a.ic-file{
					font-weight: bold;
					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 140%;
				}
				body:first-of-type div#publishing-work-wide div.box-publishing-title a.ic-file{
					font-weight: bold;
					padding-left: 15px;
					background: url("/image/magazine/ic_file.gif") no-repeat 0 4px;
					font-size: 140%;
				}
				html:\66irst-child div#publishing-work-wide div.box-publishing-title p.credit{
					margin-top: 3px;
					font-weight: normal;
					font-size: 80%;
					margin-bottom: 4px;
				}
				body:first-of-type div#publishing-work-wide div.box-publishing-title p.credit{
					margin-top: 3px;
					font-weight: normal;
					font-size: 80%;
					margin-bottom: 4px;
				}
/* end 08/03/14 */