@charset "UTF-8";

/*---- headerArea----*/
#index #headerArea{
background:#524C34;
border-bottom:3px solid #7A7158;


text-align:center;
}
#index #header{
margin:0 auto;
width:776px;
height:59px;
}
#index #header h1{
float:left;
}
#index #header #searchform{
float:right;
position:relative;
top:20px;
width:271px;
}

#index #header #rss{
position:absolute;
left:0;
background:url(/contents/images/common/head_rss_bg.gif) right top no-repeat;
height:25px;
padding-right:10px;
}
#index #header #key{
position:absolute;
left:76px;
top:2px;
background:#E6E5E1;
width:153px;
height:16px;
border:1px solid #7A7158;
color:#9C988A;
font-size:0.7em;
}
#index #header #search{
position:absolute;
left:234px;
}

/*---- footerArea----*/
#index #footerArea{
background:#000 url(/contents/images/common/foot_bg02.gif) left top repeat-x;
padding:13px 0 63px 0;
text-align:center;
}
#index #footer{
clear:both;
background:url(/contents/images/common/foot_bg01.gif) 50% 46px no-repeat;
margin:0 auto;
width:776px;
height:48px;
text-align:center;
}
#index #footer p{
float:left;
}
#index #footer ul{
float:right;
padding-right:24px;
}
#index #footer li{
display:inline;
}

/*---- content----*/
#index #mainImg{
background:url(/contents/images/top/bg01.gif) left top repeat-x;
text-align:center;
}

#index #indexcontainer{
background:#c1beb7 url(/contents/images/top/bg02.gif) left top repeat-x;
text-align:center;
}

#index #indexcontent{
margin:0 auto;
padding:21px 0 14px;
width:776px;
text-align:left;
}
#index #leftColumn{
float:left;
width:542px;
}
#index #rightColumn{
float:right;
width:224px;
}

#index .bnr01{
margin-bottom:10px;
}
#index .bnr02{
margin-bottom:5px;
}

#goArea{
margin-bottom:10px;
}
#goArea li{
display:inline;
}

#blogArea{
background:#FFFCF1 url(/contents/images/common/bg02_bottom.gif) left bottom repeat-x;
}
#blog{
border-left:2px solid #BAB79C;
border-right:2px solid #BAB79C;
padding:6px 11px 27px;
font-size:0.75em;
line-height:1.5em;
}
#blog img{
float:left;
margin-right:10px;
}
#blog p a{
background:url(/contents/images/common/icon01.gif) 5px 0.2em no-repeat;
padding-left:16px;
}
#blog .rss_list{
background:url(/contents/images/common/icon01.gif) 3em 0.3em no-repeat;
}
#blog a{
padding-left:20px;
}
#blog .rss_list{
margin-left:114px;
}
#blog #profile{
text-align:right;
}

#whatArea,
#infoArea{
background:#FFFCF1 url(/contents/images/common/bg01_bottom.gif) left bottom repeat-x;
font-size:0.65em;
line-height:1.5em;
}
#what,
#info{
border-left:2px solid #BAB79C;
border-right:2px solid #BAB79C;
}
#what{
padding:10px 10px 0 10px;
}
#info{
padding:10px;
}

#whatArea{
margin-bottom:10px;
}
#what .btn{
text-align:center;
height:30px;
}

#info .rss_list{
background:url(/contents/images/common/icon02.gif) 4.5em 0.3em no-repeat;
}
#info a{
padding-left:20px;
}