@charset "shift_jis";
/* =========================================

(C) SINIOR useful > hobby CSS

============================================ */

#content #h1_block {
background:url(../image_cmn/title.gif) no-repeat 0 0;
}


/* 記事一覧　設定
-------------------------------------------------------------------------------- */


/*------column_list 背景イメージ----------*/
#content div.main_area ul.column_list li {
background:url(../image_cmn/bg_columnlist.gif) no-repeat 0 0;
}

/*------最下部エリア----------*/
#content div.main_bottom {
background:url(../image_cmn/bg_mainbottom.gif) no-repeat 0 0;
}

#content div.main_bottom p {
font-weight:bold;
color:#2A7FD8;
text-align:center;
}

#content div.main_bottom p a {
color:#2A7FD8;
}

#content div.main_bottom p a:hover {
color:#5AA7F7;
}

/* 記事本文設定
-------------------------------------------------------------------------------- */

#content div.main_area {
background:url(../image_cmn/bg_main.gif) repeat-y 0 0;
}
#content div.main_area:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden; 
}
/*Hides from IE-mac/*/
*html .main_area{height:1%;}
.main_area{display:block;}
/*End Hide from IE-mac*/

/* heading_02設定 */
#content.column div.left_area .heading_02 {
border-left:5px solid #2A7FD8;
color:#2A7FD8;
}

/* リスト設定 dl*/
#content.column div.left_area dl.column dt{
color:#2A7FD8;
}


/* left_area */

#content.column div.left_area {
background:url(../image_cmn/bg_column_leftarea.gif) repeat-y 9px 0 ;
}


#content.column div.left_area h1 {
background:url(../image_cmn/ttl_column.gif) no-repeat 0 0;
}
#content.column div.left_area div.h2_bottom {
display: block;
background: url(../image_cmn/ttl_column_bottom.gif) no-repeat left bottom;
}


#content.column div.left_area h2 {
background:url(../image_cmn/stl_column.gif) no-repeat 0 0;
}
#content.column div.left_area div.h3_bottom {
display: block;
background: url(../image_cmn/stl_column_bottom.gif) no-repeat left bottom;
}


#content.column div.left_area h3 {
background:url(../image_cmn/stl_h4_column.gif) no-repeat 0 0;
}
#content.column div.left_area div.h4_bottom {
display: block;
background: url(../image_cmn/stl_h4_column_bottom.gif) no-repeat left bottom;
}


#content.column div.left_area_footer {
background:url(../image_cmn/footer_column_leftarea.gif) no-repeat 0 0 ;
}

#content.column div.left_area p.heading_01 {
background:url(../image_cmn/heading_bg.gif) no-repeat 0 0;
}


/* テーブル順位設定 */
#content.column div.left_area table td.juni{
width:20px;
padding:5px;
text-align:center;
}



/* right_area リスト設定 */

#content.column div.right_area h2 {
background:url(../image_cmn/column_list_ttl.gif) no-repeat 0 0;
}

#content.column div.right_area ul.title_list {
background:url(../image_cmn/bg_right_area_list.gif) repeat-y 0 0 ;
}

#content.column div.right_area ul.title_list li{
background:url(../image_cmn/column_list_icon.gif) no-repeat 0 8px;
}
#content.column div.right_area ul.title_list li.back {
background:url(../image_cmn/footer_right_area_list.gif) no-repeat 0 0;
}



/*column_08用 css*/
/*テーブルの左枠 column_08用*/
#content.column div.left_area table th.pet {
width:95px;
padding: 5px;
border:1px solid #AAA;
background:#FFFFDD;
text-align: center;
white-space:normal;
line-height:23px;
}