@charset "UTF-8";
/* ************************************************ 
Theme Name: bws_00022
Theme URI: http://www.master-web.net/
Description: WordPress theme designed by <a href="http://www.master-web.net">Master+Web</a>.
Author: Webnist
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:#000000;
	background:url(images/body_background.gif) repeat-x;
	}
a
	{
	color:#006599;
	text-decoration:none;
	}
a:hover
	{
	text-decoration:underline;
	}
#main_contents a
	{
	color:#006599;
	}
/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * ************************************************ */
*#box
	{
	width:950px;
	line-height:1.3;
	text-align:left;
	margin:0px auto 10px auto;
	}
*#header
	{
	height:112px;
	font-size:92%;
	margin:0px 0px 6px 0px;
	padding:0px 10px 0px 10px;
	position:relative;
	}
*#footer
	{
	font-size:85%;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	background:#001B4E;
	}
*#nav
	{
	height:38px;
	font-size:107%;
	border-left:1px solid #CACACA;
	position:absolute;
	left:0px;
	bottom:0px;
	}
*#contents_box
	{
	font-size:107%;
	padding:0px 0px 10px 10px;
	}
*#main_contents
	{
	width:590px;
	margin:0px 0px 0px 0px;
	float:left;
	}
*#sidebar
	{
	width:330px;
	margin:0px 0px 0px 0px;
	float:right;
	}
#main_img
	{
	margin:0px 0px 6px 0px;
	position:relative;
	}
/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
*#header h1
	{
	font-size:100%;
	color:#FFFFFF;
	position:absolute;
	top:15px;
	right:0px;
	}
*#header #logo
	{
	display:block;
	position:absolute;
	top:15px;
	left:0px;
	}
*#header img#header_meta
	{
	position:absolute;
	right:0px;
	bottom:50px;
	}
/* ************************************************ 
 * 2-4. Main Image Area setting
 * ************************************************ */
#main_img img
	{
	display:block;
	}
#main_img p
	{
	font-size:258%;
	color:#001536;
	position:absolute;
	top:11px;
	left:9px;
	}
/* ************************************************ 
 * 2-5. Footer area setting
 * ************************************************ */
*#footer ul li
	{
	border-left:1px solid #FFFFFF;
	padding:0px 2px 0px 7px;
	display:inline;
	}
*#footer ul li.top
	{
	border-left:none;
	padding:0px 2px 0px 0px;
	}
*#footer ul li a
	{
	color:#FFFFFF;
	}

/* ************************************************ 
 * 2-6 The main navigation area setting
 * ************************************************ */
*#nav li
	{
	text-align:center;
	line-height:2.6;
	border-right:1px solid #CACACA;
	float:left;
	}
*#nav li a
	{
	height:38px;
	color:#000000;
	text-decoration:none;
	padding:0px 17px 0px 17px;
	display:block;
	float:left;
	}
*#nav li a:hover
	{
	color:#FFFFFF;
	background:url(images/nav_background.gif) repeat-x left -38px;
	}

/* ************************************************ 
 * 2-6 Side contents setting
 * ************************************************ */
/*---------- title ----------*/
*#sidebar h2.headline
	{
	font-size:258%;
	font-weight:bold;
	text-align:center;
	margin:0px 0px 20px 0px;
	}
*#sidebar h3.headline
	{
	font-size:182%;
	font-weight:bold;
	color:#001B4E;
	margin:0px 0px 5px 0px;
	}
/*---------- page_menu ----------*/
*#sidebar ul#page_menu
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
*#sidebar ul#page_menu li
	{
	width:160px;
	height:125px;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	display:block;
	float:left;
	}
*#sidebar ul#page_menu li.menu_02 ,
*#sidebar ul#page_menu li.menu_04
	{
	float:right;
	}
*#sidebar ul#page_menu li a
	{
	width:160px;
	padding:125px 0px 0px 0px;
	display:block;
	}
*#sidebar ul#page_menu li.menu_01 a
	{
	background:url(images/bt/page_menu_01.jpg) no-repeat;
	}
*#sidebar ul#page_menu li.menu_02 a
	{
	background:url(images/bt/page_menu_02.jpg) no-repeat;
	}
*#sidebar ul#page_menu li.menu_03 a
	{
	background:url(images/bt/page_menu_03.jpg) no-repeat;
	}
*#sidebar ul#page_menu li.menu_04 a
	{
	background:url(images/bt/page_menu_04.jpg) no-repeat;
	}
*#sidebar ul#page_menu li a:hover
	{
	background-position:0px -125px;
	}
	
*#sidebar p.text
	{
	margin:0px 0px 15px 0px;
	}
*#sidebar p.img
	{
	text-align:center;
	margin:0px 0px 15px 0px;
	}
	
*#sidebar p#groupsite img:hover
	{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}

/* ************************************************ 
 * 2-7 The main contents setting
 * ************************************************ */
/*---------- title ----------*/
#main_contents h2.headline
	{
	font-weight:bold;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	border-bottom:2px solid #CF0000;
	padding:0px 10px 0px 10px;
	background:#001B4E;
	}
#main_contents h3.headline
	{
	font-size:182%;
	font-weight:bold;
	color:#001B4E;
	margin:0px 0px 5px 0px;
	}
/*---------- base ----------*/
#main_contents p.text
	{
	margin:0px 10px 20px 10px;
	}
#main_contents p.text strong
	{
	font-size:258%;
	}
#main_contents p.img
	{
	text-align:center;
	margin:0px 0px 20px 0px;
	}
#main_contents p.img img
	{
	margin:0px auto 0px auto;
	display:block;
	}
#main_contents div.text_box
	{
	margin:0px 0px 20px 0px;
	padding:15px 15px 15px 15px;
	background:#DDDDDD;	
	}
#main_contents div.text_box p.text_left ,
#main_contents div.text_box p.text_right
	{
	width:45%;
	float:left;
	}
#main_contents div.text_box p.text_right
	{
	float:right;
	}
#main_contents ul.privacy
	{
	margin:0px 0px 20px 0px;
	}
#main_contents ul.privacy li
	{
	margin:0px 0px 20px 0px;
	}
#main_contents ul.privacy li ol
	{
	margin:20px 0px 0px 0px;
	}
#main_contents ul.privacy li ol li
	{
	margin:0px 0px 20px 0px;
	list-style:decimal inside;
	}

/*---------- assessment_form & about_table ----------*/
#main_contents table.assessment_form ,
#main_contents table.assessment_form_check ,
#main_contents table.about_table
	{
	width:90%;
	margin:0px 5% 20px 5%;
	border:1px solid #CCCCCC;
	}
#main_contents table.assessment_form th ,
#main_contents table.assessment_form_check th ,
#main_contents table.about_table th
	{
	vertical-align:top;
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	background:#EEEEEE;
	}
#main_contents table.assessment_form_check th
	{
	width:20%;
	}
#main_contents table.assessment_form td ,
#main_contents table.assessment_form_check td ,
#main_contents table.about_table td
	{
	padding:5px 5px 5px 5px;
	border:1px solid #CCCCCC;
	}
#main_contents table.assessment_form_check d
	{
	width:80%;
	}
#main_contents p.go_assessment
	{
	width:275px;
	height:35px;
	margin:0px auto 20px auto;
	overflow:hidden;
	display:block;
	}
#main_contents p.go_assessment a
	{
	width:275px;
	padding:35px 0px 0px 0px;
	background:url(images/bt/go_assessment.gif) no-repeat;
	display:block;
	}
#main_contents p.go_assessment a:hover
	{
	background-position:0px -35px;
	}
	
/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}

/* 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
 * ************************************************ */