@charset "utf-8";

/*
    F-site 標準スタイル
    Ver.1.00
    http://f-site.org/
    作成日：2006年09月29日
	更新日：2006年11月24日
    Copyright 2006 F-site All Rights Reserved.
*/


/*--------------------------------------------------------------------
	デフォルトスタイルの初期化
--------------------------------------------------------------------*/

@import "default.css";


/*--------------------------------------------------------------------
	汎用要素スタイル
--------------------------------------------------------------------*/

body {
	background-color: #9a1321;
	font-size: 80%;
	/* Win IE 5でボックスを中央に配置 */
	text-align: center;
}

p {
	line-height: 150%;
}

a {
	color: #0000ff;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #800080;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style-type: square;
}

th,td {
    border: 0;
}


/*--------------------------------------------------------------------
	ワイヤーフレーム定義
--------------------------------------------------------------------*/

/*
	・widthを指定した要素には左右のpaddingとborderは指定しない。
	・paddingまたはborderを指定した要素にはwidthやheightを指定しない。
*/

div#container {
	width: 770px;
	margin: 0 auto;
	background-color: #bd1c2c;
	/* Win IE5でボックスを中央に配置することによるテキスト中央揃えを解除 */
	text-align: left;
}

div#header {
	/*
		幅770px
	*/
	position: relative;
	width: 750px;
	height: 130px;
	margin: 0 10px 0 10px;
	background-image: url("../img/header_bkgnd.jpg");
	color: #ffffff;
	text-align: right;
}

div#breadcrumb {
	width: 710px;
	margin: 5px 20px 5px 20px;
}

ul#globalnav {

}

div#wrapper {

}

div#wrapper div#main {
	/*
		Win IE 5.5/6.0でfloatに指定した左右のmarginが2倍になるバグ対策
		http://blog.img8.com/archives/2006/04/002309.html
	*/
	display: inline;
	float: left;
	/*
		幅470px
	*/
	width: 460px;
	margin: 0 0 0 10px;
}

div#wrapper div#sub {
	/*
		Win IE 5.5/6.0でfloatに指定した左右のmarginが2倍になるバグ対策
		http://blog.img8.com/archives/2006/04/002309.html
	*/
	display: inline;
	float: right;
	/*
		幅300px
	*/
	width: 290px;
	margin: 0 10px 0 0;
}

/*
	左右floatの後ろに空レンダリング
*/
div#wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

div#entry {
	margin: 0 10px 0 10px;
	font-size: 125%;
}

div#wrapper-entry div#comments {
	/*
		Win IE 5.5/6.0でfloatに指定した左右のmarginが2倍になるバグ対策
		http://blog.img8.com/archives/2006/04/002309.html
	*/
	display: inline;
	float: left;
	/*
		幅385px
	*/
	width: 375px;
	margin: 0 0 0 10px;
}

div#wrapper-entry div#trackbacks {
	/*
		Win IE 5.5/6.0でfloatに指定した左右のmarginが2倍になるバグ対策
		http://blog.img8.com/archives/2006/04/002309.html
	*/
	display: inline;
	float: right;
	/*
		幅385px
	*/
	width: 375px;
	margin: 0 10px 0 0;
}

/*
	左右floatの後ろに空レンダリング
*/
div#wrapper-entry:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

div#entry-articles {
	margin: 0 10px 0 10px;
}

div#footer {
	width: 750px;
	height: 57px;
	margin: 0 10px 0 10px;
	padding: 0 0 50px 0;
	background: transparent url("../img/footer_bkgnd.jpg") no-repeat top left;
	color: #ffffff;
}

div#footer ul#footer-menu {
	/*
		Win IE 5.5/6.0でfloatに指定した左右のmarginが2倍になるバグ対策
		http://blog.img8.com/archives/2006/04/002309.html
	*/
	display: inline;
	float: left;
	width: 400px;
	margin: 0 0 0 10px;
}

div#footer p#copyright {

}

/*--------------------------------------------------------------------
	ワイヤーフレーム部位別スタイル
--------------------------------------------------------------------*/

div#header h1 {
	position: absolute;
	top: 33px;
	left: 0px;
	width: 180px;
	height: 95px;
	text-align: left;
	text-indent: -9999px;
}

div#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

div#header form#form1 {
	position: absolute;
	top: 46px;
	right: 94px;
	width: 310px;
	height: 33px;
}

div#header form#form1 label#search-label {
	position: absolute;
	left: 0;
	bottom: 0;
	border: 0;
	width: 59px;
	height: 33px;
}

div#header form#form1 input#searchWord {
	position: absolute;
	left: 57px;
	bottom: 4px;
	border: 1px solid #9a1422;
	/*
		幅182px
	*/
	width: 179px;
	/*
		高さ24px
	*/
	height: 22px;
	padding: 2px 0 0 3px;
}

div#header form#form1 input#search-post {
	position: absolute;
	right: 0;
	bottom: 0;
	border: 0;
	width: 60px;
	height: 33px;
	background-image: url("../img/header_search-post.gif");
	color: #ffffff;
	letter-spacing: 2px;
}

div#header img.spacer {
	position: absolute;
	top: 46px;
	right: 71px;
}

div#header img#feed {
	position: absolute;
	top: 56px;
	right: 26px;
}

div#header ul#globalnav {
	position: absolute;
	right: 24px;
	bottom: 14px;
	list-style: none;
}

div#header ul#globalnav li {
	display: inline;
	margin: 0 5px 0 0;
}

div#breadcrumb p {
	color: #ffffff;
	font-size: 75%;
}

div#breadcrumb p a {
	color: #ffffff;
}

div#footer {
	position: relative;
}

/*
	左右floatの後ろに空レンダリング
*/
div#footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

div#footer ul#footer-menu {
	list-style: none;
	position: absolute;
	top: 14px;
	left: 15px;
	border: 0;
	/* Win IEでliにfont-size分のheightがレンダリングされる現象の対策 */
	font-size: 88%;
	/* Firefox、Operaでliにline-height分がレンダリングされる現象の対策 */
	line-height: 0;
}

div#footer ul#footer-menu li {
	display: inline;
}

div#footer p#copyright img {
	position: absolute;
	top: 23px;
	right: 23px;
	border: 0;
	width: 214px;
	height: 12px;
	padding: 0;
}


/*--------------------------------------------------------------------
	ページ別スタイル
--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
		トップページ
--------------------------------------------------------------------*/

div#wrapper div#main div#index-info {
	padding: 5px 15px 0 15px;
	background-image: url("../img/bkgnd-460px_emboss.jpg");
	font-size: 40px;
}

div#wrapper div#main div#index-info span {
	font-size: 20px;
}

div#wrapper div#main div.index-articles-with-icon {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-460px.jpg");
}

div#wrapper div#main div.index-articles-with-icon div.index-feature-summary {
	margin: 0 -10px 0 -10px;
	padding: 0.5em 0 0.5em 0;
	background: transparent url("../img/bkgnd-450px_slant.gif") no-repeat bottom left;
}

div#wrapper div#main div.index-articles-with-icon div.index-feature-summary h3.index-feature-label {
	border-left: 5px solid #000000;
	margin: 0 10px 0 10px;
	padding: 0 0 0 5px;
	font-size: 100%;
	font-weight: bold;
}

div#wrapper div#main div.index-articles-with-icon div.index-feature-summary p.index-feature-description {
	margin: 0 10px 0 20px;
}

div#wrapper div#main div.index-articles-with-icon ul {
	list-style: none;
}

div#wrapper div#main div.index-articles-with-icon ul li {
	_height: 1%;
	padding: 1em 0 0 0;
	background: transparent url("../img/line-460px.gif") no-repeat scroll bottom center;
}

div#wrapper div#main div.index-articles-with-icon ul li img.contributor {
	float: left;
}

div#wrapper div#main div.index-articles-with-icon ul li pre {
	clear: left;
	margin: 0 0 0 50px;
	padding: 0.5em;
	width: 85%;
	overflow: scroll;
}

div#wrapper div#main div.index-articles-with-icon ul li table,
div#wrapper div#main div.index-articles-with-icon ul li blockquote {
	clear: left;
	margin: 0 0 0 50px;
}

div#wrapper div#main div.index-articles-with-icon ul li p {
	margin: 0 0 0 50px;
	padding: 0 0 1em 0;
}

div#wrapper div#main div.index-articles-with-icon ul li p a.index-article-title {
	color: #cc0000;
	font-weight: bold;
}

div#wrapper div#main div.index-articles-with-icon ul li p.index-article-info {
	font-size: 75%;
}

div#wrapper div#main div.index-articles-with-icon p.btn-feature {
	text-align: center;
}

div#wrapper div#main div.index-articles {
	padding: 5px 15px 0 30px;
	background-image: url("../img/bkgnd-460px.jpg");
}

div#wrapper div#main div#index-book {
	float: left;
	width: 230px;
}

div#wrapper div#main div#index-website {
	float: right;
	width: 230px;
}

div#wrapper div#main div#index-book div.recommend,
div#wrapper div#main div#index-website div.recommend {
	padding: 10px 0 0 15px;
	background-image: url("../img/bkgnd-230px.jpg");
}

div#wrapper div#main div#index-playback p.index-playback-summary {
	padding: 0.5em 0 1em 0;
	background: transparent url("../img/line-460px.gif") no-repeat scroll bottom center;
}

div#wrapper div#main div#index-playback ul li p {
	margin: 0 0 0 50px;
	padding: 0 0 1em 0;
}

div#wrapper div#sub div.index-articles-sub {
	padding: 5px 15px 0 15px;
	background-image: url("../img/bkgnd-290px.jpg");
}

div#wrapper div#sub div.index-articles-sub p {
	padding: 0 0 1em 0;
}

div#wrapper div#sub div.index-articles-sub ul {
	padding: 0 15px 0 15px;
}

div#wrapper div#sub div.index-articles-sub ul li p {
	padding: 0 0 1em 0;
}

div#wrapper div#sub div.index-articles-sub ul.index-comment,
div#wrapper div#sub div.index-articles-sub ul.index-trackback {
	list-style: none;
	padding: 0;
}

div#wrapper div#sub div.index-articles-sub ul.index-comment li,
div#wrapper div#sub div.index-articles-sub ul.index-trackback li {
	min-height: 30px;
	/* Win IEでmin-heightがサポートされていないのでハックで対応 */
	_height: 30px;
	/* 疑似リストマーカー（背景画像）に対する文字位置の調整 */
	padding: 3px 0 0.5em 32px;
	background: transparent url("../img/list-marker_comment.jpg") no-repeat left top;
}

div#wrapper div#sub div.index-articles-sub ul.index-comment li a,
div#wrapper div#sub div.index-articles-sub ul.index-trackback li a {
	color: #cc0000;
	font-weight: bold;
}

div#wrapper div#sub div.index-articles-sub h3 {
	padding: 0 0 1em 0;
	font-size: 100%;
}

div#wrapper div#sub div.index-articles-sub h3 a {
	color: #cc0000;
	font-weight: bold;
}

div#wrapper div#sub div.index-articles-sub table th,
div#wrapper div#sub div.index-articles-sub table td {
	_font-size: 75%;
	_line-height: 150%;
	vertical-align: top;
}

div#wrapper div#sub div.index-articles-sub ul.index-comment li ul li,
div#wrapper div#sub div.index-articles-sub ul.index-trackback li ul li {
	/* 継承を避ける */
	min-height: 0;
	_height: auto;
	padding: 0;
	background: none;
	line-height: 150%;
}

div#wrapper div#sub div.index-articles-sub ul.index-comment li ul li a,
div#wrapper div#sub div.index-articles-sub ul.index-trackback li ul li a {
	color: #0000ff;
	font-weight: normal;
}

div#wrapper div#sub div.index-articles-sub p.btn-seminar {
	padding: 0;
	text-align: right;
}

div#wrapper div#sub div.index-articles-sub img.banner-partner {
	margin: 0 10px 0 0;
}

/*--------------------------------------------------------------------
		カテゴリーアーカイブ
--------------------------------------------------------------------*/

div#wrapper div#main div.category-articles-with-icon {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-460px.jpg");
}

div#wrapper div#main div.category-articles-with-icon div.category-description-sub {
	margin: 0 -10px 0 -10px;
	padding: 0.5em 0 0.5em 0;
	background: transparent url("../img/bkgnd-450px_slant.gif") no-repeat bottom left;
}

div#wrapper div#main div.category-articles-with-icon div.category-description-sub h3.category-label {
	border-left: 5px solid #000000;
	margin: 0 10px 0 10px;
	padding: 0 0 0 5px;
	font-weight: bold;
}

div#wrapper div#main div.category-articles-with-icon div.category-description-sub p.category-description {
	margin: 0 10px 0 20px;
}

div#wrapper div#main div.category-articles-with-icon ul {
	list-style: none;
}

div#wrapper div#main div.category-articles-with-icon ul li {
	_height: 1%;
	padding: 1em 0 0 0;
	background: transparent url("../img/line-460px.gif") no-repeat scroll bottom center;
}

div#wrapper div#main div.category-articles-with-icon ul li img.contributor {
	float: left;
}

div#wrapper div#main div.category-articles-with-icon ul li pre {
	clear: left;
	margin: 0 0 0 50px;
	padding: 0.5em;
	width: 85%;
	overflow: scroll;
}

div#wrapper div#main div.category-articles-with-icon ul li table,
div#wrapper div#main div.category-articles-with-icon ul li blockquote {
	clear: left;
	margin: 0 0 0 50px;
}

div#wrapper div#main div.category-articles-with-icon ul li p {
	margin: 0 0 0 50px;
	padding: 0 0 1em 0;
}

div#wrapper div#main div.category-articles-with-icon ul li p a.index-article-title {
	color: #cc0000;
	font-weight: bold;
}

div#wrapper div#main div.category-articles-with-icon ul li p.index-article-info {
	font-size: 75%;
}

div#wrapper div#sub div.category-articles-sub {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-290px_emboss.jpg");
}

div#wrapper div#sub div.category-articles-sub p.category-description-current {
	padding: 0;
}

div#wrapper div#sub div.category-articles-sub h2 img {
	margin: 1em 0 0 0;
}

div#wrapper div#sub div.category-articles-sub ul {
	padding: 0 15px 0 15px;
}

div#wrapper div#sub div.category-articles-sub ul li {
	padding: 0 0 1.5em 0;
}

div#wrapper div#sub div.category-articles-sub ul li p.category-description {
	font-size: 88%;
}


/*--------------------------------------------------------------------
		エントリーアーカイブ
--------------------------------------------------------------------*/

div#entry div.entry-article {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-750px.jpg");
}

div#entry div.entry-article h2 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	color: #cc0000;
	font-size: 125%;
	font-weight: bold;
	background: transparent url("../img/line-750px.gif") no-repeat scroll bottom center;
}

div#entry div.entry-article h3 {
	padding: 0 0 0.5em 0;
	color: #9a1321;
	font-size: 125%;
	font-weight: bold;
}

div#entry div.entry-article h4 {
	/*padding: 0 0 0.5em 0.25em;
	border-left: solid 5px #000000;*/
	padding: 0 0 0.5em 0;
	font-size: 125%;
	font-weight: bold;
}

div#entry div.entry-article h5 {
	padding: 0 0 1em 0;
	color: #9a1321;
	font-weight: bold;
}

div#entry div.entry-article h6 {
	padding: 0 0 1em 0;
	font-weight: bold;
}

div#entry div.entry-article p {
	padding: 0 0 1.5em 0;
}

div#entry div.entry-article p.session-summary {
	padding: 0 0 1em 1em;
	width: 500px;
}

div#entry div.entry-article pre {
	/*padding: 0.5em;
	width: 85%;
	overflow: scroll;*/

	background-color: #EBEBEB;
	border-left: 5px solid #9A1321;
	margin: 0 0 0.5em;
	overflow: auto;
	padding: 0.25em 0 0.25em 0.5em;
	width: 85%;
}

div#entry div.entry-article ul {
	padding: 0 0 1em 15px;
}

div#entry div.entry-article ol {
	padding: 0 0 1em 20px;
}

div#entry div.entry-article dl {
	padding: 0 0 1em 0;
}

div#entry div.entry-article dt{
    font-weight: bold;
}

div#entry div.entry-article dd{
    margin:0 0 0 1.5em;
}

div#entry div.entry-article table {
	margin: 0 0 1em 0;
}

div#entry div.entry-article table td {
	vertical-align: top;
}

div#entry div.form table td {
	padding: 5px;
}

div#entry div.form table td.inputItem {
	text-align: right;
	vertical-align: top;
}

div#entry div.form table td.required {
	color: #cc0000;
	font-weight: bold;
}

div#entry div.entry-article blockquote {
	background-color: #ebebeb;
	margin: 0 0 0.5em 0;
	padding: 0.25em 0 0.25em 0.5em;
	border-left: 5px solid #9a1321;
}

div#entry div.entry-article blockquote cite {
	display: block;
}

div#entry div.entry-article hr {
	margin: 0 auto 1em auto;
	width: 85%;
	height: 1px;
	color: #666666;
	text-align: center;
}

div#entry div.entry-article div.article-info {
	margin: 0 0 1em 0;
	font-size: 88%;
}

div#entry div.entry-article div.article-info img.contributor {
	padding: 0 10px 0 0;
	vertical-align: middle;
}

div#entry div.entry-article form#comment-form fieldset {
	border: 0;
}

div#entry div.entry-article form#comment-form fieldset legend {
	font-size: 125%;
	font-weight: bold;
}

div#entry div.entry-article form#comment-form fieldset p.entry-comment-header {
	background: transparent url("../img/line-750px.gif") no-repeat scroll top center;
	padding: 1em 0 1em 0;
}

div#entry div.entry-article form#comment-form fieldset div.entry-comment {
	background: transparent url("../img/line-750px.gif") no-repeat scroll bottom center;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
}

div#wrapper-entry div#comments div#entry-comments {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-375px.jpg");
}

div#wrapper-entry div#comments div#entry-comments h4 {
	padding: 0.5em 0 0 0;
	font-weight: bold;
}

div#wrapper-entry div#comments div#entry-comments ol.entry-comment {
	list-style: none;
	padding: 0 0 1em 0;
}

div#wrapper-entry div#comments div#entry-comments ol.entry-comment li {
	_height: 1%;
	padding: 1em 0 0 0;
	background: transparent url("../img/line-375px.gif") no-repeat scroll bottom center;
}

div#wrapper-entry div#comments div#entry-comments ol.entry-comment li p {
	overflow: auto;
	padding: 0 0 1em 15px;
}

div#wrapper-entry div#comments div#entry-comments ol.entry-comment li p.entry-comment-header {
	padding: 0 0 1em 0;
}

div#wrapper-entry div#comments div#entry-comments form#comment-form {
	padding: 0.5em 0 0 0;
}

div#wrapper-entry div#comments div#entry-comments form#comment-form fieldset {
	border: 0;
}

div#wrapper-entry div#comments div#entry-comments form#comment-form fieldset legend {
	font-size: 125%;
	font-weight: bold;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-375px.jpg");
}

div#wrapper-entry div#trackbacks div#entry-trackbacks h4 {
	padding: 0.5em 0 0 0;
	font-weight: bold;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks h4.entry-trackback-articles {
	padding: 1em 0 0 0;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks p.entry-trackback-url {
	padding: 5px;
	border: 1px solid #013467;
	color: #013467;
	text-align: center;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks ol.entry-trackback {
	list-style: none;
	padding: 0 0 1em 0;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks ol.entry-trackback li {
	_height: 1%;
	padding: 1em 0 0 0;
	background: transparent url("../img/line-375px.gif") no-repeat scroll bottom center;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks ol.entry-trackback li p {
	padding: 0 0 1em 15px;
}

div#wrapper-entry div#trackbacks div#entry-trackbacks ol.entry-trackback li p.entry-trackback-header {
	padding: 0 0 1em 0;
}

div#entry-articles div.entry-article {
	padding: 0 15px 0 15px;
	background-image: url("../img/bkgnd-750px.jpg");
}

div#entry-articles div.entry-article ul {
	padding: 1em 15px 0 15px;
}

div#entry-articles div.entry-article ul li {
	padding: 0 0 1em 0;
}