@charset "utf-8";
@import "base.css";
@import "layout.css";

/* \*//*/
@import "mac.css";
/**/

/*-------------------------------------------------------------
 top layout
---------------------------------------------------------------*/
#wrap {
	text-align:left;
	width:976px;
	margin: 8px auto 23px auto;
	background:url(../img/wrap.gif) repeat-y right top;
}
#topwrap {
	width:976px;
	background:url(../img/topwrap_foot.gif) no-repeat right bottom;
	margin: 0px;

}
#contents {
	width:724px;
	float:left;
	margin: 0px;
}

#side {
	width:239px;
	height:405px;
	float:right;
	background:url(../img/bk_side_bottom.gif) no-repeat right bottom;
}
#side ul li {
	padding-bottom:13px;
	background:#fff
}
#side ul li.end {
	padding-bottom:10px;
}
#side2 {
	width:230px;
	float:right;
	padding-left:9px;
	padding-top:5px;
}
#side2 ul li {
	padding-bottom:13px;
}
#side2 ul li.picture {
	padding-bottom:7px;
}
#side2 ul li.end {
	padding-bottom:10px;
}

#side2 .blank {
	padding: 0px;
}
#blog_side {
	display:none;
}
.pagetop {
	display:none;
}

h1 {
	margin: 0px;
	padding: 0px;
}
h2 {
	margin: 0px;
	padding: 0px;
}
#key {
	width:724px;
	height:395px;
	background-color:#f7f7f7;
}
#key p {
	text-align:center;
	padding-top:190px;
	color:#999;
}
#magazine {
	width:724px;
	margin: 0px;
}
#magazine h1 {
}
#magazine h1 a {
	text-indent:-5000px;
}
#magazine h1 img {
	text-indent:0px;
}
#magazine ul {
	width:718px;
	margin: 4px 0px 0px 0px;
}
#magazine li {
	/* 
	background: url(../img/magazinebox_foot.gif) no-repeat left bottom;
	 */
	position:relative;
	margin-bottom:0px;
	width:353px;
	float:left;
}
#magazine li.odd {
}
#magazine li.even {
	float:right;
}
/* 
#magazine li.odd_end {
	float:left;
	margin-bottom:0px;
}
#magazine li.even_end {
	float:right;
	margin-bottom:0px;
}
#magazine .section {
	background: url(../img/magazinebox_bg.gif) repeat-y left top;
}
 */
#magazine .section a {
	width:353px;
	height:160px;
	display:block;
	margin: 0px;
	padding: 0px;
	/* 
	background: url(../img/magazinebox_bg.gif) repeat-y left top;
	 */
	background: url(../img/magazine_box.gif) no-repeat left top;
}
#magazine .section a:link,
#magazine .section a:visited {
	text-decoration:none;
	cursor:hand;
	color:#666;
}
#magazine .section a:hover {
	color:#444;
	background-image: url(../img/magazine_box_o.gif);
}
#magazine .maga_title {
	display:block;
	font-size:1.17em;
	font-weight:bold;
	/* 
	background: url(../img/magazinebox_head.gif) no-repeat left top;
	 */
	padding: 15px 0px 5px 25px;
	font-size:1em;
	_height:1em;
	min-height:1em;
	line-height:1.0em;
}
.maga_text {
	width:184px;
	line-height:23px;
	float:right;
	background: url(../img/dotline.gif) repeat left top;
	margin-right:12px;
	display:inline;
}
.maga_description {
	display:block;
	margin: 0px;
	padding: 0px;
	line-height:23px;
}
.maga_pict {
	display:block;
	background: url(../img/magazinebox_pict.gif) no-repeat 9px 0px;
	width:130px;/* 136 */
	height:118px;
	padding-top:5px;
	padding-left:15px;
}
.maga_pict img {
	display:block;
	margin-top: 5px;
	margin-left: 6px;
}
.maga_pict span {
	width:124px;
	height:104px;
	display:block;
	background-position: 0px 0px;
	background-repeat:no-repeat;
}
.maga_date {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin: 0px;
	position:absolute;
	bottom:17px;
	right: 14px;
	padding: 1px 0px 0px 55px;
	height:14px;
	background: url(../img/i_update.gif) no-repeat left top;
}
#magazine .new {
	display:none;
}
/* 
#magazine .new span {
	text-indent:-5000px;
	padding-right:22px;
	background: url(../img/i_up.gif) no-repeat 5px 2px;
}
 */
#magazine .new img {
	vertical-align:middle;
	padding-left:3px;
}