@charset "Shift_Jis";

/*------------------------------------------

	構成

	1. 基本設定
	2. アンカー
	3. 見出し
	4. レイアウト
	5. タグ要素

------------------------------------------*/

/*-----------------------------------------------------
	1. 基本設定
-----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.5 Arial,Helvetica,sans-serif;
	text-decoration:none;}

body{
	font-size:84%;
	color:#666;
	text-align:center;
	background:url(img/body.png) repeat-x 0% 0%;}

p{
	margin:0 0 0.8em;}

hr{
	display:none;}

br{
	letter-spacing:normal;}

img{
	border:none;
	vertical-align:bottom;}

/*-----------------------------------------------------
	2. アンカー
-----------------------------------------------------*/
a{
	font:inherit;}

a:link{
	color:#666;}

a:visited{
	color:#999;}

a:active,
a:hover,
a:focus{
	color:#000;}

	#main a{
		text-decoration:underline;}
	#main ul.pagetop a{
		text-decoration:none;}

/*-----------------------------------------------------
	3. 見出し
-----------------------------------------------------*/

h2{
	font-size:160%;
	color:#999;/*999*/
	width:150px;
	padding:0 0.4em;
	position:absolute;
	z-index:2;}

h3{
	font-size:120%;
	font-weight:bold;
	clear:both;
	margin:0 0 0.3em;}

h4{
	font-size:105%;
	font-weight:bold;
	color:#bbb;
	clear:both;
	margin:0 0 0.5em;}

/*-----------------------------------------------------
	4. レイアウト
-----------------------------------------------------*/

/* --------------- ページの大枠 ---------------*/
.page{
	width:90%;
	min-width:600px;
	max-width:1100px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:0 0 1.5em;}

/* --------------- ヘッダー ---------------*/
#header{
	padding:40px 0 0;}

/* サイトタイトル部分 */
#header h1{
	padding:20px 0 5px 30px;
	background:url(img/h1.gif) no-repeat 0% 50%;}

	#header h1{
		font-size:180%;
		line-height:1;
		letter-spacing:-1px;}
	#header h1 a{
		font-weight:bold;}

	#header h1 a:link,
	#header h1 a:visited{
		color:#999;}

	#header h1 a:hover{
		color:#999;}

/* --------------- ナビゲーション ---------------*/
#navi{
	margin:0 0 5.5em;
	border-top:solid 3px #ededed;}

	#navi ul{
		list-style:none outside;
		margin:0 0 0 2px;
		position:relative;
		top:-4px;}

	#navi ul li{
		list-style-type:none;
		display:inline;}

/* ナビゲーションのリンク設定 */
#navi a{
	font-size:84%;
	margin:0 -2px;
	padding:0 0.8em;}
#navi a:link,
#navi a:visited{
	border-top:solid 3px #ededed;}

#navi a:hover{
	border-color:#000;}

/* --------------- 記事部分 ---------------*/
#main{
	}

	#main .text{
		border-left:solid 150px #efefef;
		padding:0.2em 0 0 0.8em;
		position:relative;}

	/* ページトップへの戻り */
	ul.pagetop{
		list-style:none outside;
		margin:0 0.8em;
		text-align:right;
		display:block;
		clear:both;}

	ul.pagetop li{
		list-style-type:none;}

	ul.pagetop a:link,
	ul.pagetop a:visited{
		color:#999;}
	ul.pagetop a:hover{
		color:#000;}

/* --------------- フッター ---------------*/
#footer{
	padding:15px 0;
	text-align:center;}

	#footer ul{
		list-style:none outside;
		margin:0;
		display:inline;
		border-left:solid 1px #e6e6e6;}

	#footer ul li{
		list-style-type:none;
		display:inline;
		padding:0 8px;
		font-size:84%;
		border-right:solid 1px #e6e6e6;}

	#footer address{
		display:inline;}

	#footer a:link,
	#footer a:visited{
		color:#666;}
	#footer a:hover{
		color:#000;}

/*-----------------------------------------------------
	5. タグ要素
-----------------------------------------------------*/

/* --------------- リスト ---------------*/
ol{
	list-style:decimal outside;
	margin:0.5em 2.8em;}

ol li{
	list-style-type:decimal;}

ul{
	list-style:circle outside;
	margin:0.5em 2.2em;}

ul li{
	list-style-type:circle;}

dl{
	list-style-position:inside;
	margin:0.5em 0.3em;}

dt{
	font-weight:bold;
	margin:0.2em 0;}

dd{
	margin:0 0 0 1.2em;}

/* --------------- タグ要素いろいろ ---------------*/
em{
	font-weight:bold;}

strong{
	font-weight:bold;
	color:#444;}

ins{
	text-decoration:underline;}

del{
	text-decoration:line-through;
	color:#ddd;}

cite{
	font-style:oblique;}

q{
	border:solid 1px #e6e6e6;
	padding:0.1em 0.2em;}

pre{
	font-family:"Courier New",Courier,monospace;
	width:95%;
	margin:0.8em auto;
	overflow:scroll;
	background:#f5f5f5;}

	#main .text > pre{
		padding:3px 5px;
		overflow:auto;}

blockquote{
	width:95%;
	margin:0.8em auto;
	padding:0.3em 0.5em;
	border:solid 1px #e6e6e6;}

	blockquote p{
		margin:0 0 0.3em;}

address{
	}

/* --------------- フォーム ---------------*/
form{
	margin:0 0 0.8em;}

fieldset{
	border:none;
	padding:0 1.5em;}

legend{
	font-size:120%;
	font-weight:bold;
	margin:0 0 0 -1.2em;}

label{
	font-size:100%;}

input,
textarea{
	margin-bottom:0.3em;
	vertical-align:middle;
	border:solid 1px #999;
	background:#fff;
	font-size:100%;
	line-height:normal;}

input:hover,
input:focus,
textarea:hover,
textarea:focus{
	border-color:#000;}