@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: Mar 2, 2012

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* ============================================================
COMMUTER COMMON
============================================================ */
body {
	background-color: #FFF; /*#EDEDED*/
}
#wrapper {
	background: #EDECE6 url(../images/c/bg_headerContents.gif) repeat-x left top;
	padding: 3px 0 0;
	width: 100%;
}
#container {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 90px;
    width: 960px;
    color: #241916;
    background: url(../images/c/bg_naviPane.gif) repeat-y left top;
}
#container2 {
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 90px;
    width: 690px;
    color: #241916;
    background: url(../images/c/bg_naviPane.gif) repeat-y left top;
}
#naviPane {
	width: 220px;
	height: 100%;
	float: left;
}
#contentsPane {
	width: 710px;
	float: right;
	margin-top: 30px;
}
#contentsPane #indexSBnr {
	clear: both;
	margin-right: -13px;
	*margin-right: -14px;
	overflow: hidden;
}
/* ============================================================
NAVI
============================================================ */
#naviPane header {
	padding: 10px 0 10px;
}
#naviPane nav ul {
	width: 220px;
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}
#naviPane nav ul li {
	border-top: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
}
#naviPane nav ul li a {
	width: 220px;
	height: 44px;
	display: block;
	text-indent: -99999px;
}
#naviPane li#nav01 a {
	background: url(../images/c/nav1.gif) no-repeat left top;
}
#naviPane li#nav02 a {
	background: url(../images/c/nav2.gif) no-repeat left top;
}
#naviPane li#nav03 a {
	background: url(../images/c/nav3.gif) no-repeat left top;
}
#naviPane li#nav04 a {
	background: url(../images/c/nav4.gif) no-repeat left top;
}
#naviPane li#nav05 a {
	background: url(../images/c/nav5.gif) no-repeat left top;
}
#naviPane li#nav06 a {
	background: url(../images/c/nav6.gif) no-repeat left top;
}
#naviPane nav ul li#nav01 a:hover,
#naviPane nav ul li#nav02 a:hover,
#naviPane nav ul li#nav03 a:hover,
#naviPane nav ul li#nav04 a:hover,
#naviPane nav ul li#nav05 a:hover,
#naviPane nav ul li#nav06 a:hover {
	background-position: left -44px;
}
#naviPane nav ul li#nav01 a.select,
#naviPane nav ul li#nav02 a.select,
#naviPane nav ul li#nav03 a.select,
#naviPane nav ul li#nav04 a.select,
#naviPane nav ul li#nav05 a.select,
#naviPane nav ul li#nav06 a.select {
	background-position: left -44px;
}
#naviPane aside {
	margin: 20px 0 0 20px;
	padding-bottom: 20px;
	clear: both;
}
#naviPane aside.share ul {
	background: url(../images/c/bg_share.gif) no-repeat left top;
	padding: 22px 0;
}
#naviPane aside ul li {
    float: left;
    margin: 0 10px 0 0;
}
#naviPane aside.feed {
	margin-top: 10px;
}
#naviPane aside.feed ul {
	background: url(../images/c/bg_rss.gif) no-repeat left top;
	padding: 22px 0;
	clear: both;
}
/* ============================================================
CONTENTS INDEX
============================================================ */
#contentsPane #indexMBnr {
	margin-bottom: 30px;
}
#contentsPane #indexMBnr img {
	padding: 5px;
	background-color: #FFF;
}
#contentsPane #indexMBnr .movie {
	width: 680px;
	padding: 15px;
	background-color: #FFF;
	overflow: hidden;
}
#contentsPane #indexMBnr h3 {
	padding: 5px 0;
	font-size: 121%;
}
#contentsPane #indexSBnr article {
	width: 228px;
	overflow: hidden;
	float: left;
	margin: 0 13px 20px 0;
	line-height: 1.2;
}
#contentsPane #indexSBnr article.lilast {
	margin-right: 0;
}
#contentsPane #indexSBnr article div.thumb {
	background-color: #333;
	width: 228px;
	height: 126px;
	overflow: hidden;
}
#contentsPane #indexSBnr article img {
	width: 228px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
#contentsPane #indexSBnr article h3 {
	padding: 5px 0;
	font-size: 1.2em;
	height: 3.19em;
	overflow: hidden;
}
#contentsPane #indexSBnr article h3 a {
	display: block;
	color: #221B18;
	text-decoration: none;
}
/* ============================================================
CONTENTS ARTICLE
============================================================ */
#contentsPane article#contents {
	width: 680px;
	padding: 15px;
	background-color: #FFF;
	margin-bottom: 30px;
}
#contentsPane article.subContents {
	width: 680px;
	padding: 15px;
	background-color: #FFF;
	margin-bottom: 50px;
}
#contentsPane article#contents header {
	margin: 0 0 20px;
	font-size: 0;
}
#contentsPane article#contents h3,
#contentsPane article.subContents h3 {
	/*border-left: 8px solid #00A297;*/
	border-top: 3px solid #e2e2e2;
	border-bottom: 3px solid #e2e2e2;
    font-size: 197%;
    line-height: 1.3;
    margin: 30px 0 10px;
    padding: 5px 0px;
}
#contentsPane article#contents a,
#contentsPane article.subContents a {
	color: #00A297;
}
#contentsPane article aside.share{
	width: 200px;
	float: right;
	text-align: right;
}
#contentsPane article aside.share ul {
	float: right;
	margin: 3px 0 0;
}
#contentsPane article aside.share ul li {
    float: left;
    margin: 0 0 0 10px;
}
#contentsPane article section.entryImg {
	width: 680px;
	overflow: hidden;
}
#contentsPane article section.entryImg img {
	margin: 0 auto;
}
#contentsPane div.altImg {
	display: none;
	text-align: center;
}
#contentsPane article section.entryBody {
	clear: both;
	padding: 10px 0 0;
}
#contentsPane article section.entryBody hr {
	border: none;
	background: url(../images/c/bg_dot.gif) repeat-x left top;
	height: 5px;
	clear: both;
}
#contentsPane article p {
	padding-bottom: 1em;
}
#contentsPane article p.upDate {
	font-size: 91%;
	text-align: right;
	margin: 30px 0 0;
}
#contentsPane article section.entryBody dt {
	font-weight: bold;
}
/* ============================================================
#contents > footer
============================================================ */
#contentsPane footer {
	width: 650px;
	padding: 30px 30px 30px 30px;
	background: #221B18;
	overflow: hidden;
	clear: both;
}
#contentsPane footer div.text {
	width: 380px;
	float: left;
}
#contentsPane footer div.text p {
	margin-top: 10px;
	color: #FFF;
}
#contentsPane footer ul {
	width: 260px;
	padding-top: 5px;
	float: right;
}
#contentsPane footer ul li {
	margin-bottom: 1px;
}
/* forIE7 */
*:first-child+html #contentsPane footer ul li {
	height: 30px;
	overflow: hidden;
}
*:first-child+html #contentsPane footer ul li a,
*:first-child+html #contentsPane footer ul li img {
	display: block;
}