@charset "utf-8";

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

site : 黒澤有美　yumi kurosawa
file : /common/css/wp.css

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

/*------------------------------------------------------------
ul#gnavi
------------------------------------------------------------*/
#header ul#gnavi{
position:absolute;
top:24px;
left:346px;
width:588px;
height:20px;
}

#header ul#gnavi li{
height:20px;
text-indent:-9999px;
}

#header ul#gnavi li a{
display:block;
overflow:hidden;
position:absolute;
top:0;
height:20px;
background:url(../images/btn_gnavi.gif) no-repeat;
}
#header ul#gnavi li.top a{
left:0;
width:30px;
background-position:0 0;
}
#header ul#gnavi li.biography a{
left:72px;
width:82px;
background-position:-72px 0;
}
#header ul#gnavi li.discography a{
left:199px;
width:100px;
background-position:-199px 0;
}
#header ul#gnavi li.info a{
left:338px;
width:68px;
background-position:-338px 0;
}
#header ul#gnavi li.blog a{
left:445px;
width:37px;
background-position:-445px 0;
}
#header ul#gnavi li.contact a{
left:522px;
width:66px;
background-position:-522px 0;
}

#header ul#gnavi li.top a:hover{
background-position:0 -20px;
}
#header ul#gnavi li.biography a:hover,
body.biography #header ul#gnavi li.biography a{
background-position:-72px -20px;
}
#header ul#gnavi li.discography a:hover,
body.discography #header ul#gnavi li.discography a{
background-position:-199px -20px;
}
#header ul#gnavi li.info a:hover,
body.info #header ul#gnavi li.info a{
background-position:-338px -20px;
}
#header ul#gnavi li.blog a:hover,
body.blog #header ul#gnavi li.blog a{
background-position:-445px -20px;
}
#header ul#gnavi li.contact a:hover,
body.contact #header ul#gnavi li.contact a{
background-position:-522px -20px;
}

/*============================================================
body.wp
============================================================*/
body.wp{}

/*
div#content
============================================================*/
body.info #content{
background:#f77311 url(../../info/images/bg_content.gif) no-repeat 0 0;
}

body.blog #content{
background:#f77311 url(../../blog/images/bg_content.gif) no-repeat 0 0;
}

body.topics #content{
background:#f77311 url(../../wp/images/bg_content.jpg) no-repeat 0 0;
}

/*
div#main
============================================================*/
body.wp #main{
width:628px;
margin:0 30px 0 0;
float:right;
}
* html body.wp #main{
margin:0 15px 0 0;
}

/*
div.columnBox
------------------------------------------------------------*/
body.wp #main .columnBox{
margin:66px 0 0 0;
padding:0 0 3px 0;
background:#efefef;
}

/*
div.post
------------------------------------------------------------*/
body.wp #main .post{
width:620px;
margin:3px 0 0 4px;
padding:10px 0 10px 0;
background:#fff;
}

body.wp #main p a.more-link{
display:none;
}

/*
ul.meta
------------------------------------------------------------*/
body.wp #main ul.meta{
height:15px;
margin:0 0 0 20px;
}

body.wp #main ul.meta li{
display:inline;
font-weight:bold;
margin:0 5px 0 0;
}

body.blog #main ul.meta li.date{
padding:0 0 0 8px;
background: url(../images/arrow01.gif) no-repeat 0 2px;
}
body.wp #main ul.meta li.category{
padding:0 0 0 12px;
background: url(../images/line01.gif) no-repeat 0 2px;
}
body.single #main ul.meta li.date{
font-weight:normal;
}
/*
div.textBody
------------------------------------------------------------*/
body.wp #main .textBody{
padding:5px 20px 5px 20px;
}

body.wp #main .textBody h3{
font-size:93%;
font-weight:normal;
margin:15px 0 0 0;
line-height:1.65em;
}

body.wp #main .textBody p{
margin:20px 0 0 0;
}

body.info #main .textBody h3{
margin:10px 0 0 0;
}

body.info #main .textBody p{
margin:0 0 0 0;
}


body.wp #main .textBody p a:focus{outline:none;}
body.wp #main .textBody p a:link{color:#000;text-decoration:underline;}
body.wp #main .textBody p a:visited{color:#000;text-decoration:underline;}
body.wp #main .textBody p a:hover{color:#000;text-decoration:none;}
body.wp #main .textBody p a:active{color:#000;text-decoration:none;}

/*
div.pageNavi
------------------------------------------------------------*/
body.wp #main .pageNavi{
position:relative;
width:628px;
height:22px;
background:#efefef;
}

body.wp #main .pageNavi ul{
position:absolute;
top:3px;
right:10px;
}

body.wp #main .pageNavi li{
float:left;
}
body.wp #main .pageNavi li a{
display:block;
overflow:hidden;
width:40px;
height:19px;
margin:0 0 0 30px;
text-indent:-9999px;
}
body.wp #main .pageNavi li.back a{
background:url(../images/btn_back.gif) no-repeat 0 0;
}

body.wp #main .pageNavi li.next a{
background:url(../images/btn_next.gif) no-repeat 0 0;
}

body.wp #main .pageNavi p.top{
position:absolute;
top:3px;
left:10px;
}


/*
div#side
============================================================*/
body.wp #side{
width:170px;
margin:0 0 0 60px;
padding:343px 0 0 0;
float:left;
}
* html body.wp #side{
margin:0 0 0 30px;
}

body.wp #side h3.ttl{
padding:15px 0 0 0;
}

body.wp #side ul{
}

body.wp #side li{
color:#fff;
font-size:93%;
margin:8px 0 0 0;
line-height:1.3em;
}
body.wp #side li a{
color:#fff;
}

* html body.wp #side li{
height:1%;
}
*:first-child+html body.wp #side li{
height:1%;
}


/*
ul.meta
------------------------------------------------------------*/
body.wp #side ul.meta{
margin:22px 0 0 0;
}

body.wp #side ul.meta li{
font-weight:bold;
}
body.wp #side ul.meta li.login{
font-weight:normal;
margin:25px 0 0 0;
}


/*============================================================
body.single
============================================================*/
body.single #main ul.meta li.date{
padding:0 0 0 0;
background:none;
}

/*
div.single
------------------------------------------------------------*/
body.wp #main .columnBox{
padding:0 0 4px 0;
}

/*
div.post
------------------------------------------------------------*/
body.single #main .post{
}

/*
div.textBody
------------------------------------------------------------*/
body.single #main .textBody h3{
font-weight:bold;
margin:15px 0 0 0;
}

body.single #main .textBody p{
margin:20px 0 0 0;
}
body.single #main .textBody p a{
text-decoration:underline;
}

body.single #main .textBody ul{
margin:20px 0 0 0;
}
body.single #main .textBody li{
line-height:1.6em;
}

body.single #main .textBody img{
display:block;
margin:20px auto 0 auto;
}

/*============================================================
body.topics
============================================================*/
body.topics{}
/*
div#main
============================================================*/
body.topics #main h3.ttl{
height:18px;
font-weight:normal;
text-align:right;
margin:45px 0 0 0;
}
body.topics #main h3.ttl a{
color:#fff;
height:18px;
font-size:18px;
text-decoration:none;
}

/*
div.columnBox
------------------------------------------------------------*/
body.topics #main .columnBox{
margin:17px 0 0 0;
padding:1px 0 4px 0;
}
/*
div.post
------------------------------------------------------------*/
body.topics #main .post{
margin:3px 0 0 4px;
}

/*
div.textBody
------------------------------------------------------------*/
body.topics #main .post .textBody h3 a{
text-decoration:underline;
}
body.topics #main .post .textBody h3 a:hover{
text-decoration:none;
}

/*
div#side
============================================================*/
body.topics #side{
padding:413px 0 0 0;
}

body.topics #side h3.ttl{
padding:25px 0 0 0;
}