@import "reset.css";
@import "contents.css";
@import "widget.css";
@import "webpage.css";
@import "blog.css";



/*=============================================================
base.css
=============================================================*/
body {
background-image: url(http://www.your-party.jp/common/images/head_bg.gif);
background-position: top;
background-repeat: repeat-x;
text-align: center;
}


#main-wrap {
width: 980px;
margin: 0 auto;
}
#main-contents-wrap {
width: 980px;
background-image: url(http://www.your-party.jp/common/images/main_bg.png);
background-position: center;
background-repeat: repeat-y;
float: left;
}



/*=============================================================
ヘッダー
=============================================================*/
#header-wrap {
width: 890px;
margin: auto;
}
#header-wrap #description {
width: 890px;
text-align: left;
padding: 3px 0;
}
#header-wrap #description strong {
font-size: 70%;
font-weight: normal;
color: #545454;
}
#header-wrap h1 {
width: 200px;
margin-bottom: 20px;
float: left;
}
/* サイトロゴ */
#header-wrap h1 a {
display: block;
width: 200px;
height: 70px;
background-image: url(http://www.your-party.jp/common/images/sitelogo.gif);
background-repeat: no-repeat;
}
#header-wrap h1 a span {
display: none;
}
#header-right-wrap {
width: 690px;
margin-bottom: 20px;
float: left;
}
/* サブメニュー */
#headersubmenu-wrap {
width: 690px;
float: left;
}
#headersubmenu-wrap ul {
width: 180px;
float: right;
}
#headersubmenu-wrap ul li {
height: 30px;
float: left;
}
#headersubmenu-wrap ul li a {
display: block;
height: 30px;
background-image: url(http://www.your-party.jp/common/images/head_submenu.gif);
background-repeat: no-repeat;
}
#headersubmenu-wrap ul li.opinion a { width: 90px; background-position: 0 0; }
#headersubmenu-wrap ul li.opinion a:hover { width: 90px; background-position: 0 -30px; }
#headersubmenu-wrap ul li.sitemap a { width: 90px; background-position: -90px 0; }
#headersubmenu-wrap ul li.sitemap a:hover { width: 90px; background-position: -90px -30px; }
#headersubmenu-wrap ul li a span {
display: none;
}
/* ヘッダー検索 */
#head-search-wrap {
width: 690px;
float: left;
}
#head-search-wrap form {
width: 280px;
height: 46px;
background-image: url(http://www.your-party.jp/common/images/search_bg.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0;
float: right;
}
#head-search-wrap #searchbox-wrap {
width: 244px;
height: 46px;
text-align: left;
float: left;
}
#head-search-wrap input.search-box {
width: 165px;
height: 18px;
border: none;
background-color: #FFFFFF;
margin: 12px 0 0 74px;
}
#head-search-wrap #searchbtn-wrap {
width: 36px;
height: 46px;
text-align: left;
float: left;
}
#head-search-wrap input.search-btn  {
width: 25px;
height: 25px;
margin: 12px 0 0 0;
}



/*=============================================================
グローバルメニュー
=============================================================*/
#headermenu-wrap {
width: 980px;
float: left;
}
#headermenu-wrap ul {
}
#headermenu-wrap ul li {
height: 70px;
float: left;
}
#headermenu-wrap ul li a {
display: block;
height: 70px;
background-image: url(http://www.your-party.jp/common/images/head_globalmenu.png);
background-repeat: no-repeat;
}
#headermenu-wrap ul li.home a { width: 157px; background-position: 0 0; }
#headermenu-wrap ul li.home a:hover { width: 157px; background-position: 0 -70px; }
#headermenu-wrap ul li.action a { width: 111px; background-position: -157px 0; }
#headermenu-wrap ul li.action a:hover { width: 111px; background-position: -157px -70px; }
#headermenu-wrap ul li.manifesto a { width: 111px; background-position: -268px 0; }
#headermenu-wrap ul li.manifesto a:hover { width: 111px; background-position: -268px -70px; }
#headermenu-wrap ul li.member a { width: 111px; background-position: -379px 0; }
#headermenu-wrap ul li.member a:hover { width: 111px; background-position: -379px -70px; }
#headermenu-wrap ul li.about a { width: 111px; background-position: -490px 0; }
#headermenu-wrap ul li.about a:hover { width: 111px; background-position: -490px -70px; }
#headermenu-wrap ul li.donation a { width: 111px; background-position: -601px 0; }
#headermenu-wrap ul li.donation a:hover { width: 111px; background-position: -601px -70px; }
#headermenu-wrap ul li.information a { width: 111px; background-position: -712px 0; }
#headermenu-wrap ul li.information a:hover { width: 111px; background-position: -712px -70px; }
#headermenu-wrap ul li.guides a { width: 156px; background-position: -823px 0; }
#headermenu-wrap ul li.guides a:hover { width: 156px; background-position: -823px -70px; }
#headermenu-wrap ul li a span {
display: none;
}



/*=============================================================
コンテンツ
=============================================================*/
#contents-wrap {
clear: both;
width: 890px;
margin: auto;
}
#topicpath-wrap {
width: 695px;
margin-bottom: 5px;
float: left;
}
#topicpath-wrap p {
font-size: 70%;
color: #444444;
text-align: left;
margin: 5px;
}
#topicpath-wrap p a {
text-decoration: none;
color: #0181FF;
}
#topicpath-wrap p a:hover {
color: #333333;
}
#left-column {
width: 195px;
margin-bottom: 30px;
float: left;
}



/*=============================================================
フッター
=============================================================*/
#footer-wrap {
clear: both;
width: 100%;
background-color: #000000;
}
/* ページトップへボタン */
#footer-pagetop-btn {
width: 960px;
height: 80px;
background-image: url(http://www.your-party.jp/common/images/footer_head_bg.gif);
background-position: top;
background-repeat: no-repeat;
margin: auto;
}
#footer-pagetop-btn a {
display: block;
width: 90px;
height: 30px;
background-image: url(http://www.your-party.jp/common/images/pagetop_btn.gif);
background-repeat: no-repeat;
margin-left: 830px;
}
#footer-pagetop-btn a:hover {
background-position: 0 -30px;
}
#footer-pagetop-btn a span {
display: none;
}

#footer-contents-wrap {
width: 890px;
margin: auto;
}
/* フッターメニュー */
#footer-menu-wrap {
width: 130px;
text-align: left;
margin-bottom: 50px;
float: left;
}
#footer-menu-wrap h4 {
font-size: 77%;
font-weight: bold;
color: #DADADA;
margin-bottom: 5px;
}
#footer-menu-wrap ul {
line-height: 1.1em;
list-style-position: outside;
margin: 0 0 0 10px;
}
#footer-menu-wrap ul li {
font-size: 70%;
color: #DADADA;
list-style: disc;
}
#footer-menu-wrap ul li a {
text-decoration: none;
color: #DADADA;
}
#footer-menu-wrap ul li a:hover {
color: #FFFFFF;
}
/* フッターカテゴリーリンク */
#footer-category-wrap {
width: 180px;
text-align: left;
margin-bottom: 50px;
float: left;
}
#footer-category-wrap h4 {
font-size: 77%;
font-weight: bold;
color: #DADADA;
margin-bottom: 5px;
}
#footer-category-wrap ul {
line-height: 1.1em;
list-style-position: outside;
margin: 0 0 0 10px;
}
#footer-category-wrap ul li {
font-size: 70%;
color: #DADADA;
list-style: disc;
}
#footer-category-wrap ul li a {
text-decoration: none;
color: #DADADA;
}
#footer-category-wrap ul li a:hover {
color: #FFFFFF;
}

#footer-right-wrap {
width: 580px;
margin-bottom: 50px;
float: left;
}
#footer-right-wrap ul#footer-service-wrap {
width: 580px;
margin-bottom: 20px;
text-align: left;
float: left;
}
#footer-right-wrap ul#footer-service-wrap ul {
}
#footer-right-wrap ul#footer-service-wrap li {
display: inline;
}
#footer-office-wrap {
width: 580px;
text-align: left;
float: left;
}
#footer-office-wrap h4 {
font-size: 77%;
font-weight: bold;
color: #DADADA;
margin-bottom: 5px;
}
#footer-office-wrap dl {
font-size: 77%;
color: #DADADA;
line-height: 1.5em;
margin-bottom: 20px;
}
#footer-office-wrap dl dt {
}
#footer-office-wrap dl dd {
margin-left: 10px;
}
#footer-office-wrap dl dd a {
text-decoration: none;
color: #FFFFFF;
}
#footer-office-wrap dl dd a:hover {
color: #0181FF;
}
#footer-office-wrap p {
font-size: 77%;
color: #DADADA;
}
/* コピーライト */
#copyright-wrap {
clear: both;
width: 980px;
background-image: url(http://www.your-party.jp/common/images/copyright_bg.gif);
background-repeat: repeat-x;
margin: auto;
padding-top: 10px;
padding-bottom: 30px;
}
#copyright-wrap p {
font-size: 77%;
color: #FFFFFF;
}



/*=============================================================
検索結果
=============================================================*/
#search-results-wrap {
width: 695px;
margin-bottom: 20px;
float: left;
}
#search-results-wrap h3 {
width: 695px;
height: 50px;
background-image: url(http://www.your-party.jp/common/images/categorytop_title_bg.gif);
background-repeat: no-repeat;
text-align: left;
position: relative;
}
#search-results-wrap h3 span {
display: block;
font-size: 80%;
font-weight: bold;
color: #494949;
padding: 10px 0 0 30px;
}
#search-results-wrap p {
font-size: 77%;
color: #444444;
line-height: 1.5em;
text-align: left;
margin: 0 10px;
}
#search-results-wrap ul {
}
#search-results-wrap ul li {
width: 695px;
font-size: 77%;
border-bottom: dotted 1px #CCCCCC;
padding: 3px 0;
margin: 1px 0;
text-align: left;
float: left;
}
#search-results-wrap ul li span.date {
display: block;
width: 80px;
color: #676767;
text-align: center;
float: left;
}
#search-results-wrap ul li a {
display: block;
width: 615px;
text-decoration: none;
color: #0181FF;
float: left;
}
#search-results-wrap ul li a:hover {
color: #333333;
}
.search-results-nav {
width: 695px;
font-size: 80%;
color: #444444;
margin-bottom: 20px;
text-align: right;
float: left;
}
.search-results-nav a {
text-decoration: none;
color: #0181FF;
}
.search-results-nav a:hover {
color: #333333;
}