/* 

    Blog  -  refine CSS 

    1.基本設定
    2.ヘッダ　タイトル部分
    3.左カテゴリー
    4.右カテゴリー（本文）
    5.フッタ　コピーライト部分


*/

/*  1.基本設定  */
body{
text-align:center;
margin:0px;
padding:0px;
	font-size:85%;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:#333333;
line-height:110%;
}

#whole{
border-left:1px solid #777777;
border-right:1px solid #777777;
margin-left:auto;
margin-right:auto;
text-align:left;
width:760px;
background:#111111;
}

a{
color:#FFFFFF;
text-decoration:none;
}

a:hover{
color:#FFFFFF;
text-decoration:underline;
}

/*  2.ヘッダ　タイトル部分  */
#header{
background:#333333;
}

h1{
border-bottom:1px solid #FF7300;
padding:5px 10px 3px 17px;
color:#FFFFFF;
margin:0px;
line-height:130%;
font-size:150%;
}

#useroption{
text-align:right;
height:20px;
padding:7px 12px 7px 0px;
margin:0px 15px 0px 0px;
}

.subcontents{
overflow:hidden;
margin:3px 0px 0px 0px;
}

/*  3.左カテゴリー  */
#leftcateg{
width:516px;
float:left;
overflow:hidden;
}

#leftcateg a{
color:#FFB600;
text-decoration:none;
}

#leftcateg a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.leftcategaround{
width:484px;
margin:0px 0px 15px 15px;
background:#2D2D2D;
overflow:hidden;
}

h2{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/newstitleback_black.gif') no-repeat 1px 1px #484848;
font-size:100%;
margin:0px;
padding:6px 0px 2px 25px;
color:#FFB600;
font-weight:normal;
border:1px solid #000000;
}

.infotitlearound{
width:484px;
margin:0px 0px 15px 15px;
background:#2D2D2D;
overflow:hidden;
}

.infotitle{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/newstitleback_black.gif') no-repeat 1px 1px #484848;
padding:7px 0px 3px 25px;
color:#FFFFFF;
border:1px solid #000000;
}

.infotitlearound ul{
list-style-type:none;
margin:0px;
padding:10px 10px 10px 10px;
}

.infotitlearound ul li{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/icon_list_black.gif') no-repeat 0px 5px;
margin:0px 0px 0px 9px;
padding:2px 0px 2px 16px;
}

.newsedit{
text-align:right;
padding:2px 25px 0px 0px;
}

.newsmain{
font-size : 14px;
line-height : 1.5;
margin:10px 25px 10px 25px;

}

.newsmain a {color: #FFFFFF;text-decoration: underline}
.newsmain a:link {color: #FFFFFF;text-decoration: underline}
.newsmain a:visited {color: #FFFFFF;text-decoration: underline}
.newsmain a:active {color: #FFFFFF;text-decoration: underline}
.newsmain a:hover {color: #FFFFFF;text-decoration: underline}

.endpublish{
border-top:1px solid #CCCCCC;
padding:3px 5px 3px 5px;
margin:30px 25px 10px 25px;
color:#EEEEEE;
}

.uptop{
text-align:center;
}

.nextpreview{
text-align:center;
}

.endtimecode{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/icon_time_black.gif') no-repeat 26px 2px;
padding:0px 0px 0px 40px;
}

.endcomment{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/icon_comment_black.gif') no-repeat 3px 2px;
padding:0px 0px 0px 16px;
}

.endtrackback{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/icon_trackback_black.gif') no-repeat 3px 2px;
padding:0px 0px 0px 17px;
}

.ENTRY_TRACKBACK_URL{
font-size:12px;
}

.comment_form_title{
width:300px;
}

.comment_form_name{
width:300px;
}

.comment_form_url{
width:300px;
}

.comment_form_textarea{
width:420px;
}

.commentform{
line-height:180%;
}

.information{
font-size:110%;
line-height:120%;
}

/*  4.右カテゴリー（本文）  */
#rightcateg{
float:left;
width:242px;
overflow:hidden;
}

.rightcategaround{
background:#2D2D2D;
width:228px;
padding:0px 0px 10px 0px;
}

.blogmenu{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/blogmenu_black.gif') repeat-x 1px 1px #484848;
border:1px solid #000000;
padding:6px 0px 2px 19px;
margin:0px 0px 0px 0px;
}

.categname{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/menu_black2_new.gif') repeat-x 0px 2px #454545;
margin:10px 8px 0px 9px;
padding:7px 0px 2px 25px;
border:1px solid #000000;
height:auto;
}

.menulist{
list-style-type:none;
margin:0px;
padding:0px;
}

.menulist li{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/refine/icon_list_black.gif') no-repeat #474747 10px 4px;
padding:1px 0px 2px 25px;
margin:0px 9px 0px 10px;
}

.menulist a{
color:#FFB600;
text-decoration:none;
}

.menulist2{
list-style-type:none;
margin:0px;
padding:0px;
}

.menulist2 li{
padding:1px 3px 2px 25px;
margin:0px 9px 0px 10px;
background:#474747;
}

.menulist2 a{
color:#FFB600;
text-decoration:none;
}

.menulistnormal{
margin:0px;
padding:0px;
}

/*  5.フッタ　コピーライト部分  */
#footer{
clear:left;
padding:15px 0px 0px 0px;
}

.copyright{
text-align:right;
margin:0px 15px 15px 15px;
padding:5px 5px 5px 5px;
background:#333333;
font-size:80%;
}

.TOP_PAGE{
background:#333333;
width: 475px;
_width: 490px;
line-height:110%;
margin:10px 10px 10px 10px;
padding:10px 10px 10px 10px;
}

.TOP_PAGE a {color: #FFFFFF;text-decoration: underline}
.TOP_PAGE a:link {color: #FFFFFF;text-decoration: underline}
.TOP_PAGE a:visited {color: #FFFFFF;text-decoration: underline}
.TOP_PAGE a:active {color: #FFFFFF;text-decoration: underline}
.TOP_PAGE a:hover {color: #FFFFFF;text-decoration: underline}

.deco_none { text-decoration: none; }
.ENTRY_FOOTER { padding-bottom: 10px; }
.MENU_CONTENTS_START_TOP{padding:5px 0px 0px 0px;background:#474747;margin:0px 9px 0px 10px;}
.MENU_CONTENTS_START_BOTTOM{padding:0px 0px 5px 0px;margin:0px 9px 0px 10px;background:#474747;}