@charset "UTF-8";
/* CSS Document */

@import url(base.css);


/*----------------------------------------------------------------------------------------
	TOP PAGE
---------------------------------------------------------------------------------------- */
#container .feature {
	background:#000;
	color:#FFF;
	width: 600px;
	margin: 0 0 10px;
	padding: 10px;
}
#container .feature .photo {
	width: 400px;
	float:left;
	margin: 0 10px 0 0;
}
#container .feature .info {
	width: 180px;
	float:right;
	line-height: 150%;
}
#container .feature .info li.role {
	width: 180px;
	margin: 0 0 10px;
}
#container .feature .info li.title {
	width: 180px;
	margin: 0 0 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#container .feature .info li.title p.icon {
	width: 34px;
	margin: 0 6px 0 0;
	float:left;
}
#container .feature .info li.title p.title-txt {
	width: 140px;
	float:left;
}
#container .feature .info li.summary {
	width: auto;
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 160%;
}
#container .feature .info li.button {
	width: auto;
	text-align:right;
}
#container .article-intro {
	width:620px;
	background:transparent url(../img/image_top_divide.gif) left top repeat-y;
	margin: 0 0 20px;
}
#container .article-intro .block-left {
	width:300px;
	float:left;
	padding:0 10px 0 0;
}
#container .article-intro .block-right {
	width:300px;
	float:right;
	padding:0 0 0 10px;
}
#container .article-intro .menu-title {
	width:280px;
	background:transparent url(../img/title_txt.gif) left top no-repeat;
	height:30px;
	color:#FFF;
	font-size:1.2em;
	vertical-align:middle;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
}
#container .article-intro .menu-title a {
	color:#FFF;
	text-decoration:underline;
}
#container .article-intro .menu-title a:hover {
	color:#FFF;
	text-decoration:none;
}
#container .article-intro .article-unit {
	width:300px;
	padding:12px 0;
	border-bottom:1px dotted #7F7F7F;
}
#container .article-intro .guide-unit {
	width:300px;
	padding:12px 0;
}
#container .article-intro li.date {
	width:300px;
	margin: 0 0 5px;
}
#container .article-intro li.date span {
	width:auto;
	padding:3px 10px;
	font-size:1.2em;
	background:#000;
	color:#FFF;
	font-weight:bold;
	line-height: 160%;
}
#container .article-intro li.title {
	width:auto;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 10px;
	line-height: 120%;
}
#container .article-intro .thumbs {
	width:120px;
	float:left;
	margin:0 10px 0 0;
}
#container .article-intro .summary {
	width:170px;
	float:right;
	font-size:1.2em;
	text-align: justify;
}
#container .article-intro .summary-only {
	width:auto;
	float:right;
	font-size:1.2em;
	text-align: justify;
}
#container .article-intro p.readmore {
	width:auto;
	text-align:right;
	padding: 5px 0 0;
}
#container .article-intro p.mt-10 {
	width:300px;
	margin:10px 0 0;
}
#container .article-intro table.info-tbl {
	width:300px;
	font-size:1.2em;
}
#container .article-intro table.info-tbl th {
	width:75px;
	vertical-align:top;
	padding:0 0 5px;
}
#container .article-intro table.info-tbl td {
	width:225px;
	vertical-align:top;
	padding:0 0 5px;
}
#container .link-archive {
	width:auto;
	font-size:1.2em;
	text-align: right;
	padding: 5px 0;
}

/*----------------------------------------------------------------------------------------
	PRIVACY POLICY & MAIL MAGAZINE PAGE
---------------------------------------------------------------------------------------- */
#container h3.pagetitle {
	width:600px;
	background:transparent url(../img/title_txt.gif) left top no-repeat;
	height:30px;
	color:#FFF;
	font-size:1.2em;
	vertical-align:middle;
	line-height: 30px;
	padding: 0 10px;
	font-weight: bold;
}
#container .article-block {
	width:auto;
	padding:0 10px 20px;
	font-size:1.2em;
	line-height:140%;
}
#container .article-block p {
	width:auto;
	padding:10px 0 0;
}
#container .article-block p.subtitle {
	font-weight:bold;
}
#container .article-block ul {
	width:auto;
	padding:10px 0 0;
}
#container .article-block li {
	width:auto;
	text-indent:-1em;
	padding:0 0 0 1em;
}