@charset "Shift_JIS";

* {
    padding: 0;
    margin: 0;
}

a:link {
    color : #708090;
    letter-spacing : 0px;
    background-color:#fff; /* 背景色 */
    text-decoration: none;
}

a:visited {
    color : #708090;
    letter-spacing : 0px;
    background-color:#fff; /* 背景色 */
    text-decoration: none;
}

a:hover {
    color : #dcdcdc;
    background-color:#fff; /* 背景色 */
    text-decoration: none;
}

p {
    padding-left:20px;
}

/* フォントスタイル フォントサイズ */
body {
    font-size: 70%;
    text-align: center;
    font-family:"メイリオ", Verdana,"ＭＳ Ｐゴシック",Osaka,Sans-serif;
    line-height:200%;
    margin:0px;
    padding:10px;
    border-style:none;
}

img {
    border:0px solid #aaa;
    margin: 0 auto;
}


/* レイアウト */

#wrapper {
    text-align: left;
    margin: 1em auto 0;
    width: 90%;
}

#header {
    padding:10px 10px;
    text-align:right;
    font-size: 250%;
}

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

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

#contents {
    margin: 0 250px;
}

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

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

#centerbox {
      float: left;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align:center;
}

#footer {
    clear: both;
    padding: 0.5em 0 1em;
}

.layoutc{
    text-align: center;
}

/* 概要 */
.description { }

/* トップへ戻る */
.top{ text-align:right; }

/* #contents内の指定 */

/* 見出し */
h1{
    font-size:100%;
    font-weight:normal;
    margin:0px;
    padding:0px;
}

h2{
    background-color:#000; /* 背景色 */
    border: solid 1px; /* 周りの線 */
    color:#fff; /* 文字色 */
    font-size:110%;
    font-weight:normal;
    margin:0px;
    text-align:left;
    text-indent:10px;
}

h3{
    background-color:#000; /* 背景色 */
    border: solid 1px; /* 周りの線 */
    color:#fff; /* 文字色 */
    font-size:110%;
    font-weight:normal;
    margin:0px;
    text-align:left;
    text-indent:20px;
}

h4{
    background-color:#fff; /* 背景色 */
    color:#000; /* 文字色 */
    font-size:100%;
    font-weight:normal;
    margin:5px;
    text-indent:10px;
}

h5{
    background-color:#fff; /* 背景色 */
    color:#808080; /* 文字色 */
    font-size:90%;
    font-weight:normal;
    margin:5px;
    text-align:right;
    text-indent:10px;
}

/* 以下 リスト関係 */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }

#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }

/* 日記タイトル */
.diarytitle{
  background-color:#fff; /* 背景色 */
  color:#000; /* 文字色 */
  font-size:120%;
  font-weight:normal;
  margin:5px;
}
/* 日記本文 */
.diary{
  background-color:#fff; /* 背景色 */
  color:#000; /* 文字色 */
  font-size:100%;
  font-weight:normal;
  margin:5px;
}

/* 上線付きタイトル */
.subtitle{
  color:#000;
  font-size:100%;
  font-weight: normal;
  text-align:center;
  border-top: 1px dotted #666666;
}

/* 消極文字 */
.negative{
    color:#999; /* 文字色 */
}

/* カテゴリタイトル */
.sidetitle {
    padding: 0.5em 0;
    border-bottom: 1px solid #000;
}

/* リスト */
.localnavi {
    list-style-type: none;
    padding-left:20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.localnavi li {
    background-color:#fff; /* 項目の背景色 */
    margin-bottom:5px;
    padding:0px;
    color:#000;
}

.localnavi a {
    text-decoration: none;
    display: block;
    width: 100%;
    background-color: #fff;
    color: #000;
}

.localnavi a:hover {
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

/* #footer内の指定 */
#footer p { text-align: center; }

/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }

/* indexページ information用 */
table.info {
  margin-right : auto ;
  margin-left : auto ; 
  font-size : 160%;
  font-weight:normal;
}
table.info td{
    padding:2px 4px;
}

table.append {
  margin-right : auto ;
  margin-left : auto ; 
}
table.append td{
    text-align:left;
    padding:2px 4px;
}

/* indexページ WEB拍手コメント&返信用 */
table.clapcomment {
  margin-right : auto ;
  margin-left : auto ; 
}
table.clapcomment td{
    text-align:left;
    padding:0px 0px;
    padding:2px 4px;
    color:#708090; /* 文字色 */
    line-height:150%;
}

table.clapres {
  margin-right : auto ;
  margin-left : auto ; 
}
table.clapres td{
    text-align:left;
    padding:2px 4px;
    color:#708090; /* 文字色 */
    line-height:150%;
}


/* aboutページ用 */ 

table.about{
    margin:20px 0px;
}

table.about caption{
    text-align:left;
}

table.about td{
    border:#999 solid 1px; /* 線の色 */
    padding:2px 4px;
}

/* circleページ用 */ 

table.circle{
    margin:20px 0px;
}

table.circle caption{
    background-color:#000; /* 背景色 */
    border: solid 1px; /* 周りの線 */
    color:#fff; /* 文字色 */
    font-size:110%;
    font-weight:normal;
    margin:0px;
    text-indent:20px;
    text-align:left;
}

table.circle td{
    border:#999 solid 0px; /* 線の色 */
    padding:2px 4px;
}


/* linkページ用 */ 

.linklayout{
  margin : auto;
  text-align : center;
}
.t1{
  font-size : x-small;
  color : gray;
  border-bottom : 1px solid #696969;
  width : 410px;
  padding : 2px 0px 2px 0px;
  margin : auto;
  margin-right : 50px;
  text-align : left;
  line-height : 130%;
}
.t2{
  font-size : x-small;
  color : gray;
  border-bottom : 1px solid #696969;
  width : 410px;
  padding : 2px 0px 2px 0px;
  margin : auto;
  margin-left : 50px;
  text-align : left;
  line-height : 130%;
}

.jump{ 
  text-align: center; 
  font-size:110%;
}

/* galleryページ用 */ 

.thumb {
      width: 120px;
      height: 80px;
      float: left;
      margin:1px;
}

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(blank.gif);
}

ul#photos {
	padding: 20px 0px;
	margin: 0px auto;
	text-align: center;
	list-style: none;
}
ul#photos li {
	display: inline;
	width: 160px;
	height: 160px;
}
ul#photos a.horizontal img,
ul#photos a.effectable img {
	padding: 15px 0px;
}
ul#photos a.vertical img {
	padding: 0px 15px;
}


.space{
      clear: left;
}