html {

}

body {
 
 /*background:#c2b8aa url() no-repeat fixed left top;*/
 /*background: #2a2a2a;*/
 /*background: #B5A895;*/
 padding:0;
 margin:0;
 color:#ffffff;
 font-size: 12px;
 font-family: Trebuchet MS;
 line-height:1.5;
 
 /* IE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#b5a895, EndColorStr=#efedea);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#b5a895, EndColorStr=#efedea)";

/* Firefox */
background: -moz-linear-gradient(#b5a895, #efedea);

/* Chrome, Safari */
background: -webkit-gradient(linear, left top, left bottom, from(#b5a895), to(#efedea));

}

a:link {color: #ffffff; text-decoration:none;}
a:visited {color: #ffffff; text-decoration:none;}
a:hover {color: #ffffff; text-decoration:underline;}
a:active {color:#ffffff;}

img {

 border: none;
 
}

table {

float: left;
border-collapse:collapse;
background: #000000;
font-size: 9pt;
line-height:1.5;

}

td, th {
padding: 4px;
}

#header {
  background: #433022;
  margin: 0 0 0 0;
  height: 50px;
  width: 100%;
}

#header .menu {
  background: #433022;
  margin: 0px 0px  0px 0px ;
  height: 30px;
  width: 800px;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: 15px;
}

#title-news {
 margin: 20px 0px 0px 0px;
 height: 300px;
 width: 870px;
 }
 
#title-news .title {
 float: left;
 background: #000000;
 height: 300px;
 width: 600px;
}

#title-news .news {
 float: left;
 background: url(./image/news_back.gif) ;
 margin-left: 10px;
 height: 300px;
 width: 250px;
 /*filter: alpha(opacity=25);*/
/* -moz-opacity:0.25;*/
/* opacity:0.25;*/
}

#title-news .newslogo {
 background: #ffffff;
 color: #000000;
 margin: 10px;
 text-align:right;
}


#top-pick {
 margin: 0px 10px 10px 30px;
 width: 900px;
 }

#top-pick .pick {
 float: left;
 background: #000000;
 margin-right: 10px;
 height: 500px;
 width: 600px;
 }

#footer {
  height: 50px;
  width: 100%;
  clear: both;
}



#content {
margin-top: 20px;
width:870px;
}

#content .news {
 float: left;
 background: url(./image/news_back.gif) ;
 margin-left: 2px;
 height: 300px;
 width: 250px;
}

#content .twitter {
 float: left; 
 background: url(./image/twitter_back.gif); 
 margin: 10px 0px 0px 2px;
 width: 250px; 
 height: 600px;
 }
 
#content .newslogo {
 background: #ffffff;
 color: #000000;
 margin: 10px;
 text-align:right;
}

#content .title_normal {
	color:#696969;
	font-size:13px;
	font-weight:bold;
	line-height:130%;
	background-color: #e8ebee;
	border-top: 1px solid #97999c;
	border-bottom: 1px solid #97999c;
	margin: 0px;
	padding: 5px;
}

#content .text_normal {
	color:#000000;
	font-size:12px;
	font-weight:normal;
	line-height:130%;
	margin-bottom:8px;
	padding:3px;
	background-color: #ffffff;
	word-break: break-all;
}

#content .diary_title {
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
	line-height:130%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #778899;
	word-break: break-all;
	width: 95%;
	text-align:left;
}


#content .top {
  margin: 0px 0 0 0px;
  height: 0px; 
}

#content .isi {
  float: left;
  margin-right: 8px;
  width: 600px;
}

#content .isi p {
  padding-bottom:18px;
  margin: 0 35px 0 0;
  font-size: 1em;
}

#content .isi h1 {
  font-size: 28px;
  font-weight: normal;
  height: 56px;
  margin: 0 0 0 0;
  padding: 18px 0 0 10px;
}

#content .foot {
  margin: 0 0 0 0px;
}


#xsnazzy { background:transparent; margin:10px 10px 10px 10px; padding:0; }
#xsnazzy .h, #xsnazzy p { margin:0; padding:0px 0px; line-height:2em; }
#xsnazzy .h { font-size:1.5em; color:#60c8d8; padding-bottom:0; font-weight:bold; }
#xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }
#xsnazzy b { display:block; overflow:hidden; }
#xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }
#xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#b5a895; border-left:1px solid #b5a895; border-right:1px solid #b5a895; }
#xsnazzy .xb1 { margin:0 5px; background:#b5a895; }
#xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }
#xsnazzy .xb3 { margin:0 2px; }
#xsnazzy .xb4 { height:2px; margin:0 1px; }
#xsnazzy .xboxcontent { 
display:block; 
background:#b5a895;
border:0 solid #b5a895;
border-width:0 1px; 
 /* IE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#b5a895, EndColorStr=#efedea);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#b5a895, EndColorStr=#efedea)";
/* Firefox */
background: -moz-linear-gradient(#b5a895, #efedea);
/* Chrome, Safari */
background: -webkit-gradient(linear, left top, left bottom, from(#b5a895), to(#efedea));
}




#viewer_main {
	margin-top: 80px;
	width: 250px;
	height: 172px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer_main img {
	top: 0;
	left: 0;
	position: absolute;
}

#viewer_lounge {
	margin-top: 50px;
	width: 250px;
	height: 172px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer_lounge img {
	top: 0;
	left: 0;
	position: absolute;
}

#twitter_div {
float:left;
text-align : left;
margin : 0; /* 適宜変更推奨 */
padding : 0px;
background : url("背景画像のURL") no-repeat;
}

#twitter_div h2 {
text-align: right;
font-size : 9pt;
color : #ffffff;
margin : 5px 0;
}

#twitter_div ul {
width : 250px; /* 適宜変更推奨 */
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding : 2px 5px 2px 20px; /* 適宜変更推奨 */
background-image : url("各POSTの左側に表示させるアイコン画像のURL");
background-repeat : no-repeat;
background-position : 5px 8px; /* 適宜変更推奨 */
border-bottom : dotted 1px #6e6055; /* 適宜変更推奨 */
}

#twitter_div li a {
font-size : 0.7em !important;
color : #c7b9a5; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color : #ffffff;
}

#twitter_div li span {
color : #dedad4; /* 適宜変更推奨 */
font-size : 0.8em;
}

#twitter_div li span a {
color : #efe9e1; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size : 0.8em;
color : #dedad4; /* 適宜変更推奨 */
text-align : right;
display : block;
}

a#twitter-link:hover {
color : #ffffff;
}