body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #000;
}



/* ===============================
　　　全体の幅
===============================*/
#container{
	width:100%;
	background-color: #CCCCCC;
	padding: 10px;
	margin:0 auto 0 auto;
	text-align: left;
	}

* html #container{
	width:820px;
	}

#container-innner{
	}
/*↑コンテナ余白の設定使用しない場合は記述を全てクリアにする。*/

/* ===============================
　　　ヘッダ
===============================*/
#header{
	background: #0099FF;
	}



/* ===============================
　高さの調整 AとB
===============================*/
#contents {
	display: inline-table;
	background: #DFDFDF;
	}
/*↑ナビゲーションとメインのエリアの余白。bgをsideAの背景に合わせる場合がある*/


#contents:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}

* html #contents {
	height: 0px;
	}
/* ===============================
　　　サイドA(sideA)
===============================*/
#sideA{
display:none;
	}

* html #sideA{
display:none;
	}


/* ===============================
　　　サイドのナビ下インフォメーション部
===============================*/
#info
	{
	padding: 0px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF;
	}
/*↑バナーや住所などを入れるスペース*/
	
	

/* ===============================
　　　メインのエリア
===============================*/
#main{
	float:none;
	width: 560px;
	background-color: #FFFFFF;
	padding:20px;
	}
	
* html #main{
	width: 600px;
	}

/* for macIE5.x */

/*\*//*/
* html #main
{
	width:600px;
}
/**/


/* メインのエリアの余白*/
#main-innner{
	}


/*　余白無し　#main-innnerの余白のマイナスを指定　　*/
#main .nopad
	{
	margin: 0px -20px;
	}
	

/* ===============================
　　　フッター
===============================*/

#footer{
	clear:both;
	background-color: #F00;
	height: 20px;
	text-align: center;
	}
* html #footer{
	height: 1px;
	}
/*　↑IEは少し上の余白が空くのでその調整　*/


#copylight{
	font-family: Arial, Helvetica, sans-serif, Myriad, Futura;
	}


/* -----------------------------------
▽▽▽▽ロゴ
-----------------------------------*/
.logo {
	margin: 0px;
	padding: 0px;
	background:#006633;
	float:left;
}
* html .logo {
	margin: 0px 0px -5px 0px;
}

/* -----------------------------------
▽▽メインナビゲーション
----------------------------------*/
#main-navi {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 800px;
	background-image: url(../img/mainnavi.png);
	clear:both;
}
#main-navi ul{
	margin: 0px;
	padding: 0px;
}
#main-navi ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-position: outside;;
	list-style-type: none;
	display:inline;
}
#main-navi li a:link, #main-navi li a:visited{
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	display: block;	
	height: 30px;
	width: 160px;
}
#main-navi-1 a:hover{
	background: url(../img/mainnavi.png) no-repeat 0px -30px;
}
#main-navi-2 a:hover{
	background: url(../img/mainnavi.png) no-repeat -160px -30px;
}
#main-navi-3 a:hover{
	background: url(../img/mainnavi.png) no-repeat -320px -30px;
}
#main-navi-4 a:hover{
	background: url(../img/mainnavi.png) no-repeat -480px -30px;
}
#main-navi-5 a:hover{
	background: url(../img/mainnavi.png) no-repeat -640px -30px;
}


/* -----------------------------------
▽▽▽▽フラッシュなどのトップイメージ
-----------------------------------*/
#topimg {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 800px;
}

/* -----------------------------------
トップイメージに背景画像を使いリンクを張る。テキストは飛ばす
-----------------------------------*/
#topimg a{
	margin: 0px;
	height: 300px;
	width: 800px;
	text-indent: -9999px;
	display: block;
	background: url(../img/topimg.png) no-repeat 0px 0px;
}

/* -----------------------------------
▽▽サイドナビゲーション(カテゴリーを入れた場合)wは決めうち
----------------------------------*/
#sidenavi {
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 180px;
}

#sidenavi ul, #sidenavi li{
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: none;
}

#sidenavi li a{
	margin: 0px;
	padding: 5px;
	display: block;
	color: #FFFFFF;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #000000;
	background: #666666;
}
#sidenavi li a:hover{
	color: #FFFFFF;
	background: #330000;
}
* html #sidenavi li a{
	height:1px;
}

#sidenavi li#cat1, #sidenavi li#cat2, #sidenavi li#cat3, #sidenavi li#cat4 {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 180px;
	border-width: 0px;
	border-style: none;
	text-indent: -9999px;
}
#sidenavi li#cat1 {background: url(../img/cat01.png) no-repeat 0px 0px;}
#sidenavi li#cat2 {background: url(../img/cat02.png) no-repeat 0px 0px;}
#sidenavi li#cat3 {background: url(../img/cat03.png) no-repeat 0px 0px;}
#sidenavi li#cat4 {background: url(../img/cat04.png) no-repeat 0px 0px;}
#sidenavi li#cat5 {background: url(../img/cat05.png) no-repeat 0px 0px;}


/* -----------------------------------
▽▽フッターナビゲーション（下のマージンの調整が必要）
-----------------------------------*/
#footer-navi {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background:#0066CC;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;	
}

/* -----------------------------------
フロートクリア
※フロートをかける親要素にクラス
-----------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.pagetop {
margin:10px 0;
}

* html .pagetop {
padding:0 10px 0 0;
}



.pagetop a {
float:right;
display:block;
text-indent:-9999px;
width:69px;
height:24px;
background:url(../img/pagetop.jpg) no-repeat 0 0;
}