@import url("custom.css");

/* 
St. Patrick's Day Parade in Matsue
基本設定
basic.css
version 2008/01/24
*/


/*-------------
html
------------------------------*/
body {
margin : 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, sans-serif;
line-height: 150%;
font-size: 14px;
color: #000000;
background: #5ab997 url(../../img/bg_border.gif) repeat-y center;
text-align: center;
}
a:link {
color: #78a0b3;
text-decoration: none;
}
a:visited {
color: #cc6699;
text-decoration: none;
}
a:hover {
color: #d7672f;
font-style: normal;
text-decoration: underline;
}
img {
border: 0;
}
/*-------------
header
------------------------------*/
#header {
top: 0;
padding: 0px;
margin: 0px 0px 30px 0px;
width: 800px;
/*background: url(../../img/header_background.jpg) no-repeat;*/
}
#header h1 {
top: 240px;
padding: 0px 0px 0px 0px;
/*padding: 240px 0px 0px 0px;*/
margin: 0px 0px 0px 0px;
border-bottom: 0px solid #cccccc;
}
#header ul {
clear: both;
list-style-type: none;
font-size: 0.9em;
padding: 10px 0px 0px 20px;
margin: 0px;
text-align: right;
}
#header li {
margin: 0px 0px 0px 5px;
display: inline; 
}
/*-------------
skip navigation
------------------------------*/
#skip-nav {
position: absolute;
left: -9999px;
font-size: small;
}
/*-------------
crumbs navigation
------------------------------*/
#crumbs {
width: 580px;
border-top: 1px solid #cccccc;
margin: 0px 20px 10px 20px;
padding: 3px 0px 0px 0px;
font-size: 0.8em;
}
#crumbs p {
margin: 0px;
padding: 0px;
}
/*-------------
wrapper
------------------------------*/
#wrapper {
width: 800px;
padding: 0px;
margin: 0px auto 0px auto;
text-align: left;
clear: both;
}
/*-------------
search box, summary, recent entries & trackbacks
------------------------------*/
#sidebar-right {
width: 150px;
padding: 0px;
margin: 0px 0px 20px 0px;
}
#sidebar-right ul {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
#sidebar-right li {
list-style: none;
font-size: 0.9em;
line-height: 147%;
padding: 3px 0px 1px 0px;
border-bottom: 1px dotted #cccccc;
}
/*
search box
*/
#searchbox {
width: 150px;
margin: 0px 0px 30px 0px;
padding: 0px;
}
#search {
width: 150px;
margin: 0px 0px 5px 0px;
padding:  0px;
border: 1px solid #cccccc;
}
#searchbutton {
font-size: 11px;
background: white;
color: #494949;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
margin: 1px 0px 0px 0px;
width: 60px;
padding: 2px 2px;
}
/*
summary
*/
#summary-sidebar {
padding: 0px 0px 20px 0px;
}
#summary-sidebar h2 {
padding: 0px;
margin: 0px 0px 20px 0px;
padding: 2px 0px 0px 0px;
font-size: 0.9em;
border-top: 1px solid #cccccc;
}
#summary-sidebar dl,
#summary-sidebar p {
font-size: 0.9em;
line-height: 147%;
}
#summary-sidebar dt {
font-weight: bold;
}
#summary-sidebar dd {
margin: 0;
padding: 0;
}
/*
recent entries & trackbacks
*/
#recent-entries,
#recent-trackbacks {
/*padding: 0px;
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 0px;
font-size: 0.9em;*/
margin: 6px 0 3px 0;
padding: 1px;
border: 1px solid #cccccc;
color: #333333;
font-size: 0.8em;
text-align: center;
}
/*-------------
home
------------------------------*/
#home h2 {
position: absolute;
top: -9999px;
left: -9999px;
}
#home h3 {
font-size: 1.3em;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #cccccc;
line-height: 150%;
}
/*-------------
main
------------------------------*/
#main h2 {
background: #5ab997;
color: #ffffff;
font-size: 1em;
text-align: left;
padding: 2px 10px;
margin: 0px 0px 5px 0px;
line-height: 150%;
}
#main h3 {
font-size: 1.3em;
margin: 0px 0px 0px 0px;
padding: 20px 0px 3px 0px;
border-bottom: 1px solid #cccccc;
line-height: 150%;
}
/*
read more
*/
#main .readmore,
#home .readmore  {
padding: 0px;
margin: 0px;
text-align: right;
font-size: 0.8em;
}
/*
entry-header
*/
.entry-header {
font-size: 0.8em;
line-height: 135%;
margin: 0px;
padding: 3px 0px 20px 0px;
color: #666666;
}
.entry-header p {
margin: 0px;
padding: 0px;
}
/*
entry
*/
#home .entry,
#main .entry {
margin: 20px 0px 20px 0px;
padding: 0px;
}
#home .entry h4,
#main .entry h4 {
font-size: 1.1em;
margin:20px 0 10px 0;
padding: 5px 0px 0px 10px;
border-top: 3px solid #5ab997;
border-left: 1px solid #5ab997;
}
.entry h5,
.entry h5 {
margin-top:20px;
font-size: 1.1em;
padding: 5px 0px 0px 0px;
border-top: 3px solid #cccccc;
}
#home .entry h6,
#main .entry h6 {
margin:10px 0 5px 0;
font-size: 1em;
}
#home .entry p,
#main .entry p {
font-size: 1em;
line-height: 150%;
}
#home .entry li,
#main .entry li {
line-height: 150%;
}
#home .entry ul,
#main .entry ul {
list-style-position: inside;
padding: 0px;
}
#home .entry ol,
#main .entry ol {
list-style-type: decimal;
list-style-position: inside;
padding: 0px;
}
#home .entry dl,
#main .entry dl { 
width: 100%;
}
#home .entry dt,
#main .entry dt {
font-size: 0.9em;
color: #000000;
padding: 2px 0px 1px 0px;
border-top: 1px dotted #cccccc;
font-weight: bold;
}
#home .entry dd,
#main .entry dd {
margin-left: 0px;
padding: 1px 0px 2px 0px;
}
#home .entry table,
#main .entry table {
font-size: 90%;
line-height: 150%;
border: 1px dotted #999999;
border-width: 0px 0 0 0;
}
#home .entry caption,
#main .entry caption {
font-weight: bold;
}	
#home .entry th,
#main .entry th {
background: #f6f6f6;
padding: 0px;
border: 1px solid #999999;
border-width: 0;
padding-left: 7px;
padding-right: 7px;
font-weight: bold;
}
#home .entry td,
#main .entry td {
padding: 1px;
border: 1px dotted #999999;
border-width: 0 0 1px 0;
padding-left: 0px;
padding-right: 0px;
}
#home .entry ul,
#main .entry ul {
margin-left: 0;
padding-left: 0;
}
#home .entry ul ul,
#main .entry ul ul {
padding-left: 10px;
}
#home .entry li,
#main .entry li {
margin-left: 0;
padding-left: 0;
list-style: circle inside;
}

/*
entry-footer
*/
.entry-footer {
border-top: 1px dotted #cccccc;
font-size: 0.8em;
margin: 0px 0px 20px 0px;
padding: 3px 0px 20px 0px;
}
.entry-footer p {
margin: 0px;
padding: 0px;
}
/*
trackbacks
*/
#main .trackback {
width: 400px;
margin: auto;
padding: 0px 0px 0px 0px;
clear: both;
text-align: left;
}
#main .trackback h4 {
font-size: 0.9em;
margin: 30px 0px 5px 0px;
padding: 2px 0px 1px 5px;
background: #78a0b3;
color: #ffffff;
}
#main .trackback p.link {
font-size: 0.8em;
margin: 0px 0px 15px 0px;
}
#main .trackback dl.body {
margin: 0px;
padding: 10px 0px 30px 0px;
line-height: 1.3em;
font-size: 90%;
}
#main .trackback dl.body dt {
margin:  0px;
padding: 0px;
text-align: right;
padding-bottom: 3px;
border-bottom: 1px dotted #999999;
font-size: 0.9em;
}
#main .trackback dl.body dd {
margin:  3px 0px 10px 0px;
padding: 0px;
text-align: left;
}
/*-------------
returen to page top
------------------------------*/
.returntop {
clear: both;
text-align: right;
font-size: 0.8em;
margin: 20px 0px 0px 0px;
}
.returntop p {
padding: 0px 0px 0px 0px;
}
/*-------------
footer
------------------------------*/
#footer {
width: 100%;
margin: 20px auto 0px auto;
padding: 0px;
clear: both;
text-align: left;
}
#footer p {
font-size: 0.9em;
}
#footer address {
font-size: 0.9em;
font-style: normal;
line-height: 135%;
border-top: 1px solid #cccccc;
padding: 10px 0px 10px 0px;
}
/*-----------------------------
.column-mainsite-basic 
------------------------------*/
/*-------------
wrapper
------------------------------*/
.column-mainsite-basic #wrapper {
}
/*-------------
content
------------------------------*/
.column-mainsite-basic #content {
margin: 0px;
padding: 10px 20px 10px 20px;
}
/*-------------
sidebar
------------------------------*/
.column-mainsite-basic #sidebar-left {
clear: left;
width: 150px;
float: left;
padding: 0px;
margin: 0px;
}
/*.column-mainsite-basic #sidebar-left h2 {
background: #a39170;
font-size: 10px;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px 0px 0px 0px;
}*/
.column-mainsite-basic #sidebar-left p {
margin-top: 0px;
padding: 0px;
font-size: 0.8em;
}
/*
sidebar内のNAVIGATION
（メイン）
*/
.nav-sidebar1 a {
padding: 0px;
width: 100%;
}
.nav-sidebar1 ul {
margin: 0px 0px 15px 0px;
width: 150px;
padding: 0px;
clear: both;
text-align: left;
border-top: 1px solid #cccccc;
}
.nav-sidebar1 ul a {
width: 100%;
}
.nav-sidebar1 ul a:visited {
text-decoration: none;
color: #78a0b3;
}
.nav-sidebar1 ul a:link {
text-decoration: none;
color: #78a0b3;
}
.nav-sidebar1 ul a:hover {
text-decoration: none;
color: #d7672f;
}
.nav-sidebar1 li {
width: 134px;
border-bottom: 1px solid #cccccc;
margin: 0px;
padding: 2px 0px 2px 16px;
color: #999999;
left: 0px;
right: 0px;
list-style: none;
background: url(../../img/nav_list_shamrock.gif) no-repeat left;
font-size: 13px;
}
/*
sidebar内のNAVIGATION
（カテゴリー，月別）
*/
.archive-list {
margin: 6px 0 3px 0;
padding: 1px;
border: 1px solid #cccccc;
color: #333333;
font-size: 0.8em;
text-align: center;
}
.nav-default {
margin: 0 0 20px 0;
background: none;
color: #444444;
font-size: 0.8em;
_font-size: 0.8em
line-height: 150%;
}
.nav-default p {
margin: 0;
}
.nav-default ul {
margin: 0;
padding: 0;
}
.nav-default ul ul {
padding-left: 10px;
}
.nav-default li {
margin: 0;
padding: 0;
list-style: circle inside;
}
/*
sidebar内のNAVIGATION
（サブ）
*/
.nav-sidebar2 a {
padding: 0px;
width: 100%;
}
.nav-sidebar2 ul {
margin: 15px 0px 0px 0px;
width: 150px;
padding: 0px;
clear: both;
text-align: left;
}
.nav-sidebar2 ul a {
width: 100%;
}
.nav-sidebar2 ul a:visited {
text-decoration: none;
color: #78a0b3;
}
.nav-sidebar2 ul a:link {
text-decoration: none;
color: #78a0b3;
}
.nav-sidebar2 ul a:hover {
text-decoration: none;
color: #d7672f;
}
.nav-sidebar2 li {
list-style-type: none;
width: 150px;
margin: 0px;
color: #999999;
left: 0px;
right: 0px;
font-size: 0.9em;
}
/*
sidebar内のNAVIGATION
（フィード）
*/
.nav-feed a {
padding: 0px;
width: 100%;
}
.nav-feed ul {
margin: 0px 0px 15px 0px;
padding: 0px;
clear: both;
text-align: left;
}
.nav-feed ul a {
width: 100%;
}
.nav-feed ul a:visited {
text-decoration: none;
color: #78a0b3;
}
.nav-feed ul a:link {
text-decoration: none;
color: #78a0b3;
}
.nav-feed ul a:hover {
text-decoration: none;
color: #d7672f;
}
.nav-feed li {
list-style-type: none;
background: url(../../img/feed-icon-15x15.gif) no-repeat left;
margin: 0px;
padding: 0px 0px 0px 17px;
color: #999999;
left: 0px;
right: 0px;
font-size: 0.9em;
}
/*-------------
recent entries & trackbacks
------------------------------*/
.column-mainsite-basic #sidebar-right {
float: right;
}
/*-------------
main
------------------------------*/
.column-mainsite-basic #home {
width: 400px;
padding: 0px 10px 0px 0px;
margin: 0px 150px 0px 180px;
}
/*-------------
main
------------------------------*/
.column-mainsite-basic #main {
width: 400px;
padding: 0px 10px 0px 0px;
margin: 0px 150px 0px 180px;
}
/*-------------
display
-----------------------------*/
/*hidden*/
.hide {
display: none;
}