@charset "utf-8";
/* CSS Document */

#imgmain { margin-top: 8px; margin-bottom: 8px;}


#idxbox1 { background: url(../../imgs/img_idx_box1_bg.gif) left repeat-y; margin-bottom: 10px;}
#idxbox1 .boxtop { height: 7px; font-size: 1px; background: url(../../imgs/img_idx_box1_top.gif) top left no-repeat;}
#idxbox1 .boxbody { width: 562px; margin-left: auto; margin-right: auto;}
#idxbox1 .boxbtm { height: 7px; font-size: 1px; background: url(../../imgs/img_idx_box1_btm.gif) bottom left no-repeat; clear: both;}

#idxbox1 .boxbody img { display: block; margin-bottom: 0.3em;}
#idxbox1 .boxbody .fleft { margin-right: 15px;}
#idxbox1 .boxbody p { width: 177px; font-size: 82%; margin-top: 0.5em 0 0 0; line-height: 140%;}

#topicslist { border-collapse: collapse; width: 100%; margin-bottom: 10px; margin-top: 0;}
#topicslist td { background: url(../../imgs/line_01.gif) left bottom repeat-x; padding: 6px 3px;}
#topicslist th { background: url(../../imgs/line_01.gif) left bottom repeat-x; padding: 6px 3px; text-align: left; width: 4em; font-weight: normal;}




#leftbox2 { width: 303px; float: left;}
#leftbox2 dl { clear: both;}
#leftbox2 dt { background: url(../../imgs/icon_blog_day.gif) 3px 50% no-repeat; padding-left: 16px; padding-top: 3px; padding-bottom: 3px;}
#leftbox2 dd { background: url(../../imgs/line_01.gif) bottom no-repeat; margin-bottom: 0.2em; padding-bottom: 0.4em; padding-left: 5px;}


#leftbox3 { width: 260px; float: right;}



#leftbox3 .box1 { background: url(../../imgs/img_leftbox3_inn_bg.gif) left bottom repeat-y; clear: both; margin-bottom: 5px;}
#leftbox3 .box1 .boxtop { background: url(../../imgs/img_leftbox3_inn_top.gif) top left no-repeat; height: 6px; font-size: 1px; line-height: 2px;}
#leftbox3 .box1 .boxbody { padding-left: 7px; padding-right: 7px;}
#leftbox3 .box1 .boxbtm { background: url(../../imgs/img_leftbox3_inn_btm.gif) bottom right no-repeat; clear: both; height: 6px; font-size: 1px; line-height: 2px;}


#leftbox3 .box1 .boxbody .textbox { width: 172px; float: right;}

#leftbox3 .box1 .boxbody .textbox h2 { margin-top: 0; margin-bottom: 0.2em;}
#leftbox3 .box1 .boxbody .textbox p { margin-top: 0; font-size: 82%; line-height: 120%;}





/*--------------------------------------------------------------------------------------------

サイドバー

--------------------------------------------------------------------------------------------*/


#tvcm { display: block; margin-bottom: 5px;}


#contentslist { background: #f3f1ed; width: 227px; background: url(../../imgs/contentslist_bg.gif); clear: both; margin-bottom: 5px;}
#contentslist .boxtop { width: 227px; background: url(../../imgs/contentslist_line.gif) top no-repeat; height: 12px; clear: both;}
#contentslist .boxbody { width: 205px; margin-left: auto; margin-right: auto; font-size: 82%;}
#contentslist .boxbody p { line-height: 130%; margin-top: 0.2em; margin-bottom: 0.4em;}
#contentslist .boxbody ul li { list-style-image: url(../../imgs/icon_arrow2.gif); margin-left: 23px;}
#contentslist .boxclose { width: 227px; margin-left: auto; margin-right: auto; background: url(../../imgs/contentslist_line.gif) 50% 50% no-repeat; clear: both;}
#contentslist .boxbtm { width: 227px; background: url(../../imgs/contentslist_line.gif) bottom no-repeat; height: 10px; clear: both;}








/*--------------------------------------------------------------------------------------------

文字体裁

--------------------------------------------------------------------------------------------*/
#leftarea h2 { margin-bottom: 0; padding-bottom: 0;}



#topicstitle { background: url(../../imgs/img_idx_topics.gif) no-repeat; width: 576px; height: 34px;}
#topicstitle h2 { text-indent: -9999px; width: 498px; height: 34px; display: block; float: left;}
#topicstitle img { float: right;}

#bloglisttitle { background: url(../../imgs/img_idx_blog.gif) no-repeat; width: 303px; height: 34px;}
#bloglisttitle h2 { text-indent: -9999px; width: 225px; height: 34px; display: block; float: left;}
#bloglisttitle img { float: right;}