/*
ダウンロードありがとうございます。
このテンプレートは素材サイト『A Trial Product's 素材置き場』様より素材をお借りしています。
利用規約はお読み頂くよう、お願いします。
カスタマイズ等で解らないことがあれば、
解る範囲ならお答えしますのでお気軽にブログへそうぞ_(._.)_

また、フリーエリアが付いていますので、
上のHTML編集から、ご自由に文章を変えてお使い下さい。

1月29日現在　第２版

http://heark.blog66.fc2.com
管理人：Heark

*/


/*****全体の設定*****/
body{
    font-family : Verdana,sans-serif,Geneva,"Osaka－等幅","平成角ゴシック","ＭＳ ゴシック",monospace;
    background-image:url(http://blog-imgs-18-origin.fc2.com/b/l/u/blueberrynote2/awa1.gif);
    margin: 0;
    padding: 0;
    text-align: center;
    font-size:10pt;
    color: #696969;
}
#layout {
	width: 890px;
	padding: 0px;
  	margin: 0px auto;
	text-align: left;
}
/******テーブル要素******/
#left {
    vertical-align: top;
    border-left: 2px #e0e0e0 solid;
    border-right: 2px #e0e0e0 solid;
}
#td_header {
    width:650px;
    background-color:#FFFFFF;
    background-image: url(http://blog-imgs-24-origin.fc2.com/b/l/u/blueberrynote/bl08-2-2-3.jpg);
    background-repeat:no-repeat;
    vertical-align: top;
    border-left: 1px #696969 solid;
    border-right: 1px #696969 solid;
    border-bottom: 1px #696969 solid;
}
#td_entry {
    vertical-align: top;
    border-left: 1px #696969 solid;
    border-right: 1px #696969 solid;
}
#td_right {
    vertical-align: top;
    border-right: 1px #696969 solid;
}
#td_fooder {
    vertical-align: middle;
    border-left: 1px #696969 solid;
    border-right: 1px #696969 solid;
    border-top: 1px #696969 solid;
}
/******フリーエリア要素******/
#free_area {
    width: 400px;
    height: 100px;  
    margin: 10px auto;
    padding: 5px;
    border: 1px #696969 inset;
    overflow: auto ; 
}
     
/******メニュー部分******/
#side {
    width: 200px;
    float: left;
    background-color: #FFFFFF;
}
#left_r {
    float: right;
    width: 200px;
}
.menu {
    margin : 15px 5px 20px 5px;
}
.menuHead {
    margin: 0;
    padding:2px;
    border-bottom: 1px #696969 dotted;
}
.menuTitle {
    padding-left:5px;
    padding-top:7px;
    font-weight: bold;
    font-size: 10pt;
}
.menuBody{
	padding: 5px 5px;
}
.menuText{
    font-family: monospace;
    font-size:10px;
    line-height:130%;
    padding: 0px;
}
.menuText p{
	margin: 0.3em;
}

.menuText ul {
	padding: 0px;
	margin: 0px;
	list-style-type: circle;
}
.menuText ul li {
	margin: 5px 5px 5px 15px;
}
/*****ヘッダー*****/
#BlogName{
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 16pt;
    color: #000000;
    margin:0px;
    padding: 35px 0px 0px 0px;
    text-align: center;
    font-weight: nomal;
}
#BlogName a:link {color:#fa9b4e; text-decoration: none;}
#BlogName a:active {color: #fa9b4e; text-decoration: none;}
#BlogName a:visited {color:#fa9b4e; text-decoration: none;}
#BlogName a:hover{color: #fa9b4e; text-decoration: none ;}

#blogInt{
    font-size: 10pt;
    line-height: 130%;
    color: #696969;
    text-align: center;
    padding: 5px 50px 0px 50px;
}
#login {
    color: #000000;
    text-align: right;
    padding: 20px 45px 0px 0px;
    font-size:10px;
}
/*****右エリア*****/
#right {
    width: 650px;
    float:left;
    margin: 0px;
}
#entry_block {
    width: 450px;
}
.main {
    margin: 10px 0px;
    padding: 10px 10px 0px 10px;
    border-bottom: 1px #696969 solid;
}

.EntryHead {
    padding: 0px 0px 0px 10px;
border-bottom: 1px #696969 dotted;
}
.entrytitle {
    color:#FFA07A;
    text-align: left;
    padding:0px 20px 3px 0px;
    font-size: 11pt;
    font-weight: bold;
}
.entrytitle a:link {color:#696969; text-decoration: none;}
.entrytitle a:active {color: #696969; text-decoration: none}
.entrytitle a:visited {color:#696969; text-decoration: none}
.entrytitle a:hover{color: #696969; text-decoration: none ;}
.EntryBody {
    line-height: 140%;
    padding: 0px 10px;
    margin-bottom: 5px;
}
img {
    border: 0px;
    margin: 0px 0px 0px 0px ;
}
.padmin {
    margin:5px 5px 10px 5px;
    font-family:Georgia;
    text-align: right;
    font-size: 13pt;
    color:#696969;
}
.entryFooter {
    color: #FFA07A;
    padding:5px 0px 0px 0px;
    margin: 15px 0px 5px 0px;
    font-size: 10px;
    text-align:center;
    border-top: 1px #696969 dotted;
}
.community {
    margin: 10px 0px;
}
.pageLink {
    text-align: left;
    margin: 5px 0px 5px 15px;
}
/******コメント表示部分******/
.mainCommentBold {
    text-align:left;
    margin: 0px;
    font-weight: bold;
    color: #ff99ff;
}
.mainCommentTitle{
	font-size:10pt;
	font-weight: bold;
	color: #ff99ff;
	padding: 10px 5px;
}
.mainCommentBody {
    width: 370px;
    color: #696969;
    line-height: 140%;
    padding: 0px;
    margin: 0px;
}
.mainCommentDate {
	font-size: 10px;
	color: #696969;
	padding: 5px 15px 25px;
}
.com_main {
    margin: 10px 0px;
    border-bottom:1px #696969 solid;
    padding: 10px 0px 0px 0px;
}
/******コメント投稿部分******/
.mainForm {
    font-size: 10pt;
    margin: 10px;
    padding: 2px;
}
.mainFormText {
    color:#696969;
    font-size: 10pt;
    width: 120px;
    padding: 2px;
    border-top: 1px #696969 solid;
    border-left: 1px #696969 solid;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
}
.mainFormTextarea {
    font-size: 10pt;
    color:#696969;
    width: 250px;
    padding: 2px;
    height: 120px;
    border-top: 1px #696969 solid;
    border-left: 1px #696969 solid;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
}
.mainFormPass {
    font-size: 10pt;
    width: 100px;
    padding: 2px;
    border-top: 1px #696969 solid;
    border-left: 1px #696969 solid;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
}
.mainFormCheck {
    border-top: 1px #696969 solid;
    border-left: 1px #696969 solid;
    border-right: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
}
.mainFormButton {
    width: 50px;
    height: 20px;
    font-size: 10pt;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #404040;
    border-bottom: 1px solid #404040;
}
/******トラバ部分******/
.mainTrabaBold{
    text-align:left;
    width: 400px;
    margin: 0px;
    font-weight: bold;
    color: #ff99ff;
}
.mainTrabaTitle{
	font-weight: bold;
	font-size: 14px;
	color: #ff99ff;
	padding: 10px 15px;
}
.mainTrabaBody {
	font-size: 10pt;
	line-height: 140%;
	color: #696969;
	padding: 5px 15px;
}
.mainTrabaDate {
	font-size: 10px;
	color: #696969;
	padding: 5px 15px 25px;
}
.mainTrabaUrl {
	padding: 5px 15px 25px;
}
.mainTrabaForm {
	width: 300px;
    border-top: 1px solid #696969;
    border-left: 1px solid #696969;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/******フッター部分******/
#footer {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    clear: both;
    font-size: 10px;
    color: #e0e0e0;
    text-align:center;
}
#footer a:link {color:#fa9b4e; text-decoration: none;}
#footer a:active {color: #fa9b4e; text-decoration: none}
#footer a:visited {color: #fa9b4e; text-decoration: none}
#footer a:hover {color: #FFA07A; text-decoration: none}

/******リンクの設定******/
a{
    color: #7a96cc;
    text-decoration: none;
}
a:active {
    color: #7a96cc;
    text-decoration: none;}
a:visited {
    color: #7a96cc;
    text-decoration: none;
}
a:hover {
    color: #b17acc;
    text-decoration: none ; 
    position:relative;
    top:1px;
    left:1px;

}
/*****リスト*****/
blockquote {
	margin: 8px;
	padding: 8px;
	border: 1px dashed #ded7c0;
}
/******form設定******/
form {
	padding: 0px;
	margin: 0px;
}
.search {
	width:150px;
         height:16px;
	border: 1px inset #696969;
	margin-top: 15px;
         margin-right: 15px;
}
/******画像の設定******/
.mainEntryBase img{
	margin:0px 0px 0px 0px;
}
/*****スクロールバー*****/
html { 
scrollbar-face-color: #e0e0e0; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #696969; 
scrollbar-highlight-color: #e0e0e0; 
scrollbar-shadow-color: #e0e0e0; 
scrollbar-3dlight-color: #e0e0e0; 
scrollbar-darkshadow-color: #e0e0e0; 
}



/******プラグインのカレンダー******/
table.calender {
    line-height:140%;
    border:1px #696969 solid;
    width :100%;
    font-size: 8pt;
    color :#696969;
    border:1px #000000 solid;
    margin: 5px 5px 0px 0px;
    text-align : center;
    font-family: geneva,hiragino maru gothic pro,arial, helvetica, sans-serif;
}
.caption {
    padding: 3px;
}
.calender th {
    font-weight: normal;
    border-bottom: 1px solid #696969;
}
.calender td {
    color :#696969;
    border-bottom:1px #696969 dashed;
    text-align :center;
	padding: 2px;
}
.calender td a {
    color : #FFA07A;
    display: block;
}
.calender a:hover {
    text-decoration : none ; 
    color : #696969;
    background-color : #FFA07A;
}
th#sun {
    font-size:8pt;
    color: #FF0000;
}
th#sat {
    font-size:8pt;
    color: #0000FF;
}



textarea,input,select {
	font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

img.emoji{
	background: none;
	vertical-align:middle;
	border:0;
}
input {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #404040;
    border-bottom: 1px solid #404040;
}

/*ポラロイド風・背景画像つき*/
.pora2 {
background-color: White; 
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
border-width: 2px;
padding: 10px 10px 50px 10px;
border-style: solid;
float: left;
background-image: url(http://blog.ti-da.net/usr/blueberry/Blueberry%20Note.jpg);
background-position: 95% 100%;
background-repeat: no-repeat;
}

.blogpeople {
overflow: auto; height: 200px;
}