@charset "UTF-8";


* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #ffffff;
}
#site-wrap {
	margin-left: auto;
	margin-right: auto;
	width: 878px;
	text-align: left;
}

/* header */

#advertise {
	margin: 0px;
	padding: 0px 40px 0px 40px;
}
#header{
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
#header p{
	margin: 0px;
	padding: 0px;
}
h1{
	margin: 0px;
	padding: 0px;
}
h2{
	margin: 0px;
	padding: 0px;
}
#head-info{
	width: 800px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/head_bg_g.gif);
	background-repeat: repeat-x;
	background-color: #f6d3d3;
}
#head-article{
	float: left;
	width: 547px;
	margin: 0px;
	padding: 0px;
}
#head-article p.atc-nor{
	margin: 0px 0px 0px 15px;
	padding: 10px 20px 10px 20px;
	background-image: url(../images/head_ttl_bg.gif);
	background-repeat: repeat-y;
	font-size: 90%;
	line-height: 140%;
}
#head-article p.atc-dm-society{
	margin: 0px 0px 0px 15px;
	padding: 10px 20px 10px 20px;
	background-image: url(../images/head_ttl_bg.gif);
	background-repeat: repeat-y;
	vertical-align:middle;
}
#head-article p.atc-dm-society img{
	vertical-align: middle;
}
#head-article p.atc-dm-society span{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 70%;
	color: #333333;
	text-transform: uppercase;
}
#head-article img.ttl-bg-r{
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#head-illust{
	float: right;
	width: 243px;
	margin: 0px;
	padding: 0px;
}
#head-nav{
	margin: 0px;
	padding: 0px;
}
#head-nav ul{
	width: 800px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url(../images/head_nav_bg.gif);
	background-repeat: repeat-x;
}
#head-nav ul li.navs{
	float: left;
	margin: 0px;
	padding: 1px 1px 0px 0px;
}
#head-nav ul li.nav-end{
	float: left;
	margin: 0px;
	padding: 1px 0px 0px 0px;
}
#adv-footer {
	margin: 0px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid #bfbfbf;
}

.clear-hr {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.clear-hr-bt10 {
	clear: both;
	margin: 0px;
	padding-bottom: 10px;
}

/* contents */

.contents-article {
	width: 800px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/cts_article_bg.gif);
	background-repeat: repeat-y;
}
h3{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

/* column01 */
.cts-atc01-left-col {
	float: left;
	width: 215px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc01-right-col{
	float: right;
	width: 500px;
	margin: 0px;
	padding: 0px 25px 10px 0px;
}
.cts-atc01-right-col ul{
	list-style: disc;
	padding-left: 1.2em;
	color: #323232;
	font-weight: bold;
	font-size: 90%;
}
.cts-atc01-right-col ul li {
	line-height: 200%;
}
.gotopagetop {
	width: 800px;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

/* column02 */
.cts-atc02-left-col {
	float: left;
	width: 515px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc02-left-col ul{
	list-style: none;
}
.cts-atc02-left-col ul li{
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;
	border: 2px dotted #999999;
	background-color: #fffedc;
}
.cts-atc02-left-col ul p.att{
	font-weight: bold;
	font-size: 110%;
	color: #003f9f;
	padding: 0px 0px 10px 0px;
}
.cts-atc02-left-col ul li p.tex{
	padding-left: 20px;
	font-weight: normal;
	font-size: 90%;
	color: #323232;
}
.cts-atc02-right-col {
	float: right;
	width: 210px;
	margin: 0px;
	padding: 5px 25px 10px 0px;
}

/* column03 */
.cts-atc03-left-col {
	float: left;
	width: 135px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc03-right-col {
	float: right;
	width: 586px;
	margin: 0px;
	padding: 0px 25px 10px 0px;
}
.cts-atc03-right-col p.att{
	margin-top: 8px;
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;
	border: 2px dotted #999999;
	background-color: #fffedc;
	font-size: 90%;
	color: #323232;
}
.cts-atc03-right-col p.att span{
	color: #ff0000;
}
.cts-atc03-right-col p.howto-ttl{
	padding: 0px 0px 10px 0px;
}
.cts-atc03-right-col p.howto-ttl strong{
	font-weight: bold;
	font-size: 110%;
	color: #003f9f;
}
.cts-atc03-right-col p.howto{
	margin: 0px;
	padding: 0px 0px 25px 0px;
	font-size: 90%;
	color: #323232;
}
.cts-atc03-right-col p.address{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 100%;
	color: #000000;
}
.cts-atc03-right-col p.address span{
	font-size: 120%;
	text-transform: uppercase;
}
.cts-atc03-right-col h4{
	float: left;
}
.atc03-howto-wrap{
	width: 586px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(../images/cts_article_03bg.gif);
	background-repeat: repeat-y;
}
.atc03-howto-att{
	float: right;
	width: 460px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}	

/* column04 */
.cts-atc04-left-col{
	float: left;
	width: 595px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc04-left-col ul{
	list-style: none;
}
.cts-atc04-left-col ul li{
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;
	border: 2px dotted #999999;
	background-color: #fffedc;
}
.cts-atc04-left-col ul p.att{
	font-weight: bold;
	font-size: 110%;
	color: #003f9f;
	padding: 0px 0px 10px 0px;
}
.cts-atc04-left-col ul li p.tex{
	padding-left: 20px;
	font-weight: normal;
	font-size: 90%;
	color: #323232;
}
.cts-atc04-right-col {
	float: right;
	width: 132px;
	margin: 0px;
	padding: 8px 25px 10px 0px;
}

/* column05 */
.cts-atc05-left-col {
	float: left;
	width: 90px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc05-right-col {
	float: right;
	width: 635px;
	margin: 0px;
	padding: 8px 25px 10px 0px;
}
.cts-atc05-right-col ol{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.cts-atc05-right-col ol li{
	margin: 0px;
	padding-bottom: 4px;
}
.cts-atc05-right-col ol img{
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}

/* column06 */
.cts-atc06-left-col {
	float: left;
	width: 445px;
	margin: 0px;
	padding: 8px 0px 10px 25px;
}
.cts-atc06-right-col {
	float: right;
	width: 283px;
	margin: 0px;
	padding: 8px 25px 10px 0px;
}
.cts-atc06-left-col ul{
	list-style: none;
}
.cts-atc06-left-col ul li{
	margin-bottom: 20px;
	padding: 10px 20px 10px 20px;
	border: 2px dotted #999999;
	background-color: #fffedc;
}
.cts-atc06-left-col ul p.att{
	font-weight: bold;
	font-size: 110%;
	color: #003f9f;
	padding: 0px 0px 10px 0px;
}
.cts-atc06-left-col ul li p.tex{
	padding-left: 20px;
	font-weight: normal;
	font-size: 90%;
	color: #323232;
}

/* footer */

#footer p.add{
	padding: 15px 0px 0px 0px;
}
#footer p.address{
	padding: 10px 0px 0px 0px;
	text-transform: uppercase;
}
#footer p.mail{
	padding: 15px 0px 15px 0px;
}
#footer p.digital-manga-society{
	padding: 15px 0px 15px 0px;
}
#footer p.digital-manga-society img{
	vertical-align: middle;
}
#footer p.digital-manga-society span{
	text-transform: uppercase;
	color: #666666;
	padding-left: 15px;
}
#copyright{
	padding: 0px 0px 5px 0px;
	text-align: right;
	color: #666666;
	font-size: 80%;
}

