@charset "Shift_JIS";
/* コラムリスト共通CSS Document */

body{
background-image:url(../columnlist/images/header_bg.gif);
background-repeat: repeat-x;
text-align: center;
margin:0;
padding:0;
}

#headerArea{
margin-bottom:12px;
}
#headerArea h1{
margin:3px 0 0 2px;
padding:0;
font-weight:normal;
text-align:left;
height:23px;
}

#headerArea .logo{
margin-top:25px;
}

#mainArea h2{
margin:0 0 7px 0;
padding:0 0 5px 7px;
text-align:left;
border-bottom:2px dotted #D1DBE0;
}


#mainAraa h3{
margin:0;
padding:0;
}

#columnList{
text-align:left;
}
#columnList ul{
margin:0 0 0 20px;
padding:0;
list-style-type:none;
width:520px;
text-align:left;
}

#columnList li{
margin:0 0 5px 18px;
padding:0;
list-style-image:url(/petit/images/li.gif);
list-style-position:0 0.3em;
text-align:left;
}

#columnList a{
text-decoration:none;
}

/*おしらせブログ*/
#info {
text-align:left;
margin-left:5px;
padding-bottom:10px;
}
.titleArea{
background-color:#D1DBE0;
padding:4px;
vertical-align:baseline;
height:27px;
clear:both;
}
.titleArea h3{
float:left;
margin:3px 0 0 0;
}
.date-header{
text-align:right;
margin-top:4px;
float:right;
}
#info .entry-content{
padding:0 0 20px 10px;
margin:0;
}
.archiveArea h4{
margin:0 0 5px 10px;
padding:0;
text-align:left;
}
.archiveArea{
border:2px dotted #D1DBE0;
margin:5px;
padding:8px 0 8px 0;
}

.infobtn{
float:right;
margin:15px 0 0 0;
}