@charset "UTF-8";

/* タイトルページ */
h1#fea-ttl {
	font-size: 125%;
	line-height: 1.2;
	padding: 0.3em 0.4em;
	margin: 0.5em 0;
}
p.lead {
	color: #333;
	font-size: 91.6%;
	line-height: 1.3;
	text-align: justify;
	text-justify: inter-ideograph;
	width: 600px;
	padding: 0;
	margin: 0.8em auto 1em;
}
h2.part {
	width: 620px;
	font-size: 91.6%;
	line-height: 1;
	margin: 0 auto 1em;
}


/* 記事本文ページ */
h2#fea-ttl2 {
	font-size: 83.3%;
	line-height: 1;
	padding: 5px 0 5px 8px;
	margin: 10px 0 20px;
	background-color: #eee;
	border-left: 5px solid #03c;
}
div#hls {
/*	margin-bottom: 20px; */
}
div#hls div {
	font-size: 91.6%;
	font-weight: bold;
	line-height: 1;
	padding: 0;
	margin: 5px 0;
}
div#hls h1 {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.2;
	padding: 9px 10px;
	margin: 3px 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
div#document {
	width: auto;
	padding: 0;
	margin: 20px 5px 15px;
}
div#document p {
	font-size: 90%;
	line-height: 1.6;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 0;
}
div#document hr {
	width: 50%;
	height: 2px;
	background-color: #ddd;
	border: none;
}
div.cap {
	font-size: 75%;
	line-height: 1.2;
}
div.upd {
	clear: both;
	color: #333;
	font-size: 83.3%;
	text-align: right;
	padding: 0 0.4em;
}
div#document p.end {
	font-weight: bold;
	text-align: right;
}
div#document p.right {
	text-align: right;
}
div#document p.center {
	text-align: center;
}
dl#memo {
	line-height: 1.3;
	padding: 15px;
	margin: 10px 20px 20px;
	border: 1px dotted #ccc;
}
dl#memo dt {
	font-size: 90%;
	font-weight: bold;
	margin: 0;
}
dl#memo dd {
	color: #333;
	font-size: 83.3%;
	line-height: 1.4;
	margin: 0;
}


/* 見出し一覧 */
ul.articles {
	list-style-type: none;
	padding: 10px;
	margin: 0 5px 10px;
	border-top: 1px dotted #ccc;
}
ul.articles li {
	font-size: 90%;
	line-height: 1.1;
	padding: 0.3em 0;
}
ul.articles li span.upd {
	color: #343434;
	font-size: 80%;
	padding: 0 0.2em;
}


/* 連載企画(たて) */
div.feas {
	width: 300px;
	padding: 3px 0 10px;
	margin: 0 auto 10px;
	background-color: #e0e0e0;
}
div.conts-ttl h2 {
	font-size: 91.6%;
	line-height: 1;
	padding: 0;
	margin: 0 8px 2px;
}
div.feas dl {
	width: 274px;
	height: 70px;
	font-size: 83.3%;
	padding: 3px 4px 4px;
	margin: 3px auto;
	background-color: #fff;
	border: 1px solid #ccc;
}
div.feas dt {
	width: auto;
	font-weight: bold;
	margin: 0px 3px 3px 0;
}
div.feas dt span {
	position: relative;
	left: -52px;
}
div.feas dd {
	color: #666;
	line-height: 1.1;
	padding: 0;
	margin: 0 4px 5px;
}
div.feas img {
	float: left;
	width: 50px;
	height: 50px;
	margin: 1.4em 5px 0 0;
}


/* 連載企画(共通) */
div.feas dt a:hover {
	text-decoration: none;
}
div.feas dt span {
	position: relative;
	left: -52px;
}
div.feas dd {
	color: #666;
	line-height: 1.1;
	padding: 0;
	margin: 0 4px 5px;
}
div.feas img {
	float: left;
	width: 50px;
	height: 50px;
	margin: 1.4em 5px 0 0;
}
div.feas span.upd {
	color: #ff4500;
}
dt.new {
	padding-right: 45px;
	background: url(/p/images/chip-new.gif) no-repeat right center;
}


/* ソーシャル用ツール */
ul#socialtools {
	list-style-type: none;
	width: auto;
	padding: 3px 5px 0px 418px;
	margin: 0px;
	border: none;
}
ul#socialtools li.bookmark {
	float: left;
	width: 16px;
	height: 16px;
	padding: 2px 3px;
	margin: 0;
}
ul#socialtools li#twitter {
	float: left;
	width: 55px;
	height: 20px;
	padding: 0 3px 0;
	margin: 0;
}
ul#socialtools li#commit {
	float: left;
	width: 60px;
	height: 16px;
	padding: 2px 3px;
	margin: 0;
}