@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html,div,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,p{
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight:normal;
	border:0px;
	list-style:none;
}


/*-------------------------------------------------
Common
-------------------------------------------------*/

/* Body */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	background-color:#001100;
	color:#FFFFFF;
	text-align:center;
	font-size:62.5%;
}

/*-------------------------------------------------
Topページ用スタイル
-------------------------------------------------*/

#wrapper{
	width:1080px;
	margin:0px auto;
	padding:0px;
	background:url(../img/top_wrapper.jpg) repeat-y;
	text-align:left;
	line-height:150%;
}

#main{
	background:url(../img/top_bg_bottom.jpg) no-repeat bottom;
}

/*-------------------------------------------------
TopページのHeader
-------------------------------------------------*/

#header {
	height:26px;
	width:1080px;
	background-color:#000000;
}

#header h1{
	font-size:1.0em;
	line-height:200%;

	margin:0px 0px 0px 50px;
	padding:5px 0px 0px 0px;
}


/*-------------------------------------------------
TopページのContents
-------------------------------------------------*/

#contents{
	width:840px;
}

/*ナビゲーション*/

#navi{
	float:left;
	width:400px;
}

#navi ul{
	position:relative;
	height:200px;
	width:350px;
	background:url(../img/top_top_menu.jpg) no-repeat;
	margin:30px 0px 20px 50px;
}

#navi li a {
	position:absolute;
	display:block;
	height:33px;
	width:350px;
	text-decoration:none;
	text-indent:-1000em;
	outline:none;
}

#navi li.menu0 a {
	top:0px;
	background:url(../img/top_menu.jpg) no-repeat -0px -0px;
}

#navi li.menu1 a {
	top:33px;
	background:url(../img/top_menu.jpg) no-repeat -0px -33px;
}

#navi li.menu2 a {
	top:66px;
	background:url(../img/top_menu.jpg) no-repeat -0px -66px;
}

#navi li.menu3 a {
	top:99px;
	background:url(../img/top_menu.jpg) no-repeat -0px -99px;
}

#navi li.menu4 a {
	top:132px;
	background:url(../img/top_menu.jpg) no-repeat -0px -132px;	
}

#navi li.menu5 a {
	top:165px;
	background:url(../img/top_menu.jpg) no-repeat -0px -165px;
}

/*QRコードのテーブル*/
#navi table.qr{
	margin:0px 0px 20px 50px;
	width:350px;
}

#navi table.qr td{
	vertical-align:bottom;
	font-size:1.2em;
	line-height:150%;
}

/*バナー*/

#navi div.sushisyo{
	margin:0px 0px 0px 50px;
}

/*お知らせ*/

#oshirase{
	float:right;
	width:390px;
}

#oshirase h2.news{
	margin:40px 0px 0px 0px;
	display:block;
	background:url(../img/top_newinfo.jpg) no-repeat;
	width:252px;
	height:20px;
	text-indent:-1000em;
}

#oshirase ul{
	margin:10px 0px 20px 0px;
	font-size:1.2em;
	line-height:180%;
}

#oshirase li a{
	color:#FFFFFF;
	text-decoration:none;
}

#oshirase img{
	margin:0px 10px 0px 0px;
}

#oshirase p{
	font-size:1.1em;
	line-height:150%;
	color:#CCCCCC;
	width:350px;
	margin:20px 0px 0px 0px;
}

#twbox{
	margin:0px 0px 0px 0px;
	width:350px;
}
/*-------------------------------------------------
TopページのFooter
-------------------------------------------------*/

#footer {
	height:60px;
	clear:both;
	width:810px;
}

#footer address {
	font-size:1.1em;
	float:left;
	width:450px;
	margin:20px 0px 0px 50px;
	font-style: normal;
}

/*IE6用*/
*html #footer address{
	margin:20px 0px 0px 25px;
}


/*Copyright表示スタイル*/
#footer p {
	font-size:1.0em;
	float:right;
	width:300px;
	margin:35px 0px 0px 0px;
}