@charset "Shift_Jis";

/* ――――――――――――――――――――――――――――――
	Designed by X-orz ---> http://x-orz.com/
	2frame No.004
―――――――――――――――――――――――――――――― */
/* ====================( 全体 )==================== */
*{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	font-family: "Century Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	font-size: 90%;
	color: #666666;
	background-color: #ffffff;
}

html{ 
	scrollbar-base-color: #4682b4;
	scrollbar-track-color: #4682b4;
	scrollbar-face-color: #4682b4;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #4682b4;
	scrollbar-darkshadow-color: #4682b4;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
}

body,html{
	height: 100%;
}

img{
	border: none;
}

p{
	margin: 0;
	padding: 0.3em 0 0.8em;
}



/* ====================( アンカー )==================== */
body a{
	text-decoration:none;
}

/* 訪問前のリンク色 */ 
body a:link{
	color: #1e90ff;
}

/* 訪問済みのリンク色 */ 
body a:visited{
	color: #8a2be2;
}

/* 触れた時のリンク設定 */ 
body a:hover{
	color: #1e90ff;
}

/* クリックした瞬間の色 */
body a:active{
	color: #8a2be2;
}



/* ====================( 見出し )==================== */
h1,h2,h3,h4,h5,h6{
	font-family: "Century Gothic","ＭＳ Ｐゴシック",sans-serif;
}

h1{}/* ここでは指定せず */

h2{
	color: #4682b4;
	text-align: right;
	font-size: 280%;
}

h3{
	border-width: 3px 0 1px;
	border-style: solid;
	border-color: #4682b4;
}

h4{
	border-width: 0 0 1px 0;
	border-style: dashed;
	border-color: #4682b4;
	padding: 0 0 0 1em;
	color: #4682b4;
}

h5{
	border-width: 0 0 0 40px;
	border-style: solid;
	border-color: #4682b4;
}

h6{
	border-width: 0 0 0 20px;
	border-style: solid;
	border-color: #4682b4;
}


h3,h4,h5,h6{
	margin: 0.8em 0 0.5em;
	padding-left: 0.5em;
	color: #4682b4;
}






/* ====================( テキスト関連 )==================== */
/* 強調・追加・削除 */
em{
	font-style: normal;
	font-weight: bold;
	color: #1e90ff;
	border-bottom: 2px dotted;
}

strong{
	background-color: #669933;
	color: #ffffff;
}

ins{
	text-decoration: none;
	border-bottom: 1px solid;
}

del{
	text-decoration: line-through;
}

/* 物理要素 */
b	{font-weight:bold;}
big	{font-size:130%;}
small	{font-size:70%;}
i	{font-style:oblique;}
tt	{font-family:"Jokewood",serif;}


/* ====================( リスト関連 )==================== */
/* マーク付きリスト、番号付きリスト */ 
ul,ol{
	list-style-position: inside;
} 
li ol,li ul{
	margin: 0 0 0 2em;
}

/* 定義型リスト */ 
dl{
	width: 95%;
}

dt{
	padding: 0 0.5em;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #669933;
	font-weight: bold;
	display: inline;
}

dd{
	margin-left: 1em;
	padding: 0.2em 0.5em;
	border-width: 0 0 0 1px;
	border-style: dashed;
	border-color: #669933;
}





/* ====================( フォーム関連 )==================== */
/* テキストエリア（フォーム関連） */
textarea,select,input{
	padding: 1px;
	background-color: #87ceeb;
	border-width: 1px;
	border-style: solid;
	border-color: #4682b4;
	color: #000000;
}

textarea,input{

}

select{
}

input.CHECKBOX,input.RADIO{
	background-color: #ffffff;
	border: none;
}





/* ====================( 装飾関連 )==================== */
/* ボックス */
div.box1,div.box2,div.box3{
	margin: 0.2em 0 0.5em;
	padding: 0.2em 0.5em;
	width: 350px;
}

div.box1{
	overflow: auto;
	height: 100px;
	background-color: #cc9966;
	border-width: 1px;
	border-style: solid;
	border-color: #cc9966;
	color: #333333;
}

div.box2{
	background-color: #669933;
	border-width: 3px;
	border-style: double;
	border-color: #ffffff;
	color: #ffffff;
}

div.box3{
	background-color: #ffffff;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #669933;
}


/* インラインリスト */
ul.inline li	{
	list-style-type: none;
	display: inline;
	margin: 0 0.2em 0 0;
}

/* テキスト（<span>、<p>、<div>などで使用。class指定です） */
.none{
	color:#ffffff;
}

.pale{
	color:#cccccc;
}




/* ――――――――――――――――――――――――――――――――

		ページレイアウトなど

―――――――――――――――――――――――――――――――― */
/* ====================( メニュー全体 )==================== */
/* メニュー全体 */
#menubody{
	margin: 0;
	padding: 0;
	background-color: #4682b4;
}
#menupage{
	position: static;
	width: 299px;
	height: 100%;
	border-right: 1px solid #000000;
}

/* タイトル設定 */
#title{
	padding: 20px 0 0 0;
	height: 60px;
	text-align: center;
}

#title h1{
	font-size: 24px;
	color: #000000;
}


/* メニュー設定 */
#menu{}
#menu ul{
	list-style-position: outside;
	border-top: 1px solid #000000;
}

#menu ul li{
	list-style-type: none;
	text-align: center;
	border-bottom: 1px solid #000000;
}
#menu ul li a{
	padding: 1px 0;
	display: block;
}

#menu ul li a:link,#menu ul li a:visited{
	color: #000000;
}

#menu ul li a:hover,#menu ul li a:active{
	color: #000000;
	background-color: #9370db;
}


/* フリースペース設定 */
#free{
	position: absolute;
	bottom: 25px;
	left: 0;
	width:279px;
	height: 80px;
	overflow:auto;
	padding: 5px 10px;
	font-size: 11px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #000000;
	color: #333333;
	
}


/* コピーライト設定 */
#copyright{
	position: absolute;
	bottom: 0;
	left: 25px;
	width: 250px;
	text-align: center;
	font-size: 11px;
}

#copyright ul{}

#copyright ul li{
	list-style-type: none;
	display: inline;
	color: #000000;
}

#copyright ul li a{
	color: #000000;
}


#copyright ul li a:hover{
	color: #cc9966;
}




/* ====================( メイン部分 )==================== */
#pagebody{
	background: #ffffff url("http://fr-4u.net/FR/FR_4U50.png") no-repeat fixed 100% 100%;
}

#page{
	width: 90%;
	margin: 0 auto;
	padding: 1em 0 2em 0;
}
#page div.text{
	margin: 0.3em 0 2em;
	padding: 0.5em 1em 1.5em;
}