@charset "UTF-8"; /* Theme Name: 鈴平ひろのお仕事ぶろぐ Original WordPress Theme Theme URI: http://heart-works.info Description: 3-column wordpress theme designed by Plannet,inc. Author: ASCII MEDIA WORKS Author URI: http://www.asciimw.jp/ Version: 1.0 */ /* Reset Setup */ * {margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal;} ol, ul{ list-style:none;} fieldset, img{ border:0;} table{ border-collapse: collapse; border-spacing:0;} caption, th{ text-align: left;} address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal;} /* config */ body{ background-color:#d1abd2; font-family: "Century Gothic", "Lucida Grande", "Lucida Sans", Verdana, sans-serif; color:#fff;} #container{ background:url(images/background_race.gif) top center repeat-y;} #container_inner{ background-color:#000; width:970px; margin:0 auto;} #container_main{ clear:both;} /* elememts */ a { color: #00aeff; text-decoration: underline; } a:link, a:visited { color: #00aeff; text-decoration: underline; } a:active, a:hover { color: #f10077; text-decoration: underline; } .txt10{ font-size:10px;} .txt12{ font-size:12px;} .txt14{ font-size:14px;} .txt18{ font-size:18px;} .center{ text-align:center;} blockquote{ padding:0 20px; background:url(images/widget_title_pattern.gif) -10px 0 repeat-y; color:#f10077; margin:10px 0; border:1px solid #f10077;} /* header */ #header{ background:url(images/header_pattern.gif) top left;} .header_inner{ background:url(images/header_logo.jpg) top left no-repeat;} .header_illust{ background:url(images/header_illust.png) bottom right no-repeat;}/*PNG fix*/ .header_illust:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } #header .logo{ height:279px;} h1.blogTitle{ padding:137px 0 15px 92px;} h1.blogTitle a{ display:block; width:428px; height:102px; overflow:hidden; outline:none; text-indent:-9999px;} #header p.description{ display:none;} #header_menu{ padding:0 0 35px 17px; width:500px;} #header_menu:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; } #header_menu li{ float:left; font-size:18px; width:163px; font-weight:bold;} #header_menu a{ display:block; width:143px; height:33px; padding:8px 0 0 10px; text-decoration:none; margin-top:15px;} #header_menu a:link, #header_menu a:visited { background:url(images/header_button_off.gif); color:#fff;} #header_menu a:active, #header_menu a:hover { background:url(images/header_button_on.gif); color:#000;} /* content */ #content{ float:left; width:528px; padding:10px;} #Post{ background:#fff;} #Post ul, #PagePost ul{position:relative; list-style:none; padding:5px 20px;} #Post ul li, #PagePost ul li {display:block; padding:2px 0px 2px 12px; background: url(images/marker.gif) 0px 11px no-repeat;} #Post ol, #PagePost ol{padding: 5px 40px; list-style: decimal} #Post ol li, #PagePost ol li {padding:2px 0px 2px 0px;} .EntryBox_line{ background:url(images/EntryBox_line.gif) top left repeat-y;} .EntryBox_head{ background:url(images/EntryBox_head.gif) top left no-repeat; padding:0;} .EntryBox_foot{ background:url(images/EntryBox_foot.gif) bottom left no-repeat; padding:0 0 20px 0;} #Post .PostTitle h2{ color:#f10077; padding:28px 20px 0 0; margin:0 0 0 90px; font-weight:bold; font-size:20px;} #Post .PostTitle h2 a{ color:#f10077; text-decoration:none;} #Post .PostTitle h2 a:hover{ color:#00a6f3;} #content p.author{ color:#7b7b7b; padding:5px 10px 10px 0; margin:0 0 0 90px; border-bottom:1px solid #d4d4d4;} #content .Edit a{ padding:2px 10px; background-color:#00aeff; color:#fff; text-decoration:none; font-size:12px; font-weight:bold;} #content .Edit a:hover{ background-color:#F10077; color:#fff;} .PostTitle{/*IE6 hack block*/} div.PostDate{ float:left; text-align:center; width:64px; height:85px; padding:0 0 0 11px; /*IE*/_position:absolute;} .PostDate .date{ font-size:30px; margin-top:-1px;} .PostDate .month{ font-size:16px; color:#000; margin-top:-4px; font-weight:bold; } .PostDate .year{ font-size:16px; color:#000; margin-top:-2px; font-weight:bold;} div.PostText{ clear:both; padding:10px 27px 30px 27px; line-height:180%; color:#393939; overflow:hidden;} div.PostText h1{ font-size:23px; font-weight:bold;} div.PostText h2{ font-size:18px; font-weight:bold;} div.PostText h3{ font-size:14px; font-weight:bold;} div.PostText .readmore{ text-align:right; border-top: dotted 1px #d4d4d4;} #content .backtotop{ padding:10px 20px; text-align:right; clear:both;} #content .backtotop a{ padding:2px 15px; height:18px; width:88px; background-color:#00aeff; color:#FFFFFF; text-decoration:none; text-align:center; font-weight:bold;} #content .backtotop a:hover{ background-color:#f10077;} #Google_adsense_head{ padding:0 29px 10px 29px;} #Google_adsense_foot{ margin:10px 20px; background-color:#e1e1e1; padding:10px;} #notfound{} #notfound_box_head h2{ background:url(images/widget_title_pattern.gif); font-size:27px; padding:10px;} #PagePost{ background:#fff;} .Page_EntryBox_line{} .Page_EntryBox_inner{ background:url(images/pagepost_race.gif) top center no-repeat; padding-top:10px;} #PagePost .PageText{ padding:10px; color:#393939; line-height:180%;} #PagePost h2.Pagetitle{ background:url(images/widget_title_pattern.gif); font-size:27px; padding:10px;} #PagePost .Edit{ text-align:right; padding:0 15px 5px; color:#000;} #PagePost table{ margin-bottom:15px; border-collapse: separate!important;border-spacing:2px;} #PagePost td, #PagePost th{ padding:5px; vertical-align:top;} #PagePost th{ border-left:3px solid #f10077; background:url(images/page_table_pattern.gif); color:#fff; font-weight:bold;} #PagePost td{ background:#ebebeb;} #PagePost h3{ clear:both; color:#f10077; font-size:16px; font-weight:bold; border-bottom:2px solid #d4d4d4; margin:10px 0;} .SearchTitle{ background:url(images/widget_title_pattern.gif);} .SearchTitle h2{ font-size:27px; padding:10px;} .SearchTitle p.result_count{ padding:0 20px 15px 20px;} .SearchText{ padding:10px; color:#393939; line-height:180%;} .SearchText dl{ margin:0 0 15px;} .SearchText dt{ font-size:14px; font-weight:bold;} .SearchText dt a{ background:url(images/list_mark.gif) top left no-repeat; padding:0 0 5px 24px;} .SearchText dt a:hover{ background:url(images/list_mark_on.gif) top left no-repeat;} .SearchText dd{ padding:5px 0 5px 30px; background:url(images/EntryBox_line.gif) top left repeat-y; color:#666; line-height:120%!important;} .SearchText dd p.postdate{ margin-top:5px; border-top:1px solid #d4d4d4; padding:5px; text-align:right;} .SearchText h2{ font-size:18px;} /* Pager */ .wp-pagenavi{ font-size:12px; text-align:center; margin:0 10px;} .wp-pagenavi a, .wp-pagenavi a:link { _width:19px; min-width:19px; text-align:center; display:block; float:left; padding: 7px 4px 10px 4px; margin-left:3px; text-decoration: none; color: #FFF; background:#F10077 url(images/pagenavi_mark.gif) bottom center no-repeat;} .wp-pagenavi a:visited { padding: 7px 4px 10px 4px; text-decoration: none; color: #FFF; background:#F10077 url(images/pagenavi_mark.gif) bottom center no-repeat; } .wp-pagenavi a:hover { color: #FFF; background:#00A6F3 url(images/pagenavi_mark_on.gif) bottom center no-repeat;} .wp-pagenavi a:active { padding: 7px 4px 10px 4px; text-decoration: none; color: #fff; background:#00A6F3 url(images/pagenavi_mark_on.gif) bottom center no-repeat;} .wp-pagenavi span.pages { display:block; float:left; padding: 7px 4px 10px 4px; margin-left:3px; color: #fff;} .wp-pagenavi span.current { /*IE*/_width:19px; min-width:19px; text-align:center; display:block; float:left; padding: 7px 4px 10px 4px; margin-left:3px; color: #fff; background:#00A6F3 url(images/pagenavi_mark_on.gif) bottom center no-repeat;} .wp-pagenavi span.extend { float:left; display:block; /*IE*/_width:19px; min-width:19px; padding: 7px 4px 10px 4px; margin-left:3px; color: #FFF;} #Single_navi ul#navi{ text-align:center; margin:10px; padding:0; font-size:12px;} #Single_navi ul#navi li{ display: inline; margin:0 10px;} #Single_navi ul#navi li a, .Single_navi ul#navi li a:link{ padding:10px 4px 15px 4px; color:#fff; list-style:none; text-decoration: none; background:#F10077 url(images/pagenavi_mark.gif) bottom center no-repeat;;} #Single_navi ul#navi li.prev a:hover, #Single_navi ul#navi li.next a:hover{ color:#fff; background:#00A6F3 url(images/pagenavi_mark_on.gif) bottom center no-repeat;;} /* sidebars */ #sidebars{ float:left; width:412px; padding:10px 0 0 0;} #side_head_area{ padding:0px 0 0 0;} #side_head_area .RssFeed{ width:167px; height:42px; background:url(images/banner_rssfeed.gif) 0 6px no-repeat; float:left; padding:6px 10px 0 0;} #side_head_area .RssFeed a{ display:block; width:167px; height:31px; text-indent:-9999px; overflow:hidden; outline:none;} #side_head_area .SearchBox{ float:left;} #SearchForm input#s{ width:183px; border:none; background:url(images/searchform.gif); height:24px; font-size:12px; color:#fff; padding:8px 3px 3px 5px;} #SearchForm input#searchsubmit{ width:44px; border:none; background:url(images/searchbutton.gif); height:44px; display:block;} #SearchForm div{ float:left;} #SearchForm .search{ padding:4px 0 0 0; width:191px;} #side_head_area .MailSend{ clear:both; width:412px; height:36px; background:url(images/banner_message.gif); margin-bottom:5px;} #side_head_area .MailSend a{ display:block; width:412px; height:36px; text-indent:-9999px; overflow:hidden; outline:none;} #side_head_area .RGB_RssFeedBox{ width:214px; height:164px; padding:25px 14px 25px 184px; background:url(images/rgb_rss.jpg); line-height:130%;} #side_head_area .RGB_RssFeedBox span{ display:none;} #side_head_area .RGB_RssFeedBox .feed_list{ width:214px; height:164px; overflow:hidden;} #side_head_area .RGB_RssFeedBox .feed_list ul li a{ display:block; padding:0 0 0 16px; background:url(images/rgb_rss_mark.gif) 2px 5px no-repeat; color:#fff; text-decoration:none;} #side_head_area .RGB_RssFeedBox .feed_list ul li a:hover{ background:#ff93b0 url(images/rgb_rss_mark_on.gif) 2px 5px no-repeat; color:#000;} #side_widget_area{ margin:10px 0 0 0; line-height:120%;} #side_widget_area h2{ font-size:18px; font-weight:bold; text-align:center; background:url(images/widget_title_pattern.gif); padding:0 0 8px 0;} #left_widget{ width:215px; margin:0 10px 0 0; float:left;} #left_widget .widget_box_header{ background:#ea6588 url(images/widget_left_header.gif) top left no-repeat;} #left_widget .widget_footer{ background:url(images/widget_left_footer.gif) bottom left no-repeat;} #right_widget{ width:187px; float:left;} #right_widget .widget_box_header{ background:#ea6588 url(images/widget_right_header.gif) top left no-repeat;} #right_widget .widget_footer{ background:url(images/widget_right_footer.gif) bottom left no-repeat;} #side_widget_area .widget_box{ margin-bottom:10px; min-height:10px; /*IE*/_height:10px;} #side_widget_area .widget_box_header{ padding:9px 0 0 0;} #side_widget_area .widget_box_inner{ padding:20px 7px 10px 7px; background:url(images/widget_left_inner.gif) top center no-repeat; text-align:140%; font-size:12px;} #side_widget_area ul li a{ display:block; padding:2px 0 2px 18px; background:url(images/widget_list_mark.gif) 2px 5px no-repeat; color:#fff; text-decoration:none;} #side_widget_area ul li a:hover{ background:#ff93b0 url(images/widget_list_mark_on.gif) 2px 5px no-repeat; color:#000;} #wp-calendar{ width:100%; text-align:center;} #wp-calendar caption{ font-size:14px; text-align:center; font-weight:bold;} #wp-calendar th{ text-align:center; font-weight:bold; color:#000;} #wp-calendar td{ text-align:center;} #wp-calendar tbody td a{ background:url(images/calendar_mark.gif) center no-repeat; color:#00aeff; display:block; height:17px; width:17px; margin:0 auto; text-decoration:none;} #wp-calendar tbody td a:hover{ background:url(images/calendar_mark_on.gif) center no-repeat; color:#000; text-decoration:none;} #wp-calendar tfoot td#prev a{ display:block; background:url(images/calendar_prev_mark.gif) center no-repeat; text-decoration:none;} #wp-calendar tfoot td#prev a:hover{ display:block; background:url(images/calendar_prev_mark_on.gif) center no-repeat; color:#000;} #wp-calendar tfoot td#next a{ display:block; background:url(images/calendar_next_mark.gif) center no-repeat; text-decoration:none;} #wp-calendar tfoot td#next a:hover{ background:url(images/calendar_next_mark_on.gif) center no-repeat; color:#000;} #wp-calendar tfoot td{ padding:10px 0 0 0;} .widget_box p{ margin-bottom:3px;} .amzshcs-item{ text-align:center;} .amzshcs-item a{ color:#FFF; text-decoration:none; display:block; padding:2px 2px 5px 2px;} .amzshcs-item a:hover{ color:#000; background:#ff93b0;} /* footer */ #footer{ clear:both; text-align:center; padding:10px;} address{} /* ----- Style for Ktai Entry ----- */ .photo { padding-right:6px; float:left; line-height:110%; font-size:0.85em; text-indent:0; } .photo img { background:white; margin:0 4px 4px 0; padding:3px; border:1px solid #999; } .photo-end { clear:left; } /* ---------- */