* {
margin: 0;
padding: 0;
}

html {
    color: #333;
    font: small/1.5em "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", "Verdana", sans-serif;
}

body {
    padding:5px 5px;
    background-color: #ddd;
}

p {
    margin: 5px 5px;
}


/* =================================== */
/* レイアウトの設定 */
/* =================================== */

/* #main,#side用のblock */
#content {
    border: 1px solid gray;
    width: 240px;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
}


#header {
    height:20px;
    color:#333;
}

#side_b {
    text-align: right;
    overflow:hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    top: -10px;
}


#side {
    border: 1px solid gray;
    width: 180px;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: 2;
}

/*サイドコンテンツヘッダー画像*/
#side .side_header {
    position:relative;
    padding: 0 0 0 0;
}


/*サイドコンテンツフッター画像*/
#side .side_footer {
	height:30px;
}

#side dl {
	margin-bottom:20px;
}

/* サイドタイトル */
#side dt {
	padding: 0 5px 0 5px;
	background-position:left;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	}
	
#side dd{
	padding:5px 0 0 0;
	line-height: 1.2em;
}

#side ul {
	margin-left:4px;
	list-style-type:none;
	}

#side li {
	margin: 3px 0 0 0;
	padding-left:8px;
	}

/* サイト内検索 */
#side input.search {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	padding: 1px 0;
	margin-bottom:5px;
}

/* フッター */
address {
    padding: 5px 0 0 0;
    margin: 5px 5px 0;
    border-top:1px solid #ECECEC;
    text-align:center;
    font : 80%/1.5em "Trebuchet MS", Trebuchet;
    font-weight: bolder;
    font-style:normal;
    color:#666;
}

/*フッター画像*/
#footer {
    height:0px;
}


/* =================================== */
/* リンクカラーの設定 */
/* =================================== */

/* 全般 */
a { color: #2A2666; text-decoration: underline; }
a:link { color: #2A2666; text-decoration: underline; }
a:visited { color: #2A2666; text-decoration: underline; }
a:active { color: #2A2666; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; background:#CCC;}

/* ヘッダー */
#header a { color: #2A2666; text-decoration: none; }
#header a:link { color: #2A2666; text-decoration: none; }
#header a:visited { color: #2A2666; text-decoration: none; }
#header a:active { color: #2A2666; text-decoration: none; }
#header a:hover { color: #FFF; text-decoration: none; background:#CCC;}

/* =================================== */
/* 装飾の設定 */
/* =================================== */

blockquote {
    border: 1px dotted #CCC;
    padding: 0.2em;
    margin: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    font: 0/0 sans-serif;
}

.submit {

}

.lightup {
    background-color: #F8F8FF;
    cursor: pointer;
}



/* =================================== */
/* #header */
/* =================================== */
#header h1 {
    color: #333;
    font-size: small;
    text-align: center;
}

/* =================================== */
/* #header */
/* =================================== */
#main {
    padding: 5px 0 0 0;
    margin: 5px 5px 0;
    border-top:1px solid #ECECEC;
}

#main h2 {
    color: #333;
    font-size: small;
    text-align: center;
}

#header p {
    margin: 0;
}

/* エントリー部分全体 */
#main .entry_area {
    padding-top:0px;
    padding-left:0px;
    margin: 0 auto;
}

/* エントリー時刻 */
#main .entry_date {
    padding: 5px;
}

#main .entry_title {
    border-bottom:1px solid #ECECEC;
    padding: 0 0 5px;
}

/* エントリー本文 */
#main .entry {
    margin:10px 10px 5px;
}

/*エントリーナビゲーション*/
.entry_navi{
	margin:10px 0px 5px;
	padding-top:0px;
	font-size: 0.8em;
	list-style-type: none;
         text-align: center;
}

/*コメント、TB、プロフィールタイトル*/

#main ul.state {
	margin: 20px 0px 20px;
}

#main ul.state li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
	font-size:0.8em;
}


.comment {
         position: absolute;
         top: 10px;
         left: 10px;
         margin:10px;
	 padding:10px;
         width: 325px;
         border: 1px solid gray;
         z-index: 10;
         background-color: ddd;
}

#link dl {
	margin-bottom:20px;
}

/* サイドタイトル */
#link dt {
	padding: 0 5px 0 5px;
	background-position:left;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight:bolder;
	}
	
#link dd{
	padding:5px 0 0 0;
	line-height: 1.2em;
}

#link ul {
	margin-left:4px;
	list-style-type:none;
	}

#link li {
	margin: 3px 0 0 0;
	padding-left:8px;
	}

#link {
         position: absolute;
         top: 10px;
         left: 10px;
         margin:10px;
	 padding:5px;
         width: 325px;
         border: 1px solid gray;
         z-index: 10;
         background-color: ddd;
}

dl#com_area dt.title,
dl#com_form dt.title,
dl#tb_form dt.title,
dl#tb_area dt.title,
dl#profile_area dt.title {
	border-bottom:1px solid #EFEFEF;
	margin: 0 0 10px 0;
	font-weight:bolder;
}

/* コメント本文 */
.com_desc {
	padding: 0 10px;
}

/* コメントユーザー情報 */
dl#com_area dd {
	padding:5px 10px;
	margin: 5px 0 15px 0;
	border-bottom:1px solid #EFEFEF;
	text-align:right;
	font-size:0.8em;
}

dl#com_area dd ul {
	list-style-type:none;
}

dl#com_area dd li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}


/* コメントフォーム */
dl#com_form dd {
padding: 0 10px 10px;
}

dl#com_form dd input.input {
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding: 1px 0;
width:200px;
}

/* コメントフォーム textarea */
dl#com_form dd textarea {
border:1px solid #CCC;
width:300px;
margin: 0 0 10px 0;
}


/* TBフォーム */
dl#tb_form dd {
	padding: 0 10px 10px;
}

dl#tb_form dd input.input {
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding: 1px 0;
width:300px;
}

/* TBタイトル */
dl#tb_area dt.tb_title {
	padding: 0 10px;
}

/* TB本文 */
dl#tb_area dd {
	padding: 0 10px;
}


/* TBユーザー情報 */
dl#tb_area dd.tb_state {
	padding:5px 10px;
	margin: 5px 0 15px 0;
	text-align:right;
	font-size:0.8em;
}

.tb_state ul {
	list-style-type:none;
}

.tb_state li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}

/* =================================== */
/* Lists */
/* =================================== */

.entry_lists dl {
	margin: 10px 0px;
}

.entry_lists dt {
	margin: 10px 0px 5px;
	padding-left:5px;
	background-position:left;
	background:url(./img/side_disc.gif) no-repeat 0 8px;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight: normal;
	}
	
.entry_lists dd{
	margin:0px;
}

.entry_list_description {
	padding: 4px;
	border: 1px solid #ccc;
	width:220px;
	overflow:hidden;
	/*background-color:ghostwhite;*/
	
}



/* =================================== */
/* Clouds */
/* =================================== */

.entry_cloud {
	padding-top:20px;
	padding-left:10px;
}


/* エントリータイトル */
.entry_cloud h2 {
	font-size:medium;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	background:url(./img/entry_head.gif) no-repeat;
	background-position:left;
}


.entry_cloud ul {
	margin: 10px 0px;
}


.entry_cloud li {
	display: inline;
	padding-left: 1em;
	font-family:"Trebuchet MS", Trebuchet;
	font-weight: normal;
	}
	

/* =================================== */
/* ページ送り */
/* =================================== */

.pager {
    margin: 20px 10px 10px;
}

.pager strong {
    font-size: 120%;
    font-weight: bold;
}

/* メニュー-------- */

#wl_menu {
    border: 1px solid gray;
    width: 240px;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1;
    text-align: center;
}

.w_MENU {
	visibility: hidden;
	z-index: 999;
	background: #FFF;
	width:100px;
	margin-top:5px;
	padding-top:5px;

	}

.wln{
	}

.wln_title{
	margin-top:15px;
	font-size:18px;
	text-align:center;
	border-bottom:5px #B2B2B2 solid;
	}

.wln_text{
	font-size: 10px;
	padding:5px 10px;
	color: #666;
	text-align:left;
	}


#saguru a { color: #333333; top: -5px; text-decoration: none; }
#saguru a:link { color: #333333; top: -5px; text-decoration: none; }
#saguru a:visited { color: #333333; top: -5px; text-decoration: none; }
#saguru a:active { color: #333333; top: 0px; text-decoration: none; }
#saguru a:hover { color: #333333; top: -5px; text-decoration: none; }
#saguru {
    text-align:center;
    font-weight: bold;
}