/* CSS Document */
@charset "Shift_JIS";

*{margin:0; padding:0;}

body{
margin:0 auto;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
font-size:12px; line-height:1.8em; color:#333; text-align: left;
background:#E6E6E6;
}

a:link{text-decoration:none; color:#04247B;}
a:visited{text-decoration:none; color:#04247B;}
a:hover{text-decoration:none; color:#C80000;}

a.topic:link{text-decoration:none; color:#333;}
a.topic:visited{text-decoration:none; color:#333;}
a.topic:hover{text-decoration:none; color:#C80000;}

a.foot:link{text-decoration:none; color:#FFF;}
a.foot:visited{text-decoration:none; color:#FFF;}
a.foot:hover{text-decoration:none; color:#FFCC00;}

.or {font-size: 12px; font-weight: bold; color:#FF6600;}

p {margin:0; padding:7px 20px; line-height:1.8em;}
ul{padding:0; margin-left:10px; margin-bottom:15px; list-style-type: square;}
li{padding-left: 0.5em; /*1em（1文字）分、右に動かす*/
   text-indent: -1.5em; /*最初の行だけ1em（1文字）分、左に動かす*/}
dl{padding:0; margin-left:20px; margin-top:10px;}
dt{padding:0; margin:0;}
dd{padding:10px; margin-bottom:10px;}
li{list-style-position:inside;}
img{border-style:none;}
table{margin:15px;} 

hr.main{border:1px solid #DDD; 
margin:20px;
}

h1 a{
display:block;
position:relative;
top:8px; left:22px; 
width:300px; height:50px; 
text-indent:-9999px;
background:url(img/raftaflogo.gif) no-repeat left center;
}

h2{
font-size:14px; font-weight:strong; line-height:1.8em; color:#FFFFFF; background-color:#CC0000; margin:10px; padding:3px;
}

h3{
font-size:13px; font-weight:strong; line-height:1.8em; color:#222; padding:10px;
}


a{overflow: hidden;}

#headwrapp{
background:url(img/bg_headwrapp.gif) no-repeat center;
width:830px;
margin:0 auto;
}

#header{
background:#FFF;
width:800px; height:60px;
margin:0 auto;
}

#top{
background:url(img/top.gif) no-repeat center;
width:770px; height:247px;
margin:0 auto;
}

#navi{
background:url(img/bg_navi002.gif) repeat-x;
width:800px; height:50px;
margin:0 auto;
}

#innerhead{
width:800px; height:60px;
margin:0 auto;
}

#spacer{
width:800px; height:10px;
margin:0 auto;
}

#mainwrapp{
background:url(img/bg_mainwrapp.gif) repeat-y center;
width:830px;
margin:0 auto;
}


#main{
background:url(img/bg_main.gif) repeat;
width:770px; height:100%;
margin:0 auto;
padding:15px;
}

#textarea{
width:570px;
float:left;
}

.textarea_top{
background:url(img/mt_top2.gif) no-repeat top;
width:570px; height:20px;
}

.maintext{
width:550px;
margin:0; padding:10px;
background:url(img/mt_back.gif) repeat-y center;
}



.textarea_bottom{
background:url(img/mt_bottom.gif) no-repeat bottom;
width:570px; height:20px;
}


#banner{
width:180px;
float:right;
}

.cd{
border:1px solid #222;
}

.bann{
width:160px;
background:#FFF;
border:1px #DDD dashed;
margin: 0 auto; 
padding-top:17px;
padding-bottom:10px;
font-size:10px; line-height:1em; color:#222; text-align:center;
}

#footwrapp{
background:#E6E6E6;
width:100%; height:80px;
margin:0 auto;
}

#footer{
background:url(img/bg_footwrapp2.gif) repeat-y center;
color:#FFF;
width:830px; height:80px;
margin:0 auto;
}

.foottext{
width:790px; height:50px;
margin:0;
font-size:10px; line-height:1.8em; color:#FFF; text-align:center;
}


.clear{clear:both;}