/********************
凡用クラス
********************/
/********************
  float / クリア
********************/
.float_l{
	display: inline;
	float: left;
}

.float_r{
	display: inline;
	float: right;
}

.clr{
	clear: both;
}
/********************
  テキストアライン
********************/
.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

/********************
  非表示処理
********************/
.none{ display: none; }
.hdn{ visibility: hidden;}


/********************
基本ボックスレイアウト
********************/
body{
	color: #630;
	background: #ba9571 url('../images/common/bg_body.jpg') repeat top center;
}

#container{
	width: 850px;
	margin: 0 auto;
}

#header{
	width: 850px;
	height: 25px;
	margin: 10px 0 0 0;
}

#main{
	width: 780px;
	height: 560px;
	padding: 0px 35px 15px 35px;
	background: url('../images/common/bg_main.jpg') no-repeat top center;	
	border-bottom: 3px double #630;
}

#contets{
	width: 740px;
	height: 410px;
	margin: 0 20px 60px 20px;
}	

#footer{
	width: 850px;
	height: 45px;
}

/********************
 ヘッダー
********************/
#header h1{
	letter-spacing: 0px;
	font-size: 10px;
	list-style: 1.5;
	font-weight: normal;
}

/********************
サブナビゲーション
********************/
#sub_navi{
	height: 21px;
	margin: 0 0 40px 605px;
	overflow: hidden;
}

#sub_navi li{
	float: left;
	display: inline;
	width: 78px;
	height: 21px;
}

#snavi1{
	margin: 0 6px 0 0;
}

#sub_navi li a{
	display: block;
	width: 78px;
	height: 21px;
	text-indent: -9999px;
}

/********************
 コンテンツ（見開き　泣き別れ）
********************/
#contets .float_l{
	width: 350px;
	height: 420px;
	overflow: auto;
}

#contets .float_r{
	width: 350px;
	height: 420px;
	overflow: hidden;
}

/********************
ナビゲーション
********************/
#navi{
	width: 775px;
	height: 40px;

}

#navi li{
	height: 40px;
	float: left;
}
#navi li a{
	display: block;
	height: 40px;
	background: url('../images/common/navi.jpg') no-repeat;
	text-indent: -9999px;
}

#navi01, #navi01 a  { width:  95px; }
#navi02, #navi02 a  { width:  85px; }
#navi03, #navi03 a  { width: 114px; }
#navi04, #navi04 a  { width:  62px; }
#navi05, #navi05 a  { width: 114px; }
#navi06, #navi06 a  { width:  68px; }
#navi07, #navi07 a  { width:  72px; }
#navi08, #navi08 a  { width:  74px; }
#navi09, #navi09 a  { width:  91px; }

#navi01 a:link,
#navi01 a:visited{ background-position: 0   0; }
#navi01 a:hover  { background-position: 0 -40px; }
#navi01 a:active { background-position: 0 -80px; }

#navi02 a:link,
#navi02 a:visited{ background-position: -95px   0; }
#navi02 a:hover  { background-position: -95px -40px; }
#navi02 a:active { background-position: -95px -80px; }

#navi03 a:link,
#navi03 a:visited{ background-position: -180px   0; }
#navi03 a:hover  { background-position: -180px -40px; }
#navi03 a:active { background-position: -180px -80px; }

#navi04 a:link,
#navi04 a:visited{ background-position: -294px   0; }
#navi04 a:hover  { background-position: -294px -40px; }
#navi04 a:active { background-position: -294px -80px; }

#navi05 a:link,
#navi05 a:visited{ background-position: -356px   0; }
#navi05 a:hover  { background-position: -356px -40px; }
#navi05 a:active { background-position: -356px -80px; }

#navi06 a:link,
#navi06 a:visited{ background-position: -470px   0; }
#navi06 a:hover  { background-position: -470px -40px; }
#navi06 a:active { background-position: -470px -80px; }

#navi07 a:link,
#navi07 a:visited{ background-position: -538px   0; }
#navi07 a:hover  { background-position: -538px -40px; }
#navi07 a:active { background-position: -538px -80px; }

#navi08 a:link,
#navi08 a:visited{ background-position: -610px   0; }
#navi08 a:hover  { background-position: -610px -40px; }
#navi08 a:active { background-position: -610px -80px; }

#navi09 a:link,
#navi09 a:visited{ background-position: -684px   0; }
#navi09 a:hover  { background-position: -684px -40px; }
#navi09 a:active { background-position: -684px -80px; }

/********************
フッター
********************/
/********************
 フッターナビ
********************/
#fnavi{
	width: 400px;
	float: left;
}
#fnavi li{
	display: inline;
	float: left;
	color: #630;
	text-decoration: none;
}

#fnavi li a{
	color: #630;
	text-decoration: none;
}

#copyright{
	float: right;
	width: 400px;
	text-align: right;
}