@charset "UTF-8";
/* common -------------------- */
body { width:auto; margin:0; padding:0; color:#000000; font-size:62.5%; /* equiv 10px */ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Verdana','Arial',sans-serif; line-height:1.5; background:#dddddd; background-image:-moz-linear-gradient(top, rgba(136,136,136,1) 0px, rgba(221,221,221,1) 520px); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0px, rgba(136,136,136,1)), color-stop(520px, rgba(221,221,221,1)));}
a:link, a:visited, a:hover, a:focus, a:active { margin:0; padding:0; color:#333333; }
a:visited { color:#555555; }
a:hover, a:active { background:#eeeeee; }
a:focus { background:#dddddd; }
header, nav, article, section, aside, footer, h1, h2, h3, h4, h5, h6, div, table, ul, ol, dl, p, li, dt, dd { margin:0; padding:0; display:block; }
h1, h2, h3, h4, h5, h6, div, table, th, td, ul, ol, dl, p, li, dt, dd, img, a { margin:0; padding:0; }
ul, ol, dl { list-style-type:none; }
img { border:none; vertical-align:bottom; }
.invisible { width:1px; height:1px; margin:0; padding:0; text-indent:-9999px; position:absolute; top:0; left:0; overflow:hidden; }
div.wrap { width:860px; margin:0 auto; background:#ffffff; border-left:1px solid #999999; border-right:1px solid #999999; }
/* for header -------------------- */
#content_header { width:860px; height:90px; border-bottom:5px solid #333333; position:relative; }
#content_header h1 { width:190px; height:58px; position:relative; top:10px; left:10px; }
#update { color:#dddddd; font-weight:bold; font-family:sans-serif; vertical-align: middle; display:inline; position:absolute; top:-28px; right:-22px; }
#update dt { margin:0 10px 0 0; font-size:1em; display:inline; }
#update dd { font-size:5.6em; letter-spacing:0.4em; display:inline; }
#content_header p { text-align:right; }
/* for footer -------------------- */
#content_footer { width:860px; margin:0 auto; padding:0; border-top:3px double #666666; position:relative; }
#content_footer ul { padding:5px 10px; text-align:right; }
#content_footer li { margin:0 0 0 10px; padding:0 0 0 8px; font-size:1em; background: url(http://www.hitoyam.com/images/point03.gif) 0px 2px; display:inline; }
#content_footer p { padding:3px 5px; color:#cccccc; font-size:0.9em; text-align:right; background:#333333; letter-spacing:2px; }
/* for main contents -------------------- */
div.main { width:860px; display:table; }
div.main_home { width:860px; padding:215px 0 0 0; background:url(http://www.hitoyam.com/images/top_image.jpg) #ffffff no-repeat; display:table; }
div.main_web { width:860px; padding:215px 0 0 0; background:url(http://www.hitoyam.com/images/web_image.jpg) #ffffff no-repeat; display:table; }
div.main_diary { width:860px; padding:215px 0 0 0; background:url(http://www.hitoyam.com/images/diary_image.jpg) #ffffff no-repeat; display:table; }
div.main_cinema { width:860px; padding:215px 0 0 0; background:url(http://www.hitoyam.com/images/cinema_image.jpg) #ffffff no-repeat; display:table; }
div.main_book { width:860px; padding:215px 0 0 0; background:url(http://www.hitoyam.com/images/book_image.jpg) #ffffff no-repeat; display:table; }
#contents { margin:0; padding:0 0 0 10px; display:table-cell; vertical-align:top; }
* html #contents { width:645px; float:left; }
*+html #contents { width:645px; float:left; }
#contents h2 { margin:0 0 20px 0; padding:5px 5px 5px 7px; border-top:1px solid #999999; border-right:3px double #999999; border-bottom:3px double #999999; border-left:10px solid #999999; }
#contents section { margin:0 5px 20px 5px; background:#ffffff; }
#contents section h3 { padding:0 0 5px 12px; font-size:1.2em; font-weight:bold; background:url(http://www.hitoyam.com/images/point03.gif) 0px 3px; }
#contents section dl { padding:0 5px; text-align:right; border-top:1px dotted #999999; border-bottom:1px dotted #999999; }
#contents section dt { padding:0 5px; border-left:1px dotted #999999; border-right:1px dotted #999999; display:inline; }
#contents section dd { padding:0 5px; border-right:1px dotted #999999; display:inline; }
#contents section p { margin:0; padding:5px 10px 15px 12px; font-size:1.2em; }
#locus { margin:0; padding:10px 10px 15px 10px; }
#locus dt { padding:2px 4px; background:#dddddd; display:inline; }
#locus dd { padding:2px 4px; display:inline; }
#page_step { text-align:center; }
#page_step li { margin:0 5px 5px 0; padding:0; text-align:center; background:none; background-color:#eeeeee; border:1px solid #cccccc; display:inline-block; }
* html #page_step li { display:inline; }
#page_step li span { margin:0; padding:2px 8px; background-color:#cccccc; display:inline-block; }
#page_step li a { margin:0; padding:2px 8px; display:inline-block; }
#page_step li.prev { margin:0 5px 5px 0; padding:0; font-size:1em; background-color:transparent; border:none; }
#page_step li.next { margin:0 0 5px 0; padding:0; font-size:1em; background-color:transparent; border:none; }
/* for side menu -------------------- */
div.side_menu { width:180px; margin:0; padding:0 10px; display:table-cell; vertical-align:top; }
div.side_menu section { margin:0 0 10px 0; padding:0; border:1px solid #999999; }
div.side_menu section h2 { margin:0 0 1px 0; padding:5px 5px 2px 7px; font-size:1.3em; border-bottom:1px solid #999999; }
div.side_menu section h3 { margin:0 0 1px 0; padding:6px 6px 2px 6px; font-size:1.3em; border-bottom:1px solid #999999; }
div.side_menu section form { margin:0 0 10px 0; padding:10px 10px 10px 5px; border-top:2px solid #999999; }
div.side_menu section ul, div.side_menu section dl { margin:0 0 10px 0; padding:3px 0 0 2px; border-top:2px solid #999999; }
div.side_menu ul li, div.side_menu section dl dt { margin:0; padding:4px 4px 0 1.4em; font-size:1em; background: url(http://www.hitoyam.com/images/point03.gif) 4px 7px; }
div.side_menu section dl dd ol { margin:0; padding:0 0 0 1.0em; }
div.side_menu section dl dd ol li { margin:0; padding:4px 4px 0 1.4em; font-size:1em; background: url(http://www.hitoyam.com/images/point03.gif) 4px 7px; }
div.side_menu ul li ul { margin:0; border:none; }
div.side_menu ul li ul li { font-size:1em; }
#search { width:110px; }
#tag_cloud ul { margin:0 0 5 0; padding:4px; }
#tag_cloud li { margin:2px; padding:3px 2px 3px 0; background:transparent; display:inline; }
#tag_cloud li.rank-1 { font-size: 1.8em; font-weight:bold; }
#tag_cloud li.rank-2 { font-size: 1.75em; font-weight:bold; }
#tag_cloud li.rank-3 { font-size: 1.625em; font-weight:bold; }
#tag_cloud li.rank-4 { font-size: 1.5em; }
#tag_cloud li.rank-5 { font-size: 1.375em; }
#tag_cloudli.rank-6 { font-size: 1.25em; }
#tag_cloud li.rank-7 { font-size: 1.125em; }
#tag_cloud li.rank-8 { font-size: 1em; }
#tag_cloud li.rank-9 { font-size: 0.95em; }
#tag_cloud li.rank-10 { font-size: 0.9em; }
#mobile div { margin:0; padding:3px 5px 5px 5px; border-top:2px solid #999999; display:table; }
#mobile div p { width:50%; display:table-cell; vertical-align:middle; }
#option { width:180px; margin:0 0 10px 0; }
#option li { padding:0 0 5px 0; background:transparent; display:inline; }
#family_menu2 dl { margin:0 0 10px 0; padding:3px 0 0 2px; border-top:3px double #999999; }
#family_menu2 p { margin:0; padding:6px; border-top:2px solid #999999; }
/* for entry -------------------- */
article.entry_box { margin:0; padding:0 0 30px 10px; line-height:1.8; display:table-cell; vertical-align:top; }
* html article.entry_box { width:645px; float:left; }
*+html article.entry_box { width:645px; float:left; }
article.entry_box h1 { margin:0 0 20px 0; padding:5px 5px 5px 7px; font-size:1.8em; border-top:1px solid #999999; border-right:3px double #999999; border-bottom:3px double #999999; border-left:10px solid #999999; }
article.entry_box h2 { margin:0 5px 1em 5px; padding:0 5px 1px 5px; font-size:1.6em; border:none; border-bottom:2px dotted #aaaaaa; border-left:5px solid #aaaaaa; }
article.entry_box h3 { margin:0 5px 1em 5px; padding:0 5px; font-size:1.4em; border:none; border-bottom:none; border-left:5px double #aaaaaa; }
article.entry_box h4 { margin:0 5px 1em 5px; padding:0 10px; font-size:1.2em; background-color:transparent; border:none; }
article.entry_box p { margin:0; padding:0 10px 1.5em 17px; font-size:1.2em; }
article.entry_box p.break { padding:0 10px 2.5em 17px; }
article.entry_box table { margin:0 0 15px 15px; border-collapse:collapse; }
article.entry_box table th, td { padding:4px; border:1px solid #999999; }
article.entry_box table th { background-color:#eeeeee; font-weight:normal; }
article.entry_box table td.img { width:168px; }
article.entry_box ul, article.entry_box ol, article.entry_box dl { margin:0 10px 25px 10px; padding:10px; }
article.entry_box li, article.entry_box dt, article.entry_box dd { padding:0 0 2px 0; font-size:1.2em; }
article.entry_box li { padding:0 0 1px 14px; background: url(http://www.hitoyam.com/images/point03.gif) 0px 5px; border:none; }
.example { background:#eeeeee; border:2px dotted #cccccc; }
.member { background:#eeeeee; border:2px dotted #cccccc; }
.point { list-style-position:inside; list-style-type:disc; background:#eeeeee; border:2px dotted #cccccc; }
.horizontal { width:30%; display:inline-block; }
.code { padding:5px 10px; border:1px dotted #999999; }
.break { padding:0 0 25px 0; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
article.entry_box dl.talk dt { padding: 2px 2px 2px 15px; font-weight:bold; background:#eeeeee; border:none; }
article.entry_box dl.talk dd { margin:0 0 0 20px; padding: 2px 2px 2px 10px; background:#transparent; border:none; border-left: 2px dotted #cccccc; }
div.twit_box { padding:10px; list-style: decimal inside; background:#eeeeee; border:2px dotted #cccccc; }
article.entry_box blockquote { margin: 0 10px 15px 10px; padding:10px; background:#eeeeee; border:2px dotted #cccccc; }
article.entry_box blockquote p { margin:0; }
article.entry_box blockquote.twit { margin:0 0 5px 0; padding:0 0 5px 0; background:transparent; border:none; border-bottom:1px dotted #cccccc; zoom:1; }
article.entry_box blockquote.twit { content:""; display:block; clear:both; } /* clearfix (need zoom:1;) */
article.entry_box blockquote.twit p { margin:0; }
article.entry_box blockquote.twit p.twi_ex { margin:0; color:#666666; }
article.entry_box blockquote.twit p.twi_ex a:link, a:visited, a:hover, a:focus, a:active { color:#666666; background:transparent; }
article.entry_box blockquote.twit p.twi_ex a:focus { background:#dddddd; }
article.entry_box blockquote.twit p.twi_ex a:hover, a:active { background:#eeeeee; }
article.entry_box blockquote.twit img { width:32px; height:32px; margin:0 10px 0 0; float:left; }
article.entry_box pre { margin:0 15px 15px 10px; padding:10px; background:#eeeeee; border:1px dotted #999999; }
article.entry_box strong { margin:0; padding:0; font-weight:bold; }
article.entry_box em { margin:0; padding:0; font-style: normal; font-weight:bold; }
.txt_s { font-size:0.8em; }
.txt_l { font-size:1.4em; }
.txt_ll { font-size:1.6em; }
.txt_lll { font-size:1.8em; }
.txt_gray { color:#666666; font-size:1em;  }
.txt_gray_s { color:#666666; font-size:0.8em; }
.txt_gray_l { color:#666666; font-size:1.4em; }
.txt_gray_ll { color:#666666; font-size:1.6em; }
.txt_gray_lll { color:#666666; font-size:1.8em; }
.txt_red { color:#cc0000; font-size:1em;  }
.txt_red_s { color:#cc0000; font-size:0.8em; }
.txt_red_l { color:#cc0000; font-size:1.4em; }
.txt_red_ll { color:#cc0000; font-size:1.6em; }
.txt_red_lll { color:#cc0000; font-size:1.8em; }
.txt_orange { color:#ff5500; font-size:1em;  }
.txt_orange_s { color:#ff5500; font-size:0.8em; }
.txt_orange_l { color:#ff5500; font-size:1.4em; }
.txt_orange_ll { color:#ff5500; font-size:1.6em; }
.txt_orange_lll { color:#ff5500; font-size:1.8em; }
.txt_green { color:#336633; font-size:1em;  }
.txt_green_s { color:#336633; font-size:0.8em; }
.txt_green_l { color:#336633; font-size:1.4em; }
.txt_green_ll { color:#336633; font-size:1.6em; }
.txt_green_lll { color:#336633; font-size:1.8em; }
.txt_pink { color:#ff3366; font-size:1em;  }
.txt_pink_s { color:#ff3366; font-size:0.8em; }
.txt_pink_l { color:#ff3366; font-size:1.4em; }
.txt_pink_ll { color:#ff3366; font-size:1.6em; }
.txt_pink_lll { color:#ff3366; font-size:1.8em; }
.txt_blue { color:#3366cc; font-size:1em;  }
.txt_blue_s { color:#3366cc; font-size:0.8em; }
.txt_blue_l { color:#3366cc; font-size:1.4em; }
.txt_blue_ll { color:#3366cc; font-size:1.6em; }
.txt_blue_lll { color:#3366cc; font-size:1.8em; }
.txt_purple { color:#cc3399; font-size:1em;  }
.txt_purple_s { color:#cc3399; font-size:0.8em; }
.txt_purple_l { color:#cc3399; font-size:1.4em; }
.txt_purple_ll { color:#cc3399; font-size:1.6em; }
.txt_purple_lll { color:#cc3399; font-size:1.8em; }
article.entry_box ul.related_link { margin:0 10px 25px 10px; padding:0; }
article.entry_box ul.related_link li { margin:0 0 3px 0; padding:0 0 1px 14px; font-size:1.2em; background:url(http://www.hitoyam.com/images/point_blank.png) no-repeat 0px 5px; border-bottom:1px dotted #cccccc; }
article.entry_box div.related_link ul { margin:0 10px 25px 10px; padding:0; }
article.entry_box div.related_link li { margin:0 0 3px 0; padding:0 0 1px 14px; font-size:1.2em; background:url(http://www.hitoyam.com/images/point_blank.png) no-repeat 0px 5px; border-bottom:1px dotted #cccccc; }
article.entry_box #related_entries ul { margin:0 10px; padding:0; }
article.entry_box #related_entries li { margin:0 0 3px 0; padding:0 0 1px 14px; font-size:1.2em; background:url(http://www.hitoyam.com/images/point03.gif) no-repeat 0px 5px; border-bottom:1px dotted #cccccc; }
article.entry_box #related_entries ul { margin:0 10px; padding:0; }
article.entry_box #related_entries li { margin:0 0 3px 0; padding:0 0 1px 14px; font-size:1.2em; background:url(http://www.hitoyam.com/images/point03.gif) no-repeat 0px 5px; border-bottom:1px dotted #cccccc; }
iframe.map_frame { width:600px; height:350px; margin:0 0 0 15px; border:1px solid #cccccc; }
span.map_txt { margin:0 0 0 15px; display:block; }
article.entry_box dl.entry_info1 { margin:25px 0 0 0; padding:2px 5px; border-top:3px double #999999; border-bottom:1px solid #999999; }
article.entry_box dl.entry_info1 dt { padding:0 5px 0 0; display:inline; }
article.entry_box dl.entry_info1 dd { padding:0 5px; border-left:1px dotted #999999; display:inline; }
article.entry_box dl.entry_info2 { margin:0 0 25px 0; padding:2px 5px; border-bottom:3px double #999999; }
article.entry_box dl.entry_info2 dt { padding:2px 5px; background:#dddddd; display:inline; }
article.entry_box dl.entry_info2 dd { padding:0 2px 0 0; display:inline; }
#trackbacks { padding:25px 0 25px 0; }
#trackbacks dl { margin:0 10px; padding:0; }
#trackbacks dt { margin:0; padding:0 0 1px 14px; font-size:1.2em; background:url(http://www.hitoyam.com/images/point03.gif) no-repeat 0px 5px; }
#trackbacks dd { margin:0 0 5px 0; padding:0 0 5px 14px; font-size:1.2em; border-bottom:1px dotted #cccccc; }
#comments dl { font-size:1.2em; }
#comments dt, #comments dd, #comments dd p { font-size:1.0em; }
#comments dt { padding:0 0 15px 0; }
#comments div { padding:0 15px 5px 15px; }
/* for book -------------------- */
dl.book { margin:0 10px 25px 10px; padding:5px 10px 10px 10px; font-size:1.2em; background:#eeeeee; }
dl.book dt { padding:0 0 3px 0; font-weight:bold; background:#eeeeee; border-bottom:1px dotted #999999; }
dl.book dd { padding:5px 0 3px 20px; background:#eeeeee; border-bottom:1px dotted #999999; }
.book_photo { width:120px; padding: 0 15px 25px 15px; float:left; }
.book_link { width:150px; margin:0 0 15px 10px; padding:0; float:left; }
/* for cinema -------------------- */
dl.cinema { margin:0 10px 25px 10px; padding:5px 10px 10px 10px; font-size:1.2em; background:#eeeeee; }
dl.cinema dt { padding:0 0 3px 0; font-weight:bold; background:#eeeeee; border-bottom:1px dotted #999999; }
dl.cinema dd { padding:5px 0 3px 20px; background:#eeeeee; border-bottom:1px dotted #999999; }
.cinema_photo { width:120px; padding: 0 15px 25px 15px; float:left; }
.cinema_link { width:150px; margin:0 0 15px 10px; padding:0; float:left; }