﻿/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
margin:0;
padding:0;
}

table
{
 margin:0;
 padding:0;
}

address, caption, cite, code, dfn, em, strong, th, var
{
font-style:normal;
font-weight:normal;
}

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6
{
font-size:1em;
font-weight:bold;
}

q:before, q:after { content:''; }

abbr, acronym { border:0; }

img{
border:0;
vartical-align:bottom;
}

body {
background:#FFF url(img/bg01.jpg) repeat-x center top;
font:16px  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.pankuzu{
color:#333;
font:14px Arial, Helvetica, sans-serif;
}
.pankuzu a{
color:#69F;
text-decoration: none;
    }
    
/* header */

#header
{
width:950px;
height:90px;
margin:0 auto;
}

#news {
overflow:hidden;
margin:0;
padding:0px;
line-height:29px;
font-size:11px;
list-style-type: none;
background:url(bg.jpg) top left no-repeat;
}
 
#news li{
padding:0 0 0 33px;
background:url(bg2.jpg) top left no-repeat;
}
#news li span{
margin-left:10px;
}
 
#new a{color:#CCC; text-decoration:none;}
#new a:hover{color:#999;}

/* Topics */

#topics {
 background:#fff;
 width:950px;
 padding:10px 0;
 margin:0 auto;
position:relative;
}

#topics_contents
{
 background:#FFF;
width:840px;
margin:0 auto;
padding:20px;
position:relative;

-webkit-box-shadow: #111 0px 4px 8px;
-moz-box-shadow: #111 0px 4px 8px;
box-shadow: #111 0px 4px 8px;

behavior: url(/PIE.htc);
}


/* contents */
#contents
{
 background:#aa000c;
width:950px;
margin:0 auto;
position:relative;
}

#contents_inbox
{
width:900px;
margin:25px auto 0px;
}

.box_w440
{
width:440px;
height:240px;
overflow:auto;
float:left;
margin:5px;
overflow-style:auto;

background: url(img/w440_bg.png) no-repeat right bottom;
behavior: url(/PIE.htc);
}

.box_w440 a{
 color:#222;
 text-decoration:none;
}

.box_w440 a:hover{
 color:#fff;
}
.box_contents h1
{
color: #252525;
font-size:18px;
}

.box_contents
{
margin:8px;
font: 12px Arial, Helvetica, sans-serif;
}

.box_contents ul{
    margin:10px auto;}

.box_contents ul li{
list-style: disc inside;
color: #fff;
}

/* footer */

#footer
{
 
 background:#aa000c;
 width:950px;
margin:0 auto;
position:relative;
}

#footer_contents{
 margin:0 auto;
 width:900px;
 }
 


#footer p { 
font: 10px Arial, Helvetica, sans-serif;
text-align:center;
margin:5px;}

