@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
body {
margin: 0px 0px 20px 0px;
background-color: #FBB2C1;	
background-image: url("/template/993/img/body_back.gif");
background-position: top left;
background-repeat: repeat-x;
background-attachment: fixed;
padding: 0;
line-height: 1.5;
font-size: 12px;
font-family: 'ヒラギノ角ゴ ProW3','HiraginoKakuGothicPro','Osaka','ＭＳ ゴシック'; 
color: #333333;
text-align:center;
word-break:break-all;
}
a img {
border-width:0;
background-color:transparent;
}
.range{
width:780px;
text-align:left;
margin: 0 auto;
line-height: 140%;
padding: 0px;
background-color: #FFFFFF;
border-right: double 4px #FF176D;
border-left: double 4px #FF176D;
border-bottom: double 4px #FF176D;
}
.side_left {
padding: 10px;		/* ■marginだとIEで指定通りに表示されない*/
overflow: visible;	/* ■これがないとMacIE5で段が崩れる*/
width: 170px;
text-align:center;
margin:0px auto 20px auto;

}
.side_right {
width: 170px;
text-align:center;
margin:0px auto 20px auto;
}
table td{
margin: 0;
padding: 0;
}

table{
margin:0;
padding:0;
border-width:0;
border-collapse:collapse;
border-spacing:0px;
}

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


/* リンク
---------------------------------------------------- */

a:link {
text-decoration:none;
color: #FF176D;
}

a:visited {
text-decoration:none;
color: #FF176D;
}

a:active {
color: #FF176D;
background-color: #FBB2C1;
}

a:hover {
color: #FF176D;
background-color: #FBB2C1;
}


/* ヘッダ
---------------------------------------------------- */
.header{
font-family: Verdana, Arial, sans-serif;
background-image: url("/template/993/img/header_back.jpg");
background-position: top left;
background-repeat: no-repeat;
text-align: left;
padding: 25px 10px 10px 40px;
margin:0px;
height:280px;
}
.header h1 {
font-size: 24px;
font-weight: bold;
margin-top:50px;
padding:0px 30px 10px 10px;
text-align:right;
}
.header h2 {
font-size: 10px;
line-height:1.6;
font-weight: bold;
padding:0px 30px 0px 0px;
text-align:right;
}
.blog_title{
color: #2C2C35;
width:780px;
word-break:break-all;
}
.blog_description{
float:right;
color: #FF176D;
text-align:right;
width:400px;
vertical-align:middle;
overflow:hidden;
word-break:break-all;
}
.header p{
padding:0px;
margin:0px 20px 0px 0px;
text-align:right;
}

.prevew{
width:780px;
text-align:right;
vertical-align:middle;
padding:0px 20px 20px 0px;
}
.page{
font-size:10px;
text-align:center;
}
/* フッター
---------------------------------------------------- */
#foot{
width:780px;
clear:both;
text-align:center;
width:100%;
margin: 30px auto;
font-size:10px;
padding:10px auto;



}


/* サイドバー
---------------------------------------------------- */
.side{
padding: 0px 10px 0px 10px;
text-align:left;
width:170px;
word-break:break-all;
}
.side_title{
width:170px;
color: #FFFFFF;
background-color: #FF176D;	
border-right: solid 1px #666666;
border-bottom: solid 1px #666666;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: center;
font-weight: bold;	
padding:2px 0px 2px 0px;

line-height: 15px;
}
.side_text{
color: #1B2C3B;
font-family: Verdana, Arial, sans-serif;
font-size:10px;
text-align: left;
line-height: 15px;	
margin-top: 3px;
padding: 0px 5px 10px 5px;
list-style-type: none;
word-break:break-all;
}
.regist{
width:170px;
padding:5px;
text-align:center;
font-size:11px;
}
/* プロフィール
---------------------------------------------------- */
.plofile{
width:170px;
text-align:center;
margin:10px auto;
}

/* カレンダー
---------------------------------------------------- */
.calendar_bg{
width: 160px;
padding:0px 0px 0px 0px;
margin:10px 0px 20px 0px;

}
.calendar{
line-height: 12px;
font-size:10px;
font-weight: normal;
color: #646464;
text-align: center;
padding:2px 0px 0px 0px;
}
.calendar_bg th{
line-height: 12px;
font-size:10px;
text-align: center;
font-weight: bold;
color: #FF176D;
padding:2px 0px 0px 0px;
}

/* メイン・コンテンツ
---------------------------------------------------- */

.entry{
font-size:12px;
overflow: hidden;
border-top: solid 1px #FF176D;
border-right: solid 1px #FF176D;
border-left: solid 1px #FF176D;
border-bottom: solid 1px #FF176D;
background-color: #FBE1E7;	
width:400px;
text-align:center;
margin:0px auto;

}
.entry_title{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: right;
font-weight: bold;
color: #FF176D;
padding: 3px 5px 3px 5px;
background-color: #FFAEBF;	
margin-bottom: 10px;
line-height: 120%;
word-break:break-all;
}
.entry_text{
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-align: left;
margin-bottom: 2px;
padding:10px 5px 20px 10px;
overflow:hidden;
word-break:break-all;
}
.entry_layer{
text-align:left;
overflow:hidden;
word-break:break-all;
width:380px;
}
.posted{
color: #646464;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
text-align: right;
padding: 0px 10px 10px 10px;
margin-bottom: 25px;
margin-top: 0px;
line-height: normal;
border-bottom: solid 1px #FF176D;
word-break:break-all;
}

.entry_text table{
width:350px;
word-break:break-all;
}

input, select{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #333333;
  background-color: #ffffff;
}
textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #333333;
  background-color: #ffffff;
  width:300px;
  height:150px;

  
}

HR {

  background-color: ##FBB2C1; 
  height: 1px; 
  border-width: 0px; 
  border-style: solid; 
}
.comment_layer
{
top:5px;
font-size:12px;
display:block;
text-align:left !important;
width:360px;

}
.btn{
margin:20px 0px 10px 0px;
}

h3{
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
text-align: left;
font-weight: bold;
color: #FF176D;
padding: 3px 5px 3px 5px;
background-color: #FFAEBF;	
margin-bottom: 0px;
}

#emoji{
	background-color: #FFFFFF;
}

#emoji table{
width:240px;
}

#colors table{
width:250px;
}
#comment_preview{
text-align:center;
}