/* 

    Blog  -  slice CSS 

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


*/

/*  1.基本設定  */
body{
text-align:center;
	font-size:90%;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
}

#whole{
text-align:left;
margin-left:auto;
margin-right:auto;
width:760px;
}

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

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

td{
vertical-align:top;
}

table{
font-size:100%;
}

/*  2.ヘッダ　タイトル部分  */
#header{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/header_orange.gif') no-repeat;
margin:0px 0px 2px 0px;
}

h1{
padding:5px 0px 0px 10px;
font-size:160%;
margin:0px;
}

.useroption{
text-align:right;
margin:2px 10px 0px 0px;
}

#underhead{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/underhead_orange.gif') no-repeat;
height:40px;
}

/*  3.左カテゴリー  */
#leftcateg{
float:left;
width:220px;
margin:0px 10px 0px 0px;
}

.leftcategaround{
background:#F0F0F0;
padding:10px 0px 10px 0px;
}

.menucateg{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/menucateg.gif') repeat-x #BCBCBC;
height:auto;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:7px 0px 9px 10px;
margin:0px 0px 0px 0px;
}

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

.listaround li{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/arrow_orange.gif') no-repeat 9px 3px;
padding:1px 5px 2px 20px;
}

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

ul li{
padding:0px 10px 0px 10px;
}


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

.newsaround{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/newscateg2.gif') repeat-y top right #F0F0F0;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding:3px 0px 3px 10px;
margin:10px 0px 2px 0px;
}

h2{
font-size:100%;
margin:0px;
}

.newsedit{
text-align:right;
margin:0px 5px 0px 0px;
}

.newsmain{
font-size :100%;
line-height:140%;
padding:0px 0px 0px 10px;
margin:10px 0px 10px 0px;
}

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

.endpublish{
padding:2px 0px 0px 10px;
border-top:1px solid #DDDDDD;
margin:0px 0px 30px 0px;
}


.infotitleall{
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/newscateg2.gif') repeat-y top right #F0F0F0;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding:3px 0px 3px 10px;
margin:10px 0px 2px 0px;
}

.infotitle ul{
margin:10px 0px 10px 0px;
padding:0px 0px 2px 10px;
}

.information{
list-style-type:none;
margin:0px;
padding:0px;
font-size:110%;
}

.trackbackurl{
font-size:12px;
line-height:110%;
}

.comment_form_title{
width:300px;
}

.comment_form_name{
width:300px;
}

.comment_form_url{
width:300px;
}

.comment_form_textarea{
width:480px;
}

.commentform{
line-height:180%;
}

.information a {color: #FF9700;text-decoration: underline}
.information a:link {color: #FF9700;text-decoration: underline}
.information a:visited {color: #FF9700;text-decoration: underline}
.information a:active {color: #FF6600;text-decoration: underline}
.information a:hover {color: #FF6600;text-decoration: underline}

.TOP_PAGE{margin:5px;padding:5px;line-height:140%;}

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

/*  5.フッタ　コピーライト部分  */
#footer{
clear:left;
background:url('http://www.dreama.jp/blog/blog_master_skin/5/slice/footer.gif') repeat-x;
margin:10px 0px 0px 0px;
height:40px;
}

.copyright{
text-align:right;
padding:20px 10px 0px 10px;
font-size:75%;
}

.menulistnormal{
margin:0px 10px 0px 15px;
list-style-type:none;
font-weight:bold;
}

.deco_none { text-decoration: none; }