/*************************************
基本設定
*************************************/

html {
scrollbar-face-color:		#F6F4F2;
scrollbar-highlight-color:	#FFFFFF;
scrollbar-shadow-color: 	#D6D6D6;
scrollbar-3dlight-color: 	#F6F4F2;
scrollbar-arrow-color:		#242424;
scrollbar-track-color:		#FFFFFF;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-base-color:		#FFFFFF;
}

body {
margin: 0px;
padding: 0px;
font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
text-align: center;
color: #707070;
letter-spacing: 1px;
background-color: #FBFBF8;
}

a, a:link, a:active, a:visited {
color: #9DD8DA;
text-decoration: none;
}

a:hover {
color: #9DD8DA;
text-decoration: underline;
}

h1, h2, h3, h4, p, span {
margin: 0px;
padding: 0px;
font-size: x-small!important;
font-size: xx-small;
line-height: 160%;
}

ul, li {
margin: 0px;
padding: 0px;
list-style: none;
}

hr,
.nodisp {
display: none;
}




/*************************************
レイアウト
*************************************/
/*レイアウト（各ページ共通）*/

#container {
margin: 0px auto;
display: block;
width: 712px;
text-align: left;
}

/*ヘッダー（各ページ共通）*/
#header {
display: block;
height: 100px;
width: 712px;
position: relative;
}
#header a {
text-decoration: none;
text-indent: -9999px;
}

#logo {
position: absolute;
z-index: 9999;
/*left: -32px;
bottom: -39px;*/
top: 53px;
margin-left: -32px;
width: 189px;
height: 83px;
background-image: url(../../common/img/logo.png)!important;
background-image: url(../../common/img/logo.gif);
text-decoration: none;
text-indent: -9999px;
}

#bg_ink {
position: absolute;
left: -82px;
width: 617px;
height: 335px;
background-image: url(../../common/img/bg_ink.jpg);
}

#hnavi li {
display: block;
position: absolute;
top: 65px;
}

#hnavi li.top {
left: 396px;
}
#hnavi li.top a {
display: block;
width: 40px;
height: 25px;
background: transparent url(../../common/img/btn_top.gif) no-repeat top left;
}
#hnavi li.top a:hover {
background: transparent url(../../common/img/btn_top_r.gif) no-repeat top left;
}

#hnavi li.bio {
left: 436px;
}
#hnavi li.bio a {
display: block;
width: 84px;
height: 25px;
background: transparent url(../../common/img/btn_bio.gif) no-repeat top left;
}
#hnavi li.bio a:hover {
background: transparent url(../../common/img/btn_bio_r.gif) no-repeat top left;
}

#hnavi li.disco {
left: 520px;
}
#hnavi li.disco a {
display: block;
width: 98px;
height: 25px;
background: transparent url(../../common/img/btn_disco.gif) no-repeat top left;
}
#hnavi li.disco a:hover {
background: transparent url(../../common/img/btn_disco_r.gif) no-repeat top left;
}

#hnavi li.blog {
left: 618px;
}
#hnavi li.blog a {
display: block;
width: 50px;
height: 25px;
background: transparent url(../../common/img/btn_blog.gif) no-repeat top left;
}
#hnavi li.blog a:hover {
background: transparent url(../../common/img/btn_blog_r.gif) no-repeat top left;
}

#hnavi li.links {
left: 668px;
}
#hnavi li.links a {
display: block;
width: 44px;
height: 25px;
background: transparent url(../../common/img/btn_links.gif) no-repeat top left;
}
#hnavi li.links a:hover {
background: transparent url(../../common/img/btn_links_r.gif) no-repeat top left;
}


/*コンテンツブロック*/

#contents {
display: block;
height: 30px;
width: 712px;
position: relative;
z-index: 5;
}

#title {
width: 50px;
height: 15px;
position: absolute;
top: 45px;
left: 45px;
text-decoration: none;
text-indent: -9999px;
background: url(../img/title.gif) no-repeat;
}

/*2カラムの場合*/

#box_left {
float: left;
width: 464px;
position: relative;
padding-top: 100px;
background-color: #FFFFFF;
border:#E4EFF0 solid 3px;
background-image: url(../img/bg.jpg) ;
background-repeat: no-repeat;
background-position: 0 5px;
}


#box_right{
float: right;
display: block;
width: 224px;
position: relative;
background-color:#FFFFFF;
border:#E4EFF0 solid 3px;

}


/*エントリー*/

#entry_container {
width: 392px;
margin: 0 33px 0 33px;
}

.entry {
margin-bottom: 40px;
clear: both;
}

.entry img {
border: #F2F2F2 solid 1px;
margin-bottom: 20px;
padding: 4px 4px 4px 4px;
background-color: #FFFFFF;
line-height: 100%;
}

.entry_title {
font-size: small!important;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
border-left: #E4EFF0 solid 4px;
}

.body_text {
margin-top: 20px;
margin-bottom: 20px;
}

.entry_footer {
width: 392px;
border-top: #CCCCCC dotted 1px;
padding-top: 10px;
}

.comment_trackback {
float: left;
}

.date {
float:right;
}

.content-nav {
margin-bottom: 20px;
}

/*コンテンツブロック*/
.comment {
margin-top: 15px;
}

/*コメント投稿*/

.comments-open 
{ 
display: block; 
position: relative;

}

.comments-open .title {
font-size: small!important;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
border-left: #E4EFF0 solid 4px;
}

#comment-author, #comment-email, #comment-url
{
width: 250px;
height:16px;
border: solid #CCCCCC 1px;
display:block;
font-size: x-small;
color: #8B8B8B;
padding: 5px;
}

#comment-text
{
width: 250px;
border: solid #CCCCCC 1px;
display:block;
font-size: x-small;
color: #8B8B8B;
padding: 5px;
}

#comments-open #name {
text-decoration: none;
text-indent: -9999px;
width:330px;
height:30px;
padding-left:80px;
margin-bottom: 5px;
background: transparent url(../img/comment_name.gif) no-repeat top left;
}

#comments-open #e-mail {
text-decoration: none;
text-indent: -9999px;
width:330px;
height:30px;
padding-left:80px;
margin-bottom: 5px;
background: transparent url(../img/comment_mail.gif) no-repeat top left;
}

#comments-open #url {
text-decoration: none;
text-indent: -9999px;
width:330px;
height:30px;
padding-left:80px;
margin-bottom: 5px;
background: transparent url(../img/comment_url.gif) no-repeat top left;
}

#comments-open #message {
text-decoration: none;
text-indent: -9999px;
width:330px;
padding-left:80px;
margin-bottom: 5px;
background: transparent url(../img/comment_message.gif) no-repeat top left;
}


#comments-open-footer {
padding-left: 80px;
margin-bottom: 30px;
}


#comment-bake-cookie
{
margin-left: 0;
vertical-align: middle;
}

#comment-post
{
font-weight: normal;
}

/*カテゴリー*/

#category_container {
width: 212px;
margin: 6px;
}

.category {
margin-bottom: 10px;
}

#category_title_column {
width: 212px;
height: 80px;
position: relative;
text-decoration: none;
text-indent: -9999px;
background-image: url(../img/category_title_column.gif);
margin-bottom: 10px;
}

#category_title_archive {
width: 212px;
height: 19px;
position: relative;
text-decoration: none;
text-indent: -9999px;
background-image: url(../img/category_title_archive.gif);
margin-bottom: 10px;
}

select,option{
width: 212px;
}

#category_title_music {
width: 212px;
height: 19px;
position: relative;
text-decoration: none;
text-indent: -9999px;
background-image: url(../img/category_title_music.gif);
margin-bottom: 10px;
}

#category_title_goods {
width: 212px;
height: 19px;
position: relative;
text-decoration: none;
text-indent: -9999px;
background-image: url(../img/category_title_goods.gif);
margin-bottom: 10px;
}

.category_list {
width: 192px;
margin-left: 10px;
font-size: x-small;
line-height: 180%;
list-style: none;
}

#rss a{
display: block;
width: 15px;
height: 15px;
text-indent: -9999px;
text-decoration: none;
background-image: url(../img/rss.gif);
background-repeat: no-repeat;
position: absolute;
left: 200px;
top:8px;
}

/*フッター*/
#footer {
display: block;
position: relative;
width: 712px;
height: 40px;
clear: both;

}

#copyright {
display: block;
width: 265px;
height: 20px;
position: absolute;
top: 10px;
text-decoration: none;
text-indent: -9999px;
background: transparent url(../../common/img/copyright.gif) no-repeat top left;
}

#mail {
position:absolute;
top: 10px;
left: 265px;
text-decoration: none;
text-indent: -9999px;
}
#mail a {
display: block;
width: 130px;
height: 20px;
background: transparent url(../../common/img/btn_mail.gif) no-repeat top left;
}
#mail a:hover {
background: transparent url(../../common/img/btn_mail_r.gif) no-repeat top left;
}