/* (http://www.eclat.cc/home/mikiharb/diary.css) */

@import url("common.css");

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box; 
}

body{font-size:12pt;}

a:link {text-decoration:none; color:#9900ff; }
a:visited {text-decoration:none; color:#660000; }
a:hover {text-decoration:none; background-color:#fafad2; }


#main {
margin-right: 30%;
} 

#menu {
width: 30%;
float: right;
}

/* 記事カテゴリー */
.entry_info{
text-align:right;
}

/* 本体にある記事コメントリンク */
.entry_responses{
margin-top:20px;
}



/* 年別ページ */
#archive_yearlist{
background-image: url(http://www.eclat.cc/theme/sanpo/p-b.gif);
margin:20px;
border-width: 3px;
border-style: double;
border-color: #0000ff;
}

#archive_yearlist h2{
padding-left:20px;
border-width: 1px;
border-style: solid;
border-color: #0000ff;
margin: 5px;
width:10em;
color:#000080;
}

#archive_yearlist dt{
padding-left:30px;
color:#0000ff;
font-size:14pt;
}

#archive_yearlist ul{
padding-left:40px;
color:#ff00ff;
font-size:11pt;
}

#archive_yearlist li{
color:#ff00ff;
border-width: 1px;
border-style: solid;
border-color: #00ffff;
margin-bottom: 4px;
margin-right: 30px;
display:block;
background-color:#ffffff;
padding:4px;
}



/* メニュー */
div.link{border:3px double #0000ff; 
margin:0 10px 10px 5px; 
background-color:#ccff00;
padding:5px;
}


div.entry {
background-color: #ffCCCC; 
border: 3px double #0000ff;
padding:6px;
margin :0 5px 20px 10px;
}

/* ヘッダー部分 */
#header{
padding:0.5em 0 0.5em 0.5em;
margin-bottom:0.5em;
color:;
background:url(http://photofriend.jp/u/36330/d509aa2139b4c0cd856369ba6375e7bc40000000000000654600.jpg) no-repeat 100% 0px;
}

/* ヘッダー　日記のタイトル */
#site_title {
font-size:200%;
font-weight: bold;
color:#0000ff;
margin-bottom:20px;
}


/* 戻るリンク */
#back_link li{
padding-left:0.5em;
margin-top:10px;
margin-bottom:2em;
}

#back_link a{
font-size:90%;
font-weight: bold;
color:#1E90FF;
}

#back_link a:hover{
font-size:90%;
font-weight: bold;
color: #FF00FF;
}

hr {display:none;}

/* (右側メニュー部)各リンク */
.link_text{
font-size:90%;
margin:0.5em 0.5em 0.1em 1.5em;
}


/* リストの形と色 */

ul li { 
list-style-type: circle; 
color:#ff99ff;
 }


/* コメントフォーム部 */
.comment_form {
margin-bottom:1em;
padding:1em;
}

/* フォーム部(名前)の色とサイズ */
#poster_name{
display: block;
color:#0000ff;
font-size:12pt;
}

/* 名前フォーム部のデザイン */
#poster_name input{
border-style:solid; 
border-width:1px; 
border-color:#0000ff; 
color:#ff00ff; 
background:#ccffff;
width:10em;
font-size;10pt;
}


/* フォーム部(コメント)の色とサイズ */
#comment_field{
display: inline;
color:#008000;
font-size:12pt;
}

/* コメントフォーム部のデザイン */
#comment_field input {
width:20em;
border-style:solid;
border-width:1px;
border-color: #9900ff;
background:#ffccff;
color:#0000ff;
font-size:10pt;
}


/* 投稿ボタンのデザイン */
input {
border-style:double;
 border-width:3px;
 border-color: #0000ff;
 background:#ffffff;
color:#0000ff;
}

/* コメント部全体の壁紙設定 */
.comment{
background-image: url(http://www.eclat.cc/theme/sanpo/sq-pink.gif);
padding:2px;
border-width: 3px;
border-style: double;
border-color: #0000ff;
margin:0 5px 5px 10px;
width:;
}


/* 各コメント部 */
.comment_element {
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom:1em;
background-color:#ffffff;
border-width: 1px;
border-style: dotted;
border-color: #0000ff;
font-size:10pt;
}

/* 各コメント投稿者 */
.comment_auther{font-size:10pt;}


/* コメント文字部 */
.comment_body {color:chocolate;
font-size:10pt;
}


/* これ以前の記事リンク */
.link_older {
font-size:12pt;
font-weight: 600;
}