@import url("http://izunoumi.jp/blog/css/reset.css");

body {
    line-height: 130%;
    color: #ffffff;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
    font-size: 12px;
    text-align: center;
    background: url("http://izunoumi.jp/shared/images/bg.gif") repeat;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
}

ul, ol, li {
    list-style-image: none;
    list-style-position: outside;
}

blockquote {
    margin: 10px 20px;
    font-style: italic;
}

.right {
    text-align: right;
}

#container {
    margin: 0 auto;
    padding: 0 0 20px;
    width: 980px;
    text-align: justify;
    background: #000000 url(http://izunoumi.jp/shared/images/bg_left.jpg) no-repeat left bottom;
}

#head {
}

#body {
    height: 100%;
}

#main {
    float: right;
    width: 740px;
    margin-right: 20px;
}

/* title

#header h1 a {
    overflow: hidden;
    text-indent: -9999px;
    width: 740px;
    height: 240px;
    display: block;
   background: url("http://izunoumi.jp/blog/images/header_winter.jpg") no-repeat;
 
}

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


/* title------------------------------------------*/
#header {
    height: 230px;
    margin-bottom: 20px;
}

.tit_blog a {
    overflow: hidden;
    text-indent: -9999px;
    width: 740px;
    height: 240px;
    display: block;
   background: url("http://izunoumi.jp/blog/images/header_winter.jpg") no-repeat;
}
.tit_news a {
    overflow: hidden;
    text-indent: -9999px;
    width: 740px;
    height: 240px;
    display: block;
   background: url("http://izunoumi.jp/blog/images/header_winter2.jpg") no-repeat;
}

.tit_topics a {
    overflow: hidden;
    text-indent: -9999px;
    width: 740px;
    height: 240px;
    display: block;
   background: url("http://izunoumi.jp/blog/images/header_topics.jpg") no-repeat;
}

.tit_plan a {
    overflow: hidden;
    text-indent: -9999px;
    width: 740px;
    height: 240px;
    display: block;
   background: url("http://izunoumi.jp/blog/images/header_plan.jpg") no-repeat;
}

#header p {
    display: none;
}


/* article
------------------------------------------*/
.article {
    margin-bottom: 80px;
}

.article h2 {
    margin: 0 10px;
    font-size: 16px;
}

h2#blog_okami, h2#blog_news {
    text-indent: -9999px;
    width: 740px;
    height: 20px;
 background: url(http://izunoumi.jp/blog/images/indexh2.gif) no-repeat 5px 0;
    border-bottom: 1px solid #5B504B;
    margin: 0;
}

h2#blog_okami {
    background-position: 5px -20px;
}

h2#topics {
    background: url("http://izunoumi.jp/top/images/title.gif") no-repeat;
    height:16px;
    margin:0 0 7px;
    text-indent:-9999px;
}

.article .date {
    text-align: right;
    padding: 0 10px 5px;
    border-bottom: 1px solid #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.article .category {
    text-align: right;
    margin: 10px;
}

.article .text {
    clear: both;
    line-height: 2;
    margin: 0 10px;
width: 720px;
overflow: hidden;
}

.article li {
    list-style-type:  disc;
    margin: 10px;
    line-height: 2;
    list-style-position: inside;
}

.article ol li {
    list-style-type: decimal;
}

.article i {
    font-style: italic;
}

.article .text a {
text-decoration: underline;
}

.article .text a:hover {
text-decoration: none;
}

.article .more {
    clear: both;
    margin: 10px;
    text-align: right;
}

#pager {
    text-align: center;
    margin: 20px 0;
}

/* comments trackback
------------------------------------------*/

#comments h2, #trackback h2 {
    border-bottom: 1px solid #5B504B;
    font-size:16px;
    margin-bottom: 20px;
    padding:0 10px 15px;
}

.cm_box, .tb_box {
    border: 1px solid #5B504B;
    margin: 10px 80px 20px;
    padding: 10px;
}

.cm_body {
    margin-top: 10px;
    border-top: 1px dotted #5B504B;
    padding-top: 10px;
    line-height: 1.5;
}

#comments form {
    margin: 0 20px;
}

#comments input {
    margin-bottom: 10px;
}

#comments textarea {
    width: 500px;
    margin-bottom: 10px;
}

/* side
------------------------------------------*/

#side {
    margin: 0 0 0 20px;
    display: inline;
    float: left;
    width: 160px;
}

#logo img {
    margin: 28px 0 32px;
}

#navi {
    margin-bottom: 30px;
}

#navi ul {
    border-top: 1px solid #5B504B;
}

#navi li {
    border-bottom: 1px solid #5B504B;
}

#navi li a {
    display: block;
    width: 160px;
    height: 55px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#navi ul li a:hover {
    background-position: 0 -55px;
}

.n01 a {
    background-image: url(http://izunoumi.jp/shared/images/navi01.gif);
}

.n02 a {
    background-image: url(http://izunoumi.jp/shared/images/navi02.gif);
}

.n03 a {
    background-image: url(http://izunoumi.jp/shared/images/navi03.gif);
}

.n04 a {
    background-image: url(http://izunoumi.jp/shared/images/navi04.gif);
}

#navi p {
    margin: 28px 0 0;
    border-top: 1px solid #5B504B;
    border-bottom: 1px solid #5B504B;
}

#navi p a {
    display: block;
    height: 87px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(http://izunoumi.jp/shared/images/navi_rsv.gif) no-repeat;
}

#navi p a:hover {
    background-position: 0 -87px;
}

ul#bloglist {
    border-top: 1px solid #5B504B;
    border-bottom: 1px solid #5B504B;
    padding: 15px 0 10px;
    margin-bottom: 30px;
}

#bloglist li {
    margin: 5px 23px 5px 22px;
    height: 16px;
    text-indent: -9999px;
}


#bloglist li#blogmain a,#bloglist li#blog_okami a,#bloglist li#blog_news a {
    display: block;
    width: 115px;
    height: 16px;
    overflow: hidden;
 background: url(http://izunoumi.jp/blog/images/navi_blog.gif) no-repeat;
}
#bloglist li#blogmain a {
    background-position:0 0;
}

#bloglist li#blog_okami a {
    background-position: 0 -16px;
}

#bloglist li#blog_news a {
    background-position: 0 -32px;
}


#bloglist li#blogmain a:hover {
    background-position: -115px 0;
}

#bloglist li#blog_okami a:hover {
    background-position: -115px -16px;
}

#bloglist li#blog_news a:hover {
    background-position: -115px -32px;
}

/* plan */
#blog_plan a{
display: block;
width:60px;
height:16px;
overflow: hidden;
background: url(http://izunoumi.jp/blog/images/navi_blog02.gif) no-repeat 0 0;
}
#blog_plan a:hover{
background-position:0 -16px;
}

/* widget
------------------------------------------*/

.widget {
    width: 160px;
    margin-bottom: 20px;
}

.widget li {
    list-style-type:  disc;
    line-height: 1.1;
    margin-bottom: 5px;
    list-style-position: inside;
}

.widget li ul li {
    margin-left: 10px;
}

input#search {
    width: 110px;
}

.widget_title {
    height: 40px;
    margin-bottom: 10px;
    text-indent: -9999px;
background: url(http://izunoumi.jp/blog/images/widget.gif) no-repeat;
    border-top: 1px solid #5B504B;
    border-bottom: 1px solid #5B504B;
}

.widget_archive_category .widget_title {
    background-position: 0 0;
}

.widget_calendar .widget_title {
    background-position: 0 -40px;
}

.widget_tag-cloud .widget_title {
    background-position: 0 -80px;
}

.widget_recent_comments .widget_title {
    background-position: 0 -120px;
}

.widget_recent_entries .widget_title {
    background-position: 0 -160px;
}

.widget_archive-monthly .widget_title, .widget_archive-monthly-dropdown .widget_title {
    background-position: 0 -200px;
}

.widget_search .widget_title {
    background-position: 0 -240px;
}

.widget_syndication .widget_title {
    background-position: 0 -280px;
}

.widget_content {
}

/*calendar*/
#calendar {
    margin: 5px 0 10px;
    ;
    color: #CCCCCC;
}

.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
    text-align: center;
}

#calendar table {
    padding: 0;
    border-collapse: separate;
    border-spacing: 2px;
}

#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}

#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}

#calendar td a {
    background-color: #666666;
    display: block;
}

#calendar td a:hover {
    background: none;
    text-decoration: none;
}

.today {
    font-weight: bold;
}

/* footer
------------------------------------------*/

#footer {
    clear: both;
    padding: 0 20px 0 220px;

}

#foot01 {
    margin: 30px auto 0;
    width: 740px;
    height: 100%;
    color: #5B504B;
}

#foot01 a {
    color: #B7B0AC;
}

#foot01 span {
    display: block;
    float: left;
    width: 580px;
    margin-bottom: 3px;
}

.gotop a {
    display: block;
    float: right;
    width: 110px;
    height: 17px;
    text-indent: -9999px;
    margin-top: 3px;
    overflow: hidden;
    background: transparent url(http://izunoumi.jp/shared/images/gotop.gif) no-repeat;
}

.gotop a:hover {
    background-color: #23201E;
}

#foot02 {
    clear: both;
    margin: 0 auto;
    padding: 10px 0 0;
    border-top: 1px solid #5B504B;
    width: 740px;
    height: 100%;
    color: #968C87;
}

#foot02 address {
    font-style: normal;
    font-weight: bold;
    font-size: 0.75em;
    letter-spacing: 1px;
}

#foot02 a {
    color: #968C87;
}

.f_link02 {
    float: right;
    width: 300px;
    text-align: right;
}

/* search
------------------------------------------*/

h2#search_title {
    font-size: 16px;
    padding: 0 10px 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #5B504B;
}

.result {
padding0 10px 10px;
    border-bottom: 1px solid #5B504B;
    margin: 0 20px 20px;
}

.result h3 {
    font-size: 16px;
    margin-bottom: 5px;
}

.result .date {
    text-align: right;
}

.result p {
    margin-bottom: 10px;
}

.d_none{
display:none;
}