/*------------------------------------------------------------
●ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}


html{
scrollbar-face-color:#232323; 
scrollbar-highlight-color:#000; 
scrollbar-shadow-color:#000; 
scrollbar-3dlight-color:#000; 
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color:#000;
}


table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

li{
list-style:none;
list-style-position:outside;
}

body { 
text-align:center;
line-height:1.3;
margin:0;
padding:0;
background-color:#000;                       /* 外側背景色 */
} 


/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link    {color:#F8C367; text-decoration:none;}      /* 通常 */
a:active  {color:#F8C367; text-decoration:none;}      /*実行中*/
a:visited {color:#F8C367; text-decoration:none;}      /*訪問済*/
a:hover   {color:#ffffff; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

#backgrounds{
width:850px;
height: 584px;
margin:auto;
margin:20px auto auto;
background:url(http://blog-imgs-33.fc2.com/j/g/p/jgp1/nights_fla_butterfly_bg.gif) no-repeat;
}

/********************************************* ▼ ヘッダー ▼ */

#header{
width:850px;
margin:0px auto 0px;
}

#header_body { 
width:850px;
height:60px;
margin:0;
}

#title{
width:850px;
text-align:right;
color:#fff;
font-size:12px;
margin:5px 0px;
position:relative;
right:20px;
}


#header_menu{
float:left;
text-align:left;
width:850px;
}

#header_menu img{
filter:Alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
}


#header_menu ul{
margin:0;
text-align:left;
}

#header_menu li{
width:111px;
height:44px;
float:left;
}


.menu a:link    { color:#F8C367; text-decoration:none; } /* 通常 */
.menu a:active  { color:#F8C367; text-decoration:none; } /*実行中*/
.menu a:visited { color:#F8C367; text-decoration:none; } /*訪問済*/
.menu a:hover   { color:#ffffff; text-decoration:none; } /*マウス*/

/********************************************* ▲ ヘッダー ▲ */



/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:12px;                                 /* 文字サイズ */
text-align:right;                                /* 右寄せ     */
z-index:10;
}
                              /* ▽文字色とリンクの下線有無▽ */
h1 a:link    { color:#F8C367; text-decoration:none; } /* 通常 */
h1 a:active  { color:#F8C367; text-decoration:none; } /*実行中*/
h1 a:visited { color:#F8C367; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#ffffff; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */

#middle {
float: left;
width: 850px;
border: 1px solid #232323;
font-size:12px;
margin-top:5px;
_margin-top:2.5px;
color:#fff;
}

#main {
float: left;
overflow: auto;
position: relative;
height: 385px;
width: 520px;
padding-top: 0px;
padding-bottom: 3px;
padding-left: 10px;
line-height : 1.5;
}

h2{
font-size:12px;
color:fff;
font-weight: bold;
}
                            /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#F8C367; text-decoration:none; } /* 通常 */
h2 a:active  { color:#F8C367; text-decoration:none; } /*実行中*/
h2 a:visited { color:#F8C367; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#ffffff; text-decoration:none; } /*マウス*/
  
                            /* △文字色とリンクの下線有無△ */
                            
.menu_area h3{
font-size:12px;
color:fff;
font-weight: bold;
}

#menu {
text-align:left;
float: right;
overflow: auto;
position: relative;
height: 385px;
width: 300px;
_width:325px;
padding:0 10px;
}

#menu ul {padding-left: 0px;}
#menu li{list-style-type: none;}
#space {height: 410px;}

.etop-up {
float: left;
width: 480px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
font-family: "Century Gothic";
padding-top: 14px;
}

.entry-day {
color: #fff;
background-color: #232323;
float: left;
width: 110px;
border:solid 1px #232323;
height: 18px;
text-align: center;
}

.entry-day a {
color: #fff;
text-decoration: none;
font-family: "Century Gothic";
}

.entry-day a:hover {
color: #fff;
text-decoration: none;
font-family: "Century Gothic";
}

.entry-header {
font-weight: bold;
float: right;
width: 350px;
height: 15px;
padding-top: 1px;
font-size: 12px;
}

.etop-down {
float: left;
height: 20px;
width: 480px;
padding-right: 7px;
font-family: "Century Gothic";
font-size: 10px;
}

.ecateg {
font-size: 10px;
color: #CCCCCC;
float: left;
padding-left: 18px;
font-family: "Century Gothic";
}

.data {
color: #CCCCCC;
float: right;
font-size: 10px;
padding-right: 10px;
font-family: "Century Gothic";
}

.etop-down a {
color: #F8C367;
text-decoration: none;
}

.entry-body {
padding-left: 15px;
width: 460px;
padding-top: 5px;
padding-bottom: 5px;
text-align:left;
}

h3#comment-top,
h3#trackback-top {
font-weight: bold;
background-repeat: no-repeat;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
width:460px;
font-size:10px;
text-align:left;
}

h3.comment-post,
h3.comment-edit {
font-size:10px;
font-weight: bold;
background-repeat: no-repeat;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
width:460px;
text-align:left;
}

h4.comment-header {
margin-bottom : 10px;
padding : 0 10px;
font-size: 10px;
font-weight: bold;
margin-left: 10px;
text-align:left;
}

div.comment-body {
padding : 0 10px;
font-size:10px;
margin-left: 15px;
text-align:left;
}

ul.comment-footer {
padding : 10px 10px 15px 10px;
text-align:right;
}

p.trackback-uri {
margin-bottom : 15px;
font-size:10px;
margin-left: 25px;
padding-left: 10px;
text-align:left;
}

h4.trackback-header {
width:450px;
font-size:10px;
margin-bottom : 5px;
padding : 0 10px;
border-bottom : 1px solid #999999;
margin-left: 20px;
text-align:left;
}

div.trackback-excerpt {
font-size:10px;
padding : 0 10px;
background : transparent;
margin-left: 20px;
text-align:left;
}

ul.trackback-footer {
font-size:10px;
padding : 10px 10px 15px 10px;
display : inline;
list-style-type : none;
text-align:right;
}

ul.trackback-footer li {
display : inline;
list-style-type : none;
padding: 5px;
margin-left: 20px;
text-align:right;
}

ul.comment-footer li {
display : inline;
list-style-type : none;
margin-bottom: 10px;
margin-left: 10px;
padding-left: 15px;
}

.entry-body img{
border:1px solid #999999;
margin:0px 10px 10px 0px;
display:inline;
}

.entry-more{font-size: 12px;}

.entry-more a{
color: #F8C367;
text-decoration: none;
font-size: 12px;
font-family: "Century Gothic";
}

img.emoji{
vertical-align:middle;
margin:0px;
}

#bottom{
padding : 5px;
float: left;
width: 850px;
line-height: 12px;
color:#fff;
background-color:#000;
}

#copyright{
font-size: 10px;
padding : 10px 10px 0px;
float: left;
line-height: 12px;
}

#ado{
padding : 10px 0;
float: right;
text-aling:right;
font-size:10px;
position:relative;
right:20px;
}

.plgttl{
padding-top: 12px;
padding-bottom: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
font-weight: bold;
}

.plgttl h4{
width:110px;
height:18px;
background-color:#232323;
border:solid 1px #232323;
text-align:center;
font-family: "Century Gothic";
font-size:12px;
line-height:1.5;
}

/*** その他 ***/
table { font-size:10px; }
.c-both { clear:both; }


.menu_area {
padding-left: 15px;
width: 460px;
padding-top: 5px;
padding-bottom: 5px;
text-align:left;
}

.menu_top {
float: left;
width: 480px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
font-family: "Century Gothic";
padding-top: 14px;
margin-bottom:5px;
}