@charset "UTF-8";
/* ************************************************ 
Theme Name: staff_design
Theme URI: http://www.master-web.net/
Description: WordPress theme designed by <a href="http://www.master-web.net">Master+Web</a>.
Author: Webnist + Megane
Author URI: http://www.master-web.net

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

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

/* ************************************************ 
	CSS Contents
	1-1. Description priority level
	1-2. Notes
	1-3. CSS Zero Include
	1-4. 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
	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. 
 *	*+html #main_contents .shop_nav li
 *	
 *	
 *	
 * ************************************************ */

/* ************************************************ 
 * 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;
	color:#333344;
	}
a
	{
	color:#6e0078;
	text-decoration:underline;
	}
a:hover
	{
	text-decoration:underline;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * ************************************************ */
*#box
	{
	width:930px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}
*#header
	{
	height:100px;
	position:relative;
	}
*#footer
	{
	font-size:77%;
	border-top:1px dotted #8A8076;
	padding:15px 0px 15px 0px;
	}
*#contents_box
	{
	margin:7px 0px 0px 0px;
	background:url(images/contents_background.gif) repeat-y;
	}
*#main_contents
	{
	width:568px;
	float:left;
	}
*#sidebar
	{
	width:311px;
	padding:5px 10px 0px 10px;
	float:right;
	}
*#main_img
	{
	clear:both;
	}
*#main_img img
	{
	display:block;
	}
/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
*#header h1
	{
	font-size:92%;
	position:absolute;
	left:272px;
	top:24px;
	}
*#header #logo
	{
	display:block;
	position:absolute;
	left:9px;
	top:20px;
	}
*#header ul#nav
	{
	width:709px;
	height:29px;
	font-size:107%;
	background:#555555;
	position:absolute;
	left:221px;
	top:67px;
	}
*#header ul#nav li
	{
	display:block;
	float:left;
	}
*#header ul#nav li a
	{
	height:29px;
	line-height:2.2;
	color:#FFFFFF;
	padding:0px 10px 0px 13px;
	display:block;
	float:left;
	}
*#header ul#nav li a:hover
	{
	text-decoration:none;
	background:url(images/nav_background.gif) repeat-x;
	}
*#header a#feed_icon
	{
	position:absolute;
	right:1px;
	top:5px;
	}

/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
*#footer h2.headline
	{
	font-weight:bold;
	color:#333333;
	line-height:2;
	}
*#footer address
	{
	font-size:122%;
	}
*#footer #f_box_01 ,
*#footer #f_box_02 ,
*#footer #f_box_03 ,
*#footer #f_box_04
	{
	width:225px;
	margin:0px 10px 0px 0px;
	float:left;
	}
*#footer #f_box_03 ,
*#footer #f_box_04
	{
	margin:0px 0px 0px 0px;
	}
*#footer #f_box_04
	{
	float:right;
	}

/* ************************************************ 
 * 2-5 The main navigation area setting
 * ************************************************ */

/* ************************************************ 
 * 2-6 Side contents setting
 * ************************************************ */
/*---------- title ----------*/
*#sidebar h2
	{
	font-size:136%;
	font-weight:bold;
	text-align:center;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 7px 0px;
	background:url(images/side_headline.gif) repeat-x #212121;
	}
/*---------- searchform----------*/
*#sidebar #searchform
	{
	margin:10px 0px 20px 0px;
	}
*#sidebar #searchform input.text
	{
	width:260px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:4px 4px 4px 4px;
	}
*#sidebar #searchform input.button
	{
	vertical-align:middle;
	}
*#sidebar p ,
*#sidebar div
	{
	margin:0px 0px 20px 0px;
	}
/*---------- List ----------*/
*#sidebar ul
	{
	font-size:92%;
	padding:0px 7px 7px 7px;
	margin:0px 0px 10px 0px;
	}
*#sidebar ul li
	{
	margin:0px 0px 5px 0px;
	}
*#sidebar ul li a
	{
	padding:0px 0px 0px 15px;
	background:url(images/icon_01.gif) no-repeat left 3px;
	}
*#sidebar ul li ul
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}

/*---------- contents_summit ----------*/
*#sidebar ul#contents_summit
	{
	padding:0px 0px 0px 0px;
	}
*#sidebar ul#contents_summit li
	{
	width:153px;
	height:94px;
	margin:0px 0px 5px 0px;
	overflow:hidden;
	display:block;
	float:left;
	}
*#sidebar ul#contents_summit li.menu_02 ,
*#sidebar ul#contents_summit li.menu_04
	{
	float:right;
	}
*#sidebar ul#contents_summit li.menu_03 ,
*#sidebar ul#contents_summit li.menu_04
	{
	margin:0px 0px 10px 0px;
	}
*#sidebar ul#contents_summit li a
	{
	width:153px;
	padding:94px 0px 0px 0px;
	display:block;
	}
*#sidebar ul#contents_summit li.menu_01 a
	{
	background:url(images/menu_01.gif) no-repeat left top;
	}
*#sidebar ul#contents_summit li.menu_02 a
	{
	background:url(images/menu_02.gif) no-repeat left top;
	}
*#sidebar ul#contents_summit li.menu_03 a
	{
	background:url(images/menu_03.gif) no-repeat left -94px;
	}
*#sidebar ul#contents_summit li.menu_04 a
	{
	background:url(images/menu_04.gif) no-repeat left top;
	}
*#sidebar ul#contents_summit li a:hover
	{
	background-position:0px -94px;
	}
/*---------- go_bwp ----------*/
*#sidebar p#go_bwp
	{
	width:311px;
	height:93px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	display:block;
	clear:both;
	}
*#sidebar p#go_bwp a
	{
	width:311px;
	padding:93px 0px 0px 0px;
	background:url(images/go_bwp.gif) no-repeat;
	display:block;
	}

/* ************************************************ 
 * 2-7 The main contents setting 271 290 342
 * ************************************************ */
/*---------- title ----------*/
#main_contents h2.page_title
	{
	font-size:227%;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px 15px 0px 15px;
	background:#555555;
	}
#main_contents h2.post_title ,
#main_contents h2.headline
	{
	font-size:200%;
	font-weight:bold;
	line-height:1;
	margin:0px 0px 15px 0px;
	border-top:2px solid #35471C;
	}
#main_contents h2.post_title a
	{
	color:#333333;
	text-decoration:none;
	}
#main_contents h3.headline
	{
	font-weight:bold;
	line-height:2;
	margin:10px 0px 10px 0px;
	border-top:1px dashed #8A8076;
	}
#main_contents h3.sub_headline
	{
	font-weight:bold;
	line-height:2;
	margin:20px 0px 20px 0px;
	padding:0px 10px 0px 10px;
	background:#F0F0F0;
	}
#main_contents h4.headline
	{
	font-weight:bold;
	line-height:2;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:2px solid #9F250C;
	}
/*---------- entry ----------*/
#main_contents .entry
	{
	margin:10px 0px 15px 0px;
	}
#main_contents .entry .thumbnail
	{
	margin:0px 11px 0px 0px;
	display:block;
	float:left;
	}

/*---------- meta ----------*/
*#main_contents .meta
	{
	padding:9px 9px 9px 9px;
	background:#EDEDED;
	}

/*---------- data ----------*/
*#main_contents .meta .data ,
*#main_contents .meta .cat ,
*#main_contents .meta .tags ,
*#main_contents .meta .com ,
*#main_contents .meta .edit
	{
	line-height:1.5; 
	}
*#main_contents .meta .data
	{
	width:30%;
	float:left;
	}
*#main_contents .meta .com
	{
	width:40%;
	float:left;
	}
*#main_contents .meta .com a
	{
	padding:0px 0px 0px 15px;
	background:url(images/icon_01.gif) no-repeat left center;
	}
*#main_contents .meta .cat
	{
	padding:0px 0px 0px 0px;
	clear:both;
	}
*#main_contents .meta .cat img ,
*#main_contents .meta .tags img 
	{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
	}
*#main_contents .meta .edit
	{
	text-align:right;
	}
*#main_contents .meta .social
	{
	width:25%;
	text-align:right;
	float:right;
	}
*#main_contents .meta .social li
	{
	display:inline;
	}
*#main_contents .meta .social li img
	{
	vertical-align:middle;
	display:inline;
	}

/*---------- related_box ----------*/
*#main_contents #related_box
	{
	margin:5px 0px 10px 0px;
	}
*#main_contents #related_box ul
	{
	padding:0px 0px 15px 0px;
	}
*#main_contents #related_box li a
	{
	padding:0px 0px 0px 0px;
	}

/*---------- navigation ----------*/
*#main_contents .navigation
	{
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}
*#main_contents .navigation p.previous_post
	{
	width:49%;
	text-align:left;
	float:left;
	}
*#main_contents .navigation p.next_post
	{
	width:49%;
	text-align:right;
	float:right;
	}

/*---------- comment ----------*/
*#main_contents .commentlist
	{
	padding:10px 10px 5px 10px;
	}
*#main_contents .commentlist li
	{
	padding:10px 15px 0px 15px;
	list-style:inside decimal;
	}
*#main_contents .commentlist li.alt
	{
	background:#EDEDED;
	}
*#main_contents .commentlist li cite
	{
	color:#CC0001;
	}
*#main_contents .commentlist li span.data
	{
	padding:0px 0px 0px 20px;
	}
*#main_contents .commentlist li p
	{
	padding:10px 0px 0px 0px;
	}
*#main_contents #commentform
	{
	padding:0px 10px 0px 10px;
	}
*#main_contents #commentform p
	{
	margin:10px 0px 10px 0px;
	}
*#main_contents #commentform input
	{
	width:250px;
	margin:10px 0px 0px 0px;
	border:1px solid #acacac;
	}
*#main_contents #commentform textarea
	{
	margin:10px 0px 0px 0px;
	border:1px solid #acacac;
	}
*#main_contents #commentform strong
	{
	font-weight:bold;
	color:#c80000;
	}
*#main_contents #commentform button
	{
	color:#000000;
	border:1px solid #acacac;
	background:#dcdcdc;
	}
*#main_contents #commentform button:hover
	{
	color:#000000;
	border:1px solid #ebe9ed;
	background:#acacac;
	}
*#main_contents #comment
	{
	width:100%;
	margin:10px 0px 0px 0px;
	}

/*---------- searchform ----------*/
*#main_contents #searchform
	{
	text-align:center;
	padding:10px 0px 10px 0px;
	background:#eeeeee;
	}
*#main_contents #searchform input.text
	{
	width:302px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #878787; 
	padding:4px 4px 4px 4px;
	}
*#main_contents #searchform input.button
	{
	vertical-align:middle;
	}
/*---------- home ----------*/
body#home #contents_box #main_contents div#home_left ,
body#home #contents_box #main_contents div#home_right
	{
	width:279px;
	font-size:92%;
	float:left;
	}
body#home #contents_box #main_contents div#home_right
	{
	float:right;
	}




body#home #contents_box #main_contents div#home_left h2 ,
body#home #contents_box #main_contents div#home_right h2
	{
	font-weight:bold;
	}

body#home #contents_box #main_contents div#home_left dd
	{
	width:206px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 73px;
	position:relative;
	}
body#home #contents_box #main_contents div#home_left dd img
	{
	width:200px;
	height:auto;
	margin:0px 0px 10px 0px;
	clip:rect(0px auto 142px 0px);
	position:absolute; 
	top:0px; 
	left:0px;  
	}
body#home #contents_box #main_contents div#home_left dt
	{
	width:206px;
	font-weight:normal;
	margin:142px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
body#home #contents_box #main_contents div#home_menu_left > dt
	{
	min-height:47px;
	height:auto;
	}

body#home #contents_box #main_contents div#home_right ul.rss_list
	{
	margin:5px 0px 0px 5px;
	}
body#home #contents_box #main_contents div#home_right ul.rss_list li
	{
	margin:0px 0px 5px 0px;
	}
body#home #contents_box #main_contents div#home_right ul.rss_list li a
	{
	padding:0px 0px 0px 15px;
	background:url(images/icon_01.gif) no-repeat left 3px;
	}

/*---------- sitemap ----------*/
#main_contents #page_contents ul.site_list
	{
	margin:0px 0px 15px 10px;
	}
#main_contents #page_contents ul.site_list li
	{
	margin:0px 0px 5px 0px;
	}
#main_contents #page_contents ul.site_list li.cat-item
	{
	margin:0px 0px 5px 20px;
	}
#main_contents #page_contents ul.site_list li a
	{
	padding:0px 0px 5px 15px;
	background:url(images/icon_01.gif) no-repeat left 3px;
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}

/*---------- gmaps ----------*/
#main_contents #page_contents #gmaps
	{
	width:568px;
	height:371px;
	margin:0px 0px 15px 0px;
	}
/*---------- pagenavi ----------*/
.wp-pagenavi a
	{
	line-height:1.8;
	margin:0px 2px 0px 2px;
	border:1px solid #004477;
	padding:1px 4px 1px 4px; 
	}	
.wp-pagenavi span
	{
	line-height:1.8;
	margin:0px 2px 0px 2px;
	border:1px solid #004477;
	padding:1px 4px 1px 4px; 
	}
.wp-pagenavi span.current
	{
	color:#FFFFFF;
	background:#004477;
	}
.wp-pagenavi span.pages
	{
	padding:1px 10px 1px 10px; 
	}
/* Adomin MENU*/
#sem_admin_menu
	{
	width:0px;
	height:100%;
	font-size:85%;
	text-align:left;
	border-right:5px solid #C80000;
	background:#F2F3F4;
	padding:3px 0px 3px 0px;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	z-index:10;
	}
#sem_admin_menu:hover
	{
	width:120px;
	overflow:inherit;
	}
#sem_admin_menu ul
	{
	padding:0px 5px 0px 5px;
	}
#sem_admin_menu li
	{
	padding:0px 5px 0px 15px;
	display:block;
	}

#sem_admin_menu li.new_item
	{
	background: url(images/icon/new_file.gif) center left no-repeat;
	}
#sem_admin_menu li.options
	{
	background: url(images/icon/options.gif) center left no-repeat;
	}
#sem_admin_menu li.dashboard
	{
	background: url(images/icon/activity.gif) center left no-repeat;
	}
#sem_admin_menu li.profile,
#sem_admin_menu li.login,
#sem_admin_menu li.logout,
#sem_admin_menu li.register
	{
	background: url(images/icon/user.gif) center left no-repeat;
	}
/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */