@charset "UTF-8"; 
 
/************************************************ 
* Reset * 
************************************************/ 
 
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address { 
font-size: 100%; 
font-weight: normal; 
font-style: normal; 
margin: 0px; 
padding: 0px; 
} 
 
img { 
border-style: none; 
} 
/************************************************ 
* clear * 
************************************************/ 
div:after { 
display: block; 
height:0px; 
clear:both; 
visibility:hidden; 
} 
/************************************************ 
* Layout * 
************************************************/ 
body { 
color: #666666; 
text-align: center; 
margin-top: 0px; 
padding: 0px; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 0px; 
background-image: url(img/body.gif); 
behavior: url("http://www.impressjapan.jp/readers/css/csshover2.htc"); 
font-family: 
Osaka,"ＭＳ Ｐゴシック", /* 和文用 */ 
sans-serif 
 
} 
div#container { 
width: 800px; 
padding-right: 2px; 
padding-left: 2px; 
background-image: url(img/container.gif); 
margin-top: 0px; 
margin-right: auto; 
margin-left: auto; 
padding-top: 0px; 
padding-bottom: 0px; 
background-position: right; 
} 
 
 
 
 
div#header { 
color: #333333; 
text-align: left; 
padding: 0px; 
overflow: hidden; 
background-image: url(img/header.gif); 
height: 52px; 
margin: 0px; 
} 
 
 
div#content { 
font-size: 100%; 
color: #333333; 
text-align: center; 
margin-top: 1px; 
padding-bottom: 1px; 
margin-right: 1px; 
margin-left: 1px; 
background-image: url(img/content.gif); 
width: 798px; 
background-repeat: repeat-y; 
background-position: -1px; 
} 
div#image a { 
background-image: url(img/image.jpg); 
height: 99px; 
background-repeat: no-repeat; 
margin: 0px; 
padding: 0px; 
text-indent: -9999px; 
display: block; 
width: 798px; 
} 
 
 
div#main { 
font-size: 80%; 
color: #666666; 
background-color: #ffffff; 
text-align: left; 
margin: 0; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: 20px; 
width: 585px; 
float: left; 
} 
 
 
div#sub { 
font-size: 100%; 
color: #666666; 
text-align: left; 
margin-top: 0px; 
margin-left: 0px; 
margin-right: 0; 
margin-bottom: 20px; 
width: 210px; 
float: right; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #CCCCCC; 
padding: 0; 
} 
 
 
div#footer { 
font-size: 100%; 
color: #333333; 
text-align: center; 
margin-left: auto; 
margin-right: auto; 
width: 800px; 
clear: both; 
background-color: #F9F9F7; 
background-image: url(img/footer-border.gif); 
background-repeat: repeat-x; 
background-position: top; 
} 
 
div#header h1 a { 
display: block; 
height: 52px; 
text-indent: -9999px; 
width: 800px; 
 
} 
 
div#header img a { 
margin: 0px; 
border: none; 
} 
 
div#header p { 
font-size: 80%; 
color: #333333; 
background-color: #ffffff; 
line-height: 140%; 
margin-top: 5px; 
padding-top: 0px; 
margin-left: 0; 
margin-bottom: 5px; 
padding-bottom: 0px; 
} 
 
 
/************************************************ 
* Content * 
************************************************/ 
 
div#main .inner { 
padding-left: 24px; 
padding-right: 23px; 
line-height: 1.4em; 
} 
div#main h2.title { 
background-image: url(img/title_main.gif); 
height: 38px; 
display: block; 
margin-top: 20px; 
text-indent: -9999px; 
padding: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
} 
 
 
/* 見出し */ 
div#main h2 { 
background-image: url(img/h2_main.gif); 
font-size: 130%; 
font-weight: bold; 
color: #333333; 
margin-top: 2px; 
margin-left: 0px; 
padding-left: 15px; 
margin-right: 0px; 
padding-right: 0px; 
clear: both; 
padding-top: 8px; 
padding-bottom: 4px; 
 
} 
div#main .h2_foot { 
background-image: url(img/h2_main_foot.gif); 
background-repeat: no-repeat; 
font-size: 3px; 
margin: 0px; 
padding: 0px; 
} 
div#main h2 a { 
color: #666666; 
text-decoration: none; 
} 
div#main h2 a:hover { 
color: #666666; 
text-decoration: none; 
} 
div#main .date { 
font-size: 80%; 
color: #CF565B; 
margin-top: 15px; 
display: block; 
} 
div#main .posted { 
clear: both; 
font-size: 80%; 
display: block; 
color: #666666; 
margin-top: 10px; 
padding-top: 2px; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #999999; 
margin-bottom: 50px; 
} 
 
 
 
div#main h3 { 
font-size: 120%; 
font-weight: bold; 
color: #333333; 
background-color: #ffffff; 
margin-top: 10px; 
margin-bottom: 10px; 
clear: both; 
padding-bottom: 0.3em; 
padding-left: 15px; 
background-repeat: no-repeat; 
padding-top: 0.3em; 
background-position: 0px center; 
background-image: url(img/h3.gif); 
} 
/* ハイパーリンク */ 
div#main a { 
text-decoration: none; 
color: #D1565B; 
} 
 
div#main a:hover { 
text-decoration: underline; 
color: #D1565B; 
} 
/* 段落 */ 
div#main p { 
line-height: 20px; 
margin: 0px; 
padding-top: 5px; 
padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 5px; 
} 
.menu { 
padding-top: 20px; 
} 
 
/* 画像 */ 
div#main img { 
border: none; 
margin-bottom: 10px; 
} 
/* リスト */ 
div#main ol,div#main ul { 
margin-top: 0; 
margin-left: 25px; 
margin-right: 0; 
margin-bottom: 10px; 
padding: 0; 
} 
 
div#main ol li,div#main ul li { 
margin-top: 0; 
margin-left: 0; 
margin-right: 0; 
margin-bottom: 0; 
} 
/* 引用 */ 
div#main blockquote { 
color: #333333; 
background-color: #eeeeee; 
line-height: 140%; 
margin-top: 5px; 
border-width: 1px; 
border-style: solid; 
border-color: #999999; 
padding-top: 3px; 
margin-left: 0; 
padding-left: 10px; 
margin-right: 0; 
padding-right: 10px; 
margin-bottom: 5px; 
padding-bottom: 3px; 
} 
 
div#main blockquote p { 
padding-top: 3px; 
padding-left: 0; 
padding-right: 0; 
padding-bottom: 3px; 
} 
 
/* 引用元情報 */ 
div#main cite { 
font-style: italic; 
} 
 
/* 整形済みテキスト */ 
div#main pre { 
border-width: 1px; 
border-style: solid; 
border-color: #CCCCCC; 
padding: 5px; 
overflow: scroll; 
} 
/* 箇条書き（定義リスト） */ 
div#main dl { 
margin-top: 5px; 
margin-bottom: 5px; 
margin-right: 0px; 
margin-left: 0px; 
} 
 
 
div#main dt { 
padding-top: 5px; 
padding-left: 5px; 
padding-right: 0; 
padding-bottom: 10px; 
} 
 
div#main dd { 
padding-left: 5px; 
} 
 
/* 画像左配置 */ 
.mt-image-left { 
float: left; 
margin: 0 20px 20px 0; 
} 
/* 画像中央配置 */ 
.mt-image-center { 
display: block; 
margin: 0 auto 20px; 
text-align: center; 
} 
/* 画像右配置 */ 
.mt-image-right { 
float: right; 
margin: 0 0 20px 20px; 
} 
/* 画像左配置 */ 
div#main .imageleft{ 
margin-right: 10px; 
float: left; 
} 
/* 画像右配置 */ 
div#main .imageright{ 
margin-left: 10px; 
float: right; 
} 
 
/* 続き */ 
div#main .extended { 
margin-top: 10px; 
margin-bottom: 10px; 
float: right; 
display: block; 
} 
 
div#main .entry-tags { 
margin: 10px 0 10px 10px; 
clear: both; 
} 
div#main .entry-tags-header, 
div#main .entry-tags-list, 
div#main .entry-tag { display: inline; } 
div#main .entry-tags-list { 
margin: 0px; 
padding: 0px; 
list-style: none; 
} 
 
 
/* コメンター画像 */ 
div#main .commenter-profile img { 
vertical-align: middle; 
border-width: 0; 
} 
 
/* コメントフォーム */ 
div#main textarea{ 
width: 440px; 
} 
/* コメントフォーム文字サイズ */ 
div#main input,div#main textarea { 
font-size: 100%; 
} 
 
/************************************************ 
* Sidebar * 
************************************************/ 
 
div#sub .inner { 
 
} 
 
/* サイドバーリスト */ 
div#sub dl { 
padding: 0px; 
clear: both; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 15px; 
margin-left: 0px; 
display: block; 
width: 208px; 
} 
 
div#sub dt { 
font-size: 100%; 
font-weight: bold; 
color: #333333; 
margin-left: 0; 
margin-right: 0; 
margin-bottom: 2px; 
padding-top: 0; 
padding-right: 0; 
padding-bottom: 0; 
padding-left: 0; 
} 
 
div#sub dd { 
font-size: 100%; 
padding-right: 12px; 
padding-left: 12px; 
} 
div#sub dt.entry { 
background-image: url(img/sub_entry.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub dt.category { 
background-image: url(img/sub_category.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub dt.comment { 
background-image: url(img/sub_comment.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub dt.trackback { 
background-image: url(img/sub_trackback.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub dt.about { 
background-image: url(img/sub_about.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub dt.search { 
background-image: url(img/sub_search.gif); 
height: 23px; 
width: 209px; 
text-indent: -9999px; 
} 
div#sub ul { 
margin: 0px; 
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
} 
 
div#sub ul li { 
font-size: 75%; 
padding-top: 2px; 
padding-left: 0; 
padding-right: 0; 
padding-bottom: 3px; 
} 
 
div#sub ul li li { 
font-size: 100%; 
margin-left: 20px; 
 
} 
 
div#sub ul li a { 
text-decoration: none; 
margin: 0; 
color: #666666; 
} 
 
div#sub ul li a:hover{ 
text-decoration: underline; 
color: #999999; 
} 
/* サイドバー段落 */ 
div#sub p{ 
line-height: 20px; 
margin: 0; 
padding-top: 3px; 
padding-left: 0; 
padding-right: 0; 
padding-bottom: 0; 
} 
/* サイドバータグクラウド */ 
div#sub .module-tagcloud .module-content 
{text-align: left; } 
 
div#sub .module-tagcloud .module-content .module-list 
{ list-style: none; } 
 
div#sub .module-tagcloud .module-content .module-list .module-list-item 
{ display: inline; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel1 
{ font-size: 170%; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel2 
{ font-size: 150%; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel3 
{ font-size: 130%; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel4 
{ font-size: 110%; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel5 
{ font-size: 90%; } 
 
div#sub .module-tagcloud .module-content .module-list li.taglevel6 
{ font-size: 70%; } 
 
 
div#sub li.item { 
display: inline; 
float: left; 
margin-top: 0px; 
margin-left: 0px; 
margin-right: 10px; 
margin-bottom: 10px; 
overflow: hidden; 
text-align: center; 
vertical-align: middle; 
width: 70px; 
height: 70px; 
} 
 
div#sub ul.category li { 
padding-top: 0.4em; 
padding-bottom: 0.4em; 
list-style-type: none; 
padding-left: 25px; 
} 
div#sub ul.category li.event { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: 0px center; 
} 
div#sub ul.category li.blog { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -200px center; 
} 
div#sub ul.category li.fair { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -400px center; 
} 
div#sub ul.category li.book { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -600px center; 
} 
div#sub ul.category li.present { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -800px center; 
} 
div#sub ul.category li.support { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -1000px center; 
} 
div#sub ul.category li.etc { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -1200px center; 
} 
div#sub ul.category li.about { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -1400px center; 
} 
 
 
div#sub ul.category li.event:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: 0px center; 
} 
div#sub ul.category li.blog:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -200px center; 
} 
div#sub ul.category li.fair:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -400px center; 
} 
div#sub ul.category li.book:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -600px center; 
} 
div#sub ul.category li.present:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -800px center; 
} 
div#sub ul.category li.support:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -1000px center; 
} 
div#sub ul.category li.etc:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -1200px center; 
} 
div#sub ul.category li.about:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -1400px center; 
} 
/************************************************ 
* Footer * 
************************************************/ 
 
/* 段落 */ 
div#footer p { 
font-size: 65%; 
padding-top: 15px; 
font-family: "Times New Roman", Times, serif; 
margin-right: auto; 
margin-left: auto; 
line-height: 1.5em; 
display: block; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-right: 0px; 
padding-left: 0px; 
} 
div#footer a { 
font-family: 
Osaka,"ＭＳ Ｐゴシック", /* 和文用 */ 
sans-serif 
} 
 
 
 
div#footer a:link{color:#FF0099; text-decoration:underline;} 
div#footer a:visited{color:#FF0099; text-decoration:underline;} 
div#footer a:active{color:#FF0099; text-decoration:underline;} 
div#footer a:hover{color:#FF6699; text-decoration:none;} 
 
div#footer img.l { 
float: left; 
margin-left: 20px; 
margin-top: 12px; 
} 
div#footer img.r { 
float: right; 
margin-right: 20px; 
margin-top: 12px; 
} 
 
/************************************************ 
* 追加 * 
************************************************/ 
div#main .comments-form { 
border: 1px solid #CCCCCC; 
background-color: #FFFEEF; 
padding: 15px; 
} 
div#main .comments-form .point { 
color: #CA8E8E; 
} 
div#main p.trackbacks { 
border: 1px solid #CCCCCC; 
background-color: #FFFEEF; 
padding: 15px; 
} 
div#main .comment-footer { 
font-size: 80%; 
padding-top: 2px; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #999999; 
margin-bottom: 15px; 
} 
div#main .trackback-footer { 
font-size: 80%; 
padding-top: 2px; 
border-top-width: 1px; 
border-top-style: solid; 
border-top-color: #999999; 
margin-bottom: 15px; 
} 
 
#sub .f80 { 
font-size: 80%; 
color: #999999; 
line-height: 1.3em; 
} 
#sub a.red { 
color: #D1565B; 
} 
#sub a.red:hover { 
color: #D1565B; 
} 
 
div#main .pager a{ 
color: #D1565B; 
} 
div#main .pager a:hover{ 
color: #D1565B; 
} 
 
div#main .pager .r { 
display: block; 
float: right; 
background-image: url(img/arrow_r.gif); 
background-repeat: no-repeat; 
background-position: right center; 
padding-right: 13px; 
padding-top: 0.25em; 
padding-bottom: 0.25em; 
} 
div#main .pager .l { 
display: block; 
float: left; 
background-image: url(img/arrow_l.gif); 
background-repeat: no-repeat; 
background-position: 0px center; 
padding-left: 13px; 
padding-top: 0.25em; 
padding-bottom: 0.25em; 
} 
div#sub ul.list { 
padding-left: 15px; 
} 
 
div#sub dl.sub-search{ 
margin-bottom:0px; 
} 
 
div#sub form#searchform{ 
margin: 5px 0 5px; 
} 
 
ul.category_blog_navi{ 
margin:0px; 
} 
 
ul.category_blog_navi li{ 
list-style:none; 
float:left; 
} 
 
ul.category_blog_navi li a{ 
display:block; 
border:1px dotted #BF181F; 
padding:2px; 
margin-left:4px; 
} 
 
ul.category_blog_navi li a:hover{ 
border:1px solid #BF181F; 
} 
 
ul.category_blog_navi li.previous_link,ul.category_blog_navi li.previous_link a 
ul.category_blog_navi li.next_link,ul.category_blog_navi li.next_link a{ 
width:230px; 
} 
ul.category_blog_navi li.archives_link{ 
width:55px; 
} 
 
ul.category_blog_navi li.previous_link a{ 
padding-left:15px; 
background:url(img/arrow-previous.gif) 1% 10% no-repeat; 
} 
ul.category_blog_navi li.next_link a{ 
padding-right:15px; 
background:url(img/arrow-next.gif) 99% 10% no-repeat; 
} 
ul.category_blog_navi li.archives_link a{ 
text-align:center; 
font-weight:bold; 
} 
 
div#main .posted { 
margin-bottom:20px; 
} 
div#sub ul.category li.dcm { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -1800px center; 
} 
div#sub ul.category li.km { 
background-image: url(img/category.gif); 
background-repeat: no-repeat; 
background-position: -1600px center; 
} 
div#sub ul.category li.dcm:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -1800px center; 
} 
div#sub ul.category li.km:hover { 
background-image: url(img/category_hover.gif); 
background-repeat: no-repeat; 
background-position: -1600px center; 
} 
/* socail link 20101217 */

div#main .social_icon_section {
	text-align:left;
}

div#main .social_icon_unit li {
	float:left;
	margin-right:1px;
	list-style:none;
}

div#main .social_icon_unit li img {
	margin-bottom:0px;
}

div#main ul.social_icon_unit {
	margin:0px;
}

div#main .social_icon_unit li.mixi {
	position:relative;
	top:-4px;
	margin-left:0px;
}

div#main .social_icon_unit li.twitter {
	position:relative;
	top:0;
	left:3px;
	margin-left:4px;
}

div#main .social_icon_unit li.facebook {
	position:relative;
	top:1px;
	left:0px;
}

div#main .social_icon_unit li.evernote {
	position:relative;
	top:2px;
	left:5px;
	margin-left:5px;
}