* { margin: 0px; padding: 0px;}
html { margin: 0; padding: 0;}
a:link { color: #3333aa;}
a:hover { color: #9a0403; text-decoration: none;}
a:visited { color: #5555ff;}
a:active { color: #ff0000; text-decoration: none;}
body{ margin: 0; padding: 0 auto; background: #e8e4b0 url("../img/bg01.jpg") repeat center;}
#body { background: url("../img/bg02.jpg") repeat-x top center;}
/*====================================================================*/
/* Main Frame */
/*--------------------------------------------------------------------*/
#top { width: 849px; height: 25px; margin: 0 auto; padding: 0 0; background: url("../img/bg_top.jpg") repeat top center;}
#pagewrapper01 { width: 849px; margin: 0 auto; padding: 0 0; background: url("../img/bg_paper01.jpg") repeat-y top center;}
#pagewrapper02 { width: 849px; background: url("../img/bg_paper02.jpg") no-repeat top center; position: relative;}
#head { width: 712px; height: 345px; position: absolute; left: 69px; background: url("../img/bg_header.jpg") no-repeat top center; position: relative;}
#contents { position: relative; left: 69px; width: 712px; margin: 40px 0 0 0; }
#bottom { width: 849px; height: 65px; margin: 0 auto; padding: 0 0; background: url('../img/bg_bottom01.jpg') no-repeat bottom center; }
/*====================================================================*
 * #head 内のレイアウトスタイル
 *--------------------------------------------------------------------*/
#head h1 { width: 569px; height: 235px; background: url('../img/h1.jpg') no-repeat; position: absolute; top: 66px; left: 90px; text-indent: -9999px;}
#head h1 a { display: block; width: 569px; height: 235px;}
#head #logo { width: 231px; height: 19px; background: url('../img/bg_logo.jpg') no-repeat; position: absolute; top: 24px; left: 10px; text-indent: -9999px;}
#head #logo a { display: block; width: 231px; height: 19px;}
#head #seal { width: 49px; height: 45px; background: url('../img/bg_seal.jpg') no-repeat; position: absolute; top: 274px; left: 650px; text-indent: -9999px;}
#head #seal a { display: block; width: 49px; height: 45px;}
#head #dragon { width: 260px; height: 253px; background: url('../img/bg_dragon.jpg') no-repeat; position: absolute; top: 45px; left: -145px; text-indent: -9999px;}
#head #menu_bg { width: 92px; height: 396px; position: absolute; top: 0px; left: 763px; text-indent: -9999px;}
#head #menu_bg #menu ul { list-style-type: none;}
#head #menu_bg #menu li { margin: 0 0 12px 0; width: 92px; height: 120px;}
#head #menu_bg #menu li a.li_01,
#head #menu_bg #menu li a.li_02,
#head #menu_bg #menu li a.li_03 { margin: 0 0 12px 0; display: block; width: 92px; height: 120px;}
#head #menu_bg #menu li a.li_01:hover,
#head #menu_bg #menu li a.li_02:hover,
#head #menu_bg #menu li a.li_03:hover { margin: 0 0 12px 0; display: block; width: 92px; height: 120px;}
#head #menu_bg #menu li a.li_01 { background: url("../img/menu01.jpg") no-repeat;}
#head #menu_bg #menu li a.li_02 { background: url("../img/menu02.jpg") no-repeat;}
#head #menu_bg #menu li a.li_03 { background: url("../img/menu03.jpg") no-repeat;}
#head #menu_bg #menu li a.li_01:hover { background: url("../img/menu01-on.jpg") no-repeat;}
#head #menu_bg #menu li a.li_02:hover { background: url("../img/menu02-on.jpg") no-repeat;}
#head #menu_bg #menu li a.li_03:hover { background: url("../img/menu03-on.jpg") no-repeat;}
#head #menu_bg .menu_top a {
	margin: 0 0 11px 0;
	display: block;
	width: 92px;
	height: 35px;
}

#head #menu_bg .menu_top a { background: url('../img/menu_top.jpg') no-repeat;}

#head #menu_bg .menu_top a:hover { background: url('../img/menu_top-on.jpg') no-repeat;}

/*====================================================================*/
/* #contents 内のレイアウトスタイル */
/*--------------------------------------------------------------------*/
#contents #left { width: 212px; height: auto; float: left; position: relative; top: -48px; left: 0px;}
#contents #right { width: 500px; height: auto; float: left;}

/*====================================================================*/
/* #contents #left 内のスタイル */
/*--------------------------------------------------------------------*/
#contents #left #box1 { width: 180px; margin: 0 0 0 15px;}
#contents #left #box2,#contents #left #box3,#contents #left #box4,#contents #left #box5,#contents #left #box6,#contents #left #box7 { width: 180px; margin: 20px 0 0 15px;}
/*====================================================================*/
/* #contents #left トップページ内のスタイル */
/*--------------------------------------------------------------------*/
#contents #left #explain h2 { font-size: 0.9em; margin: 0 0 0 0; color: #363636;}
#contents #left #explain #explain_body { font-size: 0.8em; line-height: 1.3em; margin: 10px 0 0 0; color: #363636;}
#contents #left #top_news h3 { width: 180px; height: 23px; background: url("../img/h3_news.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #top_news .news_list { font-size: 0.8em; line-height: 1.3em; margin: 8px 0 0 1em; color: #363636;}
#contents #left #top_news .news_list .date { font-weight: bold; color: #9a0403;}
#contents #left #top_news .news_list .text { margin: 0 0 0 15px;}
#contents #left #ranking h3 { width: 180px; height: 23px; background: url("../img/h3_ranking.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #ranking .ranking_list { font-size: 0.8em; line-height: 1.3em; margin: 8px 0 0 1em; color: #363636;}
#contents #left #ranking .ranking_list .rank { font-weight: bold; color: #00470e;}
#contents #left #ranking .ranking_list .name,
#contents #left #ranking .ranking_list .date,
#contents #left #ranking .ranking_list .text { margin: 0 0 0 15px;}

#contents #left #author h3 { width: 180px; height: 23px; background: url("../img/h3_author.jpg") no-repeat; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #author .pic { text-align: center; margin: 20px 0 0 0; }
#contents #left #author .pic img { border: 0;}
#contents #left #author .name { font-size: 0.8em; letter-spacing: 0.2em; text-align: center; margin: 10px 0 0 0;}
#contents #left #author #author_text { font-size: 0.8em; line-height: 1.4em; margin: 10px 0 0 0; padding: 0 0 0 4px; color: #363636;}
#contents #left #author #author_text div { line-height: 1.4em; margin: 4px 8px 0 0; text-align: right;}


#contents #left #calender h3 { width: 180px; height: 23px; background: url("../img/h3_calender.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #calender #month { font-size: 0.8em; text-align: center; margin: 8px 0 0 8px; letter-spacing: 0.15em;}
#contents #left #calender table { font-size: 0.8em; margin: 8px 0 0 8px; color: #363636; border-collapse: collapse;}
#contents #left #calender table th,#contents #left #calender table td { text-align: center; width: 24px; height: 24px; padding; 0;}
#contents #left #calender table td a { background: url("../img/bg_calender_mark.gif") no-repeat center; text-decoration: none; width: 20px; height: 20px; padding: 5px;}

#contents #left #news h3 { width: 180px; height: 23px; background: url("../img/h3_news.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #news .news_list { font-size: 0.8em; margin: 8px 0 0 25px; list-style-image: url("../img/list_marker01.gif"); color: #363636;}
#contents #left #news .news_list li { line-height: 1.4em; margin: 6px 0 0 0; padding: 0 0 0 4px;}


#contents #left #category h3 { width: 180px; height: 23px; background: url("../img/h3_category.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #category .category_list { font-size: 0.8em; margin: 8px 0 0 25px; list-style-image: url("../img/list_marker02.gif"); color: #363636;}
#contents #left #category .category_list li { line-height: 1.4em; margin: 6px 0 0 0; padding: 0 0 0 4px;}


#contents #left #archive h3 { width: 180px; height: 23px; background: url("../img/h3_archive.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #archive .archive_list { font-size: 0.8em; margin: 8px 0 0 22px; list-style-image: url("../img/list_marker03.gif"); color: #363636;}
#contents #left #archive .archive_list li { line-height: 1.4em; margin: 6px 0 0 0; padding: 0 0 0 8px;}


#contents #left #rss h3 { width: 180px; height: 23px; background: url("../img/h3_rss.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #rss .rss_list { font-size: 0.8em; margin: 8px 0 0 25px; list-style-image: url("../img/list_marker_rss.gif"); color: #363636;}
#contents #left #rss .rss_list li { line-height: 1.4em; margin: 6px 0 0 0; padding: 0 0 0 6px;}



#contents #left #links h3 { width: 180px; height: 23px; background: url("../img/h3_links.jpg") no-repeat; font-size: 0.8em; margin: 0 0 0 0; text-indent: -9999px;}
#contents #left #links .banner { margin: 15px 0 0 0; list-style-type: none;}
#contents #left #links .banner li { margin: 12px 0 0 10px;}
#contents #left #links .banner li a img { border: 0;
}
#contents #left #links .banner li.banner_text {
	font-size:0.8em;
	line-height: 1.4em;
	text-align: center;
}

#contents #left #links ul.link_user {
	margin: 50px 0 0 20px;
	list-style-type:none; 
}

#contents #left #links .link_user li {
	height: 24px;
	padding: 7px 0 0 35px;
	font-size: 0.8em;
}

#contents #left #links .link_user .li_01 { background: url("../img/icon_user01.jpg") no-repeat left;}
#contents #left #links .link_user .li_02 { background: url("../img/icon_user02.jpg") no-repeat left;}
#contents #left #links .link_user .li_03 { background: url("../img/icon_user03.jpg") no-repeat left;}
#contents #left #links .link_user .li_04 { background: url("../img/icon_top.jpg") no-repeat left;}

/*====================================================================*/
/* #contents #right 内のスタイル */
/*--------------------------------------------------------------------*/
#contents #right #list {}
#contents #right #list .header { color: #363636; background: url("../img/h2_bg.gif") no-repeat; width: 492px; height: 65px; vertical-align: bottom; position: relative; margin: 0 0 0 8px; clear: both;}
#contents #right #list .header h2 { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 340px; position: absolute; left: 28px; bottom: 20px;}
#contents #right #list .date { font-size: 0.8em; letter-spacing: 0.05em; color: #363636; text-align: right; margin: 14px 38px 0 0;}
#contents #right #list .body { font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; margin: 20px 0 30px 36px; width: 430px; height: auto; background: url("../img/bg_body.gif") no-repeat center;}
#contents #right #list .posted { letter-spacing: 0.1em; line-height: 1.5em; color: #363636; padding: 40px 0 0 0; height: 80px; background: url("../img/bg_posted.gif") no-repeat bottom; text-align: right;}
#contents #right #list .column1 { font-size: 1.1em; letter-spacing: 0.1em; font-weight: bold; float: left; width: 161px; height: auto; margin: 0 20px 15px 0;}#contents #right #list .column1 .pic { text-align: center;}
#contents #right #list .column1 .pic img { border: 0;}
#contents #right #list .column1 .name { text-align: center; margin: 5px 0 0 0;}
#contents #right #list .column2 { padding: 0;}
#contents #right #list .column2 h3 { margin: 20px 0 10px 0; font-size: 1.2em;}
#contents #right #list .body .detail_link { margin: 15px 0 0 0;}
#contents #right #list .body ul { padding-left: 2.0em;}
#contents #right #list .body ol { padding-left: 2.0em;}
/*====================================================================*/
/* #foot 内のレイアウトスタイル */
/*--------------------------------------------------------------------*/
#foot { width: 849px; height: 100px; clear: both; background: url("../img/bg_bottom02.jpg") no-repeat bottom center;}
#foot address { text-align: center; font-size: 0.9em; padding: 50px 0 0 0;}
#foot address a { color: #666; font-style: normal; text-decoration: none;}

/*====================================================================*/
/* 追加 */
/*--------------------------------------------------------------------*/

#contents #right #list h1 { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 430px; margin-left: 28px;}
#contents #right #list h1 em { font-style: normal;}
#contents #right #list blockquote { font-size: 0.8em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #a00; width: 430px; margin-left: 28px; margin-top: 1em;}
#contents #right #list .txt { font-size: 0.8em; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 430px; margin-left: 28px; margin-top: 1em;}

#trackbacks {}
.trackbacks-header { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 340px;  margin-left: 28px;}
.trackbacks-info p { font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; margin: 20px 0 30px 36px; width: 430px; height: auto;}


.comments-open-header { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 340px; margin-left: 28px;}
.comments-open-content { font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; margin: 20px 0 30px 36px; width: 430px; height: auto;}
.comments-open-content em { color: #cc3636; font-style: normal; font-size: 0.9em;}
#comments-open-footer input { font-size: 1.0em; margin: 8px;}

.comments-header { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.4em; color: #363636; width: 340px; margin-left: 28px;}


.comment-header { font-size: 0.8em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 340px; margin: 10px 0 0 36px;}
.comment-content { font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; margin: 0 0 0 36px; width: 430px; height: auto;}
.comment-footer { font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; margin: 0 0 10px 36px; width: 430px; height: auto; text-align: right;}

.entry-categories { margin: 30px 0 30px 28px;}
.entry-categories-header { font-size: 1.0em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.2em; color: #363636; width: 340px;}
.entry-categories-list { list-style-type: disc; font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.5em; color: #363636; padding-left: 2.0em; margin: 0.4em 0 0 0;}


.asset-meta { text-align: right;}


#contents #right #list .body ul { list-style-type: disc; }