@charset "UTF-8";

/* ============================================================ base style */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
}

html {
	overflow-y: scroll;
}

body {
	background: #282e3a url("/img/bg.jpg") center top repeat-y;
	color: #ffffff;
	font-size: 80%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

h1, h2, h3, h4, h5, h6, th {
	font-size: 100%;
	font-weight: normal;
}

table, th, td, img {
	border: none;
}

hr {
	display: none;
}

p {
	line-height: 2em;
}

a:link {
	color: #ccccff;
	text-decoration: underline;
}

a:visited {
	color: #ccccff;
	text-decoration: underline;
}

a:hover {
	color: #fedf6b;
	text-decoration: none;
}

a:active {
	color: #fedf6b;
	text-decoration: none;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a:focus {
	/*\*/
		overflow: hidden;
	/**/
}

.clearBoth {
	clear: both;
}


/* ============================================================ headerArea */

#headerArea {
	width: 960px;
	height: 140px;
	margin: 0 auto 5px;
}

#headerLeft {
	float: left;
	width: 430px;
	padding: 25px 0 0;
}

#headerRight {
	float: right;
	width: 485px;
	margin: 5px 0 0;
	padding: 0 0 0 25px;
	background: url("/img/line1.jpg") left top no-repeat;
}

#headerRight ul {
	margin: 5px 0;
}

#headerRight ul li a {
	padding: 0 0 0 10px;
	font-size: 90%;
}

#headerRight ul li a:link,
#headerRight ul li a:visited {
	color: #cccccc;
	text-decoration: none;
	background: url("/img/mark1.gif") left 3px no-repeat;
}

#headerRight ul li a:hover,
#headerRight ul li a:active {
	color: #fedf6b;
	text-decoration: underline;
	background: url("/img/mark2.gif") left 3px no-repeat;
}


/* ============================================================ contentArea */

#contentArea {
	clear: both;
	width: 960px;
	margin: 0 auto 50px;
}

#contentArea h2 {
	margin: 0;
}

#contentArea h3 {
	font-size: 130%;
	font-weight: bold;
}

#contentArea .snsBtn {
	width: 960px;
	height: 20px;
	font-size: 80%;
	text-align: right;
}

#contentArea .snsBtn img {
	vertical-align: middle;
}

#contentArea ul.mainMenu li.line2 {
	float: left;
	width: 306px;
	height: 40px;
	margin: 0 15px 5px 0;
	padding: 10px 0 0;
	background: #333333;
	border: 2px solid #cc9933;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#contentArea ul.mainMenu li.line1 {
	float: left;
	width: 306px;
	height: 35px;
	margin: 0 15px 5px 0;
	padding: 15px 0 0;
	background: #333333;
	border: 2px solid #cc9933;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

#contentArea ul.mainMenu li.end {
	margin: 0 0 5px 0;
}

#contentArea ul.mainMenu li a:link,
#contentArea ul.mainMenu li a:visited {
	text-decoration: none;
}

#contentArea ul.mainMenu li a:hover,
#contentArea ul.mainMenu li a:active {
	color: #fedf6b;
	text-decoration: underline;
}

#contentArea .newsArea dt {
	clear: both;
	float: left;
	padding: 0 1em 0 0;
}

#contentArea .newsArea dd {
	margin: 0 1em 0.1em 7em;
	line-height: 1.5em;
}

#contentArea h2.txtCopy {
	margin: 40px 0 40px;
	font-size: 120%;
	font-weight: bold;
	color: #caa418;
}

#contentArea .divLine {
	margin: 10px 0;
}

#contentArea .imgRight {
	float: right;
	margin: 0 0 10px 60px;
}

#contentArea .imgRight img {
	margin: 0 0 5px;
}

#contentArea #profileArea {
	margin: 0 0 10px;
	padding: 40px 50px;
	background: #3f434c;
}

#contentArea table.outlineTable {
	margin: 0 0 10px;
}

#contentArea table.outlineTable th,
#contentArea table.outlineTable td {
	padding: 3px 5px 3px 0;
	vertical-align: top;
}

#contentArea .articleBox {
	width: 860px;
	margin: 0 0 10px;
	padding: 40px 50px;
	background: #3f434c;
}


/* ============================================================ footerArea */

#footerArea {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	font-size: 85%;
}

#footerArea .pageTop {
	margin: 0 0 20px;
	text-align: right;
}

#footerArea .pageTop a {
	padding: 0 0 0 10px;
}

#footerArea .pageTop a:link,
#footerArea .pageTop a:visited {
	color: #cccccc;
	text-decoration: none;
	background: url("/img/mark3.gif") left 3px no-repeat;
}

#footerArea .pageTop a:hover,
#footerArea .pageTop a:active {
	color: #fedf6b;
	text-decoration: underline;
	background: url("/img/mark4.gif") left 3px no-repeat;
}

#footerLeft {
	float: left;
	width: 300px;
	padding: 20px 0 30px;
}

#footerLeft a:link,
#footerLeft a:visited {
	color: #cccccc;
	text-decoration: none;
}

#footerLeft a:hover,
#footerLeft a:active {
	color: #fedf6b;
	text-decoration: underline;
}

#footerRight {
	float: right;
	width: 500px;
	padding: 20px 0 30px;
	text-align: right;
}


/* ============================================================ others */

.txt120 {
	font-size: 120%;
}

.txt85 {
	font-size: 85%;
}

.txt80 {
	font-size: 80%;
}

.txtBold {
	font-weight: bold;
}


/* ============================================================ asset-body */

.asset-body {
	padding: 20px 0 30px;
}

.asset-more {
	padding: 0 0 30px;
}

.asset-body blockquote,
.asset-body ol,
.asset-body ul {
	margin-left: 30px;
}

.asset-body ol li {
	list-style: decimal outside;
}

.asset-body ul li {
	list-style: disc outside;
}

.asset-body .item {
	list-style: none;
}

.asset-body,
.asset-more,
.asset-more-link,
.asset-excerpt,
.comment-content,
.comment-footer,
.comments-open-content,
.comments-open-footer,
.comments-closed,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content {
	clear: both;
}

.asset,
.comments,
.trackbacks,
.archive {
	overflow: hidden;
	width: 100%;
}

.asset,
.asset-content,
.comments,
.trackbacks,
.archive {
	position: static;
	clear: both;
}

.asset,
.comments,
.comments-content,
.trackbacks,
.archive,
.search-form {
	margin-bottom: 1.5em;
}

.asset-header,
.asset-content,
.asset-body,
.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
#comment-greeting,
.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comment-form-reply,
#comments-open-text,
.trackbacks-header,
.trackbacks-info,
.trackback-content,
.trackback-footer,
.archive-content,
.search-form-header,
.search-results-header {
	margin-bottom: .75em;
}

#comment-form-remember-me label,
#comment-form-reply label {
	display: inline;
}

.entry-categories,
.entry-tags {
	margin-bottom: .5em;
}

.asset-name {
	margin-bottom: .25em;
}

.asset-footer,
.asset-meta {
	font-size: 11px;
}

.asset-meta {
	margin-top: .25em;
	padding-top: 2px;
	padding-bottom: .3em;
	font-weight: normal;
}

.asset-footer {
	clear: both;
	margin-top: 1.5em;
	padding-top: .5em;
}

.content-nav {
	text-align: center;
}

.entry-tags h4,
.entry-categories h4 {
	margin-bottom: 0;
	margin-right: .25em;
	display: inline;
	font-weight: bold;
}

.entry-tags ul,
.entry-categories ul {
	display: inline;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.entry-tags ul li,
.entry-categories ul li {
	display: inline;
}

.mt-image-left {
	float: left;
	margin: 0 20px 20px 0;
}

.mt-image-center {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}

.mt-image-right {
	float: right;
	margin: 0 0 20px 20px;
}


/* User pics */


.user-pic {
	float: left;
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 10px 0 0;
}

.auth-icon {
	position: absolute;
	bottom: 0;
	left: 0;
}


/* Feedback */

.comments-open label {
	display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
	width: 80%;
}

#comment-bake-cookie {
	margin-left: 0;
	vertical-align: middle;
}

#top-comment-nav, #comment-nav {
  list-style: none;
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0;
  text-align: center;
}

#top-comment-nav li, #comment-nav li {
  display: inline;
  padding: 0;
}

#top-prev-comments, #prev-comments {
  text-align: left;
  margin: 0 1em 0 0;
}

#top-next-comments, #next-comments {
  text-align: right;
  margin: 0 0 0 1em;
}

#top-num-comments, #num-comments {
  text-align: center;
}

#comment-submit {
	font-weight: bold;
}

.comment,
.trackback {
	margin-bottom: .5em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
	border: 0;
}

.comment-content {
	clear: none;
	line-height: 1.5;
	margin-bottom: 1em;
}

.comment-content p {
	margin-bottom: .5em;
}

/* Widgets */

.widget {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.widget-content {
	position: relative;
	margin: 5px 0 20px;
}

.archive-content ul,
.widget-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-content ul ul {
	margin-left: 15px;
}

.widget-content li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.widget-tag-cloud .widget-content ul {
	margin-right: 0;
	margin-left: 0;
}

.widget-tag-cloud .widget-content li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.6;
	background: none;
}

.widget-tag-cloud .rank-1  { font-size: 1.75em; }
.widget-tag-cloud .rank-2  { font-size: 1.75em; }
.widget-tag-cloud .rank-3  { font-size: 1.625em; }
.widget-tag-cloud .rank-4  { font-size: 1.5em; }
.widget-tag-cloud .rank-5  { font-size: 1.375em; }
.widget-tag-cloud .rank-6  { font-size: 1.25em; }
.widget-tag-cloud .rank-7  { font-size: 1.125em; }
.widget-tag-cloud .rank-8  { font-size: 1em; }
.widget-tag-cloud .rank-9  { font-size: 0.95em; }
.widget-tag-cloud .rank-10 { font-size: 0.9em; }

#footer .widget-content {
	margin-top: 0;
	margin-bottom: 0;
}

.widget-recent-assets .widget-content ul {
	overflow: auto;
	margin-right: 0;
}

.item {
	display: inline;
	float: left;
	margin: 0pt 5px 8px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 70px;
}

.widget-search ul,
.widget-syndication ul {
	margin-left: 0;
	list-style: none;
}

.widget-search li,
.widget-syndication li  {
	margin: 5px 0;
}

.widget-openid {
	width: 160px;
	margin: 10px auto;
	border: none !important;
}
.widget-openid .widget-content {
	border: 1px solid #ccc;
	background: #fff url(/images/openid-accepted.gif) no-repeat 7px 3px;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0 !important;
}
.widget-openid .widget-content em {
	display: block;
	font-style: normal;
	padding: 34px 9px 9px 68px;
}
.widget-openid .widget-content strong {
	left: -9999px;
	position: absolute;
}
.widget-openid .widget-content a {
	display: block;
	background: #eee;
	text-align: center;
	padding: 5px 3px;
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}

.widget-calendar .widget-content table {
	border-collapse: collapse;
	width: 100%;
}
.widget-calendar .widget-content th, 
.widget-calendar .widget-content td {
	text-align: center;
	width: 14%;
	padding: 2px 0;
}

.input-default {
	background-color: #9AAEC2;
}

.status-indicator {
	display: inline;
	height: 20px;
	width: 20px;
	background: url(/images/indicator-login.gif) no-repeat 0 0;
	padding: 2px 7px;
}

.pageNavi {
	padding: 20px 0 0;
	text-align: center;
}

.link_before,
.link_next {
	padding: 3px;
}