﻿
/**************************************************
 * リンク
 **************************************************/
a:link, a:visited, a:hover
{
	text-decoration: underline;
	color          : 8264FF;
}

a:visited
{
	color: #FF502E;
}

a:hover
{
	background-color: #FFE6A4;
}

/**************************************************
 * 見出し
 **************************************************/

h1, h2, h3, h4, h5, h6, h7, h8
{
	clear : both;
	margin: 20px 0px 0px 0px;
}

h1 /* 見出し1（大見出しなど） */
{
	letter-spacing     : 4pt;
	font-size          : 18pt;
	color              : #3D93EB;
	clear              : both;
	padding            : 0px;
	border-width       : 1px;
	border-style       : none none solid none;
	border-color       : #888888;
	background-image   : url("/img/pedal.gif");
	background-position: right bottom;
	background-repeat  : no-repeat;
}

h2 /* 見出し2（ブログの日付、掲示板の件名など） */
{
	letter-spacing  : 0.5pt;
	text-align      : left;
	font-size       : 12pt;
	font-weight     : bold;
	color           : #FFFFFF;
	padding         : 0.4ex 3ex 0.4ex 3ex;
	background-color: #000000;
}

h3 /* 見出し3（小見出しなど） */
{
	letter-spacing: 0.5pt;
	font-size     : 12pt;
	margin-left   : 20px;
	margin-right  : 20px;
	padding       : 0px 0px 0px 1ex;
	border-style  : none none none solid;
	border-width  : 3px;
	border-color  : #000000;
}

h4 /* 見出し4（サイドメニュータイトルなど） */
{
	font-size       : 11pt;
	font-weight     : bold;
	color           : #FFFFFF;
	padding         : 5px;
	margin          : 0px 0px 10px 0px;
	background-color: #000000;
}

/**************************************************
 * 段落
 **************************************************/
p
{
	line-height: 14pt;
	font-size  : 11.5pt;
	margin     : 2ex 20px 2ex 20px;
}

	p.small
	{
		line-height: 12pt;
		font-size  : 9pt;
	}

	p.pre
	{
		font-family     : "Courier New", "ＭＳ ゴシック";
		line-height     : 3ex;
		font-size       : 1.6ex;
		padding         : 10px;
		margin          : 20px;
		border-style    : solid;
		border-width    : 0px;
		border-color    : #000000;
		background-color: #EEEEEE;
	}

/**************************************************
 * 画像
 **************************************************/

.photo
{
	text-align  : center;
	display     : block;
	clear       : both;
	margin      : 10px auto 10px auto;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

/**************************************************
 * BODY
 **************************************************/

body
{
	text-align      : center;
	letter-spacing  : 0px;
	font-family     : "Meiryo UI", "メイリオ", "Tahoma", "MS UI Gothic", "ＭＳ Ｐゴシック", "Osaka";
	font-size       : 10.5pt;
	padding         : 0px;
	margin          : 0px;
	background-color: #FFFFFF;
}

/**************************************************
 * DIV
 **************************************************/

#body, #header, #footer, #content, #sidebar
{
	text-align      : left;
	color           : #000000;
	margin          : 0px;
	padding         : 0px;
	background-color: #FFFFFF;
}

#body /* ページ全体 */
{
	word-break      : break-all;
	word-wrap       : break-word;
	width           : 900px;
	margin          : 20px auto 0px auto;
	background-color: #FFFFFF;
}

/* ヘッダー部分 */
#header
{}

/* フッター部分 */
#footer
{
	text-align  : center;
	font-variant: small-caps;
	font-weight : bold;
	padding     : 20px;
}

	#footer p
	{
		font-size: 10pt;
		margin   : 0px;
	}

/* コンテンツ部分 */
#content
{
	width  : 700px;
	margin : 0px 10px 20px 0px;
	padding: 10px;
}

#sidebar /* サイドバー */
{
	padding: 10px;
	width: 180px;
}

/* サイドバー用ブロック */
.side
{
	text-align  : center;
	font-size   : 10.5pt;
	padding     : 0px 0px 10px 0px;
	margin      : 0px 0px 10px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-image   : url("/img/segno.gif");
	background-position: right bottom;
	background-repeat  : no-repeat;
}

/* リストブロック */
.list
{
	line-height     : 18pt;
	font-size       : 12pt;
	margin          : 10px;
	padding         : 1ex 4ex 1ex 4ex;
	border-width    : 1px;
	border-style    : solid;
	border-color    : #68FF75;
	background-color: #DDFFDF;
}

#search_text, #search_button
{
	font-family: "メイリオ", Tahoma, "MS UI Gothic", "ＭＳ Ｐゴシック", "Osaka";
	font-size  : 10pt;
}

#search_text
{
	width: 140px;
}

#search_button
{
	margin: 10px 0px 0px 0px;
	width : 80px;
}

