@charset "UTF-8";
/* Created by @Style http://atstyle.biz/ */
/* ページ全体 */

body {
/*    font-size: 100%; */
    font-size: 90%;
    color: #333333;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}


/* 全体のリンク色 */

A {
/*    color: #3333CC; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:link {
/*    color: #3333CC; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:link:hover {
    color: #FF3300;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:link:active {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:visited {
/*    color: #3333CC; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:visited:hover {
    color: #FF3300;
    background-color: #FFFFFF;
    text-decoration: underline;
}

A:visited:active {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: underline;
}

.clear {
    clear:both;
}

/* パディング設定 */
.pad {
    padding:10px;
}


p {
    margin:0;
    padding:10px;
}

.none{
    display: none;
}

hr {
    display: none;
}

/* ヘッダー */

#header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
/*    color: #333333; */
    color: #4788C9;
    background-color: #FFFFFF;
    margin: 10px 0 10px 0;
}

#header h1 {
/*    color: #333333; */
    color: #4788C9;
/*    font-size: 1.5em; */
    font-size: 2em;
    margin: 10px 0 0 0;
    padding: 10px;
    background-color: #FFFFFF;
    }

.description {
    color: #333333;
    padding-left: 10px;
    background-color: #FFFFFF;
    font-size: 11px;
}


/* ヘッダーリンク色 */

#header A {
/*    color: #333333; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:link {
/*    color: #333333; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:link:hover {
    color: #FF3300;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:link:active {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:visited {
/*    color: #333333; */
    color: #4788C9;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:visited:hover {
    color: #FF3300;
    background-color: #FFFFFF;
    text-decoration: none;
}

#header A:visited:active {
    color: #000000;
    background-color: #FFFFFF;
    text-decoration:none;
}

/* レイアウト */

#container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    padding: 0;
    width: 100%; 
}



#left-container {
    width:100%;
    float:left;
    margin-right:-240px;
}



#left-container .sub {
    width:100%;
    float:right;
    margin-left:-240px;
}


#left {
    width:240px;
    float:left;
}


#right {
    width:240px;
    float:right;
}


/* 記事まわり */

#main {
    margin:0 240px 0 240px;
    padding:10px;
}

#main img {
    border-style: none;
}

/* 画像左寄せ */
#main .imageleft{
    padding-right: 10px;
    float: left;
}
/* 画像右寄せ */
#main .imageright{
    padding-left: 10px;
    float: right;
}

#main h2 {
/*
    font-size: 125%;
    margin-bottom: 5px;
    ie win (5, 5.5, 6) bugfix
*/
   p\osition: relative; 
   width: 100%;
   w\idth: auto;

   margin: 0px;
   border-top: 1px dotted #c2c2c2;
   border-bottom: 1px dotted #c2c2c2; 
   padding: 5px 10px 5px 5px;
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}

#excerpt h2 {
   p\osition: relative; 
   width: 100%;
   w\idth: auto;

   margin: 0px;
   border-top: 1px dotted #c2c2c2;
   padding: 5px 10px 5px 5px;
   color: #000000;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
}

#main h3 {
    font-size: 100%;
    margin-bottom: 5px;
}

#main h3 img {
    margin: 0px;
    padding: 0px;
}

#menu {
    font-size: 90%;
    text-align: left;
    margin-bottom: 15px;
}


strong {
    color: #FF3300;
    background-color: #FFFFFF;
}


.sign {
    margin-bottom: 10px;
}


.extended {
    display:block;
    float:right;
}

.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list { 
    list-style:none;
    padding: 0px;
}


#main .posted {
    font-size: 90%;
    margin-top: 20px; 
    margin-bottom: 10px; 
/*    margin-bottom: 25px; */
    padding: 3px;
}

#main .posted2 {
    font-size: 90%;
    margin-top: 0px; 
    margin-bottom: 10px; 
    padding: 3px;
}

#comment-data {
    float: left;
    width: 180px;
    padding-right: 15px;
    margin-right: 15px;
    text-align: left;
    border-right: 1px dotted #BBB;
}

/* テキストエリア文字サイズ・広さ設定 */

textarea[id="comment-text"] {
    width: 80%;
}

/* コメンター画像ボーダー消去 */

.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}


/* サイドバー */

#left h2,#right h2 {
/*
    font-size: 90%;
*/
    font-size: 14px;
    font-weight: bold;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 5px;
}


/* サイドバーリスト */
#main ul,#left ul,#right ul{
    font-size: 100%;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 8px;
    margin-right: 0px;
    margin-bottom: 10px;
}

#main ul ul,#left ul ul,#right ul ul{
    margin-bottom: 0px;
}

#main li,#left li,#right li {
    font-size: 100%;
    color: #333333;
    background-color: #FFFFFF;
    text-align: left;
    line-height: 120%;
    margin-top: 3px;
    list-style-type: none;
}

/* サイドバー画像 */
#left img,#right img {
    margin-top: 3px;
    border-style: none;
    margin-bottom: 3px;
}

#powered {
    font-size: 80%;
    line-height: 150%;
    text-align: left;
    color: #666666;
    background-color: #FFFFFF;
    margin-top: 10px;
}

.photo {
    text-align: left;
    margin-bottom: 20px;
}

.link-note {
/*
    font-size: 80%;
*/
    font-size: 100%;
    line-height: 150%;
    text-align: left;
    padding: 2px;
    margin-bottom: 10px;
}

/* フッター */
#footer {
    color: #333333;
    text-align: center;
    background-color: #FFFFFF;
    padding: 10px;
}

/* アドレス */
address {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    font-weight: bold;
}

/* タイトル*/
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative; 
	width: 100%;
	w\idth: auto;

	margin: 0;
	border-top: 1px dotted #c2c2c2;
	border-bottom: 1px dotted #c2c2c2;
	padding: 5px 10px 5px 5px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.module-header a,
.trackbacks-header a,
.comments-header a,
.comments-open-header a,
.archive-header a
{
	color: #9ab0bf;
	font-weight: bold;
	text-decoration: underline;
}

.module-header a:visited,
.trackbacks-header a:visited,
.comments-header a:visited,
.comments-open-header a:visited,
.archive-header a:visited
{
	color: #9ab0bf;
}

.module-header a:hover,
.trackbacks-header a:hover,
.comments-header a:hover,
.comments-open-header a:hover,
.archive-header a:hover
{
	color: #9ab0bf;
}

div.menu {
   text-align: center;
   width: 90%;
   padding: 10px;
}

div.title-left {
   margin-left: 15px;
   float: left;
   width: 340px;
}

table.title-list {
   padding: 0px;
   border: 1px;
   width: 500px;
   text-align: center;
}

th.title-th {
   padding: 0px 10px 10px 10px;
   width: 500px;
   text-align: center;
}

td.title-td {
   padding: 0px 10px 20px 10px;
   width: 140px;
   text-align: center;
}

#title-img {
   padding: 0px;
   border: 1px solid #0000ff;
   width: 140px;
   text-align: center;
}

.pad-left {
   margin-left: 15px;
}

.ranking {
   padding: 0px;
   font-size: 90%;
   border: 1px solid #c2c2c2;
}