@charset"UTF-8";

/*
# web : facta.co.jp
# file : article.css
# edit by : takano@facta.co.jp
# last update : 2010/12/20
*/

/*
# --------------------------------------------------------------------------------
# import css
# --------------------------------------------------------------------------------
*/

/* 共通CSS */
@import"style.css";

/* レイアウトCSS */
@import"layout.css";

/* パーツCSS */
@import"parts.css";

/* ログインCSS */
@import"login.css";

/*
# --------------------------------------------------------------------------------
# entry text
# --------------------------------------------------------------------------------
*/

/* text */
.content p {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.9em;
    letter-spacing: 0.09em;
    text-indent: 1em;
    color: #1b1b1b;
    margin: 0 0 20px 0;
}

/* note */
.content p.note {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0 0 10px 0;
}

/* footer link */
.content p.link {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    padding: 30px 0 10px 0;
    text-align: center;
}

.content blockquote {
    text-align: left;
    padding: 15px 10px 0 10px;
    margin: 0 0 20px 0;
    border: 1px dotted #999999;
}

/* title */
.content h1 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0;
}

/* subtitle */
.content h2 {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.5em;
    letter-spacing: 0.06em;
    color: #1b1b1b;
    margin: 0 0 12px 0;
}

.content h2.name {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.06em;
    color: #1b1b1b;
    margin: 10px 0 3px 0;
}

.content h2.status {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.06em;
    color: #1b1b1b;
    margin: 0 0 12px 0;
}

/* subhedding */
.content h3 {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0 0 20px 0;
    padding-left: 7px;
    border-left: 3px solid #88acbd;
}

/* date & subcategory */
.content h6 {
    font-family: sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #999999;
}

.content img {
    border : solid 1px #CCC;
    padding: 5px;
    margin: 10px 0 10px 0;
}

.content img.leftimg{
    float: left;
    margin: 5px 10px 5px 0px;
}

.content img.rightimg{
    float: right;
    margin: 5px 0px 5px 10px;
}

/* paging */
.content p.paging  {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    padding: 10px 0 5px 0;
    margin-bottom: 5px;
    text-align: center;
}

.content p.paging-link {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    padding: 5px 0;
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
}


/* author style */
.content div#author {
    padding: 10px;
    margin: 30px 0 0 0;
    background-color: #f0f0f0;
}

.content div#author p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.09em;
    color: #1b1b1b;
    margin: 0;
}

.content div#author h4 {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0 0 10px 0;
}

.content div#author img {
    float: left;
    margin: 0 10px 10px 0;
    border: none;
}

/* profile style */
.content div#profile {
    float: right;
    width: 215px;
    margin: 10px 0 10px 15px;
    border-left : solid 1px #cfcfcf;
}

.content div#profile p {
    margin: 0;
    padding: 0 0 10px 15px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.09em;
    color: #1b1b1b;
    text-indent: 0;
}

.content div#profile h4 {
    margin: 0;
    padding: 0 0 10px 15px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

.content div#profile h5 {
    margin: 0;
    padding: 0 0 10px 15px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

.content div#profile img {
    margin: 0;
    padding: 0 0 10px 15px;
    border: none;
}

/* kakomi style */
.content div.kakomi-center {
    float: center;
    width: 617px;
    margin: 10px 0 10px 0;
    border-bottom : solid 1px #cfcfcf;
}

.content div.kakomi-right {
    float: right;
    width: 215px;
    margin: 10px 0 10px 15px;
    border-left : solid 1px #cfcfcf;
}

.content div.kakomi-left {
    float: left;
    width: 215px;
    margin: 5px 15px 10px 0;
    border-right : solid 1px #cfcfcf;
}

.content div.kakomi-center h4,
.content div.kakomi-right h4,
.content div.kakomi-left h4 {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.09em;
    color: #1b1b1b;
    margin: 0;
}

.content div.kakomi-center p,
.content div.kakomi-right p,
.content div.kakomi-left p {
    margin: 0;
    font-size: 0.6em;
    font-weight: normal;
    line-height: 1.0em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    text-align: right;
}

.content div.kakomi-center img,
.content div.kakomi-right img,
.content div.kakomi-left img {
    margin: 0;
    border: none;
}

.content div.kakomi-center h4,
.content div.kakomi-center p,
.content div.kakomi-center img {
    padding: 0 0 10px 0;
}

.content div.kakomi-right h4,
.content div.kakomi-right p,
.content div.kakomi-right img {
    padding: 0 0 10px 15px;
}

.content div.kakomi-left h4,
.content div.kakomi-left p,
.content div.kakomi-left img {
    padding: 0 15px 10px 0;
}

/* trackbacks style */
#trackbacks {
    clear: both;
    padding: 0 10px;
    margin: 10px 20px;
    border: 1px dotted #999999;
}

#trackbacks h6 {
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    border-bottom: 1px dotted #999999;
    padding: 7px 0;
    margin: 0;
}

#trackbacks p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    margin: 15px 0;
}

#trackbacks hr {
    border: 1px solid #999999;
    margin-bottom: 5px;
    color: #CCCCCC;
}

/* related style */
#related,
#samecat {
    clear: both;
    margin: 10px 20px;
    padding: 10px;
}

#related h6,
#samecat h6 {
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    padding: 0 0 0 7px;
    margin: 0 0 5px 0;
    border-left: solid 7px #eb6100;
}

#related p,
#samecat p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    padding: 2px 0;
}

/* cover style */
#cover {
    clear: both;
    width: 617px;
    height: 133px;
    margin: 10px 20px 10px 20px;
    background-color: #f4f6fe;
}

#cover img {
    float: left;
    padding: 10px 20px 0px 10px;
}

#cover h6 {
    font-size: 0.8em;
    text-align: left;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    padding: 7px 0;
}

#cover p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

/* hr style */
.content hr.dash{
    margin-bottom: 15px;
    height: 1px;
    border: none;
    border-bottom: 1px dotted #999999;
}

.content img.noborder {
    border: none;
}

.content br.clr {
    clear:both;
    margin: 0;
    padding: 0;
}

/*
# --------------------------------------------------------------------------------
# index text
# --------------------------------------------------------------------------------
*/

/* text */
.index p {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0 0 15px 0;
}

/* title */
.index h1 {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: 0.06em;
}

.index h2 {
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.06em;
}

/* subcategory */
.index h4 {
    font-size: 0.7em;
    font-weight: bold;
    letter-spacing: 0.08em;
    color: #666;
}

.index h4.inside {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #666;
    padding-left: 2px;
    margin-bottom: 10px;
    background-color: #eee;
}

/* inside */
.index h3 {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 0 0 10px 0;
}

/* search */
.index h6 {
    font-family: sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    letter-spacing: 0.08em;
    text-align: right;
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dotted #999999;
}

/* footer link */
.index p.link {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    padding: 30px 0 10px 0;
    text-align: center;
}


/*
# --------------------------------------------------------------------------------
# tools
# --------------------------------------------------------------------------------
*/

.content ul#tools {
    float: right;
    list-style-type: none;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.7em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
    margin: 5px 0 15px 0;
}

#tools li {
    float: left;
    position: relative;
    margin: 0 0 0 15px; 
    list-style: none;
    text-align: left;
}

#tools li a {
    display: block;
}

#tools li a strong {
    font-weight: normal;
}

#tools ul {
    display: none;
    position: absolute;
    left: 20px;
    width: 169px;
    padding: 3px 0;
    background: #fff;
    border: 1px solid #cfcfcf;
}

#tools ul li {
    border: 0;
    float: none;
    padding:3px 0;
    text-decoration: none;
}

#tools li.facebook-like {
    margin: 0 0 0 2px;
    padding: 0;
}

#tools ul a {
    padding: 0 5px 5px 5px;
    white-space: nowrap;
}

#tools a.bookmark {
    margin: 0 0 0 6px;
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-bookmark.gif") no-repeat 0 3px;
}

#tools a.print {
    margin: 0 0 0 6px;
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-print.gif") no-repeat 0 3px;
}

/*
#tools a.twitter {
    margin: 0 0 0 6px;
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-twitter.gif") no-repeat 0 3px;
}
*/

#tools a.factashare {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-factashare.gif") no-repeat 0 3px;
}

#tools a.hatena {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-hatena.gif") no-repeat 0 3px;
}

#tools a.newsing {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-newsing.gif") no-repeat 0 3px;
}

#tools a.yahoobookmark {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-yahoobookmark.gif") no-repeat 0 3px;
}

#tools a.livedoorclip {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-livedoorclip.gif") no-repeat 0 3px;
}

#tools a.facebook {
    padding: 0 0 1px 20px;
    background: transparent url("/images/icon-facebook.gif") no-repeat 0 3px;
}


/*
# --------------------------------------------------------------------------------
# table
# --------------------------------------------------------------------------------
*/

/* table-200708-093 */
table.table-200708-093 {
    clear: both;
    width:100%;
    margin-bottom: 15px;
}

.table-200708-093 caption {
    font-size: 0.7em;
    font-weight: normal;
    letter-spacing: 0.08em;
    text-align: right;
    color: #1b1b1b;
}

.table-200708-093 tr {
    background-color: #eeeeee;
}

.table-200708-093 tr.color1 {
    background-color: #dbefaa;
}

.table-200708-093 tr.color2 {
    background-color: #eef9d3;
}

.table-200708-093 th {
    padding: 4px;
    background-color: #999999;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    text-align: center;
    color: #ffffff;
}

.table-200708-093 td {
    padding: 4px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

.table-200708-093 td.title {
    padding: 4px;
    background-color: #ffffff;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

/* table-200801-089 */
table.table-200801-089 {
    clear: both;
    width:100%;
    margin-bottom: 15px;
}

.table-200801-089 caption {
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: left;
    color: #1b1b1b;
}

.table-200801-089 tr {
    background-color: #eeeeee;
}

.table-200801-089 tr.color1 {
    background-color: #fff5ff;
}

.table-200801-089 tr.color2 {
    background-color: #ecf4fe;
}

.table-200801-089 tr.color3 {
    background-color: #ecfef8;
}

.table-200801-089 tr.color4 {
    background-color: #dddddd;
}

.table-200801-089 th {
    padding: 2px;
    background-color: #999999;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    text-align: center;
    color: #ffffff;
}

.table-200801-089 td {
    padding: 2px;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

.table-200801-089 td.note {
    padding: 2px;
    background-color: #ffffff;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}

/* table-200808-091 */
table.table-200808-091 {
    clear: both;
    width:100%;
    margin-bottom: 15px;
}

.table-200808-091 caption {
    font-size: 1.0em;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: left;
    color: #1b1b1b;
}


.table-200808-091 tr.color1 {
    background-color: #e3f0ff;
}

.table-200808-091 tr.color2 {
    background-color: #eeeeee;
}

.table-200808-091 tr.color3 {
    background-color: #ffffff;
}

.table-200808-091 th {
    padding: 4px;
    background-color: #00469d;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    text-align: center;
    color: #ffffff;
}

.table-200808-091 td {
    padding: 4px;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.08em;
    color: #1b1b1b;
}