@charset "EUC-JP";

* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
scrollbar-arrow-color: #cccccc;
scrollbar-3dlight-color: #000000;
scrollbar-base-color: #9966ff;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #9966ff;
margin: 0;
padding: 0;
word-break: break-all;
}

body{
text-align: left;
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size: 82%;
color: #ffffff;
line-height: 1.6;
background-image: url(http://blog-imgs-30-origin.fc2.com/c/l/o/cloudyvanilla/monotone-butterfly.png);
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: right bottom;
background-color: #000000;
} 


/* リンク文字 --------------------------------------*/
a {
text-decoration: none;
color: #660099;
}

a:hover,
a:active,
a:focus {
text-decoration: underline;
color: #990000;
position: relative;
top: 1px;
left: 1px;
}


/* その他全般設定 -------------------*/
img {
border: none;
}

input, textarea, select, button, submit {
color: #000000;
background: #cccccc;
border: 1px solid #999999;
padding: 1px;
}

ul {

}

ul li {
list-style-type: square;
margin: 0px 0px 0px 15px;
}


/* レイアウト設定 ------------------------------*/

/* 外枠 */
#container {
width :800px;        
margin:0 auto;
}

/* ヘッダー */
#header {
width : 800px;
margin:0 auto;
}

/* メニュー */
#menu {
float: left;
width: 240px;
}

/* 記事 */
#main {
float :right;
width: 550px;
}

/* フッター部分 */
#footer {
width : 800px;
clear : both;
margin: 10px 0px;
}


/* タイトル設定 -----------------------------------*/

/* ブログタイトル */
h1 {
text-align: left;
font-size: xx-large;
font-weight: bold;
font-family: Verdana, Chicago, Helvetica;
margin: 30px 0px 5px 0px;
}

h1 a {
color: #ffffff;
}

/* サブタイトル */
.introduction {
text-align:left;
}

/* 記事タイトル */
#main h2 {  
font-size: 120%;
color: #ffffff;
font-weight: bold;
background-color: #000000;
border: 3px double #9966ff;
padding: 3px 10px;
}

#main h2 a {
color: #ffffff;
}

/* メニュータイトル */
#menu h2 { 
font-size: 110%;
font-weight: bold;
color: #ffffff;
border-top: 5px solid #330066;
border-bottom: 3px double #ffffff;
margin: 5px 0px;
padding-top: 5px;
background: #000000 url(http://blog-imgs-45-origin.fc2.com/h/o/r/horikok3/menu_back.png) no-repeat 150px 0px;
}

.new {
color: #ff0000;
font-family: Verdana, Chicago, Helvetica;
padding-left: 20px;
}

/* ヘッダ -----------------------------------*/

/* タイトル */
#header .title {
float: left;
width: 550px;
}

/* ユーティリティ */
#header .util {
float :right;
width: 240px;
text-align: right;
margin: 5px 0px;
}


/* 記事 -----------------------------------*/

/* 外枠 */
.entry_frame {
width: 540px;
color:#000000;
background: rgb(153, 153, 153) !impotant; /* IE6, 7向け */  
background: rgba(255, 255, 255, 0.6); 
margin: 10px 0px;
padding: 5px;
}

/* カテゴリ、投稿日時 */
.entry_info {
text-align : right;
font-weight: bold;
}

/* 内枠(透明) */
.entry_body {
margin: 10px;
}

/* 記事本文(不透明) */
.entry_text {
background: rgb(204, 204, 204);
margin: 5px;
padding: 20px;
}

/* 記事内一覧 */
.entry_text li {
list-style-position: outside;
border-bottom-width: 1px;
border-bottom-style: dotted;
padding: 2px 0px;
}

/* 追記リンク */
.entry_more {
font-weight: bold;
margin: 10px;
}
.entry_more a {
color: #cc0000;
}

/* 投稿日時 */
.entry_date {
font-family: Georgia;
font-size : 110%;
}

/* テーマ、ジャンル、タグ */
.community {
border: 0px;
}
.community th {
text-align: right;
font-weight: normal;
padding: 0px 5px;
white-space: nowrap;
}
.community td {
padding: 0px;
}

/* ステータス */
.entry_state {
text-align: right;
}

/* clap + bookmark */
.fc2_footer {
margin: 20px 0px;
}

/* 関連記事 */
.relate_dl {
border: 2px solid #000000;
padding: 10px 20px;
}
.relate_dt {
font-size: 105%;
font-weight: bold;
padding-left: 10px;
border-bottom: 2px solid #000000;
margin-bottom: 5px;
}

form.search {
margin: 5px;
}


/*メニュー部分設定---------------------------------*/

/* 枠(左) */
.menu_frame {
text-align: left;
color:#ffffff;
margin: 10px 0px 20px 0px;
}

.menu_frame a {
color: #9966ff;
}

.menu_frame a:hover,
.menu_frame a:active,
.menu_frame a:focus {
color: #990000;
}

/* 枠(中央) */
.menu_frame_main {
width: 540px;
color:#000000;
background-color: #999999;
margin: 10px 0px;
padding: 5px;
}


/* コメント、トラックバック  -----------------------------------*/

/* 表示エリア(不透明) */
.cm_text,
.tb_text {
background: rgb(204, 204, 204);
}

/* タイトル */
.cm_title,
.tb_title {
font-weight: bold;
}

.cm_status,
.tb_status {
display: block;
text-align: right;
}

form label {
display:block;
}

         
/* ページ移動 ------------------------------*/

.pagenavi {
text-align: center;
margin: 10px;
}

.pagenavi a {
color: #9966ff;
}

.pagenavi a:hover,
.pagenavi a:active,
.pagenavi a:focus {
color: #990000;
}


/* 横カレンダーの設定 ----------------------*/

.line_calendar {
text-align: center;
color: #999999;
font-family : Georgia;
font-size : 110%;
font-weight: bold;
margin: 5px 0px 10px 0px;
clear: both;
} 

.line_cal_day { 
margin: 0px 3px;
}

.line_calendar a {
color: #9966ff;
}

.line_calendar a:hover,
.line_calendar a:active,
.line_calendar a:focus {
color: #990000;
}


/* カレンダー枠テーブル ---------------------------*/

/* 枠 */
table.calender {
width: 80%;
margin: 0px auto;
}

/* ヘッダー（年、月） */
.calender caption {
font-size : 110%;
font-family : Georgia;
border-bottom: 1px solid #ffffff;
}

/* 曜日セル */
.calender th {
font-weight: normal;
text-align: center;
padding: 1px;
}

/* 日曜日の色 */
th#sun {
color: #ff0000;
}

/* 土曜日の色 */
th#sat {
 color: #0000ff;
}

/* 日付セル */
.calender td {
text-align: center;
font-size : 110%;
font-family : Georgia;
padding: 1px;
}

/* 記事のある日付セル */
.calender td a {
display: block;
background-color: #9966ff;
color: #ffffff;
}

.calender td a:hover,
.calender td a:active,
.calender td a:focus {
text-decoration: none;
background-color: #990000;
position: static;
}


/*パンくずリスト ---------------------------------*/

.pankuzu {
text-align: left; 
margin: 0px 0px 10px 0px;
}

.pankuzu a {
color: #9966ff;
}

.pankuzu a:hover,
.pankuzu a:active,
.pankuzu a:focus {
color: #990000;
}


/* 引用文枠 -------------------------------------*/

blockquote {
         width : 600px;
         clear: both;
         /* 枠線を描いています */
         border: 1px solid  #eeeeee;
         font-size:12px;
         background-position:center ; /* 配置 */
         padding: 10px 20px;
         margin:0 auto; /* 左右マージンを自動算出してセンタリング */
}

.day_interval{
 padding: 2px;
}
/* MAC・IEバグ回避 */
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;
}

/* IE改行バグ回避 */
br {
letter-spacing:normal;
}


/* Original
------------------------------------------------- */

#index td {
width: 2em;
text-align: center;
}

#index ul.n1 {
margin: 0px 0px 1em 0px;
}

#index ul.n2 {
margin: 0px 0px 1em 0px;
}

#index ul.n1 li {
list-style-type: disc;
margin-left: 20px;
border: 0px;
}

#index ul.n2 li {
list-style-type: circle;
margin-left: 30px;
border: 0px;
}

#corda th {
text-align: left;
font-weight: normal;
width: auto;
}
#corda td {
text-align: left;
font-weight: normal;
width: auto;
}
#corda th.c1 {
background-color: #66FFFF;
}
#corda td.c1 {
background-color: #CCFFFF;
}
#corda th.c2 {
background-color: #66FF66;
}
#corda td.c2 {
background-color: #CCFFCC;
}
#corda th.c3 {
background-color: #FFFF66;
}
#corda td.c3 {
background-color: #FFFFCC;
}
#corda th.c4 {
background-color: #FF6666;
}
#corda td.c4 {
background-color: #FFCCCC;
}
#corda th.c5 {
background-color: #9966FF;
}
#corda td.c5 {
background-color: #EECCFF;
}
#corda th.c6 {
background-color: #6666FF;
}
#corda td.c6 {
background-color: #CCCCFF;
}
#corda th.c7 {
background-color: #CC66FF;
}
#corda td.c7 {
background-color: #FFCCFF;
}
#corda th.c8 {
background-color: #CCCCCC;
}
#corda td.c8 {
background-color: #EEEEEE;
}
#corda th.c9 {
background-color: #CC9966;
}
#corda td.c9 {
background-color: #FFEECC;
}
#corda th.c10 {
background-color: #999999;
}
#corda td.c10 {
background-color: #CCCCCC;
}
#corda th.c11 {
background-color: #FF66FF;
}
#corda td.c11 {
background-color: #FFCCFF;
}
#corda th.c12 {
background-color: #FFCC66;
}
#corda td.c12 {
background-color: #FFEECC;
}
#corda th.c13 {
background-color: #6699FF;
}
#corda td.c13 {
background-color: #CCEEFF;
}
#corda li {
margin-bottom: 0px;
padding-bottom: 0px;
}