body{
text-align: center;
margin: 0px;
padding: 10px 0 10px 0;
font-size: 12px;
background : #ddd;
font-family: 'verdana', 'trebuchet ms', sans-serif;
}

img {border: 0;}

/* リンクの設定 */

a{cursor : pointer ;}
a:link{
color : #0066ff;
text-decoration: none;
}
a:visited{color : #0066ff;
text-decoration: none;
}
a:active{color : #0066ff;}
a:hover{color : #006400;}

.entry a{font-weight: nomal;}

h1, h2{
font-size : 16px;
padding : 5px 0 0 8px;
border-left : 5px solid #0066ff;
}

h3, h4{
font-size : 14px;
padding : 3px 0 0 8px;
border-left : 5px solid #0066ff;
}


/* 全体の幅 -------------------------------------------------*/
#container{
width: 985px;
background-color : #ffffff;
padding: 0 0 0 0;
margin: 0 auto;
text-align: left;
line-height: 110%;
}

/* メインと左側のプラグインを合わせた幅 -----------------------------------*/
#box2 {
width: 765px;
margin: 0px;
background-color : #ffffff;
padding: 0px;
line-height: 100%;
text-align: left;
float : left;
}

/* 左右プラグインの幅 -------------------------------------------------*/
#left {
float : left;
width : 200px;
overflow: hidden;
}

#right{
float : left;
width : 220px;
background-color : #ffffff;
overflow: hidden;
margin: 0 -20px 0 0;
}

/* メインの幅 -----------------------------------------------*/
#main {
float : right;
width : 560px;
overflow: hidden;
}

/* ヘッダー -------------------------------------------------*/
#header{
width: 100%;
background-color : #00f;
padding: 20px 0 20px 0;
margin: 0px ;
text-align: center;
}

#title {
text-align : left;
font-weight : bold;
color : #2F4F4F;
font-weight : bold;
margin : 0 0 0px 60px;
padding : 25px 0 10px 0 ;
font-size : 30px;
}

#header a{
text-decoration: none;
color : #fff;
}

#header a:hover{
text-decoration: underline;
}

#introduction {
text-align : left;
margin : 10px 0 0px 62px;
font-size : 14px;
font-weight : bold;
color : #E6E6FA;
}

.header-bottom{
background-color : #fff;
width:100%;
text-align: center;
padding : 4px 0 3px 0px;
border-top: 5px solid #006699;
margin : 0px;
border-bottom: 2px solid #006699;
}

/* ヘッダーナビ */

#search-in{
text-align: right;
padding: 0 20px 0 0;
}

#search{
margin: 0px;
}

/*フッター
-------------------------------------------------------------*/
#footer {
clear : both;
background-color : #00f;
width : 100%;
font-size : 10px;
color : #ffffff;
margin : 10px 0 0 0;
padding : 5px 0px 5px 0px;
text-align : center;
line-height: 20px;
border-top: 2px solid #006699;
}

#footer a{
color : #ffffff;
}

/*エントリー
-------------------------------------------------------------*/
.entry{
padding: 15px 10px 5px 0px;
color: #000000;
line-height: 160%;
}

.entryblock{
font-size:14px;
line-height: 160%;
padding: 0px 10px 5px 20px;
margin-bottom:20px;
}

/*エントリー：見出し*/

.date {
color: #808080;
font-size: 12px;
text-align: right;
margin-bottom: 10px;
padding: 0px 20px 0 0;
}

.entry h2{
color: #008B8B;
font-size:16px;
font-weight: bold;	
text-align: left;
border-left: 5px solid #0066ff;
border-bottom: 1px solid #DCDCDC;
padding: 5px 3px 2px 10px;
}

.entry h2 a{
color: #0066ff;
}

.entry h2 a:hover{
color: #006400;
padding-left : 2px;
}



/* 記事の下側（カテゴリやコメント） */

.category-icon{
  background-image : url(http://blog-imgs-23.fc2.com/w/e/b/weboook/category2.png);
  margin : -2px 5px 0 5px;
  padding-left : 22px;
  background-repeat : no-repeat;
}
.comment-icon{
  background-image : url(http://blog-imgs-23.fc2.com/w/e/b/weboook/comment_new2.gif);
  margin-left : 5px;
  padding-left : 18px;
  background-repeat : no-repeat;
}
.trackback-icon{
  background-image : url(http://blog-imgs-23.fc2.com/w/e/b/weboook/trackback-icon2.png);
  margin-left : 5px;
  padding-left : 18px;
  background-repeat : no-repeat;
}
.tag-icon{
  background-image : url(http://blog-imgs-23.fc2.com/w/e/b/weboook/tag_orange2.png);
  margin-left : 5px;
  padding : 0 0 2px 18px;
  background-repeat : no-repeat;
}

.tag{
color: #333333;
font-size: 11px;
  text-align : right;
  margin : 0px 15px 15px 0;
}
.tag a:link ,.tag a:visited ,.tag a:hover,.posted a:link,.posted a:visited,.posted a:hover{
font-size: 11px;
font-weight: normal;
}

#more{
margin : 15px 0px 0px 0px;
}

.ranking{
  text-align : center;
  margin : 30px 0 20px 0;
}

.tag_area{
line-height: 200%;
  text-align: left;
  margin : -30px 0 0px 0px;
}

.next{
background-color : #fff;
  margin : 18px 20px 20px 20px;
  padding : 2px 10px 5px 35px;
  border : 1px solid #ccccff;
  background-image : url(http://blog-imgs-23.fc2.com/w/e/b/weboook/page.gif);
  background-repeat : no-repeat;
background-position : 8px 6px;
}

.google-ad{
text-align: center;
margin : 20px 0px -10px 0px;
}

/*記事の下ステータス部分（日付等）*/
.posted {
color: #333333;
font-size: 11px;
border-top: 1px solid #006699;
text-align: right;
line-height: normal;
padding: 7px 13px 1px 3px;
margin : 30px 0 0 0;
}

/*コメントのステータス部分（日付等）*/
.comepostedarea {
padding : 0 40px 30px 30px;
}
.comeposted {
color: #808080;
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px;
border-bottom: 1px dotted #808080;
text-align: right;
line-height: normal;
padding: 3px;
margin-bottom:20px;
}

.commment {
color: #006699;
font-size:16px;
font-weight: bold;	
text-align: left;
border-top: 2px solid #0066ff;
border-bottom: 1px solid #006699;
margin: 0 20px 20px 20px;
padding: 5px 3px 2px 10px;
}

.trackbackurl{
padding : 3px 5px 1px 5px;
border : 1px solid #006699;
}

/* サイド*/
.side {
padding: 15px 0px 15px 0px;
}

/* サイド左側*/

.sidetitle{
height : 16px;
color: #191970;
font-size:14px;
font-weight : bold;
text-align: center;
background-color:#E6E6FA;
padding: 8px 0px 0px 0px;
margin : 0px 0px 0px 0px;
}

.sideblock{
font-size:12px;
line-height: 150%;
padding: 5px 10px 5px 10px;
background-color:#fff;
margin:0px 0 15px 0;
border-top: 1px solid #006699;

}

/* サイド右側*/

.sidetitle2{
color: #191970;
font-size:14px;
font-weight : bold;
text-align: center;
border-bottom: 1px solid #006699;
background-color:#E6E6FA;
padding: 5px 0px 4px 0px;
margin : 0px 0px 0px 0px;
}

.sideblock2{
font-size:12px;
line-height: 150%;
padding: 5px 10px 5px 10px;
background-color:#fff;
margin-bottom:15px;
}

.side ul {
padding: 0px;
margin : 0px 0px 0px 0px;
}

.side li {
margin:3px 3px 8px 3px;
padding:0 3px 3px 3px;
  list-style-type : none;
display:block;
text-align: left;
font-size: 12px;
color:#333333;
line-height: 15px;
border-bottom : 1px dotted #A9A9A9;
}

