@charset "utf-8";
@media all {
/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* {{{ + tags */ 
html {
margin: 0;
padding: 0;
}
body {
background: #61655f url('http://media.aruko.net/photo/pub/bg.gif');
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
font-size: 0.8em;
margin:0; 
padding:0;
text-align: center; 
}
div,dl,ul,ol,p,form,input,textarea,acronym,table,tr,td {
margin: 0;
padding: 0;
}

/* flash */
object, embed {
vertical-align: top;
}

acronym {
border:none;
text-decoration:none;
display: none; 
visibility: hidden; 
}
script {
display: none; 
visibility: hidden; 
}

em {
text-decoration: none;
font-style: normal;
}
/* }}} */ 

/* {{{ + frame */ 
#wrap { 
width: 60em; 
margin: 0 auto; 
text-align: left; 
border-left: 1px solid #fff; 
border-right: 2px solid #000; 
}

#contents_wrap {
float: left;
width: 100%;
background: #79A2CA; 
}

#contents {
margin-right: 10em; 
background: #fff; 
}
#tab {
float: left;
width: 10em; 
margin-left: -10em; 
}

div.c_wrap {
float: left; 
width: 100%; 
background: #4981B8;
}

div.c {
margin-left: 3em; 
background: #fff;
}

div.l {
float: left;
width: 3em; 
margin-left: -50em; 
background: url('http://media.aruko.net/photo/l/bg_date.gif') no-repeat;
text-align: center;
}


div.post_wrap{
float: left;
width: 100%;
background: #F0F0F0; 
border-right: 3px solid #4981B8;
border-top: 1px solid #fefefe; 
border-bottom: 1px solid #ccc; 
}

div.post, 
div.post_h {
margin-right: 10em; 
background: #fff;
border-left: 1px solid #000;
}

div.post_meta {
float: left;
width: 9.8em; 
margin-left: -10.0em; 
}

#f {
background: #000;
left: 0;
bottom: 0em; 
z-index: 1000;
height: 3px;
overflow: hidden; 
width: 100%;
position : fixed; 
}

#f_wrap { 
width: 57em; 
margin: 0 auto; 
padding: 0;
}

/* }}} */ 

/* {{{ + h */ 

#hcard-Hirotomo-Kunimatsu {
display: none;
}

h1#h_title { 
display: none; 
visibility: hidden; 
}

#h_contents,
#h_right {
height: 2.5em;
}

#h_left {
background: none; 
}

#h_left a {
font-size: 0.72em;
color: #fff;
text-decoration: none; 
}
#h_left a:hover,
#h_left a:focus {
font-weight: bold; 
color: #000;
text-decoration: underline; 
}

#h_search {
float: left; 
padding: 0.6em 1.0em 0 1.0em;
font-size: 0.72em;
} 
#h_search_query {
border: 1px solid #B9BEAF;
background: url('http://media.aruko.net/photo/pict/magnify.gif') no-repeat;
background-position: 0 0.2em;
width: 8em;
height: 1.2em;
padding: 0 0 0 1.2em;
}
#h_search_btn {
display: none; 
visibility: hidden; 
}
#h_nav, 
#f_nav {
float: right; 
padding: 1.0em 1.0em 0 0;
color: #999; 
font-size: 0.7em;
background: #fff;
}
#h_nav a,
#f_nav a,
#h_nav a:visited,
#f_nav a:visited,
#h_nav a:link, 
#f_nav a:link {
text-decoration: none; 
color: #4981B8; 
}
#h_nav a:focus,
#f_nav a:focus,
#h_nav a:hover, 
#f_nav a:hover {
background: #4981B8; 
color: #FFFFFF;
text-decoration: underline; 
}

span.nav_scroll {
font-size: 0.7em; 
padding:  0.2em 0 0 0; 
color: #ccc;
}

#h_feed {
padding: 0;
margin: 0.4em 0 0 0;
list-style: none; 
text-align: center;
}
#h_feed li {
display: inline; 
} 
a#h_feed_ext,
a#h_feed_all {
padding: 0.2em 0.5em 0 2.2em; 
font-size: 0.72em;
color: #4981B8; 
line-height: 2.0em;
text-decoration: none; 
}
a#h_feed_ext {
background: url('http://media.aruko.net/photo/pub/feed.gif') no-repeat;
}
a#h_feed_all {
background: url('http://media.aruko.net/photo/pub/feed_all.gif') no-repeat;
}

a#h_feed_ext:hover,
a#h_feed_ext:focus,
a#h_feed_all:hover, 
a#h_feed_all:focus {
color: #000;
text-decoration: underline; 
} 

/* }}} */ 
/* {{{ + l */ 
div.l .post_year, 
div.l .post_time {
display:block;
font-size: 0.65em; 
color: #ddd; 
line-height: 1.2em; 
text-align: center; 
}
div.l .post_date { 
font-size: 0.70em; 
font-weight: bold; 
color: #fff; 
line-height: 1.4em; 
text-align: center; 
} 
div.l .post_year {
padding-top: 3em;
} 
/* }}} */ 
/* {{{ + c */ 
/* }}} */ 
/* {{{ + c - entry */ 
div.entry { 
font-size: 0.95em;
line-height: 170%; 
padding: 1.0em; 
clear: both;
}

div.post h2 {
font-size: 1.8em; 
font-weight: normal; 
line-height: 2.0em;
margin: 0;
padding: 0;
}

div.post h3, 
div.post h4 {
color: #386592; 
border-bottom: 1px dotted #DADFD9;
font-weight: normal;
} 
div.post h3 {
font-size: 1.3em;
line-height: 1.4em; 
margin: 0.7em 0;
padding: 0;
} 
div.post h4 {
font-size: 1.2em;
line-height: 1.3em; 
margin: 0.8em 0;
padding: 0;
} 
div.post a, 
div.post a:visited, 
div.post a:link {
color: #4981B8;
text-decoration: none; 
}
div.post a:hover, 
div.post a:focus {
color: #000000;
text-decoration: underline; 
} 

div.post p {
padding: 0.5em 0;
}

div.post blockquote {
background: #EAF0F7; 
border-right: 1px solid #D6DAD6; 
border-bottom: 1px solid #D6DAD6; 
margin: 1.0em; 
padding: 1.0em; 
} 

div.post blockquote[title]::before {
display: block;
content: attr(title);
font-size: 1.0em;
font-style: italic;
color: #4981B8;
}

/*
div.post blockquote[cite]::after {
display: block;
font-size: 0.8em;
text-align: right;
content: attr(cite);
}
*/

div.post ul, 
div.post ol { 
margin: 0;
padding: 0.5em 3.0em;
font-size: 0.9em;
} 
div.post ul { 
list-style: none; 
} 
div.post ol {
padding: 0.5em 5.0em;
}

div.post .clear {
clear: both; 
}

h2.entry_title a, 
h2.entry_title a:link, 
h2.entry_title a:visited {
font-weight: normal; 
color: #000; 
}
h2.entry_title a:hover, 
h2.entry_title a:focus {
font-weight: normal; 
color: #386592;
}

/* }}} */
/* {{{ + c - comments */ 
h2#tbs,
h2#cms {
clear: both; 
color: #516A2F; 
border-bottom: 1px dotted #EAEFE9;
font-weight: bold; 
font-size: 1.0em;
line-height: 1.3em;
margin: 0;
padding: 0.2em 0 0.2em 1.5em;
}
h2#tbs {
background: url('http://media.aruko.net/photo/pict/transmission.gif') no-repeat; 
background-position: 0.2em 0.4em;
} 
h2#cms {
background: url('http://media.aruko.net/photo/pict/comment.gif') no-repeat; 
background-position: 0.2em 0.4em;
} 

div#tbs_item, 
div#cms_item {
margin: 0 0 2.0em 0;
padding: 0; 
list-style: none; 
width: 100%; 
}
.tbs_wrap, 
.cms_wrap {
float: left; 
width: 100%; 
padding-left: 1.0em;
}
.tbs_ext, 
.cms_ext {
background: #EAF0F7;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-right: 4.0em; 
margin-top: 0.7em; 
margin-bottom: 0.7em; 
padding: 0.6em 1.0em;
} 

#tbs_item .tbs_ext dd,
#cms_item .cms_ext dd {
margin: 0;
padding: 0;
font-size: 0.8em;
color: #666;
}

#tbs_item .tbs_ext dt,
#cms_item .cms_ext dt {
font-size: 0.8em;
font-weight: bold; 
color: #666; 
} 

.tbs_user, 
.cms_user {
float: left; 
margin-left: -4.1em;
margin-top: 0.7em; 
margin-bottom: 0.7em; 
background: url('http://media.aruko.net/photo/comments/bg_arrow.gif') no-repeat; 
background-position: 0 0.8em; 
padding: 0.5em 0 0 1.2em;
} 

.tbs_user a,
.tbs_user img,
.cms_user a,
.cms_user img {
border: none; 
}


#tbs p, 
#cms p {
margin: 0;
padding: 0;
} 

#cm_send  {
font-size: 0.9em;
} 
#cm_send ul {
padding: 0;
margin: 0 0.5em;
}
#cm_send li a {
padding: 0 0 0 1.5em;
}

#cm_send_comments {
background: url('http://media.aruko.net/photo/pict/comment.gif') no-repeat; 
}
#cm_send_trackbacks {
background: url('http://media.aruko.net/photo/pict/transmission.gif') no-repeat; 
}

#comment_ad {
font-size: 0.6em;
color: #889;
line-height: 100%;
}

/* }}} */ 
/* {{{ + c - photo */ 
img.photo_rotate_l,img.photo_rotate_r {
background:#F0F0F0;
padding:0.5em;
border:1px solid #DDD;
}
img.photo_rotate_l {
float:left;
margin:0 2.0em 0.5em 0;
}
img.photo_rotate_r {
float:right;
margin:0 0 0.5em 2.0em;
}
img.photo,img.photo_thumbnail_l,img.photo_thumbnail_r,img.photo_thumbnail {
background:#F0F0F0;
border:1px solid #DDD;
padding: 0.2em 0.2em 1.0em 0.2em;
}
img.photo_thumbnail_l {
float:left;
}
img.photo_thumbnail_r {
float:right;
}
.imagelink img,.tt-flickr img,.tt-flickr-l img,.tt-flickr-r img,.effectable img {
background:#FAFAFA;
border:1px solid #DDD;
padding: 0.5em;
}
.tt-flickr-l img,img.photo_thumbnail_l {
float:left;
margin:0 10px 10px 0;
}
.tt-flickr-r img,img.photo_thumbnail_r {
float:right;
margin:0 10px 10px 0;
}

/* }}} */ 
/* {{{ + c - ad */ 
div.inline_ad_l {
margin: 0 1.0em 0 0; 
float: left; 
font-size: 0.7em;
color: #889;
line-height:100%;
}
div.inline_ad_r {
margin: 0 0 0 1.0em; 
float: right; 
font-size: 0.7em;
color: #889;
line-height:100%;
}
/* }}} */ 
/* {{{ + r */ 
.r_post,
.r_sbs,
.r_tags {
margin: 0 0.5em 0 0.3em;
padding: 0.4em 0.2em 0.8em 0.2em;
}

.r_ad {
padding: 1.0em 0 0.8em 0.1em;
font-size: 0.6em;
color: #889;
line-height: 100%;
}

.r_post {
border-bottom: 1px solid #ccc;
}
.r_sbs { 
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}
.r_tags {
border-top: 1px solid #fff;
}
.r_post h3, 
.r_sbs h3, 
.r_tags h3 {
margin: 0 0 0.7em 0;
padding: 0 0 0 1.3em;
font-size: 0.8em;
font-weight: normal; 
} 
.r_post ul, 
.r_sbs ul, 
.r_tags ul {
list-style: none;
font-size: 0.7em;
margin: 0.2em 0 0.5em 0;
line-height: 1.8em;
color: #999;
}
.r_post a, .r_post a:link, .r_post a:visited, 
.r_sbs a,  .r_sbs a:link,  .r_sbs a:visited, 
.r_tags a, .r_tags a:link, .r_tags a:visited {
color: #4981B8; 
text-decoration: none; 
padding: 0 0 0 1.6em;
background-position: 0 0.2em;
}
.r_post a:hover, .r_post a:focus, 
.r_sbs a:hover,  .r_sbs a:focus, 
.r_tags a:hover, .r_tags a:focus {
color: #000000;
text-decoration: underline; 
}

div.r_post h3 {
background: url('http://media.aruko.net/photo/pict/quote.gif') no-repeat; 
background-position: 0 0.2em;
}
div.r_sbs h3 {
background: url('http://media.aruko.net/photo/pict/bookmark.gif') no-repeat; 
background-position: 0 0.2em;
}
div.r_tags h3 {
background: url('http://media.aruko.net/photo/pict/tag.gif') no-repeat; 
background-position: 0 0.2em;
}

a#r_post_comments {
background: url('http://media.aruko.net/photo/pict/comment.gif') no-repeat; 
}
a#r_post_trackbacks {
background: url('http://media.aruko.net/photo/pict/transmission.gif') no-repeat; 
}

.r_tags li {
display: inline;
}

.r_tags a,
.r_tags a:link,
.r_tags a:visited {
color: #4981B8; 
text-decoration: none; 
padding: 0.3em 0.4em;
margin: 0.2em; 
line-height: 2.6em;
border-right: 1px solid #C5D3C2;
border-bottom: 1px solid #C5D3C2;
background: #fff; 
font-size: 0.9em;
}
.r_tags a:hover,
.r_tags a:focus {
color: #000000;
background: #CCDCEC;
border-right: 1px solid #4981B8;
border-bottom: 1px solid #4981B8;
text-decoration: underline; 
}

/* }}} */ 

/* {{{ + t(tab) */ 
#t_trans {
padding: 0.5em 1.0em;
}
#t_in,
#t_out {
list-style: none;
margin: 1.2em 0 0 0;
}
#t_in li,
#t_out li {
font-size: 0.8em;
width: 9.0em;
margin: 0 0 0.3em 0;
padding: 0;
background: #fff;
border-bottom: 0.19em solid #4981B8;
text-align: right;
}
#t_in li a,
#t_out li a {
display: block;
width: 6.0em;
height: 1.5em; 
padding: 0.7em 1.0em 0.7em 0;
margin: 0;
text-decoration: none;
color: #000;
}

#t_in li a { 
border-right: 2.0em solid #cccccc;
} 
#t_out li a { 
border-right: 2.0em solid #a8a8a8;
} 

#t_in li a.tab { 
border-right: 2.0em solid #cccccc;
} 
#t_in li a.sel { 
border-right: 2.0em solid #8198C9;
} 

#t_in li a:hover,
#t_in li a:focus, 
#t_out li a:hover,
#t_out li a:focus {
font-weight: bold;
} 

#t_in a#t_in_link_photo:hover,
#t_in a#t_in_link_photo:focus,
#t_in a#t_in_link_about:hover,
#t_in a#t_in_link_about:focus,
#t_in a#t_in_link_2007:hover,
#t_in a#t_in_link_2007:focus,
#t_in a#t_in_link_2006:hover,
#t_in a#t_in_link_2006:focus,
#t_in a#t_in_link_2005:hover,
#t_in a#t_in_link_2005:focus,
#t_in a#t_in_link_2004:hover, 
#t_in a#t_in_link_2004:focus {
border-right: 2.0em solid #386592;
}

#t_out a#t_out_link_blog:hover, 
#t_out a#t_out_link_blog:focus {
border-right: 2.0em solid #779C45;
}

#t_out a#t_out_link_study:hover, 
#t_out a#t_out_link_study:focus {
font-weight: bold;
border-right: 2.0em solid #cd3d3d;
}

/* }}} */ 

/* {{{ + f */ 
#f_left,
#f_contents,
#f_right {
height: 5.0em;
}
/* }}} */ 
/* {{{ + f(logo) */ 
#logo {
position: fixed; 
right: 0;
bottom: 0.2em; 
z-index: 1100;
width: 364px;
/* height: 220px; */
height: 1px;
}
#logo_copyright {
position: absolute; 
left: 100px;
bottom: 8px;
color: #999;
font-size: 0.7em;
text-align: right;
height: 0px; 
overflow: hidden; 
}
#logo_copyright a {
color: #ddd;
} 
#logo_img {
position: absolute; 
left: 85px;
bottom: 20px; 
height: 0px; 
overflow: hidden; 
} 
#logo_menu {
position: absolute; 
left: 130px;
bottom: 5px; 
height: 0px; 
overflow: hidden; 
}
#logo_img a, 
#logo_img img, 
#logo_menu a, 
#logo_menu img {
border: none;
} 

/* }}} */ 
/* {{{ + f(list) */ 
#f_wrap {
text-align: left; 
}

#f_top {
text-align: right;
margin-right: 4em; 
padding: 0;
}

#f_wrap h2 { 
margin: 0 0 0.2em 0;
padding: 0 0.5em;
font-size: 1.2em; 
font-weight: normal; 
color: #fff;
} 

#f_wrap div.f_list {
float: left;
width: 12.5em; 
}

#f_wrap ul { 
list-style: none;
}
#f_wrap li { 
font-size: 0.8em; 
border-top: 1px solid #999;
border-bottom: 1px solid #333;
line-height: 170%; 
}

#f_archives,
#f_tags,
#f_reader,
#f_loves { 
background: #686B63; 
padding: 10px 0 10px 0;
} 

#f_dig0,
#f_dig1,
#f_dig2 {
float: left; 
width: 2.0em;
height: 12em;
text-align: center; 
}


#f_archives_year, 
#f_archives_month {
text-align: center; 
padding-left: 1.0em;
float: left;
}

#f_wrap a, 
#f_wrap a:link, 
#f_wrap a:visited {
color: #fff;
background: none; 
font-weight: normal; 
text-decoration: none; 
padding: 0 0.5em;
} 
#f_wrap a:hover, 
#f_wrap a:focus {
color: #4981B8;
background: #eee;
font-weight: bold; 
} 

#f_archives_year a, 
#f_archives_month a {
display: block;
width: 6.0em;
} 
#f_archives_year a { 
width: 4.0em;
} 
#f_tags_list {
border-top: 1px solid #999;
border-bottom: 1px solid #333;
margin: 0 0.5em;
padding: 0 0 0.5em 0;
}

#f_tags_list li a {
font-size: 0.8em; 
display: inline;
} 
#f_tags_list li {
line-height: 120%; 
display: inline;
border: none;
width: 2em;
}

#f_reader_list, 
#f_loves_list {
margin: 0 1.0em;
}

#f_reader_list a { 
display: block;
} 
#f_loves_list a { 
display: block;
} 
#f_loves_ant {
text-align: right; 
padding: 0.3em 1.0em 0 0;
}

#f_dig0_ant,
#f_dig1_ant,
#f_dig2_ant {
background: #686B63;
padding: 0.2em 0;
}
#f_dig0_ant { 
margin-top: 4em;
}
#f_dig1_ant { 
margin-top: 1em;
}
#f_dig2_ant { 
margin-top: 6em;
}


/* }}} */ 

/* {{{ + code */ 
/*
ハイライトする色の指定
*/
.hl-surround{
background-color: #fcfcfc;
border: 1px solid #eeeeee;
padding: 8px 8px 20px 8px;
margin-bottom: 5px;
width: 400px;
overflow: auto;
text-align: left;
}

.hl-surround, .hl-surround pre, .hl-surround span{
font: normal 9pt 'ＭＳ ゴシック','Courier New', Osaka, monospace;
}

.hl-default{
color: Black;
}
.hl-code{
color: Gray;
}
.hl-brackets{
color: Olive;
}
.hl-comment{
color: #ffa500;
}
.hl-quotes{
color: #8b0000;
}
.hl-string{
color: #CE6060;
}
.hl-identifier{
color: #5B5EBB;
}
.hl-builtin{
color: Teal;
}
.hl-reserved{
color: Green;
}
.hl-inlinedoc{
color: #5B5EBB;
}
.hl-var{
color: #00008b;
}
.hl-url{
color: #5B5EBB;
}
.hl-special{
color: #6D4F86;
}
.hl-number{
color: Maroon;
}
.hl-inlinetags{
color: #5B5EBB;
}
.hl-main{
background-color: transparent;
}

.hl-main pre{
margin: 0; padding: 0;
}
/* }}} + / code */ 

#lightbox { 
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails { 
font-size: 0.8em;
padding-top: 0.4em;
} 
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/_ext/js/lightbox/overlay.png); }

* html #overlay {
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_ext/js/lightbox/overlay.png", sizingMethod="scale");
}

}
@media print {
/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* {{{ + PrintSetting */
#header, 
#header_side, 
#sidebar, 
#footer, 
#footer_side, 
#footer_logo, 
div.nav, 
div.commentsblock, 
div.entrymeta, 
div.entry_ad_google, 
div.entry_ad_amazon { 
position:static; 
display:none; 
} 
html, 
body, 
#content {
height:auto;
overflow:auto;
} 
#content_scroll {
width: 90%; 
} 
/* }}} */

}