@charset "euc-jp";

body {
text-align:center;
font-family:"arial","Verdana", "Impact", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
line-height: 1.6;
margin:0;
padding: 0;
color:#000;
background: #000;
}

#header { 
text-align:left;
background:url("http://1.dtiblog.com/template/general_surf_01/image/top-surf-background.jpg") no-repeat right bottom ; 
margin:0 auto; 
padding: 0; 
width: 800px; 
height:200px;
display:block;
}

#header p{
text-align:right;
font-size:16px;
color:#fff;
padding:20px 10px;
}

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

h1 a:visited,h1 a:link {
color:#000;
text-decolation:none;
}

h2 {
font-size:12px;
padding:0px 10px;
margin:0;
color:#6AB21D;
}
a:link {
	color:#834A05;
	text-decoration: underline;
}
a:active {
	color: #FF66CC;
	text-decoration: none
}
a:visited {
	color: #834A05;
	text-decoration: none
}
a:hover {
	color: #d00;
	text-decoration: underline;
}


#container  { 
text-align:left;
line-height: 140%;
background:url("http://1.dtiblog.com/template/general_surf_01/image/container-surf-background.gif"); 
text-align: left;
margin:0 auto; 
padding: 0; 
width: 800px; 

}


/* 記事表示部分 */


#main {
float:right;
width:520px;
margin-left: 0;
margin-right:20px;
margin-top:30px;
display:inline;
overflow:hidden;
}


/* メニュー表示部分 */
#left {
margin:30px 30px 0 10px;
width: 180px;
color: #232323;
float:left;
display:inline;
overflow: hidden;
font-size: 12px;
}
#left h3 {
color: #ffffff;
background-color: #844a08;
border: solid 2px #ffcc00;
padding: 2px 4px;
font-size: 13px;
}
/* その他のメニュー内のリスト */
#left ul {
list-style-type: none;
padding:0;
margin: 0;
}

#left ul li {
font-size: 12px;
margin: 2px 0 0 0;
list-style-position: outside;
}

/* recent entry とrecent comment の日付部分はこれで文字を少し小さく */
#right ul li span {
	margin-left: 0.3em;
}


/* 一番下の部分(copyright) */
/* メニューの高さが記事より長くなった場合の為に一応、右寄せ */
#footer {
width:800px;
text-align:center;
margin:0;
padding:0;
}
#footer p{
margin:0;
padding:0;
}

/* 記事の見出し(タイトル) */

#main h3 {
color:#000;
font-size: 16px;
padding: 4px 12px 0px 0;
}
#main h3 a{
padding:20px 20px 6px 0;
background:url("http://1.dtiblog.com/template/general_surf_01/image/mainH3-surf-background.gif") no-repeat right center;
}


/* 記事表示部分を囲うブロック要素の属性 */
.body {
width:520px;
font-size: 12px;
margin: 0;
padding: 0 0 60px 0;
line-height: 1.6;
background:url("http://1.dtiblog.com/template/general_surf_01/image/body-surf-line.gif") no-repeat center bottom #fff;
overflow:hidden;
color:#000;
}


/* 記事のステータス用リスト */
.sub {
	text-align: right;
	margin: 2.7em 0 0 0;
}
.sub li {
	display: inline;
}
.sub a {
	margin-right: 0.3em;
}


/* レスフォーム設定 */
.reaf {
	color: #333;
	margin: 1.7em 0%;
position: relative;

}
.reaf dt {
	letter-spacing: 0.1em;
position: absolute;
left: 0px;

}
.reaf dd {
	padding: 0 0 0.5em 5.7em;
}
.reaf input {
	/*width: 50%;*/
}

.reaf textarea {
width:260px;
}

#himitsu {
	width: auto;
}




/* カレンダー設定 */
table.calender {
         font-size:10px;
	width: 180px;
	border-collapse: separate/*collapse*/;
	border-spacing: 0;
	padding: 0.5em 0 0.7em 0;
}
.calender caption {
	border-bottom: 1px solid #777;
	padding: 0 0 0.5em 0;
}
.calender th {
	font-weight: normal;
}
.calender td {
         font-size:10px;
	width: 14%;
	text-align: center;
	padding: 0.1em;
}
.calender td a {
	display: block;
}
th#sun {
	color: #f00;
}
th#sat {
	color: #00f;
}




/* 自己紹介的なところで画像を使用した場合の中央寄せ */
.pay {
	text-align: center;
         margin-right:2em;
}



/* コメントリストの設定 */
#commentlist {
	margin-top: 1.7em;
	margin-bottom: 7.7em;
	margin-right: 1.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
	margin: 2.7em 1.7em 0 0;
	padding: 1.7em 0 2.7em 3.7em;
	border-top: 1px solid #ddd;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
	margin-top: 0.7em;
	margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
	margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
	margin-bottom: 0.5em;
}



/* trackback uri 表示部分の設定 */
#trap dt {
	margin: 0 0 0.5em 0.7em;
}
#trap dd {
}
#trap dd a {
	text-decoration: underline;
}



/* 検索 */
#right form {
	margin: 0;
}
.light {
	margin: 2.7em 0 0 0;
	padding: 0.7em 0 0 0;
}
.search {
	margin: 0 0 3.7em 0;
	padding: 0.7em 0;
}

.text{
margin:10px;
}

.e{
background:url("http://1.dtiblog.com/template/general_surf_01/image/entry-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}
.c{
background:url("http://1.dtiblog.com/template/general_surf_01/image/comment-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}
.a{
background:url("http://1.dtiblog.com/template/general_surf_01/image/archive-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}
.t{
background:url("http://1.dtiblog.com/template/general_surf_01/image/trackback-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}
.l{
background:url("http://1.dtiblog.com/template/general_surf_01/image/link-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}

.ca{
background:url("http://1.dtiblog.com/template/general_surf_01/image/category-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}

.cal{
background:url("http://1.dtiblog.com/template/general_surf_01/image/calender-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}


.prof{
background:url("http://1.dtiblog.com/template/general_surf_01/image/profile-surf-background.gif") no-repeat left top;
text-indent:-1000px;
height:40px;
width:170px;
display:block;
}

#inputForm table{
width:100%}

#inputForm th,#inputForm td {
padding:6px 17px;
border-bottom:1px solid #666;
text-align:left;
}

#inputForm th {
width:7em;
}
#inputForm td {
background:#151515;
color: #FFFFFF;
}

.hnTop{
border-left:3px solid #000;
padding: 30px 0 0 10px;
margin: 0 0 0 30px;
}

.date-green{
color:#82DD04;
margin:5px 0;
padding:0;
}