@charset "utf-8";
@import "reset.css";
@import "home.css";
@import "blog.css";
@import "entry.css";
@import "widgets.css";
@import "webpage.css";



html {
background-image: url(../images/main_bg.jpg);
background-position: top;
background-repeat: repeat-x;
text-align: center;
}
body {
background-image: url(../images/contents_bg.png);
background-position: top;
background-repeat: repeat-y;
}



#main-wrap {
width: 100%;
background-image: url(../images/header_bg.png);
background-position: top;
background-repeat: repeat-x;
}





#header-wrap {
width: 950px;
margin: 0 auto;
text-align: left;
}
#header-logo-wrap {
width: 650px;
margin-bottom: 10px;
float: left;
}
#header-search-wrap {
width: 300px;
text-align: right;
margin-bottom: 20px;
float: right;
}
#head-description {
width: 100%;
}
#head-description p {
font-size: 70%;
color: #696969;
padding-left: 20px;
padding-top: 5px;
}
#header-wrap h1 {
width: 80px;
float: left;
}
#header-wrap h1 a {
display: block;
width: 80px;
height: 90px;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
}
#header-wrap h1 a span {
display: none;
}
#header-wrap h2 {
width: 260px;
float: left;
}
#header-wrap h2 a {
display: block;
width: 260px;
height: 90px;
background-image: url(../images/header_name.jpg);
background-repeat: no-repeat;
}
#header-wrap h2 a span {
display: none;
}
ul.submenu {
width: 300px;
padding-top: 5px;
float: left;
}
ul.submenu li {
display: inline;
font-size: 80%;
padding: 5px 10px;
}
ul.submenu li a {
color: #505050;
text-decoration: none;
background-image: url(../images/submenu_icon.png);
background-position: 0 0;
background-repeat: no-repeat;
padding-left: 18px;
}



#yourparty-logo-wrap {
width: 300px;
height: 62px;
background-image: url(../images/yourparty_logo.gif);
background-position: right;
background-repeat: no-repeat;
float: left;
}
#yourparty-logo-wrap span {
display: none;
}



.search-box {
width: 300px;
float: left;
}
.search-box input#search {
width: 220px;
}
.search-box input#search-btn {
width: 54px;
height: 24px;
background-image: url(../images/search_btn.gif);
background-position: 0 0;
background-repeat: no-repeat;
border: 0;
cursor: pointer;
/*cursor: hand;*/
}



#header-menu-wrap {
clear: both;
width: 950px;
margin: 0 auto 0 auto;
}
#header-menu-wrap ul {
width:950px;
padding-bottom: 40px;
float: left;
}
#header-menu-wrap ul li {
height: 50px;
float: left;
}
#header-menu-wrap ul li a {
display: block;
height: 50px;
background-image: url(../images/header_menu.png);
background-repeat: no-repeat;
float: left;
}
#header-menu-wrap ul li.home a { width: 135px; background-position: 0 0; }
#header-menu-wrap ul li.profile a { width: 136px; background-position: -135px 0; }
#header-menu-wrap ul li.column a { width: 136px; background-position: -271px 0; }
#header-menu-wrap ul li.idea a { width: 136px; background-position: -407px 0; }
#header-menu-wrap ul li.report a { width: 136px; background-position: -543px 0; }
#header-menu-wrap ul li.information a { width: 136px; background-position: -679px 0 ; }
#header-menu-wrap ul li.club a { width: 135px; background-position: -815px 0; }
#header-menu-wrap ul li.home a:hover { width: 135px; background-position: 0 -50px; }
#header-menu-wrap ul li.profile a:hover { width: 136px; background-position: -135px -50px; }
#header-menu-wrap ul li.column a:hover { width: 136px; background-position: -271px -50px; }
#header-menu-wrap ul li.idea a:hover { width: 136px; background-position: -407px -50px; }
#header-menu-wrap ul li.report a:hover { width: 136px; background-position: -543px -50px; }
#header-menu-wrap ul li.information a:hover { width: 136px; background-position: -679px -50px ; }
#header-menu-wrap ul li.club a:hover { width: 135px; background-position: -815px -50px; }
#header-menu-wrap ul li a span {
display: none;
}

#header-menu-wrap ul li.home_on a { display: block; width: 135px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: 0 -50px; }
#header-menu-wrap ul li.home_on a span { display: none; }
#header-menu-wrap ul li.profile_on a { display: block; width: 136px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -135px -50px; }
#header-menu-wrap ul li.profile_on a span { display: none; }
#header-menu-wrap ul li.column_on a { display: block; width: 136px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -271px -50px; }
#header-menu-wrap ul li.column_on a span { display: none; }
#header-menu-wrap ul li.idea_on a { display: block; width: 136px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -407px -50px; }
#header-menu-wrap ul li.idea_on a span { display: none; }
#header-menu-wrap ul li.report_on a { display: block; width: 136px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -543px -50px; }
#header-menu-wrap ul li.report_on a span { display: none; }
#header-menu-wrap ul li.information_on a { display: block; width: 136px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -679px -50px ; }
#header-menu-wrap ul li.information_on a span { display: none; }
#header-menu-wrap ul li.club_on a { display: block; width: 135px; background-image: url(../images/header_menu.png); background-repeat: no-repeat; background-position: -815px -50px; }
#header-menu-wrap ul li.club_on a span { display: none; }



#main-contents-wrap {
clear: both;
width: 900px;
margin: 0 auto;
text-align: left;
}
#topicpath-wrap {
width: 900px;
margin-bottom: 10px;
float: left;
}
#topicpath-wrap p {
font-size: 77%;
color: #8D8D8D;
}
#topicpath-wrap p a {
color: #4BAC04;
text-decoration: none;
}
#topicpath-wrap p a:hover {
color: #333333;
}
#left-column {
width: 265px;
margin-bottom: 30px;
float: left;
}
.widgets-box {
width: 245px;
margin-bottom: 20px;
float: left;
}
#main-column {
width: 635px;
margin-bottom: 30px;
float: right;
}



#footer-wrap {
clear: both;
width: 100%;
background-color: #00900F;
}
#footer-contents-wrap {
width: 950px;
margin: 0 auto;
text-align: left;
}
#pagetop-btn-wrap {
width: 950px;
height: 60px;
background-image: url(../images/footer_topbtn_bg.gif);
background-position: top;
background-repeat: no-repeat;
margin-bottom: 10px;
float: left;
}
#pagetop-btn-wrap p {
margin-left: 850px;
margin-top: 27px;
}
#pagetop-btn-wrap p a {
display: block;
width: 85px;
height: 23px;
background-image: url(../images/pagetop_btn.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#pagetop-btn-wrap p a:hover {
background-position: 0 -23px;
}
#pagetop-btn-wrap p a span {
display: none;
}
ul.footer-menu {
text-align: right;
padding: 5px 10px;
}
ul.footer-menu li {
display: inline;
font-size: 80%;
border-right: solid 1px #71BF52;
}
ul.footer-menu li.menu-ed {
border: none;
}
ul.footer-menu li a {
color: #FFFFFF;
text-decoration: none;
padding: 2px 5px;
}
ul.footer-menu li a:hover {
color: #FDBC02;
}
dl.office {
font-size: 80%;
color: #FFFFFF;
padding: 10px;
}
dl.office dt {
font-weight: bold;
}
dl.office dt a {
color: #71BF52;
}
dl.office dt a:hover {
color: #FFFFFF;
}
dl.office dd a {
color: #71BF52;
}
dl.office dd a:hover {
color: #FFFFFF;
}
p.copyright {
font-size: 70%;
color: #FFFFFF;
padding: 10px;
}

span.rank-1 { font-size: 150%; font-weight: bold; }
span.rank-2 { font-size: 140%; }
span.rank-3 { font-size: 130%; }
span.rank-4 { font-size: 120%; }
span.rank-5 { font-size: 110%; }
span.rank-6 { font-size: 100%; }
span.rank-7 { font-size: 90%; }
span.rank-8 { font-size: 80%; }
span.rank-9 { font-size: 77%; }
span.rank-10 { font-size: 70%; }

/* 検索結果 */
#search-results {
width: 635px;
margin-bottom: 20px;
float: left;
}
#search-results h3 {
background-image: url(../images/home_recent_title.gif);
background-position: top;
background-repeat: no-repeat;
margin-bottom: 10px;
padding-top: 10px;
}
#search-results h3 span {
display: block;
font-size: 90%;
font-weight: bold;
margin: 0 10px;
}
#search-results dl {
font-size: 90%;
margin: 5px 10px;
padding-bottom: 3px;
border-bottom: dotted 1px #CCCCCC;
float: left;
}
#search-results dl dt {
width: 95px;
color: #343434;
float: left;
}
#search-results dl dd {
width: 510px;
float: left;
}
#search-results dl dd a {
color: #8DB940;
text-decoration: none;
}
#search-results dl dd a:hover {
color: #F08A0A;
}
#search-results p {
font-size: 91%;
color: #414141;
line-height: 1.8em;
text-align: left;
margin: 10px 20px;
}
#search-results-bottom {
width: 635px;
font-size: 77%;
color: #666666;
margin-bottom: 20px;
text-align: right;
padding-top: 5px;
border-top: solid 1px #CCCCCC;
float: left;
}
#search-results-bottom a {
color: #8DB940;
text-decoration: none;
}
#search-results-bottom a:hover {
color: #F08A0A;
}

/* コメントプレビュー */
#comment-prev-header {
width: 635px;
margin-bottom: 20px;
float: left;
}
#comment-prev-header h3 {
background-image: url(../images/home_recent_title.gif);
background-position: top;
background-repeat: no-repeat;
margin-bottom: 10px;
padding-top: 10px;
}
#comment-prev-header h3 span {
display: block;
font-size: 90%;
font-weight: bold;
margin: 0 10px;
}

/* コメント完了ー */
#comment-comp-header {
width: 635px;
margin-bottom: 20px;
float: left;
}
#comment-comp-header h3 {
background-image: url(../images/home_recent_title.gif);
background-position: top;
background-repeat: no-repeat;
margin-bottom: 10px;
padding-top: 10px;
}
#comment-comp-header h3 span {
display: block;
font-size: 90%;
font-weight: bold;
margin: 0 10px;
}
#comment-comp-body{
width: 635px;
margin-bottom: 20px;
float: left;
}
#comment-comp-body p {
font-size: 91%;
color: #414141;
line-height: 1.8em;
text-align: left;
margin: 10px 20px;
}
#comment-comp-body p a {
color: #87C941;
text-decoration: none;
}
#comment-comp-body p a:hover {
color: #333333;
}