@charset "UTF-8";

a:link{ text-decoration: none; color:#232287; }
a:visited{ text-decoration: none; color:#232287; }
a:active{ text-decoration: none; color:#232287; }
a:hover{ text-decoration: underline; color:#E5151F; }

body {
margin: 0;
padding: 0;
background-color: #FFF;
text-align: center;
}

h1, h2, h3, h4, p {
margin: 0;
padding: 0;
font-weight: normal;
}

.body{
font-size:small;
line-height:150%;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

.caption{
font-size:x-small;
line-height:150%;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

.nice{
border: #0090FF 1px solid;
background-color: #FFD900;
padding: 0 2px;
margin: 0;
color: #0090FF;
}

textarea, select, option{
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
line-height: 140%;
}

input{
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
line-height: 100%;
}

form{
margin: 0;
padding: 0;
}

#container {
width :770px;
line-height: 150%;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 0;
}

#header {
width :770px;
color: #000;
}

#header p{
float: right;
padding: 2px 0 2px 10px;
margin: 0;
font-size: 10.5px;
}

#header .memberMenu{
float: left;
font-size: 10.5px;
padding: 2px 10px 2px 0;
}

#header .menuDecoration{
background: url("/_skin/system/100156/images/arrowR_small.gif") no-repeat left center;
margin-left: 5px;
padding-left: 8px;
}

#banner{
clear: both;
height: 241px;
width: 770px;
padding: 0;
margin: 0;
/* background: url(/_skin/system/100156/images/main.jpg) no-repeat; */
background:url("/_images/blog/_253/jta/ofb2013A.jpg") no-repeat;
overflow: hidden;
}

#banner h1{
text-indent: -5000em;
}

#banner h1 a{
height: 240px;
width: 770px;
display: block;
text-decoration: none;
}

#banner .lead{
display: none;
}

#content {
width: 768px;
background: url(/_skin/system/100156/images/tateline.gif) repeat-y right top;
border: 1px solid #232287;
overflow: hidden;
}

#main {
float: left;
width: 416px;
margin: 0;
padding: 20px 64px;
overflow: hidden;
}

#main .archive-title{
width: 416px;
margin-bottom: 20px;
border-bottom: 1px solid #232287;
color: #000;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

#main .archive-name{
font-size: x-small;
float: left;
}

#main .previousLink{
background: url("/_skin/system/100156/images/arrowL_small.gif") no-repeat left center;
padding-left: 10px;
font-size: x-small;
}

#main .nextLink{
background: url("/_skin/system/100156/images/arrowR_small.gif") no-repeat right center;
padding-right: 10px;
font-size: x-small;
}

.archive-bottom{
width: 416px;
color: #000;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

#main .archive-links{
background: url("/_skin/system/100156/images/arrowT_small.gif") no-repeat left center;
padding-left: 9px;
font-size: x-small;
float: right;
}

.articles{
width: 416px;
padding-bottom: 20px;
border-bottom: 1px solid #232287;
color: #000;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: small;
line-height: 150%;
clear:both;
overflow: hidden;
}

.articles p{
text-align: left;
margin-bottom: 1em;
}

.articles h3{
margin-bottom: 16px;
font-size: small;
font-weight: bold;
line-height: 120%;
}

.articles h4{
margin-bottom: 12px;
font-size: small;
font-weight: bold;
line-height: 120%;
}

.articles font {
line-height: 140%;
}

.articles td{
font-size: small;
line-height: 150%;
}

.articles blockquote {
line-height: 150%;
padding: 0;
margin: 0;
}

.posted{
line-height: 150%;
font-size: x-small;
}

#nice{
margin-top: 20px;
padding: 12px;
border: 1px solid #232287;
overflow: hidden;
}

#nice h4.nice-title{
background: url("/_skin/system/100156/images/icon-nice.gif") no-repeat 0px 4px;
padding: 3px 3px 3px 24px;
font-size: small;
font-weight: bold;
}

#nice td{
font-size: x-small;
line-height: 120%;
}

#nice form{
margin: 10px 0;
}

#comments{
margin-top: 20px;
padding: 12px;
border: 1px solid #232287;
overflow: hidden;
}

#comments form{
margin: 10px 0;
}

.comments{
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
margin: 15px 0;
}

.comments-namecard{
float: left;
width: 48px;
text-align:center;
}

.comments-body{
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
line-height: 150%;
margin-left: 60px;
width: 320px;
}

#comments .delete{
margin: 12px 0 6px 60px;
}

#comment-write{
margin-top: 20px;
padding: 12px;
border: 1px solid #232287;
overflow: hidden;
}

.comment-write{
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: x-small;
line-height: 150%;
text-align: left;
margin: 15px 0px;
}

.comment-write textarea{
width: 320px;
}

#trackback{
margin-top: 20px;
padding: 12px;
border: 1px solid #232287;
overflow: hidden;
}

#trackback .trackback {
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: small;
line-height: 150%;
text-align: left;
margin: 15px 0;
}

#trackback .trackback input{
margin-top: 6px;
}

#related {
margin-top: 20px;
padding: 12px;
border: 1px solid #232287;
overflow: hidden;
}

#related ul {
margin: 0;
padding: 0 0 0 20px;
}
#related li {
padding-bottom: 3px;
}

.related {
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: x-small;
line-height: 130%;
text-align: left;
margin: 15px 0;
}

.sonet-asin-area{
padding-bottom: 12px;
clear: both;
}

.sonet-asin-image{
padding-right: 12px;
border: 0;
float: left;
}

p.sonet-asin-title{
padding: 0 6px;
margin-top: 0;
margin-bottom: 3px;
}

.sonet-asin-info ul{
padding: 0 6px;
margin: 0;
}

li.sonet-asin-label{
line-height: 140%;
list-style-type: none;
font-size: x-small;
margin-bottom: 6px; 
}

.sonet-asin-break{
clear:both;
}

#side{
width: 223px;
float: right;
font-size: x-small;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

.sidebar {
width: 223px;
overflow: hidden;
}

.sidebar h3{
padding: 3px 10px;
background: #232287;
font-weight: bold;
color: #fff;
font-size: small;
line-height: 120%;
}

.sidebar h3 a:link{ text-decoration: none; color:#fff; }
.sidebar h3 a:visited{ text-decoration: none; color:#fff; }
.sidebar h3 a:active{ text-decoration: none; color:#fff; }
.sidebar h3 a:hover{ text-decoration: underline; color:#fff; }

.sidebar h3.calendar {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_calendar.gif) no-repeat;
}

.sidebar h3.profile {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_profile.gif) no-repeat;
}

.sidebar h3.latestEntry {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_articles.gif) no-repeat;
}

.sidebar h3.latestComment {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_comment.gif) no-repeat;
}

.sidebar h3.trackBack {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_trackback.gif) no-repeat;
}

.sidebar h3.category {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_category.gif) no-repeat;
}

.sidebar h3.search {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_search.gif) no-repeat;
}

.sidebar h3.about {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_about.gif) no-repeat;
}

.sidebar h3.links {
height: 21px;
text-indent: -5000em;
background: url(/_skin/system/100156/images/ttl_links.gif) no-repeat;
}

.sidebar #profile{
padding: 12px 20px;
font-size: x-small;
overflow: hidden;
}

.sidebar #profile img{
float: left;
padding: 0;
margin: 0;
}

.sidebar #profile .status{
margin-left: 84px;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

#profile .profileLink{
background: url("/_skin/system/100156/images/arrowR_small.gif") no-repeat left center;
line-height: 160%;
padding-left: 8px;
}

.sidebar form{
padding: 8px 20px;
font-size: x-small;
}

.sidebar form input{
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", "MS PMincho", "Hiragino Mincho Pro W3", Arial, sans-serif;
}

.sidebar ul{
padding: 12px 20px;
margin: 0px;
}

.sidebar li {
padding-left: 8px;
margin-bottom: 8px;
background: url(/_skin/system/100156/images/arrowS.gif) no-repeat left center;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
text-align: left;
line-height: 130%;
list-style-type: none;
font-size: x-small;
list-style-position:outside;
}

.new{
margin-left:6px;
color: #E5151F;
font-weight:bold;
font-size: x-small;
line-height: 120%;
}

.more {
width: 188px;
text-align: right;
padding: 0;
margin: 0;
}

#calendar{
padding: 12px 20px;
margin: 0;
font-size: x-small;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

.calendar-date{
text-align:center;
margin: 0;
}

#calendar table.day{
margin-top: 3px;
margin-bottom: 0;
text-align: center;
border-spacing: 1px;
}

#calendar table.day td{
width: 21px;
}

#calendar table{
border-spacing: 1px;
text-align: center;
padding: 2px;
border: 0px;
}

#calendar td{
height: 21px;
width: 21px;
text-align: center;
line-height: 120%;
}

#calendar td.link {
background: #E5151F;
}

#calendar td a{
color: #fff;
font-weight: bold;
}

.button a{
text-decoration: none;
}

.rss-reader {
background: #E5151F url("/_skin/system/100156/images/arrowR_large.gif") no-repeat left center;
text-align: center;
font-size: 10px;
padding: 0;
margin: 0 2px 12px 2px;
color: #fff;
height: 18px;
}

.rss-reader a{ text-decoration: none; color:#fff; }
.rss-reader a:link{ text-decoration: none; color:#fff; }
.rss-reader a:visited{ text-decoration: none; color:#fff; }
.rss-reader a:active{ text-decoration: none; color:#fff; }
.rss-reader a:hover{ text-decoration: underline; color:#fff;}


.sidebar .customPane-body {
padding: 0;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
font-size: x-small;
text-align: left;
}

.sidebar h3.customPane {
display: none;
}

.sidebar .customPane-body p {
line-height: 150%;
}

#powered {
padding: 12px 20px 6px 20px;
}

#powered img {
border:0;
}

#rssfeed {
font-size:x-small;
padding: 0px 20px;
}

#rss img{
padding: 0px 20px;
border:0;
}

pre {
font-size: small;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

/*--Tag--*/
.tag-word{
margin:10px 0 0 0;
}
.tag{
padding:0 5px;
}
#tag_cloud{
border:1px solid #cccccc;
margin-bottom:10px;
padding:12px 10px;
text-align:left;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
padding-top:5px;
font-size:16px;
text-align:left;
font-weight:bold;
}
.tag-body{
margin:10px 0;
}
.tag-service{
text-align:left;
font-weight:bold;
border-bottom:1px solid #cccccc;
padding:0 0 3px 0;
clear:left;
position:relative;
}
.tag-search{
text-align:right;
padding:5px 0;
margin-bottom:10px;
}
.tag-article{
padding:2px 10px;
text-align:left;
}
.tag-article-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-article-posted{
}
.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
}
.tag-more{
text-align:right;
margin:10px 0;
clear:left;
}
.tag-photos{
float:left;
margin:0px 10px;
width:140px;
height:200px;
}
.tag-photos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-audios{
margin:2px 10px;
}
.tag-audios-title{
text-align:left;
padding:0 0 5px 0;
}
.tag-audios-posted{
}
.tag-videos{
float:left;
margin:0 10px;
}
.tag-videos-title{
line-height:1.4em;
padding:5px 0;
text-align:left;
}
.tag-navi{
clear:left;
text-align:center;
margin:10px 0;
}

.trackback-url input {
width:98%;
}

#trackback .trackback input {
width:98%;
}

#footer{
color: #000;
clear:both;
width: 770px;
margin-right: auto;
margin-left: auto;
padding-bottom:12px;
padding-top: 12px;
font-family: Verdana, Lucida, Arial, Helvetica, Sans-serif;
}

#footer .copyright{
text-align: right;
font-size: x-small;
line-height:150%;
}


/* from base.css 20110513 update*/

/* twitterBlockQuote CSS update 2011/02/09 */
.twitterQuote {clear: both; margin: 5px 3px; text-align: left;}
.twitterQuote ul.tw_timeline {padding: 0;margin: 0; list-style: none;}
.twitterQuote li.tw_hentry  {border-top: 1px solid #EEE; padding: 10px 0px 10px;}
.twitterQuote li.tw_e {border-top: 1px solid #EEE; padding: 10px 0px 10px;}
.twitterQuote li:first-child {border: none;}
.twitterQuote .tw_hentry img  {margin: 0;padding: 0;	border:0;}
.twitterQuote .tw_e img {margin: 0;padding: 0;	border:0;}
.twitterQuote .tw_thumb {display: block;position: absolute;width: 50px;height: 50px;}
.twitterQuote .tw_t {display: block;position: absolute; width: 50px; height: 50px;}
.twitterQuote .tw_status-body {display: block; padding-right: 5px; line-height: 19px;margin-left:59px;min-height: 48px;height: auto !important;/* IE */height: 48px;/* IE */}
.twitterQuote .tw_b {display: block; padding-right: 5px; line-height: 19px;margin-left: 59px;min-height: 48px;height: auto !important;/* IE */height: 48px;/* IE */}
.twitterQuote .nopics .tw_status-body {margin-left:0;}/* nopics */
.twitterQuote .nopics .tw_b {margin-left:0;}/* nopics */
.twitterQuote .tw_status-content  {margin-right: 5px;}
.twitterQuote .tw_c {margin-right: 5px;}
.twitterQuote .tw_entry-content a {font-weight:normal;}
.twitterQuote .tw_entry-meta  {display: block;font-size: 0.8em;}
.twitterQuote .tw_d {display: block;font-size: 0.8em;}

/* bookmark */
.bookmark ul{margin:15px 0 0 0; padding:0;}
.bookmark ul:after {clear:both; height:0; visibility:hidden; display:block; content: ".";}
.bookmark li {float:left; list-style:none; margin-right:7px; height:20px;}