@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
margin: 0;
padding: 0;
line-height: 1.5;
font-size: 12px;
font-family: "ヒラギノ角ゴ ProW3","HiraginoKakuGothicPro","Osaka","Verdana","ＭＳ ゴシック"; 
color: #333333;
background-color:#FFCCCC;
text-align:center;
background-image: url(/template/138/img/bg_top.gif);
background-repeat: repeat;
background-repeat: repeat-x;

}
a img {
border-width:0;
background-color:transparent;
}
.range{
width:780px;
text-align:left;
margin: 0 auto;
background-color:#FFCCCC;
background-image: url(/template/138/img/bg_top.gif);
background-repeat: repeat;
background-repeat: repeat-x;
}
.side_left {
padding: 10px;		/* ■marginだとIEで指定通りに表示されない*/
overflow: visible;	/* ■これがないとMacIE5で段が崩れる*/
width: 170px;
margin:10px auto 20px auto;
}
.side_right {
width: 170px;
margin:10px auto 20px auto;
}
table td{
margin: 0;
padding: 0;
}
table{
margin:0;
padding:0;
border-width:0;
border-collapse:collapse;
border-spacing:0px;
}


/* リンク
---------------------------------------------------- */
a:link {
color:#FC6F6F;
text-decoration:none;
}
a:visited {
color:#FC6F6F;
text-decoration:none;
}
a:active {
color:#FC6F6F;
text-decoration:none;
}
a:hover {
color:#FC6F6F; 
text-decoration:underline;
}

#foot a:link {
color:#333333;
text-decoration:none;
}
#foot a:visited {
color:#333333;
text-decoration:none;
}
#foot a:active {
color:#333333;
text-decoration:underline;
}
#foot a:hover {
color:#FD9696; 
text-decoration:underline;
}

.header a:link {
color: #FF7D8F; 
 text-decoration: none;
 }
.header a:visited {
color: #FF7D8F; 
text-decoration: none;
}
.header a:active {
color:#FF7D8F;
text-decoration: none;
}
.header a:hover {
color:#FF7D8F;
text-decoration: underline;
}

.entry_text a:link {
color: #333333;
text-decoration: underline;
}
.entry_text a:visited {
color: #333333;
text-decoration: underline;
}
.entry_text a:active {
color: #FC6F6F;
text-decoration: underline;
}
.entry_text a:hover {
color: #FC6F6F;
text-decoration: underline;
}

/* ヘッダ
---------------------------------------------------- */
.header{
padding: 0px 0px 10px 0px;
text-align: left;
width:780px;
height: 200px;
background-image: url(/template/138/img/bg_top.gif);
background-repeat: repeat;
background-repeat: repeat-x;
}
.header h1 {
font-size: 20px;
font-weight: bold;
margin-top:10px;
margin-bottom: 0px;
text-align:left;
}
.header h2 {
font-size: 10px;
line-height:1.6;
font-weight: bold;
}
.blog_title{
text-align: left;
color:#FD9696;
width:520px;
overflow:hidden;
padding:0px 0px 0px 20px;
}
.blog_description{
color: #666666;
text-align:left;
padding:0px 30px 0px 30px;
vertical-align:middle;
overflow:hidden;
}
.header p{
padding:0px;
margin:0px;
text-align:left;
}
.prevew{
width:760px;
text-align:center;
vertical-align:middle;
padding: 10px 0px 0px 0px;
font-size: 12px;
}
.page{
padding:20px 0px 0px 0px;
font-size:12px;
text-align:center;
}


/* フッター
---------------------------------------------------- */
#foot{
clear:both;
text-align:center;
width:100%;
margin: 30px auto;
font-size:10px;
padding:10px auto;
}
#footer{
text-align:center; 
font-size:10px; 
}
address{
font-style:normal; 
font-size:10px; 
text-align:center;
}


/* サイドバー
---------------------------------------------------- */
.side{
padding: 0px 10px 0px 10px;
text-align:center;
}
.side_title{
width:160px;
line-height: 15px;
color: #FFFFFF;
font-weight: bold;
background-color: #FD9696;	
border-bottom: solid 1px #FD8C8C;
border-right: solid 1px #FD8C8C;
font-size: 12px;
text-align: center;
padding: 2px 0px 2px 0px;
}
.side_text{
color: #333333;
margin: 5px 0px 5px 0px;
padding: 0px 5px 0px 5px;
list-style: none;
line-height: 15px;
overflow:hidden;
font-size: 10px;
text-align:left;
}
.side_text img{
vertical-align: text-bottom;
margin: 5px 5px 0px 0px;
}
.regist{
marign-top:50px;
width:170px;
padding:5px;
text-align:center;
font-size:11px;
}
.rss{
text-align:center;
}



/*カレンダー
---------------------------------------------------- */
.calendar{
width:160px;
line-height: 16px;
margin:10px auto 10px auto;
font-size: 12px;
}
.calendar_bg{
border-collapse:collapse;
margin:0;
padding:0;
font-size: 12px;
}
.calendar_bg td{
height:21px;
font-size: 12px;
}
.calendar_bg th{
font-size: 12px;
width:24px;
color: #ffffff;
font-weight:bold;
background-image:url(/template/138/img/ca_bg3.gif);
background-position: top center;
background-repeat: repeat;
height:20px;
padding:5px 0px 0px 0px;

}
.calendar_bg a{
color:#FC6F6F;
height:20px;
display:block;
background-image:url(/template/138/img/ca_bg2.gif); !important
background-position: top center;
background-repeat: repeat;
}

.calendar_bg a:link {
display:block;
background-image:url(/template/138/img/ca_bg2.gif); !important
background-position: top center;
background-repeat: repeat;
height:20px;
 }
.calendar_bg a:visited {
color:#FC7272;
 text-decoration:none;
 }
.calendar_bg a:active {
display:block;
background-image:url(/template/138/img/ca_bg.gif);
background-position: top center;
background-repeat: repeat;
height:20px;
color: #FC6F6F;
 }
.calendar_bg a:hover {
display:block;
background-image:url(/template/138/img/ca_bg.gif);
background-position: top center;
background-repeat: repeat;
height:20px;
color: #FC6F6F;
}


/* プロフィール
---------------------------------------------------- */
.plofile{
width:170px;
font-size:10px;
text-align:center;
margin:10px auto;
}


/* メイン・コンテンツ
---------------------------------------------------- */
.entry{
font-size:12px;
overflow: hidden;
border-top: solid 1px #FD9696;
border-right: solid 1px #FD9696;
border-left: solid 1px #FD9696;
border-bottom: solid 1px #FD9696;
background-color: #FFFFFF;	
width:380px;
text-align:center;
margin:10px auto 20px;
  background-repeat: repeat-x;
  background-position: left bottom;
background-image: url(/template/138/img/bg2.gif);
}

.entry_title{
color: #FFFFFF;
font-size: 12px;
line-height: 14px;
font-weight: bold;
margin-bottom: 10px;
padding: 4px 5px 4px 5px;
background-color: #FD9696;	
border-bottom: solid 1px #FD9696;
overflow:hidden;
border-bottom:;
text-align: left;
}

.entry_text{
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-align: left;
padding:10px 0px 10px 10px;
overflow:hidden;
}
.entry_layer{
width:370px;
overflow:hidden;
}
.posted{
font-size: 10px;
border-top:  dotted  1px #FD9696;
text-align: right;
margin-bottom: 25px;
padding: 5px 10px 5px 10px;
border-bottom: solid 1px #FD9696;
word-break:break-all;
}


/* コメントその他
---------------------------------------------------- */
#comment_preview{
display:block;
width:300px;
margin-left:15px;
}
.comment_layer{
font-size:12px;
display:block;
text-align:left; !important
width:300px;
word-break:break-all;
margin:15px auto;
}
textarea {
width:300px;
height:150px;
font-size:12px;
margin-left:15px;
margin-right:15px;
}
.btn{
margin-top:15px;
margin-bottom:15px;
margin-left:150px;
}
h3{
font-size: 12px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 3px 5px 3px 5px;	
margin-bottom: 0px;
}
#emoji{
background-color: #FFFFFF;
}
#emoji table{
width:240px;
}
#colors table{
width:250px;
}
input, select{
vertical-align: middle;
}
.comment_table{
margin:0;
padding:0;
border-width:0;
border-collapse:collapse;
border-spacing:0px;
}
