@charset "shift_jis";





body {

	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 75%;

	line-height: 2;

	color: #C3BDA6;

	background: #E9E7DE url(images/bg.gif);

	margin: 0px;

	padding: 0px;

	text-align: center;

}

h1,h2,h3,p{

	margin: 0px;

	padding: 0px;

}

img {

	border: none;

}





/*リンク設定

------------------------------------------------------------------

aがリンクですよ〜という色で、a:hoverがカーソルが乗った時の色。

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

a {

	color: #9c9785;

}

a:hover {

	color: #686558;

}





/*右上h1タグの設定。10pxが文字サイズ。

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

h1 {

	font-size: 10px;

	font-weight: normal;

	text-align: right;

	width: 903px;

	margin-right: auto;

	margin-left: auto;

}





/*コンテナー

------------------------------------------------------------------

中央(白)と右側(ベージュ)のブロックの下が揃うように画像で指定しています。

つまり、imagesフォルダに入っているcontainer_bg.gifの色をあなたの

好きな色に編集して上書きすればその色になるという事。

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

#container {

	background: url(images/container_bg.gif) repeat-y;

	margin: 30px auto 8px;

	width: 903px;

	text-align: left;

}





/*メインメニュー

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

ul#menu {

	list-style-type: none;

	margin: 8px 0px;

	padding: 0px;

	font-size: 12px;

}

/*メインメニューのリンク設定

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

ul#menu a {

	background: url(images/menu_bg.gif) no-repeat;

	height: 38px;

	margin-bottom: 3px;

	line-height: 38px;

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	padding-left: 20px;

	letter-spacing: 0.1em;

}

ul#menu a:hover {

	background: url(images/menu_bg_over.gif) no-repeat;

}





/*コンテンツ、サブコンテンツ（変更しない）

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

#contents {

	float: left;

	width: 699px;

}

#sub {

	float: left;

	width: 196px;

}





/*メインコンテンツ

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

#main {

	float: right;

	width: 476px;

	padding: 10px;

	background: #FFFFFF;

}

#main h2 {

	font-size: 100%;

	border: 3px double #E9E7DE;

	line-height: 30px;

	padding-left: 10px;

	background: url(images/h2_bg.gif) repeat-x bottom;

}

#main p,#side p {

	margin: 1em 10px;

}

/*メインコンテンツ内のリストタグ

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

#main ul {

	margin: 0px;

	padding: 0px 10px 0px 20px;

}

#main ul li {

font-family:メイリオ;

font-size:10;

margin-top:1em;



}





/*サイド（一番右側）コンテンツ

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

#side {

	float: right;

	width: 176px;

	margin-left: 8px;

	padding: 10px;

	color: #FFFFFF;

	background: #cfcbb8;

}

#side h3 {

	font-size: 100%;

	border: 3px double #E9E7DE;

	line-height: 30px;

	text-align: left;

	background: url(images/h3_bg.gif) repeat-x top;

}

サイド・メニュー

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

#side {

	float: left;

	width: 180px;

}



#side li {

	list-style-type: none;

}



#side_d {

	padding-top: 2px;

	margin-bottom: 5px;

	width: 180px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 5px;

}



#side_d h3 {

color:#333333;

background-color:#87ceeb;

background-repeat:no-repeat;

font-size:12px;

line-height:24px;

text-align:center;

margin-top:3px;

margin-left:auto;

margin-bottom:0px;

margin-right:auto;

padding-top:4px;

border-bottom-color:#6f2c58;

border-bottom-width:1px;

width:160px;

display:block

}



#side_d ul {

	margin-bottom: 5px;

}



#side_d li a {

	display: block;

	width:145px;

	font-size: 12px;

	text-decoration:underline;

	color:#990000;

	line-height: 15px;

	margin-top: 1px;

	margin-right: auto;

	margin-left: auto;

	padding-right: 15px;

	padding-left: 0px;

	padding-bottom: 2px;

	/*background-image:url(li.gif);*/

	background-repeat: no-repeat;

	background-color: #E8E6D0;

	padding-top: 2px;

	border-bottom-width: 1px;

	border-bottom-color: #D5D1AA;

	background-position: 5px center;

}





#side_d li a:hover {

	background-color: #FCF9E4;

	color: #000000;

	text-decoration: none;

}





#side img {

	border:none;

}



#side p {

	padding: 10px;

}



#side p a {

	font-size:10px;

	background-color: #E2DECF;

	display: block;

	padding: 10px;

	line-height: 15px;

	border: 2px solid #C6BCB0;

}





/*





/*フッター（変更不要）

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

#footer{

  background-color: #dddddd;

  font-family: メイリオ;

  font-color:#00ff00;

  height:auto;

  padding:0px;

  margin:0px;

  position: relative;

  top: 0px;

  left: 0;

  text-align:center;

  clear:both;

}



/*clearfix（変更しない）

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

#container:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#container { display: inline-block; }



/* Hides from IE-mac \*/

*html #container { height: 1%; }

#container { display: block; }

/* End hide from IE-mac */


