@charset "utf-8";
/* ************************************************ 
	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
 * ************************************************ */
body
	{
	text-align:center;
	background:url(images/body_backgrand.gif) repeat-x;
	}
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;
	}
	
/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * side_box
 * ************************************************ */
div#box
	{
	width:930px;
	text-align:left;
	margin:0px auto 10px auto;
	}
div#header
	{
	width:930px;
	height:111px;
	margin:0px 0px 5px 0px;
	position:relative;
	}
div#footer
	{
	width:930px;
	font-size:85%;
	border-top:1px dotted #8A8076;
	padding:10px 0px 10px 0px;
	position:relative;
	}
div#main_img
	{
	margin:0px 0px 17px 0px;
	}
div#main_img img
	{
	display:block;
	}
div#contents_box 
	{
	width:930px;
	background:url(images/contents_backgrand.gif) repeat-y;
	}
div#main_contents
	{
	width:567px;
	font-size:100%;
	line-height:1.5;
	float:left;
	}
div#side_box
	{
	width:311px;
	padding:14px 10px 14px 10px;
	float:right;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
*#header h1
	{
	position:absolute;
	top:27px;
	left:222px;
	}
*#header img#logo
	{
	position:absolute;
	top:6px;
	left:4px;
	}
*#header p#header_contact
	{
	width:154px;
	height:60px;
	overflow:hidden;
	display:block;
	position:absolute;
	top:5px;
	right:0px;
	}
*#header p#header_contact a
	{
	width:154px;
	padding:60px 0px 0px 0px;
	background:url(images/bt/header_contact.gif) no-repeat;
	display:block;
	}
/*
*#header p#header_contact a:hover
	{
	background-position:0px -60px;
	}

*/

/* ************************************************ 
 * 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
	{
	position:absolute;
	top:10px;
	right:0px;
	}

/* ************************************************ 
 * 2-5 The main navigation area setting
 * ************************************************ */
*#main_nav 
	{
	width:930px;
	height:35px;
	font-size:92%;
	line-height:2.8;
	border-left:1px solid #FFFFFF;
	position:absolute;
	top:76px;
	left:0px;
	}
#main_nav li
	{
	text-align:center;
	display:block;
	float:left;
	}
#main_nav li a
	{
	height:35px;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:0px 11px 0px 11px;
	display:block;
	float:left;
	}
#main_nav li a:hover
	{
	text-decoration:underline;
	}
/* ************************************************ 
 * 2-6 Side contents setting
 * ************************************************ */
/*headline*/
div#side_box h2
	{
	margin:0px 0px 10px 0px;
	}
/*contact*/
div#side_box p#contact
	{
	width:311px;
	height:122px;
	margin:0px 0px 15px 0px;
	overflow:hidden;
	display:block;
	}
div#side_box p#contact a
	{
	width:311px;
	padding:122px 0px 0px 0px;
	background:url(images/bt/contact.gif) no-repeat;
	display:block;
	}
/*
div#side_box p#contact a:hover
	{
	background-position:0px -122px;
	}
*/
/*XOOPS Service Lineup*/
div#side_box ul#lineup
	{
	margin:0px 0px 15px 0px;
	}
div#side_box ul#lineup li
	{
	width:311px;
	height:74px;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:block;
	}
div#side_box ul#lineup li a
	{
	width:311px;
	padding:74px 0px 0px 0px;
	display:block;
	}
div#side_box ul#lineup li.nav_01 a
	{
	background:url(images/bt/intra_pack.gif) no-repeat;
	}
div#side_box ul#lineup li.nav_02 a
	{
	background:url(images/bt/community_pack.gif) no-repeat;
	}
div#side_box ul#lineup li.nav_03 a
	{
	background:url(images/bt/news_pack.gif) no-repeat;
	}
div#side_box ul#lineup li a:hover
	{
	background-position:0px -74px;
	}
/*XOOPS Service Menu*/
div#side_box ul#service_menu
	{
	width:311px;
	margin:0px 0px 15px 0px;
	border-top:1px solid #B9B9B9;
	}
div#side_box ul#service_menu li
	{
	width:311px;
	line-height:2;
	border-bottom:1px solid #B9B9B9;
	display:block;
	}
div#side_box ul#service_menu li a
	{
	width:281px;
	padding:0px 15px 0px 15px;
	background:#FFFFFF;
	display:block;
	}
div#side_box ul#service_menu li a:hover
	{
	background:#E6E6E6;
	}
div#side_box p.banner
	{
	margin:0px 0px 10px 0px;
	}

/* ************************************************ 
 * 2-7 The main contents setting
 * ************************************************ */
div#main_contents h2#page_title
	{
	font-size:197%;
	font-weight:bold;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 15px;
	background:#003773;
	}
div#main_contents h2.headline
	{
	font-size:107%;
	font-weight:bold;
	line-height:2.5;
	margin:0px 0px 7px 0px;
	border-bottom:1px solid #646464;
	padding:0px 0px 0px 5px;
	background:#E6ECEF;
	}
div#main_contents h2.headline a
	{
	color:#333333;	
	}
div#main_contents h3.headline
	{
	font-size:107%;
	font-weight:bold;
	line-height:2;
	color:#004B9B;
	margin:0px 0px 7px 0px;
	border-top:1px dotted #8A8076;
	}

/*Blog contents*/
div#main_contents div.post
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents div.post p.meta
	{
	font-size:92%;
	color:#004B9B;
	margin:0px 0px 2px 0px;
	}
div#main_contents div.post p.meta span.data
	{
	color:#FF8C00;
	}
	
div#main_contents .entry
	{
	margin:10px 0px 15px 0px;
	}
div#main_contents .entry .thumbnail
	{
	width:167px;
	margin:0px 11px 0px 0px;
	display:block;
	float:left;
	}
div#main_contents .entry div
	{
	width:300px;
	float:left;
	}

div#main_contents .entry p
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents .navigation
	{
	width:568px;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
div#main_contents .navigation p.previous_post
	{
	position:absolute;
	top:0px;
	left:0px;
	}
div#main_contents .navigation p.next_post
	{
	position:absolute;
	top:0px;
	right:0px;
	}
/*recent_post*/
div#main_contents ul#recent_post
	{
	margin:0px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	}
div#main_contents ul#recent_post li
	{
	width:462px;
	border-bottom:1px dotted #D1D1D1;
	padding:5px 0px 5px 85px;
	position:relative;
	}
div#main_contents ul#recent_post li span.data
	{
	color:#FF8C00;
	position:absolute;
	top:5px;
	left:0px;
	}
div#main_contents ul#recent_post li span.category a
	{
	color:#000000;
	}
	
div#main_contents p.recent_more
	{
	text-align:right;
	margin:0px 0px 20px 0px;
	}

/*page contents*/
div#main_contents p.text ,
div#main_contents p.img
	{
	margin:0px 0px 15px 0px;
	}
div#main_contents p.img img
	{
	display:block;
	}
div#main_contents div.img_box
	{
	width:387px;
	min-height:140px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 180px;
	position:relative;
	}
div#main_contents div.noimg
	{
	width:567px;
	padding:0px 0px 0px 0px;
	}
div#main_contents div.img_box img
	{
	position:absolute;
	top:0px;
	left:0px;
	}
div#main_contents div.img_box p
	{
	margin:0px 0px 7px 0px;
	}
div#main_contents p.more_link
	{
	text-align:right;
	margin:0px 0px 7px 0px;
	}
div#main_contents p em
	{
	font-size:77%;
	line-height:1.3;
	color:#767676;
	margin:20px 0px 0px 0px;
	display:block;
	}

/* ************************************************ 
 * 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:100%;
	font-size:92%;
	text-align:left;
	border-bottom:5px solid #FFFF00;
	background:#F2F3F4;
	padding:3px 0px 3px 0px;
	z-index:2;
	position:fixed;
	top:0px;
	left:0px;
	}
#admin_menu ul
	{
	padding:0px 5px 0px 5px;
	}
#admin_menu li
	{
	margin:0px 0px 5px 0px;
	padding:0px 5px 0px 5px;
	display:inline;
	}
#admin_menu li a
	{
	padding:0px 0px 0px 10px;
	background:url(images/icon_01.gif) no-repeat left center;
	display:inline;
	}


	
 /* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */