@charset "Shift_Jis";

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

	構成

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

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

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

body{
	font-size:78%;
	color:#666;
	text-align:center;
	padding:0 0 20px;
	margin:0;
	background:url(img/body_line.gif) repeat-x 0% 45px;}

p{
	margin:0 0 0.5em;}

hr{
	display:none;}

br{
	letter-spacing:normal;}

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

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

a:link{
	color:#999;}

a:visited{
	color:#999;}

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

	#main a:link,
	#main a:visited{
		text-decoration:underline;}
	#main a:hover{
		text-decoration:none;}

	/* エンターページのリンク設定 */
	#entersite a:link,
	#entersite a:visited,
	#entersite a:hover{
		color:#0095ff;}

/*-----------------------------------------------------
	3. 見出し
-----------------------------------------------------*/
h2{
	font-size:250%;
	font-family:"Lucida Sans Unicode",Verdana,Helvetica,sans-serif;
	color:#777777;}

	#main h2{
		margin:0.5em 20px -1.2em;
		text-align:right;}

h3{
	font-size:100%;
	font-weight:bold;
	color:#9da900;}
	
	#main h3{
		margin:0.5em 20px;}

h4{
	background:url(img/h4.gif) no-repeat 0% 50%;
	padding:0 0 0 13px;
	color:#0095ff;}

	#main h4{
		margin:0.5em -0.5em;}

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

/* --------------- ページの大枠 ---------------*/
.page{
	width:636px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:url(img/body_bg.gif) repeat-y 50% 0%;
	position:relative;}

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

/* サイトタイトル部分 */
#header h1{
	font-family:"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	padding:0;
	height:200px;
	display:block;}

	/* 画像を差替える場合はここ */
	#header h1{
		background:url(img/img.jpg) no-repeat 50% 50%;}

/* エンターページ用 */
body#enter #header h1{
	font-size:160%;
	color:#111;
	line-height:200px;
	text-align:center;}

/* サイトタイトル部分のリンク設定 */
#header h1 a{
	font-size:160%;
	position:relative;
	top:-28px;
	left:0;}

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

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

/* --------------- ナビゲーション ---------------*/
#navi{
	position:absolute;
	top:25px;
	right:0;}

	#navi ul{
		list-style:none outside;
		margin:0 18px;}

	#navi ul li{
		list-style-type:none;
		display:inline;
		margin:0 0 0 10px;}

/* ナビゲーションのリンク設定 */
#navi a:link,
#navi a:visited{
	color:#666;}
#navi a:hover{
	color:#9f0000;}

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

	#main .text{
		margin:0.8em 2.5em 1.5em;}

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

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

	#main ul.pagetop a:link,
	#main ul.pagetop a:visited,
	#main ul.pagetop a:hover{
		text-decoration:none;
		color:#666;}

/* --------------- フッター ---------------*/
#footer{
	padding:15px 0;
	background:url(img/body_bottom.gif) no-repeat 50% 100%;
	text-align:center;}

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

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

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

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

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

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

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

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

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

dd{
	margin:0 0 0 1.2em;}

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

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

ins{
	text-decoration:underline;}

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

cite{
	font-style:oblique;}

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

pre{
	width:95%;
	margin:0.8em auto;
	background:#eee;
	border:solid 1px #e6e6e6;
	font-family:"Courier New",Courier,monospace;}

	/* IE用指定 */
	pre{
		overflow:scroll;}

	/* モダンブラウザ用指定 */
	#main > .text pre{
		padding:2px 4px;
		overflow:auto;}

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

	blockquote[cite]:before{
		content:attr(cite);
		display:block;
		background:#eee;
		text-align:right;
		margin:-0.3em -0.5em 0.5em;
		padding:0 0.5em;
		border-bottom:solid 1px #e6e6e6;
		font-style:oblique;}

	blockquote p{
		margin:0 0 0.3em;}

#main address{
	background:url(img/address.gif) no-repeat 0% 50%;
	border-bottom:solid 1px #545454;
	display:inline;
	padding:0 0 0 15px;
	margin:0.5em 0.8em;}

/* --------------- フォーム ---------------*/
form{
	width:350px;
	margin:0;}

fieldset{
	border:none;
	margin:0;}

legend{
	font-size:140%;
	font-family:"Lucida Sans Unicode",Verdana,Helvetica,sans-serif;
	color:#545454;
	margin:0;
	padding:0;}

label{
	font-size:100%;
	padding:0 0.5em;}

input,
textarea{
	margin-bottom:0.3em;
	vertical-align:middle;
	border:solid 1px #999;
	background:url(img/line.gif) repeat 0% 0%;
	font:100%/normal Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;}

input{
	width:300px;}

	input.button{
		width:90px;
		background:#e6e6e6;}

textarea{
	width:300px;}

/* --------------- メールフォーム用 ---------------*/

dl.mailform{
	margin:0.8em 1.5em;}

dl.mailform dt{
	font-weight:normal;
	color:#0095ff;
	margin:0.2em 0 0.2em -1.2em;}

dl.mailform dd{
	margin:0;
	padding:0;}


/*-----------------------------------------------------
	5. おまけ
-----------------------------------------------------*/
/* --------------- 文字装飾 ---------------*/
span.light{
	color:#e6e6e6;}

span.none{
	color:#fff;}

/* --------------- テキストを横に並べる ---------------*/
ul.txt1{
	list-style:none outside;
	margin:0.5em 0;
	clear:both;}

ul.txt1 li{
	list-style-type:none;
	margin:0 0 0.5em;
	display:block;
	width:180px;
	float:left;}

/* --------------- 説明付きテキスト ---------------*/
dl.txt2{
	}

dl.txt2 dt{
	font-weight:normal;}

dl.txt2 dd{
	margin:0 0 0 1.5em;
	padding:0.2em 0.4em;
	background:url(img/line.gif) repeat 0% 0%;}


/* --------------- 画像を横に並べる ---------------*/

ul.image1{
	list-style:none outside;
	margin:0.5em 1.5em 0.5em 0;}

	ul.image1 li{
		list-style-type:none;
		display:inline;}

	ul.image1 li img{
		margin:0 3px 5px 0;}

/* --------------- 画像付き説明リスト ---------------*/

dl.image2{
	clear:both;
	list-style-position:inside;
	margin:0.5em 1.5em 0.5em 0;}

dl.image2 dt{
		float:left;
		display:block;
		margin:0 10px 10px 0;}

dl.image2 dd{
		margin:0;
		padding:0;}

/* --------------- 装飾BOX ---------------*/

.box1{
	border:solid 1px #0095ff;
	margin:0.8em 0;
	padding:0.3em 0.5em;
	position:relative;
	display:block;}

	.box1 p{
		margin:0 0 0.3em;}

.box2{
	height:70px;
	overflow:auto;
	margin:0.8em 0;
	padding:0.3em 0.5em;
	border:solid 1px #666;
	position:relative;
	display:block;}