@charset "Shift_Jis";

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

body{
	margin: 0;
	padding: 0;
	font-family: arial,"ＭＳ Ｐゴシック",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: #b8d7d1;
	scrollbar-track-color: #b8d7d1;
	scrollbar-face-color: #b8d7d1;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #b8d7d1;
	scrollbar-darkshadow-color: #b8d7d1;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
}

img{
	border: none;
}

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



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

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

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

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

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



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

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

h2{
	margin: 30px 0 5px;
	border-width: 0 0 3px 0;
	border-style: dotted;
	border-color: #b8d7d1;
	padding: 0.2em 0 0.1em;
	font-size: 36px;
	text-align: right;
	color: #b8d7d1;
}

h3{
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background: url("./img/bg.jpg") repeat;
	width: 300px;
	height: 25px;
	padding-top: 2px;
	font-size: 14px;
	text-align: center;
}

h4{
	border-width: 0 0 0 10px;
	border-style: solid;
	border-color: #b8d7d1;
	padding-left: 55px;
	background: url("./img/h4.gif") no-repeat 0 50%;
}

h5{
	border-width: 0 0 2px 18px;
	border-style: dotted double;
	border-color: #b8d7d1;
	padding-left: 0.5em;
}

h6{
	border-width: 0 0 0 40px;
	border-style: solid;
	border-color: #b8d7d1;
	padding-left: 0.5em;
}


h3,h4,h5,h6{
	margin: 0.3em 0 0.5em;
	color: #336666;
}




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

strong{
	background-color: #336666;
	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%;
	border-width: 0 0 0 3px;
	border-style: solid;
	border-color: #b8d7d1;
}

dt{
	padding-left: 0.5em;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #b8d7d1;
	color: #333333;
}

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





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

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: 330px;
}

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

div.box2	{
	background-color: #b8d7d1;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	color: #666666;
}

div.box3	{
	background-color: #ffffff;
	border-width: 3px;
	border-style: dotted;
	border-color: #b8d7d1;
	color:#333333;
}


/* インラインリスト */
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;
	font-size: 12px;
	background-color: #b8d7d1;
}
#menupage{
	width: 100%;
}

/* タイトル設定 */
#title{
	position: static;
	margin-top: 20px;
	height: 30px;
}

#title h1{
	font-size: 14px;
	text-align: center;
	color: #336666;
}


/* メニュー設定 */
#menu{
	margin-top: 20px;
}
#menu ul{
	list-style-position: outside;
}
#menu ul li{
	list-style-type: none;
	width: 200px;
	margin: 2px 0;
	text-align: center;
}

#menu ul li a{
	display: block;
	width: 200px;
	text-decoration:none;
	color: #336666;
}
#menu ul li a:hover{
	background-color: #ffffff;
	color: #336666;
}



/* コピーライト設定 */
#copyright{
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100px;
	font-size: 11px;
}
#copyright ul{
	list-style-position: outside;
}
#copyright ul li{
	list-style-type: none;
	text-align: center;
}



/* ====================( サブメニュー )==================== */
/* サブメニュー全体 */
#subbody{
	font-size: 12px;
	background: #b8d7d1 url("./img/bg.jpg") repeat ;
}

#subpage{
	padding: 0 0.5em 2em;
}

#subpage div.text{
	margin-bottom: 20px;
	padding: 0.8em 0.5em;
	color: #333333;
}

#subpage h2{
	font-size: 24px;
	color: #336666;
	margin: 0;
}

#subpage h3{
	font-size: 12px;
	background: none;
	width: 99%;
	height: 16px;
	border-color: #669999;
}

#subpage dl,#subpage dl dt,#subpage dl dd{
	border-color: #669999;
}


/* ====================( メイン部分 )==================== */
#pagebody{}

#page{
	width: 90%;
	margin:0 auto;
	padding: 0 0 2em;
}
#page div.text{
	margin: 0 auto 15px;
	padding: 0.3em 0.5em 1em;
	border: 1px solid #b8d7d1;
}


