@charset "utf-8";

@import url("base.css");


div#contents div#leftColumn ul#magazine_society{
	width:687px;
	margin:18px 0 0 0;
}

div#contents div#leftColumn ul#magazine_society h2{
	width:337px;
	height:33px;
	line-height:33px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-indent:17px;
	margin:0;
	background:url(../img/magazine_society/bg_h2.gif) no-repeat;	
}

div#contents div#leftColumn ul#magazine_society h2 a:link{
	color:#FFFFFF;
	text-decoration:underline;
}

div#contents div#leftColumn ul#magazine_society h2 a:visited{
	color:#0f3f55;
	text-decoration:underline;
}

div#contents div#leftColumn ul#magazine_society h2 a:hover{
	color:#ec5d21;
	text-decoration:none;
}

div#contents div#leftColumn ul#magazine_society h2 a:active{
	color:#0000ff;
	text-decoration:none;
}

div#contents div#leftColumn ul#magazine_society:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn ul#magazine_society li{
	width:337px;
	display:block;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox{
	width:337px;
	background:url(../img/magazine_society/bg_conts_box.gif) repeat-y left top;
}

div#contents div#leftColumn ul#magazine_society li div.contsBoxbottom{
	width:337px;
	height:10px;
	display:block;
	background:url(../img/magazine_society/conts_box_bottom.gif) no-repeat top;
}

div#contents div#leftColumn ul#magazine_society li#magazine_01{
	float:left;
	margin:0 0 18px 0;
}

div#contents div#leftColumn ul#magazine_society li#magazine_02{
	float:right;
	margin:0 0 18px 0;
}

div#contents div#leftColumn ul#magazine_society li#clear{
	clear:both;
	width:687px;
}

div#contents div#leftColumn ul#magazine_society li#magazine_03{
	float:left;
}

div#contents div#leftColumn ul#magazine_society li#magazine_04{
	float:right;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox div.conts{
	width:304px;
	padding:10px 16px 0 17px;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox div.conts ul{
	width:304px;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox div.conts ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox div.conts ul li.magazineImg{
	float:left;
	width:85px;
}

div#contents div#leftColumn ul#magazine_society li div.contsBox div.conts ul li.magazineDtl{
	float:left;
	width:219px;
}