@import url(common.css);
@import url(contents-common.css);

/*
	$Id: magazine.css 102 2006-04-26 20:40:05Z yuka $
*/

#main-contents h3{
	margin-top: 0em;
	margin-bottom: 1em;
}
#image-frame {
	margin-bottom:10px;
}

#magazine-section .img-left {
	float: left;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#magazine-section .img-right {
	float: right;
	margin-right: 20px;
}
#magazine-section .img-left-top {
	float: left;
	margin-right: 20px;
}

#magazine-section h3{
	margin-top: 1em;
	margin-bottom: 1em;
}

#magazine-section h4{
	clear: both;
}

#magazine-section dl{
	margin-left: 2em;
	margin-right: 4em;
	margin-top: 1em;
	margin-bottom: 2em;
}
#magazine-section dt{
	width: 100%;
	float: none;
	margin-top: 1em;
}
#magazine-section dd{
	margin-left: 2em;
}
#magazine-section .sub-section{
	margin-left: 1em;
	margin-right: 2em;
	margin-bottom: 2em;
}

#magazine-section li{
	line-height: 15px;
	text-indent: 20px;
}

#magazine-section hr{
	clear: both;
	height: 1px;
	color: #C0C0C0;
	margin-bottom: 10px;
}
#magazine-section .magazine-right{
	text-align: right;
	margin-right: 10px;
}

#magazine-section .magazine-clear{
	clear: both;
}

#magazine-section .title-list {
	margin-left: 2em;
}

.magazine-campaign {
	border: 1px solid #C3C3C3;
	padding: 10px;
}

.magazine-campaign img.backnumber-image{
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
	vertical-align: middle;
}

.magazine-campaign-title{
	background-color: #DDDDDD;
}

.magazine-campaign-title p{
	font-size: 14px !important;
	font-weight: bold;
	color: #FF5555 !important;
}

.magazine-campaign-content{
	padding: 5px;
}

.magazine-campaign-content li{
	margin-left: 170px !important; 
}



.magazine-backnumber {
	color: #222222;
	border: 1px solid #C3C3C3;
	padding: 10px;
}

.magazine-backnumber img.backnumberimage{
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
}

.magazine-backnumber h4{
	clear: both;
	font-size: 14px;
	font-weight: bold;
	color: #006666;
	margin: 10px;
}

.magazine-backnumber em{
	color: #FF6666;
}


.section-menu li{
	margin-left: 0px !important;
	margin-right: 10px !important;
	display: inline;
}

.menu-item-info{
	color: #333333;
	background: transparent url(/images/ccs/icon_info.gif) no-repeat 0px 50%;
	padding-left: 17px;
}
.menu-item-download{
	color: #333333;
	background: transparent url(/images/ccs/icon_download.gif) no-repeat 0px 50%;
	padding-left: 17px;
}
.menu-item-buy{
	color: #333333;
	background: transparent url(/images/ccs/icon_buy.gif) no-repeat 0px 50%;
	padding-left: 17px;
}

#ioncube-encoder-section{
}
.product-lineup{
	color: #333333;
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #000000;
}
.product-lineup th{
	color: #333333;
	border: 1px solid #000000;
	background-color: #F4F2F0;
	padding: 3px;
}
.product-lineup td{
	border: 1px solid #000000;
	padding: 3px;
}
#ioncube-encoder-section dl{
	margin-left: 1em;
	margin-right: 3em;
	margin-top: 1em;
	margin-bottom: 2em;
}
#ioncube-encoder-section dt{
	width: 100%;
	float: none;
	margin-top: 1em;
}
#ioncube-encoder-section dd{
	margin-left: 2em;
}
#ioncube-encoder-section .sub-section{
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 2em;
}
#ioncube-encoder-section ul{
	margin-left: 1em;
}

#vertical-sub-menu ul{
}
#vertical-sub-menu ul a:link,
#vertical-sub-menu ul a:visited{
	text-align: left;
	padding-left: 28px;
}
#vertical-sub-menu ul ul a:link,
#vertical-sub-menu ul ul a:visited{
	text-align: left;
	padding-left: 48px;
}