/*===** Colorless Style

• • ===*/

/***** ***** ***** ***** Basic Elements ****** ***** ***** *****/ /*---------------[ Universal Selector ]---------------*/

• { margin : 0 ; padding : 0 ; box-sizing : border-box ; -moz-box-sizing : border-box ; word-break : break-all ; word-wrap : break-word ; }

/*---------------[ Basic Elements ]---------------*/ /*-----[ HTML & BODY ]-----*/

html {} body { padding : 0 2.5% ; font-family : 'Verdana', 'Osaka', 'MS UI Gothic', sans-serif ; font-size : 100% ; }

/*-----[ Table -Hatena Table Header- ]-----*/

table {} td {} table table {} td td {} td font {} td a:link font {} td a:visited font {} td a:active font {} td a:hover font {}

/*-----[ Hn ]-----*/

h1 { padding : 1.5em 0.2em ; font-size : 2em ; background-repeat : no-repeat ; background-position : right bottom ; background-attachment : scroll ; }

h2, h3, h4 { font-size : 1em ; font-weight : normal ; } h2 {} h3 {} h4 {}

p { margin : 0.5em 1em ; line-height : 1.5 ; text-indent : 1em ; text-align : justify ; text-justify : inter-ideograph ; }

ul { margin : 2em 1em 2em 3em ; } ul li {} ol { margin : 2em 1em 2em 3.5em ; } ol li {} li { line-height : 1.4 ; }

dl { margin : 2em ; } dt { margin-bottom : 0.5em ; border-bottom-style : solid ; border-bottom-width : 1px ; } dd { margin : 0 0 1em 3em ; font-size : 0.9em ; }

blockquote { margin : 2em ; font-size : 0.9em ; border-style : solid ; border-width : 1px ; } blockquote p {} blockquote ul, blockquote ol, blockquote dl, blockquote pre { margin-top : 1em ; margin-bottom : 1em ; } blockquote ul {} blockquote ol {} blockquote dl {} blockquote pre {} blockquote cite { display : block ; font-style : normal ; text-align : right ; border-top-style : dashed ; border-width : 1px ; }

pre { margin : 2em ; padding : 0.2em ; font-size : 0.9em ; border-style : solid ; border-width : 1px ; white-space : -moz-pre-wrap ; white-space : -pre-wrap ; white-space : -o-pre-wrap ; white-space : pre-wrap ; }

del { text-decoration : line-through ; } ins { text-decoration : none ; border-bottom-style : solid ; border-bottom-width : 1px ; }

form {} input { vertical-align : middle ; } textarea {}

img { border : none ; }

/*---------------[ Pseudo Elements -Basic- ]---------------*/

a:link { text-decoration : underline ; } a:visited { text-decoration : underline ; } a:active {} a:hover {}

/***** ***** ***** ***** Hatena-Diary Classes ***** ***** ***** *****/ /*---------------[ Layout Classes // Huge Box ]---------------*/

/*----------[ Commons ]----------*/

table, div.adminmenu, h1, div.hatena-body, div.main, div.sidebar,div.calendar,div.footer { border-style : solid ; } table { border-width : 0 1px ; } table table { border-width : 0 ; } div.adminmenu, h1, div.hatena-body { border-width : 0 1px 1px 1px ; }

/*----------[ Div.hatena-body ]----------*/ div.hatena-body { width : 100% ; position : relative ; top : 0 ; left : 0 ; border : none ; }

/*----------[ Div.main ]----------*/

div.main { margin-left : 26% ; margin-right : 0 ; border-width : 0 1px ; }

/*----------[ Div.sidebar ]----------*/

div.sidebar { width : 25% ; position : absolute ; top : 0 ; left : 0 ; font-size : 0.8em ; border-width : 0 1px ; }

/*----------[ Div.adminmenu ]----------*/

div.adminmenu { padding : 0.5em ; font-size : 0.8em ; text-align : right ; } span.adminmenu {}

span.adminmenu a:link, span.adminmenu a:visited { text-decoration : none ; } span.adminmenu a:hover {}

/*[ CASE1: Child of div.hatena-body ]*/

div.hatena-body div.adminmenu { margin-left : 26% ; border-width : 0 1px 1px 1px ; }

/*[ CASE2: Child of div.main ]*/

div.main div.adminmenu { margin-left : 0 ; border-width : 0 0 1px 0 ; }

/*[ CASE3: Child of div.sidebar ]*/

div.sidebar div.adminmenu { margin-left : 0 ; padding : 0 ; text-align : left ; font-size : 1em ; border-width : 0 ; } div.sidebar span.adminmenu { display : block ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.sidebar span.adminmenu a { padding : 0.5em 0.2em ; display : block ; width : auto ; height : auto ; text-decoration : none ; } div.sidebar span.adminmenu a:link, div.sidebar span.adminmenu a:visited {} div.sidebar span.adminmenu a:hover {}

/*----------[ Others ]----------*/ div.calendar { padding : 0.2em ; font-size : 0.9em ; text-align : center ; border-width : 0 1px 1px 1px ; position : relative ; top : 0 ; left : 0 ; } div.main div.calendar { border-width : 0 0 1px 0 ; } div.calendar a:link, div.calendar a:visited { text-decoration : none ; } div.calendar a:hover {} div.footer { padding : 0.5em ; font-size : 0.8em ; text-align : right ; border-width : 0 ; }

.hatena-description { padding : 0.2em ; font-size : 0.9em ; border-style : solid ; border-width : 0 1px 1px 1px ; border-color : #999 ; background-color : #ddd ; color : #222 ; width : 100% ; } .main .hatena-description, .sidebar .hatena-description { border-width : 0 0 1px 0 ; } .sidebar .hatena-module .hatena-description ul { border-width : 0 ; }

/***** ***** ***** Hatena Diary Classes ***** ***** *****/ /*---------------[ Commons ]---------------*/ div.day h2, div.body, div.comment, div.refererlist { font-size : 0.9em ; }

div.day, div.day h2 { border-style : solid ; }

div.section, div.footnote, div.comment, div.refererlist { margin : 1em ; border-style : solid ; border-width : 1px ; }

/*-----[ Keyword ]-----*/

a.keyword:link, a.okeyword:link { text-decoration : none ; border-bottom-style : solid ; border-bottom-width : 1px ; } a.keyword:visited, a.okeyword:visited { text-decoration : none ; border-bottom-style : dashed ; border-bottom-width : 1px ; }

/*---------------[ Div.day ]---------------*/

div.day { border-width : 0 1px 1px 1px ; width : 100% ; }

.main div.day { border-width : 0 0 1px 0 ; }

div.day h2 { padding : 1em 1em 1em 1.5em ; border-width : 0 0 1px 0 ; }

div.day h2 a:link, div.day h2 a:visited { text-decoration : none ; }

span.date { margin-bottom : 0.75em ; margin-left : -1em ; padding-left : 0.1em ; display : block ; width : 90% ; font-size : 1.5em ; font-weight : 700 ; border-style : solid ; border-width : 1px 1px 1px 0.5em ; }

a:link span.date, a:visited span.date {} a:hover span.date {}

span.title {}

/*----------[ Div.body ]----------*/ div.body {}

img.photo { margin : 1em ; float : right ; border-style : solid ; border-width : 1px ; }

div.body > img.photo { margin-top : 0 ; }

.body table { border : none ; margin : 1em ; font-size : 1em ; }

/*----------[ Div.section ]----------*/ div.section { padding : 0 0 1em 0 ; } div.section h3 { margin : 0 0 2em 0 ; padding : 1.5em 0.5em 1.5em 1em ; border-bottom-style : solid ; border-width : 1px ; }

div.section h3 a:link, div.section h3 a:visited { text-decoration : none ; } span.sanchor {} a:link span.sanchor, a:visited span.sanchor {} a:hover span.sanchor {} a.sectioncategory:link, a.sectioncategory:visited { text-decoration : underline ; } a.sectioncategory:hover { text-decoration : none ; }

span.timestamp { font-size : 0.8em ; }

/*----------[ Div.footnote ]----------*/ div.footnote {} p.footnote { margin : 0.5em 1em 0.5em 3em ; font-size : 0.9em ; text-indent : -2em ; } span.footnote {}

/*----------[ Div.comment & Div.refererlist ]----------*/ div.comment {} div.commentshort { border-style : solid ; border-width : 1px 0 0 0 ; } div.commentshort p { margin : 0.5em 1em 0.5em 3em ; font-size : 0.9em ; text-indent : 0em ; text-align : left ; } span.canchor {} a.commentator {} div.refererlist {} div.refererlist ul { margin : 0 ; padding : 1.5em 1em ; list-style-type : none ; font-size : 0.9em ; border-top : solid ; border-width : 1px ; } div.caption { margin : 0.2em ; font-size : 0.9em ; }

/***** ***** ***** Hatena Module Classes (Inner Sidebar Classes) ***** ***** *****/ /*---------------[ Commons ]---------------*/ form.hatena-searchform, ul.hatena-photo, div.hatena-modulebody ul li { border-bottom-style : solid ; border-bottom-width : 1px ; }

form.hatena-searchform, table.calendar, ul.hatena-photo, div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited {}

/*---------------[ Div.hatena-module ]---------------*/

div.hatena-module { width : 100% ; }

div.hatena-moduletitle { padding : 1em 0.2em 0.2em 0.2em ; font-size : 1.2em ; font-weight : 600 ; letter-spacing : 0.1em ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.hatena-moduletitle a:link, div.hatena-moduletitle a:visited { text-decoration : none ; } div.hatena-moduletitle a:hover {}

div.hatena-modulebody {} div.hatena-modulebody ul { margin : 0 ; list-style-type : none ; } div.hatena-modulebody ul li { line-height : 1,2 ; } div.hatena-modulebody ul li a { padding : 0.4em 0.2em ; display : block ; width : auto ; height : auto ; } div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited { text-decoration : none ; } div.hatena-modulebody ul li a:hover {}

/*---------------[ Searchform Module ]---------------*/

form.hatena-searchform { padding : 1em 0 ; text-align : center ; }

input.hatena-searchform { margin : 0 1px ; border-style : solid ; border-width : 1px ; } span.highlight {}

/*---------------[ Calendar2photo Module ]---------------*/

table.calendar { font-size : 1em ; border-width : 0 0 1px 0 ; }

table.calendar { width : 100% ; } _table.calendar { width : auto ; table-layout : fixed ; }

table.calendar td { text-align : center ; border-style : solid ; border-width : 1px ; }

td.calendar-prev-month {} td.calendar-current-month {} td.calendar-next-month {}

td.calendar-sunday, td.calendar-weekday, td.calendar-saturday { padding-top : 2px ; } td.calendar-sunday {} td.calendar-weekday {} td.calendar-saturday {} td.calendar-day {}

table.calendar td img { margin : 0.1em 0 ; vertical-align : middle ; width : 1em ; height : 0.8em ; border-style : solid ; border-width : 1px ; -moz-box-sizing : content-box ; }

table.calendar a:link, table.calendar a:visited { padding-top : 0 ; display : block ; text-decoration : none ; height : 100% ; } table.calendar a:hover {} table.calendar a:link img, table.calendar a:visited img {} table.calendar a:hover img {}

/*---------------[ Photo Module ]---------------*/

div.hatena-modulebody ul.hatena-photo li, div.hatena-modulebody ul.hatena-photo li a { padding : 0 ; display : inline ; width : auto ; height : auto ; }

ul.hatena-photo { padding : 0.5em 1em ; display : block ; text-align : center ; line-height : 1 ; } div.hatena-modulebody ul.hatena-photo li { border-bottom : none ; }

div.hatena-modulebody ul.hatena-photo li a:hover { background-color : transparent ; }

img.hatena-photo { margin : 0.5em 1px ; vertical-align : top ; border-style : solid ; border-width : 1px ; } a:link img.hatena-photo, a:visited img.hatena-photo {} a:hover img.hatena-photo { }

/*---------------[ Section Module ]---------------*/ ul.hatena-section {}

/*---------------[ Antenna Module ]---------------*/ ul.hatena-antenna {}

/*---------------[ Question Module ]---------------*/ ul.hatena-question {}

/*---------------[ Keyword Module ]---------------*/ ul.hatena-keyword {}

/*---------------[ Hotkeyword Module ]---------------*/ ul.hatena-hotkeyword {}

/*---------------[ Hoturl Module ]---------------*/ ul.hatena-hoturl {}

/*---------------[ Hotasin Module ]---------------*/ ul.hatena-hotasin {}

/***** ***** ***** Editor's Classes ***** ***** *****/

form div.day h2, div.day form h2 { padding : 1em ; } div.day form h2 { border-bottom-width : 0 ; }

div.day form h2 span.date { margin : 0 ; padding : 0 ; display : inline ; width : auto ; border : none ; font-size : 1em ; font-weight : normal ; left : 0 ; vertical-align : middle ; } div.day form h2 input { vertical-align : middle ; margin : 0 ; }

div.day form div.body { border-style : solid ; border-width : 1px 0 0 0 ; } div.day form div.body h3 { margin-top : 1em ; padding : 1em ; border-top-style : solid ; border-top-width : 1px ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.day form div.body p { margin : 1em ; text-indent : 0 ; line-height : 1 ; } div.day form div.body blockquote { padding : 0.5em ; }

div.day input { margin : 1em ; }

div.day form input, div.day form div.body input { margin : 1em ; } div.day form div.body p input, div.day form div.body dd input, div.day form div.body blockquote input, div.day form div.commentshort input, div.day div.commentshort form input, div.day form div.refererlist input { margin : 0 ; }

div.day form textarea { margin : 1em 0 0 1em ; } div.day form div.body p textarea, div.day form div.body blockquote textarea { margin : 0 ; }

div.day form p table { border-width : 0 ; } div.day form div.refererlist { font-size : 1em ; }

/***** ***** ***** ***** EOT ***** ***** ***** *****/

/***** ***** ***** ***** Basic Elements ****** ***** ***** *****/ /*---------------[ Universal Selector ]---------------*/

• {}

/*---------------[ Basic Elements ]---------------*/ /*-----[ HTML & BODY ]-----*/

html {} body { background-color : #fff ; color : #000 ; }

/*-----[ Table -Hatena Table Header- ]-----*/

table {} td {} table table {} td td { background-color : #fff ; } td font { color : #f60 ; } td a:link font {} td a:visited font {} td a:active font {} td a:hover font {}

/*-----[ Hn ]-----*/

h1 { background-image : url(./wall2_h1.gif) ; background-color : #fb5 ; color : #f93 ; }

h2, h3 {} h2 {} h3 {}

p {}

ul {} ul li {} ol {} ol li {} li {}

dl {} dt { border-bottom-color : #f60 ; } dd {}

blockquote { border-color : #f93 ; } blockquote p {} blockquote ul, blockquote ol, blockquote dl, blockquote pre {} blockquote ul {} blockquote ol {} blockquote dl {} blockquote pre {} blockquote cite { border-top-color : #999 ; }

pre { border-color : #f60 ; background-color : #fec ; color : #222 ; }

del { color : #999 ; } ins { border-bottom-color : #09f ; }

form {} input {} textarea {}

img {}

/*---------------[ Pseudo Elements -Basic- ]---------------*/

a:link { color : #000 ; } a:visited { color : #666 ; } a:active {} a:hover { color : #f30 ; }

/***** ***** ***** ***** Hatena-Diary Classes ***** ***** ***** *****/ /*---------------[ Layout Classes // Huge Box ]---------------*/

/*----------[ Commons ]----------*/

table, div.adminmenu, h1, div.hatena-body, div.main, div.sidebar,div.calendar,div.footer { border-color : #f60 ; } table {} table table {} div.adminmenu, h1, div.hatena-body {}

/*----------[ Div.hatena-body ]----------*/ div.hatena-body {}

/*----------[ Div.main ]----------*/

div.main {}

/*----------[ Div.sidebar ]----------*/

div.sidebar {}

/*----------[ Div.adminmenu ]----------*/

div.adminmenu { background-color : #fff ; color : #333 ; } span.adminmenu {}

span.adminmenu a:link, span.adminmenu a:visited { color : #f60 ; } span.adminmenu a:hover { color : #000 ; }

/*[ CASE1: Child of div.hatena-body ]*/

div.hatena-body div.adminmenu {}

/*[ CASE2: Child of div.main ]*/

div.main div.adminmenu {}

/*[ CASE3: Child of div.sidebar ]*/

div.sidebar div.adminmenu {} div.sidebar span.adminmenu { border-bottom-color : #f60 ; } div.sidebar span.adminmenu a {} div.sidebar span.adminmenu a:link, div.sidebar span.adminmenu a:visited { background-color : #fff ; color : #333 ; } div.sidebar span.adminmenu a:hover { background-color : #fff ; color : #f60 ; }

/*----------[ Others ]----------*/ div.calendar { background-color : #feb ; color : #666 ; } div.main div.calendar {} div.calendar a:link, div.calendar a:visited { color : #000 ; } div.calendar a:hover { color : #f30 ; } div.footer {}

.hatena-description { border-color : #f60 ; background-color : #fd9 ; color : #432 ; }

/***** ***** ***** Hatena Diary Classes ***** ***** *****/ /*---------------[ Commons ]---------------*/ div.day h2, div.body, div.comment, div.refererlist {}

div.day, div.day h2 { border-color : #f60 ; }

div.section, div.footnote, div.comment, div.refererlist { border-color : #f60 ; background-color : #fff ; color : #333 ; }

/*-----[ Keyword ]-----*/

a.keyword:link, a.okeyword:link { color : #333 ; border-bottom-color : #ccc ; } a.keyword:visited, a.okeyword:visited { color : #333 ; border-bottom-color : #ccc ; }

/*---------------[ Div.day ]---------------*/

div.day { background-color : #fff ; color : #333 ; } .main div.day { background-color : #fc6 ; color : #333 ; }

div.day h2 { background-color : #fb5 ; color : #000 ; } .main div.day h2 { background-color : #fa3 ; color : #000 ; }

div.day h2 a:link, div.day h2 a:visited {}

span.date { border-color : #f60 ; }

a:link span.date, a:visited span.date { background-color : #fc8 ; color : #fa3 ; } a:hover span.date { background-color : #fff ; color : #f93 ; }

span.title {}

/*----------[ Div.body ]----------*/ div.body {} img.photo { border-color : #f60 ; }

/*----------[ Div.section ]----------*/ div.section {} div.section h3 { border-bottom-color : #fb5 ; }

div.section h3 a:link, div.section h3 a:visited {} span.sanchor {} a:link span.sanchor, a:visited span.sanchor { color : #f60 ; } a:hover span.sanchor { color : #f90 ; } a.sectioncategory:link, a.sectioncategory:visited { color : #f60 ; } a.sectioncategory:hover { color : #f00 ; }

span.timestamp { color : #ccc ; }

/*----------[ Div.footnote ]----------*/ div.footnote {} p.footnote {} span.footnote {}

/*----------[ Div.comment & Div.refererlist ]----------*/ div.comment {} div.commentshort { border-top-color : #fb5 ; } div.commentshort p {} span.canchor { color : #f60 ; } a.commentator {} div.refererlist {} div.refererlist ul { border-top-color : #fb5 ; } div.caption {}

/***** ***** ***** Hatena Module Classes (Inner Sidebar Classes) ***** ***** *****/ /*---------------[ Commons ]---------------*/ form.hatena-searchform, ul.hatena-photo, div.hatena-modulebody ul li { border-bottom-color : #f60 ; }

form.hatena-searchform, table.calendar, ul.hatena-photo, div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited { background-color : transparent ; color : #933 ; }

/*---------------[ Div.hatena-module ]---------------*/

div.hatena-module { background-color : #fc6 ; color : #333 ; }

div.hatena-moduletitle { border-bottom-color : #f60 ; background-color : #f93 ; } div.hatena-moduletitle, div.hatena-moduletitle a:link, div.hatena-moduletitle a:visited { color : #f30 ; } div.hatena-moduletitle a:hover { color : #000 ; }

div.hatena-modulebody {} div.hatena-modulebody ul {} div.hatena-modulebody ul li {} div.hatena-modulebody ul li a {} div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited {} div.hatena-modulebody ul li a:hover { background-color : #fff ; color : #f00 ; }

/*---------------[ Searchform Module ]---------------*/

form.hatena-searchform {}

input.hatena-searchform { background-color : #fff ; color : #333 ; border-color : #f60 ; } span.highlight { background-color : #f30 ; color : #fff ; }

/*---------------[ Calendar2photo Module ]---------------*/

table.calendar { color : #f93 ; } table.calendar td { border-color : #f93 ; }

td.calendar-prev-month {} td.calendar-current-month {} td.calendar-next-month {}

td.calendar-sunday, td.calendar-weekday, td.calendar-saturday { } td.calendar-sunday { color : #f63 ; } td.calendar-weekday { color : #999 ; } td.calendar-saturday { color : #63f ; } td.calendar-day {}

table.calendar td img { border-color : #f60 ; }

table.calendar a {} table.calendar td > img{} table.calendar a:link, table.calendar a:visited { background-color : #fa4 ; color : #000 ; } table.calendar a:hover { background-color : #fff ; color : #f30 ; } table.calendar a:link img, table.calendar a:visited img { border-color : #f93 ; } table.calendar a:hover img { border-color : #f30 ; }

/*---------------[ Photo Module ]---------------*/

div.hatena-modulebody ul.hatena-photo li, div.hatena-modulebody ul.hatena-photo li a {}

ul.hatena-photo {} div.hatena-modulebody ul.hatena-photo li {} img.hatena-photo {} a:link img.hatena-photo, a:visited img.hatena-photo { border-color : #f60 ; } a:hover img.hatena-photo { border-color : #f60 ; }

/*---------------[ Section Module ]---------------*/ ul.hatena-section {}

/*---------------[ Antenna Module ]---------------*/ ul.hatena-antenna {}

/*---------------[ Question Module ]---------------*/ ul.hatena-question {}

/*---------------[ Keyword Module ]---------------*/ ul.hatena-keyword {}

/*---------------[ Hotkeyword Module ]---------------*/ ul.hatena-hotkeyword {}

/*---------------[ Hoturl Module ]---------------*/ ul.hatena-hoturl {}

/*---------------[ Hotasin Module ]---------------*/ ul.hatena-hotasin {}

/***** ***** ***** Editor's Classes ***** ***** *****/

form div.day h2, div.day form h2 {} div.day form h2 {}

div.day form h2 span.date {} div.day form h2 input {}

div.day form div.body { border-color : #f60 ; background-color : #fff ; color : #333 ; } div.day form div.body h3 { border-top-color : #f90 ; border-bottom-color : #fc6 ; background-color : #fec ; } div.day form div.body p {} div.day form div.body blockquote {}

div.day input {}

div.day form input, div.day form div.body input {} div.day form div.body p input, div.day form div.body dd input, div.day form div.body blockquote input, div.day form div.commentshort input, div.day div.commentshort form input, div.day form div.refererlist input {}

div.day form textarea {} div.day form div.body p textarea, div.day form div.body blockquote textarea {}

div.day form p table {} div.day form div.refererlist {}

/***** ***** ***** ***** EOT ***** ***** ***** *****/