@charset "utf-8";

*{
	color:#ffffff;
	padding:0;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: ;
	line-height: 140%;
	margin: 0;
	background-image: none;
}

body {
	background-color: #000000;
	background-image: url();
	background-repeat: none;
	background-position:top;
	background-attachment: fixed;
}

a {
    color: #6FF;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #00CCFF;
}

a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}

strong {
	color: #394D4E;
}


.chui {
	font-size: 10px;
	color: #FF0000;
}

.red {color: red; font-weight: bold}
.orange {color:orange;}


/*
ベース
-------------------------------------------------------------------*/
#base {
	width:1024px;
	margin-right: auto;
	margin-left: auto;
	
	background-repeat: none;
	background-position:top;
	background-color: #000000;
	position: relative;
	margin-top: 0px;
}



/*
トップ
-------------------------------------------------------------------*/
#top {
    position:relative;
	width:1024 px;
	height: auto px;
	margin-right: auto;
	margin-left: auto;
}

#top2 {
    position:relative;
	width:1024 px;
	height: auto px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(back6.jpg);
}

#base .logo{
	height: 121px;
	width: 400px;
	left: 15px;
	top: 49px;
	z-index: 1;
	position: absolute;
}

#base .menu{
	height: 120px;
	width: 600px;
	left: 422px;
	top: 47px;
	z-index: 1;
	position: absolute;
}

#base .btn1{
	position: absolute;
	z-index: 1;
	left: 461px;
	top: 75px;
}

#base .btn2{
	position: absolute;
	z-index: 1;
	left: 564px;
	top: 75px;
}

#base .btn3{
	position: absolute;
	z-index: 1;
	left: 667px;
	top: 75px;
}

#base .btn4{
	position: absolute;
	z-index: 1;
	left: 770px;
	top: 75px;
}

#base .btn5{
	position: absolute;
	z-index: 1;
	left: 873px;
	top: 75px;
}

#base .btn6{
	position: absolute;
	z-index: 1;
	left: 461px;
	top: 103px;
}

#base .btn7{
	position: absolute;
	z-index: 1;
	left: 564px;
	top: 103px;
}

#base .btn8{
    position: absolute;
	z-index: 1;
	left: 667px;
	top: 103px;
}

#base .btn9{
	position: absolute;
	z-index: 1;
	left: 770px;
	top: 103px;
}

#base .btn10{
	position: absolute;
	z-index: 1;
	left: 873px;
	top: 103px;
}



/*
ヘッダー
-------------------------------------------------------------------*/

#base #header {
	height: 600px;
	width:1024px;
	margin-right: auto;
	margin-left: auto;
}


#base h1 a {
	width:1024px;
	height: 28px;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	position: absolute;
	display: block;
	color: #676767;
	z-index: 1;
	top: -1px;
}

#base h1 a:hover {
	color: #339999;
}

#base #sub {
	font-size: 10px;
	color: #006633;
	position: absolute;
	left: 833px;
	top: 26px;
	width: 180px;
	height: 17px;
}


/*ナビゲーション
----------------------------------------------- */
#nav {
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/nav.gif);
	height: 24px;
	padding-top: 6px;
}

#nav ul {
	margin-left: 20px;
  }
  

#nav li {
	display: inline;
	list-style-type: none;
  }
  
#nav li a {
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 22px;
	padding-right: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}

#nav li a:hover {
	color: #FFFFFF;
	background-image: url(img/li_ov.gif);
	background-color: #009999;
}


/*
コンテンツ
-------------------------------------------------------------------*/

#contents {
	width:690px;
	float: right;
	background-image: url(back3.5.jpg);
	background-repeat: no-repeat;
}

#contents_b {
	width:1024px;
	background-image: url(back2.jpg);
	background-repeat: no-repeat;
}

#contents h2 {
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
}

#contents #c_pad {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#contents_b #c_pad {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#contents #c_pad li {
    margin: 15px;
	list-style-type: none;
}

#news li {
    margin-left:10px;
}

#news {
	position: absolute;
	z-index: 2;
	left: 373px;
	top: 711px;
	width: 642px;
	height: 269px;
}

#qr {
	position: absolute;
	top: 0px;
	left: 475px;
}

#contents #c_pad #event1 {
	position: absolute;
	z-index: 2;
	left: 368px;
	top: 1075px;
	width: 200px;
	height: 250px;
}

#contents #c_pad #event2 {
	position: absolute;
	z-index: 2;
	left: 581px;
	top: 1075px;
	width: 200px;
	height: 250px;
}

#contents #c_pad #event3 {
	position: absolute;
	z-index: 2;
	left: 795px;
	top: 1075px;
	width: 200px;
	height: 250px;
}

#contents #c_pad #event4 {
	position: absolute;
	z-index: 2;
	left: 707px;
	top: 1328px;
	width: 230px;
	height: 60px;
	padding-top: 240px;
	padding-right: 25px;
	padding-left: 25px;
}

#contents #c_pad #event5 {
	position: absolute;
	z-index: 2;
	left: 316px;
	top: 1652px;
	width: 230px;
	height: 60px;
	padding-top: 240px;
	padding-right: 25px;
	padding-left: 25px;
}

#contents #c_pad #event6 {
	position: absolute;
	z-index: 2;
	left: 634px;
	top: 1652px;
	width: 230px;
	height: 60px;
	padding-top: 240px;
	padding-right: 25px;
	padding-left: 25px;
}

#contents #c_pad #dd {
	position: absolute;
	z-index: 2;
	left: 384px;
	top: 1424px;
	width: 601px;
	height: 160px;
}

#contents #c_pad #as {
	position: absolute;
	z-index: 2;
	left: 421px;
	top: 1525px;
	width: 200px;
	height: 160px;
}


#contents #c_pad #ca {
	position: absolute;
	z-index: 2;
	left: 715px;
	top: 1525px;
	width: 200px;
	height: 160px;
}


/* for IE \*/
* html body #base #contents #c_pad {
	padding: 9px;
}	
/**/



/*
サイド・メニュー
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 320px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-image: url(back2.5.jpg);
	background-repeat: no-repeat;
}

#side li {
	list-style-type: none;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#side_d {
	padding-top: 12px;
	width: 320px;
}

#side_d h3 {
	display: block;
	width: 155px;
	line-height: 23px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 18px;
	text-align: center;
	height: 23px;
}

#side_d ul {
	margin-bottom: 5px;
}

#side_d li a:hover {
	background-color: #339999;
	color: #FFFFFF;
	text-decoration: none;
	background-position: 8px;
	background-image: url(img/li_ov.gif);
}


#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;
}

#base #wrap #side #side_pr {
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 15px;
}

#base #wrap #side #side_pr #news {
	position: absolute;
	z-index: 2;
	left: 22px;
	top: 1075px;
	width: 196px;
	height: 133px;
	padding: 10px;
}

#base #wrap #side #side_pr #houkoku {
	position: absolute;
	z-index: 2;
	left: 22px;
	top: 1288px;
	width: 196px;
	height: 133px;
	padding: 10px;
}

/*
フッタメニュー
-------------------------------------------------------------------*/
#foot {
    clear: both;
    position: relative;
	margin-top: 40px; 
	margin-right: auto;
	margin-left: auto;
	width:1024px;
    height: 140px;
}

#foot .dvd {
	position: absolute;
	left: 12px;
	top: 1px;
}

#foot .ddn {
	position: absolute;
	left: 350px;
	top: 1px;
}

#foot .lets {
	position: absolute;
	left: 691px;
	top: 1px;
}


#f_menu {
	clear: both;
	background-image: url(footer1.jpg);
    position: relative;
	margin-right: auto;
	margin-left: auto;
	width:1024px;
    height: 69px;
}

#f_menu .copy{
	height: 18px;
	width: 399px;
	position: absolute;
	left: 308px;
	top: 32px;
}

#f_menu .logo{
	height: 32px;
	width: 110px;
	position: absolute;
	left: 745px;
	top: 23px;
}

#f_menu .i{
	height: 29px;
	width: 25px;
	position: absolute;
	left: 863px;
	top: 25px;
}

#f_menu .info{
	height: 49px;
	width: 123px;
	position: absolute;
	left: 889px;
	top: 14px;
	font-size: 18px;
	background:url(info2.png)
}