html, body {
 margin: 0;
 padding: 0;
 background: #ffffff url(parts/back.png) repeat;
 color: #000000;
 font-family: 'メイリオ', Meiryo, 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',sans-serif;
 font-size:12px;
 line-height: 1.6;
 scrollbar-base-color:#f0f8ff;
 scrollbar-face-color:#87ceeb;
 scrollbar-arrow-color:#ffff33;
 scrollbar-3dlight-color:#ffff33;
 scrollbar-darkshadow-color:#ffff33;
 scrollbar-highlight-color:#f0f8ff;
 scrollbar-shadow-color:#f0f8ff;
 text-align: center;
 height: 100%;
}

#topspace {
	height: 50%;
	margin-bottom: -250px;
	width: 950px;
	margin-left : auto ; 
	margin-right : auto ;
	border: 0;
	display: block;
}

#wrap{
 width: 950px;
 margin: 0 auto;
 padding: 0;
 border: 0;
 height: 510px;
}

#menuarea {
 height: 500px;
 width: 130px;
 margin: 0;
 background: #00bfff;
 border: 0;
 text-align: center;
 float: left;
 position: relative;
 z-index: 80;
 font-family: 'Arial Black','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',sans-serif;
}

#main {
 height: 500px;
 width: 800px;
 margin: 0 5px 0 0;
 float: right;
 position: relative;
 z-index: 10;
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana',sans-serif;
 color: #333333;
}

#menuback {
 height: 500px;
 width: 130px;
 margin: -495px 0 0 5px;
 float: left;
 position: relative;
 z-index: 0;
 background: #666666;
 filter: alpha(opacity=25);
 -moz-opacity:0.25;
 opacity:0.25;
}

/* IE6用指定 */
* html div#menuback {
 height: 510px;
 width: 130px;
 margin: 5px 0 0 -125px;
 float: left;
 position: relative;
 z-index: 0;
 background: #666666;
 filter: alpha(opacity=25);
 -moz-opacity:0.25;
 opacity:0.25;
}
/* ここまで */

#mainback {
 height: 520px;
 width: 800px;
 margin: -510px 0 0 0;
 padding: 0 0 0 5px;
 float: right;
 position: relative;
 z-index: 0;
 background: #ffffff url(parts/back_icon.png) no-repeat bottom right;
 filter: alpha(opacity=65);
 -moz-opacity:0.65;
 opacity:0.65;
 font-size: 40px;
 color: #e5f8ff;
 text-align: left;
 font-family: 'Arial Black','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',sans-serif;
}

/* IE6用指定 */
* html div#mainback {
 height: 520px;
 width: 800px;
 margin: -505px 0 0 0;
 padding: 0 0 0 5px;
 float: right;
 position: relative;
 z-index: 0;
 background: #ffffff url(parts/back_icon.png) no-repeat bottom right;
 filter: alpha(opacity=65);
 -moz-opacity:0.65;
 opacity:0.65;
 font-size: 40px;
 color: #e5f8ff;
 text-align: left;
}
/* ここまで */

#head{
 padding: 0;
 font-size: 13px;
 text-align: left;
 width: 115px;
 height: 60px;
 position:fixed!important;
 position: absolute;
 top:0;
 left:0;
 z-index:500;
}

#head a:link,#head a:visited{
 text-decoration:none;
 color: #000000;
 width: 115px;
 height: 60px;
 display: block;
 margin:0;
 padding: 5px 0 0 12px;
 background: url(parts/back_head.png) no-repeat;
}

#head a:hover,#head a:active{
 text-decoration:none;
 padding : 15px 0 0 12px;
 background: url(parts/back_head2.png) no-repeat;
}

/* IE6用指定 */
* html div#head{
 padding: 0;
 font-size: 13px;
 text-align: left;
 width: 115px;
 height: 60px;
 position:fixed!important;
 position: absolute;
 top:0;
 left:0;
 z-index:500;
}

* html div#head a:link,* html div#head a:visited{
 padding: 0;
 font-size: 13px;
 text-align: left;
 width: 115px;
 height: 60px;
 position: absolute;
 top:0;
 left:0;
 z-index:500;
 padding: 5px 0 0 12px;
 background: url(parts/back_head_ie6.png) no-repeat;
}
* html div#head a:hover,* html div#head a:active{
 text-decoration:none;
 padding : 15px 0 0 12px;
 background: url(parts/back_head_ie6b.png) no-repeat;
}

/* ここまで */

#c_left_top{
 width: 484px;
 margin: 0;
 padding: 0;
 border: none;
 float: left;
 text-align: center;
}

#mainswf {
 width: 484px;
 height: 480px;
 margin: 0;
 padding: 0;
 z-index: 50;
}

#c_right_top{
 width: 280px;
 margin: 10px 10px 0 0;
 padding: 2px;
 border: none;
 float: right;
 text-align: right;
 overflow: visible;
}

/* IE6用指定 */
* html div#c_right_top{
 width: 280px;
 margin: 10px 0 0 0;
 padding: 0;
 float: right;
 text-align: right;
 overflow: visible;
}

/* ここまで */


#newsboad{
 height: 460px;
 width: 280px;
 text-align: left;
 float: right;
}

#hpparts{
 width:450px;
 border: none;
 margin: -8px -20px 0 0;
 padding: 0;
 float: right;
}

#malmaga{
 position: absolute;
 text-align: left;
 float: left;
 z-index: 100;
 top: 415px;
 left: 245px;
 font-size: 10px;
 color: #666666;
 display: none;
}

#malmaga input{
 font-size: 10px;
 padding: 1px;
 margin: 1px 0;
 background: #ffffcc;
 font-size: 10px;
}

#malmaga input.touroku{
 font-size: 12px;
 padding: 0 ;
 margin: 1px 0 0 10px;
 background: #ffffff;
 font-weight: bold;
 color: #666666;
}

#foot{
 margin: 0;
 padding: 0;
 font-size: 13px;
 text-align: left;
 float: right;
 width:800px;
 color: #00bfff;
 font-family: 'Arial Black','メイリオ', Meiryo, 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',sans-serif;
}

#copy{
 margin:0;
 padding:0;
 width:500px;
 float: left;
}

#tools{
 margin: 0;
 padding: 0;
 border: none;
 width: 180px; 
 text-align: right;
 height: 30px;
 overflow: hidden;
 vertical-align: top;
 z-index: -10;
 float: left;
}

#tools img{
 vertical-align: top;
}

#guid {
 width: 93px;
 float: right;
 border: none;
 min-height:1px;
 }

/* start: clearfix ------------------------------ */
#guid:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

#guid { display:inline-table; }

/* Hides from Mac IE \*/
* html #guid { height:1px; }
#guid { display:block; }
/* */
/* end: clearfix ------------------------------ */

#mailmaga{
 padding: 0;
 font-size: 13px;
 width: 32px;
 height: 30px;
 border: none;
 float: left;
}

#mailmaga a:link,#mailmaga a:visited{
 margin:1px 0 0 0;
 text-decoration:none;
 width: 28px;
 height: 28px;
 display: block;
 background: url(parts/mailmaga.png) no-repeat;
}

#mailmaga a:hover,#mailmaga a:active{
 text-decoration:none;
 background: url(parts/mailmaga.png) no-repeat;
 margin:0 0 0 -1px;
}

#policy{
 padding: 0;
 font-size: 13px;
 width: 30px;
 height: 30px;
 border: none;
 float: left;
}

#policy a:link,#policy a:visited{
 margin:1px 0 0 0;
 text-decoration:none;
 width: 28px;
 height: 28px;
 display: block;
 background: url(parts/policy.png) no-repeat;
}

#policy a:hover,#policy a:active{
 text-decoration:none;
 background: url(parts/policy.png) no-repeat;
 margin:0 0 0 -1px;
}

#map{
 padding: 0;
 font-size: 13px;
 width: 30px;
 height: 30px;
 float: right;
 border: none;
}

#map a:link,#map a:visited{
 margin:1px 0 0 0;
 text-decoration:none;
 width: 28px;
 height: 28px;
 display: block;
 background: url(parts/map.png) no-repeat;
}

#map a:hover,#map a:active{
 text-decoration:none;
 background: url(parts/map.png) no-repeat;
 margin:0 0 0 -1px;
}

.visiter{
 margin:0 10px;
 padding: 0 5px 0 15px;
 background: url(parts/point_anime2.gif) no-repeat;
 color: #ffff00;
 font-size: 12px;
 font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}


.text{
 padding: 0 8px 10px 8px;
 border: solid 1px #f0f8ff;
}

.text1{
 background: url(parts/back_block.png) repeat;
 padding: 0 8px 10px 8px;
 border-top: solid 1px #f0f8ff;
 border-left: solid 1px #f0f8ff;
 border-right: solid 1px #f0f8ff;
 text-align: left;
}

.text1head{
 margin:0;
 padding: 0;
 background: url(parts/back_blocktop.png) top right no-repeat;
 height: 28px;
}

.text1foot{
 margin:0;
 padding: 0;
 background: url(parts/back_blockfoot.png) bottom repeat-x;
 height: 8px;
}

.rubi{
 color: #0000ff;
 font-size: 12px;
 font-weight: bold;
 padding: 0 10px;
}

.wfont{
 color: #ffffff;
 font-weight: bold;
 font-size: 110%;
}

.wback{
 background-color: #ffffff;
 padding: 4px 2px;
}

.bfont{
 color: #000000;
}

.bback{
 background-color: #000000;
 color: #ffffff;
 padding: 2px;
}

.rfont{
 color: #ff0000;
 font-weight: bold;
}

.yfont{
 color: #ffff00;
}

.sfont{
 font-size: 11px;
}


h1{
 margin:0;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.2;
 color: #333333;
}

#subtitle{
 font-size: 11px;
 font-weight: normal;
}

h2 {
 margin: 10px 0;
 padding: 2px 0;
 text-align: center;
 font-size: 14px;
 color: #333333;
 font-weight: bold;
 background-color:#ffff00;
}

h3 {
 margin: 20px auto 10px auto;
 font-size: 12px;
 font-weight: bold;
 color: #222222;
}

h4{
 margin:0;
 padding: 8px 0 0 0;
 background: url(parts/back_blocktop.png) top right no-repeat;
 height: 28px;
 font-size: 16px;
 font-weight: bold;
}

h5 {
 margin: 5px;
 padding: 0;
 font-size: 16px;
 color: #0000cd;
 font-weight: bold;
}

strong {
 font-style: normal;
 font-size: 16px;
 font-weight: bold;
}

img {
 border:none;
 vertical-align: middle;
}

img.main {
 border:1px solid #999999;
 padding: 5px;;
 margin: 10px;
 background: #ffffff;
 vertical-align: middle;
 float: left;
}

form{
 margin: 0;
 padding: 0;
 color: #000000;
}

ul,li{
 margin: 5px 0;
 padding: 0;
 list-style-type: none;
}

li.pointer{
 margin: 10px 0;
 padding: 0 0 0 20px;
 background: url(parts/arrow2.gif) no-repeat 0px 3px;
 font-weight: bold;
}

textarea{
 font-size: 14px;
 line-height: 130%;
 margin: 0;
 padding: 2px 0;
}

input{
 font-size: 13px;
 margin: 0;
 padding: 2px 0;
}

input.button{
 padding: 0;
 margin: 0;
}
a:link,a:visited{
 text-decoration:none;
 color: #00bfff;
}

a:hover,a:active{
 text-decoration:none;
 color: #ff1493;
}



/* メニュー */
#menu {list-style-type:none; padding:0; margin:10px 0 0 0; width:130px; z-index:100; float:left; height:500px; }
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background: url(parts/menu.png) no-repeat; margin: 0px; position: relative;}
#menu li, #menu li a {display:block; color:#666666; font-family:'Arial Black', sans-serif; font-size:12px; line-height:40px; width:130px; text-decoration:none; cursor:pointer; text-align:center; }
#menu li table {  border-collapse: collapse;  border: none;  padding: 0;  position: absolute;  top: 0;  left: 0; }
 
#menu li ul { visibility: hidden; overflow: hidden; position: absolute; top: 5px; left: 128px; width: 130px; height: 0; }
#menu li ul li {  margin: 0;  width: 125px; height:31px; background: url(parts/menu3b.png) no-repeat; }
 
#menu li a:hover { position: relative; z-index: 100; background: url(parts/menu2b.png) no-repeat;}
#menu :hover > a { color:#ffff00; background: url(parts/menu2b.png) no-repeat; z-index:100; white-space:nowrap;}
#menu li ul li a:hover { position: relative; z-index: 100; background: url(parts/menu4b.png) no-repeat; color:#000000;}
 
#menu li:hover ul ,#menu li a:hover ul { visibility: visible; overflow: visible; height: auto; z-index: 10; }