@charset "utf-8";

/*------------------------------------------------------------------------------
COCOMUS - CSS Modules Import
Date: 2008-04-30
Copyright (C) COCOMUS. All Rights Reserved.
------------------------------------------------------------------------------*/


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

Redefine - main

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

#header h1 {
background: #fff url("../images/img_logo.gif") top left no-repeat;
}

#main h2 {
height: 208px;
width: 705px;
margin-top: 20px;
background: url("../images/img_forum_01.gif") top left no-repeat;
text-indent: -9999em;
}

#main p.goTop {
margin-top: 10px;
margin-right: 10px;
text-align: right;
}

#main p.goTop a {
padding-left: 12px;
background: url("../images/icon_gotop_01.gif") left center no-repeat;
}

/* ブログナビゲーションここから */
#main dl#blogNav {
margin-top: 15px;
}

#main dl#blogNav dt {
display: none;
}

#main dl#blogNav ul {
}

#main dl#blogNav li {
float: left;
}

#main dl#blogNav li.listEnd {
margin: 0;
}
/* ブログナビゲーションここまで */


/* ブログ一覧の共通指定ここから */
#main div#forumList {
width: 705px;
padding-bottom: 15px;
background: url("../images/bg_list_foot.gif") bottom left no-repeat;
}

#main div.listBox {
width: 661px;
padding: 25px 20px 15px;
border-left: 2px solid #5e9e55;
border-right: 2px solid #5e9e55;
}

#main div.listBox h3 {
height: 71px;
text-indent: -9999em;
}

#main div.listBox p.date {
margin-top: -1.5em;
text-align: right;
color: #278cbb;
}
#main div.listBox p.bgdate {
text-align: right;
color: #278cbb;
}
#main div.listBox h4 {
margin-top: 15px;
padding: 0 5px 4px;
border-left: 5px solid #000;
border-bottom: 1px dashed #000;
line-height: 1.2;
font-size: 138.5%;
font-weight: 700;
color: #bd0e54;
}

#main div.listBox p.category {
width: 430px;
min-height: 1em;
padding: 5px 5px 0;
border-left: 5px solid #000;
line-height: 1.2;
font-weight: 700;
color: #bd0e54;
}
*html #main div.listBox p.category {
height: 1em;
}

#main div.listBox div.entryBody {
padding-bottom: 5px;
border-bottom: 3px solid #000;
}

#main div.listBox div.entryBody p {
margin-top: 10px;
}
/* ブログ一覧共通指定ここまで */


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

Redefine - sub

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

/* ご利用ガイドここから */
#sub dl#subGuide {
width: 185px;
margin-top: 15px;
padding-bottom: 3px;
background: #fff url("../images/bg_forumsub_foot_01.gif") bottom left no-repeat;
}

#sub dl#subGuide dt {
height: 28px;
line-height: 1.0;
background: url("../images/hl_guide_01.gif") top left no-repeat;
text-indent: -9999em;
}

#sub dl#subGuide dd {
padding-top: 10px;
border-left: 1px solid #86c27c;
border-right: 1px solid #86c27c;
}

#sub dl#subGuide dd.contents01 p.ex01 {
padding: 0 10px;
}

#sub dl#subGuide dd.contents01 p.ex02 {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #86c27c;
text-align: center;
}

#sub dl#subGuide dd.contents02 {
padding: 13px 10px 0;
}

#sub dl#subGuide dd.contents02 p.ex01 {
margin-bottom: 10px; 
padding: 0 5px 0 60px;
background: url("../../images/common/bg_about_01.gif") 10px 15px no-repeat;
font-size: 100%;
line-height: 1.5;
}

#sub dl#subGuide dd.contents02 li {
padding-bottom: 10px;
text-align: center;
}

#sub dl#subGuide dd.contents02 li.listEnd {
text-align: left;
font-size: 93%;
line-height: 1.5;
}

#sub dl#subGuide dd.contents02 li.listEnd a {
display: block;
padding-left: 15px;
background: url("../../images/common/icon_arrow_01.gif") 0 0.5em no-repeat;
}
/* ご利用ガイドここまで */

/* 広場内検索ここから */
#sub dl#subBox {
width: 185px;
margin-top: 15px;
padding-bottom: 3px;
background: #fff url("../images/bg_forumsub_foot_01.gif") bottom left no-repeat;
}

#sub dl#subBox dt {
padding: 2px 0;
border-left: 1px solid #86c27c;
border-right: 1px solid #86c27c;
background-color: #d9edd6;
text-align: center;
font-weight: 700;
}

#sub dl#subBox dt.ex01 {
border: none;
background: #d9edd6 url("../images/bg_forumsub_head_01.gif") top left no-repeat;
}

#sub dl#subBox dd {
padding: 10px;
border-left: 1px solid #86c27c;
border-right: 1px solid #86c27c;
}

#sub dl#subBox dd input.text {
width: 105px;
margin-right: 10px;
padding: 2px;
}

#sub dl#subBox dd#subFeed ul {
margin-top: 10px;
}

#sub dl#subBox dd#subFeed ul li {
height: 17px;
margin-right: 10px;
float: left;
}

#sub dl#subBox dd#subFeed ul li img {
vertical-align: middle;
}

#sub dl#subBox dd#subFeed ul li.listEnd {
margin-right: 0;
font-size: 93%;
}

* html #sub dl#subBox dd#subFeed ul li.listEnd {
margin-top: -3px;
}

#sub dl#subBox dd#subFeed ul li.listEnd a {
padding-left: 15px;
background: url("../../images/common/icon_arrow_01.gif") 0 0.3em no-repeat;
}

/* 広場内検索ここまで */

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

ClearFix

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

/* modern browsers */

#main dl#blogNav ul:after,
#main div.listBox h4:after,
#sub dl#subBox ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* IE7 */

#main dl#blogNav ul,
#main div.listBox h4,
#sub dl#subBox ul {
display: inline-block;
}

/* legacy IE */

* html #main dl#blogNav ul,
* html #main div.listBox h4,
* html #sub dl#subBox ul {
height: 1%;
}

#main dl#blogNav ul,
#main div.listBox h4,
#sub dl#subBox ul {
display: block;
}

/* End of ClearFix */