@charset "UTF-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	margin: 0;
	padding: 0;
	color: #000;
	background-image:url(haikei.jpg);
	background-attachment: fixed;
background-position:0% 0%;
background-repeat: repeat-x;
background-color:#FFFFFF;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

.title {
	font-size: 21px;
	font-weight: bold;
}
.chosya {
	font-size: 16px;
	line-height: 20px;
}

.style8 {
	font-size: 14px;
	color: #FF0033;
}

.shoukai-L {
	font-size: 13px;
	line-height: 130%;
	color: #000000;
}

.style5 {font-size: 9px}

.style12 {
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	line-height: 120%;
}
.style14 {
	font-size: 12px;
	color: #FF6600;
	font-weight: bold;
	line-height: 120%;
	text-decoration:none;
}


h1 {
height:30px;
margin:0px 0px 5px 10px;
padding:0px 0px 15px 0px;
font-size:24px;
font-weight:bold;
color:#333333;
background-image:url(head011_01.png);
background-position:bottom;
background-repeat:repeat-x;
}

.area_main{
	width: 840px;
	height:72px;
	background-image:url(area_main.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0 auto;
}

a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他のすべての div を囲みます。~~ */
.container {
	width: 840px;
	background-color: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	overflow: hidden; /* この宣言により .container は、含まれているフローティングカラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}


.sidebar1 {
	float: left;
	width: 200px;
	padding-bottom: 10px;
	margin:20px 0px;
}

/*左ボタンのCSS*/
.sidebar1 .nav{
	clear: both;
	float: center;
	width: 190px;
}

.sidebar1 .nav ul{
	margin-bottom: 15px;
}
.sidebar1 .nav li a{
	display: block;
	background: url(btn.jpg) center no-repeat;
	padding: 10px 18px;
	font-weight: bold;
	font-size: 11px;
	color:#B8860B;
	text-align:center;
	vertical-align:top;
}

.sidebar1 .nav li.here a{
	background: url(btn.jpg) center no-repeat;
	color: #FF3D3D;
}

.sidebar1 .nav li a:hover{
	background: url(btn.jpg) center no-repeat;
	color: #FF3D3D;
}
/*ここまで*/

.content {

	padding: 15px 0;
	width: 630px;
	float: left;
}

.footer{width: 840px;
	background-color: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
	overflow: hidden; 
}
	


/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */

ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	margin-bottom: 16px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}


ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	color: #ADB96E;
}


.clearfloat { /* このクラスは、.container で overflow:hidden が削除されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}/* CSS Document */