@charset "utf-8";
/* ************************************************ 
Theme Name: Webnist Moon
Theme URI: http://www.webnist.jp/
Description: <a href="http://www.webnist.jp/">Feeling!!</a>
Author: Theme designed by Webnist

 * ************************************************ */

/* ************************************************ 
	CSS Contents
	1-1. Description priority level
	1-2. Notes
	1-3. CSS Zero Include
	1-4. Include Module CSS
	1-5. CSS display of information
	
	2-1. Basic setting
	2-2. Each area setting
	2-3. Header area setting
	2-4. Footer area setting
	2-5. The main navigation area setting
	2-6. Side contents setting
	2-7. The main contents setting
	2-8. The C_C contents setting
	2-9. The C_L contents setting
	2-10. The C_R contents setting
	3-1. Other setting
	
 * ************************************************ */

/*	*******1-1.Description priority level*******  */
/* ************************************************ 
 *	width:;
 *	height:;
 *	font-size:;
 *	font-weight:;
 *	line-height:;
 *	color:;
 *	text-align:;
 *	vertical-align:;
 *	margin:;
 *	border:;
 *	padding:;
 *	background:;
 *	background-position:;
 *	display:;
 *	float:;
 *	letter-spacing:;
 *	overflow:;
 *	position:;
 *	top:;
 *	left:;
 *	right:;
 *	bottom:;
 *	clear:;
 * ************************************************ */

/* *******1-2.Notes********************************
 *	
 *	Whenever Huck is done,
 *	it describes it in the following filling in column. 
 *	
 *	
 *	
 *	
 * ************************************************ */

/* ************************************************ 
 * 1-3.CSS Zero Include
 * ************************************************ */
@import url("initial.css");

/* ************************************************ 
 * 1-5.CSS display of information
 * ************************************************ */

/* ************************************************ 
 *
 * 77% = 10px	| 	122% = 16px	|	167% = 22px	
 * 85% = 11px	|	129% = 17px	|	174% = 23px
 * 92% = 12px	|	136% = 18px	|	182% = 24px
 * 100% = 13px	|	144% = 19px	|	189% = 25px
 * 107% = 14px	|	152% = 20px	|	197% = 26px
 * 114% = 15px	|	159% = 21px	|
 *
 *	Fontsize
 *	Base	12px (92%)
 *	h1		
 *	h2		
 *	h3		
 *	h4		
 *	h5		
 *	h6
 *		
 *	Font color
 *	Base	#000000
 *	h1		
 *	h2		
 *	h3		
 *	h4		
 *	h5		
 *	h6
 *	meta	#666666
 *
 *	Link color
 *	Base		b/h/s/v	#0066CC/#0066CC/#810081/#810081 n,u,u,u
 *	Top Base	b/h/s/v	#669933/#669933/#4B2087/#4b2087 n,n,n,n
 *	h1		
 *	h2		
 *	h3		
 *	h4		
 *	h5		
 *	h6		
 *
 *	Background(The part used is described.)
 *  body #F5F5F5 img themes/webnist/common/base/body_back.gif
 *  box  #FFFFFF
 *
 * ************************************************ */

/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */
html
	{
	background:url(images/backgrand/body_background.gif) repeat-x #000059;
	}
body
	{
	text-align:center;
	background:url(images/others/body_line.gif) no-repeat center top;
	}
h1, h2, h3, h4, h5, h6
	{
	font-size:100%;
	}
a:link
	{
	color:#004B9B;
	text-decoration:none;
	}
a:visited
	{
	color:#004B9B;
	text-decoration:none;
	}
a:hover
	{
	color: #68A4CB;
	}
a:active
	{
	color: #3A93CB;
	}
div#side_box a:link ,
div#footer a:link
	{
	color:#FFFFFF;
	}
div#side_box a:visited ,
div#footer a:visited
	{
	color:#FFFFFF;
	text-decoration:none;
	}
div#side_box a:hover ,
div#footer a:hover
	{
	color: #F8B500;
	}
div#side_box a:active ,
div#footer a:active
	{
	color: #F8B500;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * side_box
 * ************************************************ */
div#box
	{
	width:950px;
	text-align:left;
	margin:0px auto 0px auto;
	}
div#header
	{
	width:950px;
	height:100px;
	margin:0px 0px 5px 0px;
	background:url(images/backgrand/header_background.gif) no-repeat left top;
	position:relative;
	}
div#footer
	{
	width:950px;
	font-size:92%;
	border-top:1px solid #E6A800;
	padding:20px 0px 10px 0px;
	position:relative;
	}
div#main_img
	{
	margin:0px 0px 17px 0px;
	}
div#main_img img
	{
	display:block;
	}
div#main_contents
	{
	width:733px;
	line-height:1.5;
	border:1px solid #EDAD01;
	padding:10px 10px 10px 10px;
	background:#FFFFFF;
	float:right;
	}
div#side_box
	{
	width:180px;
	float:left;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
*#header h1
	{
	color:#FFFFFF;
	position:absolute;
	top:7px;
	right:0px;
	}
*#header p#logo
	{
	position:absolute;
	top:0px;
	left:62px;
	}

/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
*#footer ul li
	{
	padding:0px 5px 0px 5px;
	display:inline;
	}
*#footer ul li.top
	{
	padding:0px 5px 0px 0px;
	display:inline;
	}
*#footer address
	{
	color:#FFFFFF;
	position:absolute;
	top:20px;
	right:0px;
	}

/* ************************************************ 
 * 2-5 The main navigation area setting
 * ************************************************ */
*#main_nav 
	{
	font-size:92%;
	line-height:2;
	position:absolute;
	top:38px;
	left:281px;
	}
#main_nav li
	{
	text-align:center;
	padding:0px 0px 0px 5px;
	display:inline;
	}
#main_nav li a
	{
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:0px 5px 3px 5px;
	}
#main_nav li a:hover
	{
	border-bottom:1px solid #F8B500;
	}
/* ************************************************ 
 * 2-6 Side contents setting
 * ************************************************ */
/*title*/
div#side_box h2
	{
	font-weight:bold;
	line-height:1.5;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 28px;
	background:url(images/title/side-title.gif) no-repeat left bottom;
	}
/*widgets*/
div#side_box div.widgets
	{
	margin:0px 0px 15px 0px;
	}
/*list*/
div#side_box ul
	{
	margin:0px 0px 0px 0px;
	}
div#side_box ul li
	{
	padding:0px 0px 0px 5px;
	}
div#side_box ul li a
	{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 20px;
	background:url(images/icon/side_icon_01.gif) no-repeat left 3px;
	display:block;
	}
div#side_box ul li ul li
	{
	padding:0px 0px 0px 15px;
	}

/*select*/
div#side_box select
	{
	width:160px;
	margin:0px auto 0px auto;
	}


/* ************************************************ 
 * 2-7 The main contents setting
 * ************************************************ */
div#main_contents h2.page_title
	{
	font-size:197%;
	font-weight:bold;
	line-height:2;
	margin:0px 0px 7px 0px;
	border:3px double #000059;
	padding:0px 0px 0px 5px;
	}
div#main_contents h2.title ,
div#main_contents h2.post_title
	{
	font-size:129%;
	font-weight:bold;
	line-height:2;
	margin:0px 0px 7px 0px;
	border-bottom:3px double #F8B500;
	padding:0px 0px 0px 5px;
	}
div#main_contents h2.title a ,
div#main_contents h2.post_title a
	{
	color:#333333;	
	}
div#main_contents h3.title ,
div#main_contents h2.headline
	{
	font-size:107%;
	font-weight:bold;
	line-height:2;
	color:#004B9B;
	margin:0px 0px 7px 0px;
	border-top:1px dotted #8A8076;
	}

/*/ Title /*/
div#main_contents div.post h3.post_title
	{
	font-size:159%;
	font-weight:bold;
	margin:0px 0px 1px 0px;
	border-bottom:3px double #F8B500;
	padding:0px 0px 0px 5px;
	}
div#main_contents div.post h3.post_title a
	{
	color:#333333;
	}
/*---------- post ----------*/
div#main_contents div.post
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post p.data
	{
	font-size:92%;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 15px;
	background:url(images/icon/icon_01.gif) no-repeat left center;
	}
div#main_contents div.post div.entry
	{
	margin:10px 0px 15px 0px;
	}
div#main_contents div.post div.entry p
	{
	margin:10px 0px 15px 0px;
	}
div#main_contents div.post div.entry span.thumbnail
	{
	margin:0px 10px 10px 0px;
	display:block;
	float:left;
	}
div#main_contents div.post div.entry p.go_more
	{
	padding:10px 0px 0px 0px;
	}
div#main_contents div.post div.meta
	{
	text-align:right;
	font-size:92%;
	margin:0px 0px 1px 0px;
	border-top:1px dotted #A1A1A1;
	padding:5px 0px 0px 15px;
	clear:both;
	}
div#main_contents div.post div.meta span.com
	{
	padding:0px 5px 0px 20px;
	background:url(images/icon/comment_author.gif) no-repeat left center;
	}
div#main_contents div.post div.meta span.tags
	{
	padding:0px 0px 0px 20px;
	background:url(images/icon/icon_03.gif) no-repeat left center;
	}
div#main_contents div.post div.meta span.edit
	{
	padding:0px 0px 0px 25px;
	}

/*---------- Post Decoration ----------*/
div#main_contents div.post div.entry h1 ,
div#main_contents div.post div.entry h2 ,
div#main_contents div.post div.entry h3
	{
	font-size:197%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #CCCCCC;
	}
div#main_contents div.post div.entry h2
	{
	font-size:159%;
	}
div#main_contents div.post div.entry h3 ,
div#main_contents div.post div.entry h4
	{
	font-weight:bold;
	font-size:114%;
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post div.entry h5
	{
	font-weight:bold;
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post div.entry h6
	{
	font-weight:bold;
	font-size:92%;
	margin:0px 0px 5px 0px;
	}
div#main_contents div.post div.entry blockquote
	{
	border:1px dotted #BABABA;
	padding:20px 35px 0px 35px;
	background:url(images/backgrand/blockquote_backgrand.gif) no-repeat center 5px #F8F8F8;	
	}
div#main_contents div.post div.entry ul
	{
	margin:inherit;
	padding:inherit;
	}
div#main_contents div.post div.entry ol ,
div#main_contents div.post div.entry ul
	{
	margin:0px 0px 20px 0px;
	padding:inherit;
	}
div#main_contents div.post div.entry ol li ol ,
div#main_contents div.post div.entry ul li ul
	{
	margin:0px 0px 0px 0px;
	}
div#main_contents div.post div.entry ul li
	{
	margin:0px 0px 0px 28px;
	list-style:disc;
	}
div#main_contents div.post div.entry ol li
	{
	margin:0px 0px 0px 35px;
	list-style:decimal;
	}
div#main_contents div.post div.entry table
	{
	width:100%;
	border:1px solid #848484;
	}
div#main_contents div.post div.entry table tr th
	{
	width:auto;
	border:1px solid #848484;
	background:#F9E03E;
	}
div#main_contents div.post div.entry table tr td
	{
	width:auto;
	border:1px solid #848484;
	}
div#main_contents div.post div.entry cite
	{
	height:150px;
	border:3px double #F8B500;
	padding:0px 10px 0px 10px;
	background:#DDDDDD;
	overflow:auto;
	display:block;
	}

/*---------- navigation ----------*/
div#main_contents div#related_box
	{
	margin:10px 0px 20px 0px;
	}

/*---------- navigation ----------*/
div#main_contents .navigation
	{
	width:733px;
	min-height:25px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
div#main_contents .navigation p.previous_post
	{
	width:48%;
	position:absolute;
	top:0px;
	left:0px;
	}
div#main_contents .navigation p.next_post
	{
	width:48%;
	text-align:right;
	position:absolute;
	top:0px;
	right:0px;
	}
/*---------- comment ----------*/
div#main_contents div#commentlist_box ,
div#main_contents div#commentform_box
	{
	margin:0px 0px 10px 0px;
	border:1px solid #E7E4E4;
	padding:20px 30px 20px 30px;
	background:#F3F3F3;
	}
div#main_contents div#commentlist_box h3 ,
div#main_contents div#commentform_box h3
	{
	font-size:159%;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	border-bottom:1px solid #E7E4E4;
	}
div#main_contents div#commentlist_box .commentlist
	{
	}
div#main_contents div#commentlist_box .commentlist li
	{
	min-height:60px;
	margin:0px 0px 10px 0px;
	border:1px solid #E7E4E4;
	padding:10px 15px 10px 80px;
	background:#FFFFFF;
	position:relative;
	}
*+html div#main_contents div#commentlist_box .commentlist li
	{
	height:60px;
	}
div#main_contents div#commentlist_box .commentlist li img.avatar
	{
	position:absolute;
	top:10px;
	left:10px;
	}
div#main_contents div#commentlist_box .commentlist li cite
	{
	color:#1293A9;
	}
div#main_contents #commentform p
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents #commentform p label em
	{
	font-style:normal;
	color:#FF0000;
	}
div#main_contents #commentform p label input
	{
	width:225px;
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	border:1px solid #E5E5E5;
	padding:3px 0px 3px 25px;
	}
div#main_contents #commentform p label input#author
	{
	background:url(images/icon/comment_author.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p label input#email
	{
	background:url(images/icon/comment_email.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p label input#url
	{
	background:url(images/icon/comment_url.gif) no-repeat 5px center #FFFFFF;
	}
div#main_contents #commentform p textarea
	{
	width:100%;
	margin:10px 0px 0px 0px;
	border:1px solid #E5E5E5;
	}
div#main_contents #commentform p button
	{
	color:#000000;
	border:1px solid #ACACAC;
	background:#DCDCDC;
	}
div#main_contents #commentform button:hover
	{
	color:#000000;
	border:1px solid #EBE9ED;
	background:#ACACAC;
	}

/* ************************************************ 
 * 3-1 c_c_block
 * ************************************************ */
div#main_contents div#c_c_block ul
	{
	margin:0px 0px 17px 0px;
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
/*Tible Setting*/
table
	{
	width:100%;
	margin:0px 0px 20px 0px;
	border-collapse:collapse;
	border:1px solid #FFFFFF;
	}
table th
	{
	width:20%;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	background:#003773;
	padding:5px 5px 5px 5px;
	}
table td
	{
	width:80%;
	vertical-align:top;
	border:1px solid #FFFFFF;
	background:#E6ECEF;
	padding:5px 5px 5px 5px;
	}
table.outer
	{
	width:100%;
	margin:10px 0px 20px 0px;
	border:1px solid #A5A5A5;
	}
table.outer th
	{
	width:20%;
	text-align:left;
	font-weight:bold;
	color:#000000;
	border:1px solid #A5A5A5;
	padding:5px 5px 5px 5px;
	background:#F0F0F0;
	}
table.outer td
	{
	width:80%;
	border:1px solid #A5A5A5;
	padding:5px 5px 5px 5px;
	}	
/* Pathnav */
#pathnav
	{
	font-size:92%;
	margin:5px 0px 5px 0px;
	}
#pathnav li
	{
	display:inline;
	}
/* Adomin MENU*/
#admin_menu
	{
	width:16px;
	border:3px solid #A71230;
	border-top:none;
	border-left:none;
	padding:5px 5px 5px 5px;
	background:#FFFBEF;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
	}
.go_posts
	{
	text-align:right;
	}
 /* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */