@charset "utf-8" ;

/*-------------------------
CSS Information
File name : style.css
-------------------------*/
/*
Theme Name: Furyuseikatsunews
Theme URI: http://www.furyuseikatsu.com/
Description: 風流生活新聞
Version: 1.0
Author: Ianda Inc.
Author URI:http://www.ianda.jp/
*/


/*reset
-------------------------*/

html {
    overflow-y : scroll ;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin : 0 ;
    padding : 0 ;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style : normal ;
}
table {
    border-collapse : collapse ;
    border-spacing : 0 ;
}
caption,th {
    text-align : left ;
}
q:before,q:after {
    content : '' ;
}
object,embed {
    vertical-align : top ;
}
hr,legend {
	display : none ;
}
h1,h2,h3,h4,h5,h6 {
    font-size : 100% ;
}
img,abbr,acronym,fieldset {
    border : 0 ;
}
li {
    list-style-type : none ;
}
img {
    vertical-align : bottom ;
}


/*body
-------------------------*/

body {
    font-size : 62.5% ;
    font-family : Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif ;
    color : #333 ;
    background : #EEE ;
}


/*page
-------------------------*/

#page {
    width : 800px ;
    margin : 0 auto ;
    padding : 0 ;
    text-align : left ;
    border-left : 1px solid #CCC ;
    border-right : 1px solid #CCC ;
    background : #FFF ;
}


/*header
-------------------------*/

#header {
    position : relative ;
    height : 314px ;
    width : 800px ;
}

#header .title {
    width : 800px :
    height : 40px ;
}

#header .furyuseikatsunews_logo {
    position : absolute ;
    top : 20px ;
    left : 20px ;
}

#header .furyuseikatsunews_description {
    position : absolute ;
    top : 20px ;
    left : 250px ;
}

#header .furyuseikatsu {
    position : absolute ;
    top : 70px ;
    left : 20px ;
}

#header .image  {
    position : absolute ;
    top : 70px ;
    left : 250px ;
}

#header .furyuseikatsu_logo {
    position : absolute ;
    top : 157px ;
    left : 620px ;
}


/*navigation
-------------------------*/

#navigation {
    width : 530px ;
    height : 20px ;
    margin : 0 20px ;
    padding-left : 20px ;
    border-bottom : 1px solid #293F68 ;
    border-left : 210px solid #293F68 ;
    font-size : 1.2em ;
    font-weight : bold ;
}

#navigation li {
    float : left ;
    line-height : 18px ;
    padding-right : 10px ;
    margin-right : 10px ;
    border-right : 1px solid #293F68 ;
}

#navigation a {
    display : block ;
    width : 90px ;
    height : 18px ;
    text-decoration : none ;
    color : #333 ;
}

#navigation a:hover {
    color : #D4D900 ;
}


/*content
-------------------------*/

#content {
    float : right ;
    width : 530px ;
    padding-left : 20px ;
}


/*pagetitle
-------------------------*/

.pagetitle {
    margin-top : 20px ;
}

.pagetitle h2 {
    font-size : 1.2em ;
}


/*post
-------------------------*/

#post_wrap {
}

.post {
}

.post h2 {
    font-size : 1.2em ;
    margin : 20px 0 ;
}


/*postmetadata
-------------------------*/

.postmetadata {
    clear: both;
    width : 530px ;
    padding-bottom : 30px ;
    font-size : 1.2em ;
    text-align : center ;
}


/*container
-------------------------*/

#container {
    padding : 0 20px ;
    overflow : hidden ;
}


/*sidebar
-------------------------*/

#sidebar_wrap {
    float : left ;
    padding-bottom : 15px ;
    background : #293F68 ;
    padding-bottom : 32768px ;
    margin-bottom : -32768px ;
}

#sidebar {
    margin : 0 0 20px 10px ;
    width: 200px ;
    font-size : 1.2em ;
}

#sidebar ul ul li {
    line-height : 20px ;
    margin-bottom : 5px ;
}

#sidebar h2.widgettitle {
    clear : both ;
    color : #FFF ;
    padding-bottom : 10px ;
}

#sidebar h3 {
    color : #fff ;
}

#sidebar li.widget_calendar h2.widgettitle {
    line-height : 20px ;
    background : 0 ;
    margin : 0 ;
}

#sidebar li.cat-item a {
    padding-left : 5px ;
    text-decoration : none ;
    border-left : 5px solid #FFF ;
    color : #FFF ;
}

#sidebar li.cat-item a:hover {
    border-left : 5px solid #D4D900 ;
    color : #D4D900 ;
}


/*about
-------------------------*/

#about {
    float : right ;
    width: 170px ;
    height : 200px ;
    margin : 20px 20px 0 0 ;
}

#about h3 {
    font-size : 1.2em ;
}

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

#sidebar #searchform #s {
    width : 108px ;
    padding : 0 2px ;
    border : 0 ;
}

#sidebar #searchform label {
    color : #FFF ;
}

#sidebar #searchsubmit {
}


/*archives_select
-------------------------*/

#sidebar ul select {
    width : 100px ;
}


/*calendar
-------------------------*/


#calendar_wrap {

}

#wp-calendar {
    width : 100% ;
    color : #FFF ;
}

#wp-calendar caption {    /*Year,Month*/
    line-height : 30px ;
    font-weight : bold ;
    text-align: center ;
}

#wp-calendar th {         /*Week*/
    line-height : 12px ;
    padding : 2px 0 ;
    text-align : center ;
}

#wp-calendar td {         /*Date*/
    line-height : 12px ;
    padding : 2px 0 ;
    text-align : center ;
}

#wp-calendar #prev a {    /*PrevMonth*/
    line-height : 20px ;
    text-align : left ;
}

#wp-calendar #next a {    /*NextMonth*/
    line-height : 20px ;
    text-align : right ;
}

#wp-calendar a {
    color : #333 ;
    text-decoration : none ;
}

#wp-calendar a:hover {
    color : #F8B625  ;
}

/*member
-------------------------*/

#member {
    width : 210px ;

}

#member .left {
    width : 105px ;
    float : left ;
}

#member .right {
    width : 105px ;
    float : right ;
}

#member .left a , #member .right a {
    display : block ;
    width : 65px ;
    height : 65px ;
    padding : 2px 20px ;
    margin-top : 5px ;
}

#member .left a:hover , #member .right a:hover {
}

#member h3 {
    line-height : 13px ;
    font-size : 0.8em ;
    color : #FFF ;
}

#member ul {
}

#member .left ul li , #member .right ul li {
    line-height : 13px ;
    font-size : 0.75em ;
    color : #FFF ;
}


/*news
-------------------------*/

#news_wrap {
    width : 560px ;
    padding-top : 30px ;
}

#news {
    width : 500px ;
    padding : 0 30px 30px 30px ;
    font-size : 1.2em ;
}

#news h3 {
    border-bottom : 1px dotted #333 ;
    margin-bottom : 10px ;
}

#news a {
    color : #333 ;
}

#news a:hover {
    color : #333 ;
    text-decoration : underline ;
}


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

#footer {
    clear : both ;
    width : 800px ;
    margin : 0 auto ;
    padding: 20px 0 ;
    font-size : 1.2em ;
}

#footer p.copy {
    text-align : center ;
    line-height : 20px ;
}

#footer li {
    float : left ;
    text-align : center ;
    line-height : 14px ;
}

#footer a {
    text-decoration : none ;
    color : #333 ;
}

#footer a:hover {
    text-decoration : none ;
    color : #D4D900 ;
}


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

.comments {
    width : 560px ;
    margin-top : 20px ;
}

.comments h3 {
    font-size : 1.2em ;
    line-height : 40px ;
    text-align : center ;
}

.commentlist {
    width : 560px ;
    padding-bottom : 30px ;
}

.comment-body {
    width : 500px ;
    padding : 20px 30px 0 30px ;
    line-height : 20px ;
    font-size : 1.2em ;
}

.comment-author , .comment-meta {
}

.comment-meta {
    margin-bottom : 10px ;
}

.comment-author img {
    width : 0 ;
    height : 0 ;
}

.nocomments {
    text-align: center;
    margin : 0 ;
    padding : 0 ;
}

.thread-alt {                   /*奇数行のコメント*/
}

.thread-even {                    /*偶数行のコメント*/
}

.depth-1 {
}

.even {                   /*奇数行のコメント*/
}

.alt {                    /*偶数行のコメント*/
}


/*respond
-------------------------*/

#respond {
}

#respond h3 {
    width : 560px ;
    font-size : 1.2em ;
    line-height : 40px ;
    text-align : center ;
}

#commentform {
    width : 560px ;
    padding-bottom : 10px ;
}

#commentform p {
    font-size : 1.2em ;
}

#respond p {
    font-size : 1.2em ;
}

#commentform .logged {
    width : 560px ;
    line-height : 20px ;
    text-align : center ;
}

#commentform textarea {
    font-family : Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif ;
    width : 500px ;
    padding : 10px ;
    margin : 0 20px ;
    border : 0 ;
}

#commentform #submit {
    width: 200px;
    line-height : 16px ;
    padding : 2px 10px ;
    margin : 10px 180px 0 180px ;
    font-weight : bold ;
}

#commentform #author , #commentform #email , #commentform #url {
    width: 200px;
    line-height : 16px ;
    padding : 2px 10px ;
    margin : 0 5px 5px 20px ;
    border : 0 ;
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.clear {
	clear: both;
        }


/*elements
-------------------------*/

#searchform {
    margin : 10px auto ;
    padding : 5px 3px ;
    text-align : center ;
    font-size : 1.2em ;
    font-weight : bold ;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align : center ;
}

h2.center {
    font-size : 1.2em ;
    line-height : 30px ;
    text-align : center ;
}


/*images
-------------------------*/

p img {
    padding: 5px 0 ;
    max-width: 100%;
}

img.centered {
    display : block ;
    margin : 0 auto;
}

img.alignright {
    margin-left: 5px;
    display: inline;
}

img.alignleft {
    margin-right: 5px;
    display: inline;
}


/*lists
-------------------------*/

.entry ol {
}

.entry ol li {
}


/*captions
-------------------------*/

.aligncenter , div.aligncenter {
    display : block ;
    margin : 0 auto ;
}

.wp-caption {
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
}


/*event
-------------------------*/

#event {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
    margin-bottom : 20px ;
}

#event a {
    text-decoration : none ;
    color : #293F68 ;
}

#event h3 {
    font-size : 1.2em ;
    color : #E60012 ;
    border-bottom : 1px solid #E60012 ;
    margin-bottom : 20px ;
}

#event .guide {
    color : #293F68 ;
    padding-bottom : 20px ;
}

#event .right {
    position : relative ;
    padding-left : 170px ;
    margin-bottom : 20px ;
}

#event .right img {
    position : absolute ;
    top : 30px ;
    left : 0px ;
}

#event .note {
    border-top : 1px solid #293F68 ;
}

#event .note h4 {
    margin : 20px 0 5px 0 ;
}

#event p.space {
    margin-top : 10px ;
}

#event .display {
    width : 530px ;
}


/*shop
-------------------------*/

#shop {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
}

#shop dl {
    width : 480px ;
    margin : 20px auto 0 auto ;
}

#shop dt {
    float : left ;
    width : 80px ;
    clear : both ;
    border-top : 1px solid #999 ;
    height : 30px ;
    line-height : 30px ;
}

#shop dd {   
    width : 400px ;
    margin-left : 80px;
    border-top : 1px solid #999 ;
    height : 30px ;
    line-height : 30px ;
}


/*contact
-------------------------*/

.contact {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
}

.contact dl {
    clear : both ;
    margin-bottom : 10px ;
}

.contact dt {
}

.contact dd {
    margin-bottom : 10px ;
}


/*link
-------------------------*/

.link {
    margin-top : 40px ;
}

.link li a {
    text-decoration : none ;
    color : #FFF ;
}

.link li a:hover {
    color : #D4D900 ;
}


/*topics
-------------------------*/

#topics {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
    margin-bottom : 40px ;
}

#topics a {
    text-decoration : none ;
    color : #293F68 ;
}

#topics h3 {
    font-size : 1.2em ;
    color : #E60012 ;
    border-bottom : 1px solid #E60012 ;
    margin-bottom : 20px ;
}

#topics p {
    color : #293F68 ;
}

#topics  h4.copy {
    font-size : 1.2em ;
    color : #293F68 ;
    margin : 20px 0 5px 0 ;
}

#topics  h5 {
    color : #293F68 ;
    margin : 5px 0 ;
}

#topics .caption {
    color : #293F68 ;
    width : 360px ;
    margin : 0 auto ;
}

#topics img.left {
    float : left ;
    margin-top : 10px ;
}

#topics img.right {
    float : right ;
    margin-top : 10px ;
}

#topics .box {
    margin-left : 60px ;
}

#topics li {
    color : #293F68 ;
}

#topics p.button {
    text-align : right ;
    margin-top : 10px ;
    padding-right : 16px ;
    background : url(/wp-content/themes/furyuseikatsunews/images/header/bullet_go.png) no-repeat right 0 ;
}

#topics p.button a {
    padding : 2px 10px ;
    background : #293F68 ;
    text-decoration : none ;
    font-weight : bold ;
    color : #FFF ;
}

#topics p.button a:hover {
    background : #4e6693 ;
}


/*book
-------------------------*/

#book {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
    margin-bottom : 20px ;
}

#book a {
    text-decoration : none ;
    color : #293F68 ;
}

#book h3 {
    line-height : 24px ;
    padding-left : 5px ;
    font-size : 14px ;
    color : #293F68 ;
    border-left : 5px solid #293F68 ;
}

#book h4 {
    padding-left : 5px ;
    font-size : 12px ;
    color : #293F68 ;
    border-left : 5px solid #293F68 ;
    margin-bottom : 10px ;
}

#book ul.enclose {
    padding : 10px ;
    border : 1px solid #999 ;
}

#book ul.enclose li {
    margin-left : 10px ;
}

#book img.left {
    float : left ;
}

#book img.right {
    float : right ;
}

#book .imgwrap_left {
    float : left ;
}

#book .imgwrap_right {
    float : right ;
}

#book .caption {    
    color : #333 ;
    margin-bottom : 10px ;
}

#book_sidebar a {
    padding-left : 5px ;
    text-decoration : none ;
    border-left : 5px solid #FFF ;
    color : #FFF ;
}

#book_sidebar a:hover {
    border-left : 5px solid #D4D900 ;
    color : #D4D900 ;
}


/*category
-------------------------*/

.category a {
    text-decoration : none ;
    color : #333 ;
}

.category a:hover {
}


/*login
-------------------------*/

#header .login {
    padding-right : 16px ;
    background : url(/wp-content/themes/furyuseikatsunews/images/header/bullet_go.png) no-repeat right 0 ;
    position : absolute ;
    top : 20px ;
    left : 730px ;
    font-size : 1.2em ;
    text-decoration : none ;
    color : #333 ;
}

/*pagetop
-------------------------*/

p.pagetop {
    clear : both ;
    line-height : 20px ;
    font-size : 1.1em ;
    text-align : center ;
}

p.pagetop a {
    display : inline-block ;
    margin-top : 20px ;
    text-decoration : none ;
    color : #333 ;
}

p.pagetop a:hover {
    color : #D4D900 ;
}


/*entry
-------------------------*/

.entryheader {
    width : 530px ;
    line-height : 20px ;
}

.entryheader a {
    text-decoration : none ;
    color : #293F68 ;
}

.entryheader a:hover {
    color : #293F68 ;
}

.entryheader h3 {
    line-height : 24px ;
    padding-left : 5px ;
    font-size : 14px ;
    color : #293F68 ;
    border-left : 5px solid #293F68 ;
    margin-top : 10px ;
}

.entryheader h4 {
    padding-left : 5px ;
    font-size : 12px ;
    color : #293F68 ;
    border-left : 5px solid #293F68 ;
}

.entry {
    width : 530px ;
    line-height : 20px ;
    font-size : 1.2em ;
    padding : 10px 0 ;
}

.entry a {
    text-decoration : none ;
    color : #293F68 ;
}


/*navigation
-------------------------*/

.navigation_top , .navigation_bottom {
    height : 20px ;
    line-height : 20px ;
    font-size : 1.2em ;
}

.navigation_top {
    margin-top : 10px ;
}

.navigation_bottom {
}

.alignleft {
    float : left ;
}

.alignright {
    float : right ;
}

.navigation_top a , .navigation_bottom a {
    text-decoration : none ;
    color : #333 ;
}