/*____________________________

  # SOKOSOKO.COM Basic CSS
  # Update 2007.02.22
  # By: yuta.ok@gmail.com

  ____________________________*/


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; list-style: none;}
img,fieldset { border: 0;}
.cl { display: block; height: 0; clear: both;}
.num { margin-left: 5px; font-size: x-small;}
/*body { font: small/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}*/
body { font: small/1.5 'Lucida Grande','Hiragino Kaku Gothic Pro',sans-serif;}
body { background: #1a1a12 url(../img/bg_all.gif) repeat-y right top;}
body#mini { background: #fff url(../img/bg_all.gif) repeat-y right top;}
a { text-decoration: none;}
/*a:link { color: #;}
a:visited { color: #;}
a:hover { color: #;}
a:active { color: #;}*/

.en { font-size: x-small;}

#container-upper { margin-right: 50px; background: #fff url(../img/bg_container_upper.gif) no-repeat right top;}
#container-middle { height: 80px; margin-right: 50px; background: #fff url(../img/bg_container_middle_base.gif) repeat-x left bottom;}
#container-middle p { height: 80px; background: url(../img/bg_container_middle_left.gif) no-repeat left bottom;}
#container-lower { margin-right: 50px; padding-bottom: 15px; background: #26261b url(../img/bg_container_lower.gif) no-repeat left top;}

#header { float: right; width: 100px; height: 500px; margin-right: -50px!important; margin-right: -25px; background: url(../img/header_base.gif) no-repeat;}
#header h1 { width: 50px; padding-top: 15px;}
#header h1 a { display: block; width: 35px; margin: 0 0 0 5px; background: url(../img/title_sokosoko_on.gif) no-repeat;}
#header ul { padding-left: 55px; margin-top: -185px;}
#header ul li { display: inline;}
#header ul li a { display: block; width: 40px; margin-bottom: 5px;}
#header ul li#menu-about a { background: url(../img/menu_about_on.gif) no-repeat;}
#header ul li#menu-portfolio a { background: url(../img/menu_portfolio_on.gif) no-repeat;}
#header ul li#menu-bloglist a { background: url(../img/menu_bloglist_on.gif) no-repeat;}

body#mini #header ul li { display: none;}

#content { width: 700px; padding-bottom:1px; background: url(../img/main.jpg) no-repeat left top;}
#content:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#content a:link { color: #660;}
#content a:visited { color: #660;}
#content a:hover { color: #ccc;}
#content a:active { color: #ccc;}
#content-main { float: right; width: 400px; padding-top: 70px;}
#content-sub { float: left; width: 220px; padding-top: 450px;}


#navi li { position: absolute; left: 275px; width: 400px; font-size: x-small;}
#navi li a { padding-left: 10px; background-repeat: no-repeat; background-position: left center; line-height: 1.2;}
#navi li#navi-newer { top: 30px;}
#navi li#navi-older { top: 45px;}
#navi li#navi-newer a { background-image: url(../img/icon_navi_newer.gif);}
#navi li#navi-older a { background-image: url(../img/icon_navi_older.gif);}

#content-main h2 { position: absolute; left: 275px; top: 90px; width: 400px; color: #999; font-size: x-small;}
#content-main dl.entry { width: 400px; padding-top: 60px; padding-bottom: 10px; background: url(../img/dot_line_upper.gif) no-repeat left bottom;}
#content-main dl.entry dt strong { display: block; padding-bottom: 50px; font-size: medium;}
#archive-category dl.entry dt strong,#archive-datebased dl.entry dt strong,#search dl.entry dt strong { padding-bottom: 10px;}
#content-main dd.entry-body p { padding-bottom: 20px; color: #333;}
#content-main dd.entry-body pre { padding: 0 0 20px 20px; color: #333; line-height: 1.2; font-family: "Courier New", Courier, mono;}
#content-main dd.entry-body a { word-break: break-all;}
#content-main dd.entry-body blockquote { padding: 0 0 20px 40px; color: #999; background: url(../img/icon_quote_upper.gif) no-repeat 0 .6em;}
#content-main dd.entry-date { padding-bottom: 5px; color: #999; font-size: x-small;}
#content-main dd.entry-tag { padding-top: 5px; font-size: x-small; line-height: 1.2;}
#content-main dd.entry-tag ul { padding-left: 13px; background: url(../img/icon_tag_upper.gif) no-repeat left center;}
#content-main dd.entry-tag li { display: inline}
#content-main dd.entry-tag li a { margin-right: 5px;}
#content-main dd.entry-footer { padding-top: 5px; line-height: 1.2;}
#content-main dd.entry-footer ul {}
#content-main dd.entry-footer li { display: inline; margin-right: 10px;}
#content-main dd.entry-footer li a { padding-left: 13px; background-repeat: no-repeat; background-position: left center;}
#content-main dd.entry-footer li.entry-footer-comment a { background-image: url(../img/icon_comment_upper.gif);}
#content-main dd.entry-footer li.entry-footer-trackback a { background-image: url(../img/icon_trackback_upper.gif);}
#content-main dd.entry-footer li.entry-footer-category a { background-image: url(../img/icon_emotion_upper.gif);}

.amazlet-box { width: 400px; padding-bottom: 20px;}
.amazlet-info { width: 225px;}

#comment { width: 400px;}
#comment h3 { padding: 60px 0 50px; font-size: medium;}
#comment h4 { padding: 20px 0; font-size: medium;}
#comment-list { padding-bottom: 20px;}
#comment-list dl { padding: 0 0 10px 10px; line-height: 1.3;}
#comment-list dt { padding-left: 10px; background: url(../img/icon_comment_upper.gif) no-repeat left center; color: #999; font-size: x-small;}
#comment-list dt strong { color: #666;}
#comment-list dd { padding: 5px 0 0 10px;}
#comment form { padding-bottom: 20px; background: url(../img/dot_line_upper.gif) no-repeat left bottom;}
#comment form p { color: #666; font-size: x-small;}
#comment form p a { font-weight: bold;}
#comment form label { color: #666; font-size: x-small;}
#comment-author, #comment-email, #comment-url { width: 200px;}
#comment-memory { width: 130px; height: 100px; margin: -100px 0 0 230px; background: url(../img/memory_icon.gif) no-repeat 0 0;}
#comment-memory label { display: block; padding: 35px 0 40px 25px;}
#comment-bake-cookie { vertical-align: middle;}
#comment-text { width: 395px; height: 200px;}
#comment-preview, #comment-post { width: 150px; margin-top: 10px;}
#comment-preview { margin-right: 95px;}

#comment-previewed { padding-bottom: 20px;}
#comment-previewed dl { padding: 0 0 10px 10px; line-height: 1.3;}
#comment-previewed dt { padding-left: 10px; background: url(../img/icon_comment_upper.gif) no-repeat left center; color: #999; font-size: x-small;}
#comment-previewed dt strong { color: #666;}
#comment-previewed dd { padding: 5px 0 0 10px;}

#comment-error h3 { padding: 60px 0 50px; font-size: medium;}
#comment-error p { padding-bottom: 20px;}
#comment-error blockquote { padding: 0 20px 20px; color: #900;}

#trackback { width: 400px; padding-bottom: 10px; background: url(../img/dot_line_upper.gif) no-repeat left bottom;}
#trackback h4 { padding: 20px 0; font-size: medium;}
#trackback p { padding-bottom: 20px;}
#trackback p input { width: 395px;}
#trackback-list dl { padding: 0 0 10px 10px; line-height: 1.3;}
#trackback-list dt { padding-left: 10px; background: url(../img/icon_trackback_upper.gif) no-repeat left center; color: #999; font-size: x-small;}
#trackback-list dt strong { color: #666;}
#trackback-list dd { padding: 5px 0 0 10px;}


#feed { color: #ccc; padding-bottom: 20px;}
#feed dt { height: 80px; margin-bottom: -80px;}
#feed dd { padding-left: 80px; line-height: 1.3;}

#content-sub p#diggity {};
#content-sub ul.ads {}
#content-sub ul.ads li { width: 220px; padding-bottom: 10px; line-height: 1; text-align: center;}

#pageup { height: 100px; margin: 0 0 -100px 700px; padding-right: 10px; position: relative; left: 0; top: 0; text-align: right; background: url(../img/menu_pageup_on.gif) no-repeat -9999px 0;}

#list { width: 700px; color: #aaa; line-height: 1.2;}
#list:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#list a:link { color: #fff;}
#list a:visited { color: #fff;}
#list a:hover { color: #997;}
#list a:active { color: #997;}
#list-main { float: right; width: 400px;}
#list-sub { float: right; width: 270px;}

#list dl { padding-bottom: 15px;}
#list dl dt { padding-bottom: 10px; color: #cc0; font-weight: bold;}
#list dl dd { padding-bottom: 5px;}
#list dl dd a { padding-left: 13px; background-repeat: no-repeat; background-position: left center;}
#list-entries dd a { background-image: url(../img/icon_entry_lower.gif);}
#list-categories dd a { background-image: url(../img/icon_emotion_lower.gif);}

#list-archives { padding-top: 15px; background: url(../img/dot_line_lower.gif) no-repeat 0 5px;}
#list-archives strong { display: block; padding-bottom: 5px;}
#list-archives strong a { background-image: url(../img/icon_more_lower.gif);}
#archives-monthly { display: none;}
#archives-monthly { padding-left: 15px;}
#archives-monthly li { padding-bottom: 5px;}
#archives-monthly li a { background-image: url(../img/icon_archive_lower.gif);}

#list dl#list-tagcloud { width: 250px;}
#list dl#list-tagcloud dd { display: inline; margin-right: 5px;}
#list dl#list-tagcloud dd a { padding: 0;}
#list dl#list-tagcloud dd.taglevel1 a { font-size: 19px; }
#list dl#list-tagcloud dd.taglevel2 a { font-size: 17px; }
#list dl#list-tagcloud dd.taglevel3 a { font-size: 15px; }
#list dl#list-tagcloud dd.taglevel4 a { font-size: 13px; }
#list dl#list-tagcloud dd.taglevel5 a { font-size: 11px; }
#list dl#list-tagcloud dd.taglevel6 a { font-size: 9px; }


#footer { margin-right: 50px; padding-bottom: 20px;}
#copyright { background: #1f1f16;}
#copyright span { display: block; padding: 7px 20px; color: #665; font-size: x-small; line-height: 1.2;}
#copyright span a:link { color: #999;}
#copyright span a:visited { color: #999;}
#copyright span a:hover { color: #4d4d36;}
#copyright span a:active { color: #4d4d36;}

#footer p.ads { width: 468px; height: 60px; margin-top: 20px; padding-left: 20px;}


#content-main dl.about { width: 400px; padding-top: 60px; background: url(../img/dot_line_upper.gif) no-repeat left bottom;}
#content-main dl.about dt strong { display: block; padding-bottom: 50px; font-size: medium;}
#content-main dl.about dt strong span { margin-left: 10px; color: #999; font-weight: normal; font-size: x-small;}
#content-main dd.about-body p { padding-bottom: 20px; color: #333;}
#content-main dd.about-footer ul { padding-bottom: 10px;}
#content-main dd.about-footer li { display: inline; margin-right: 10px;}
#content-main dd.about-footer li a { padding-left: 13px; background-repeat: no-repeat; background-position: left center;}
#content-main dd.about-footer li.about-footer-contact a { background-image: url(../img/icon_contact_upper.gif);}


#content-main dl.pflo { width: 400px; padding-top: 60px; background: url(../img/dot_line_upper.gif) no-repeat left bottom;}
#content-main dl.pflo dt strong { display: block; padding-bottom: 50px; font-size: medium;}
#content-main dl.pflo dt strong span { margin-left: 10px; color: #999; font-weight: normal; font-size: x-small;}
#content-main dd.pflo-body p { padding-bottom: 20px; color: #333;}
#content-main dd.pflo-date { padding-bottom: 10px; color: #999; font-size: x-small;}