@charset "UTF-8";
/* ************************************************ 

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;
	background:url(../img/background.gif) repeat-x #FFFFFF;
	}
a
	{
	color:#004477;
	text-decoration:none;
	}
a:hover
	{
	text-decoration:underline;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * ************************************************ */
*#box
	{
	width:950px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	background:url(../img/body_background.gif) no-repeat center top;
	}
*#header
	{
	height:56px;
	font-size:92%;
	position:relative;
	}
*#footer
	{
	font-size:92%;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	background:#f99c39;
	}
*#nav
	{
	height:38px;
	font-size:107%;
	background:url(../img/nav_back.gif) repeat-x left top;
	}
#main_img_box
	{
	height:359px;
	padding:5px 0px 0px 41px;
	clear:both;
	}
#main_img_box img
	{
	display:block;
	}
#contents_box
	{
	width:930px;
	font-size:107%;
	margin:10px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	background:#FFFFFF;
	}
*#main_contents
	{
	width:590px;
	float:left;
	}
*#sidebar
	{
	width:331px;
	float:right;
	}
/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
*#header h1
	{
	color:#FFFFFF;
	font-size:100%;
	font-weight:normal;
	position:absolute;
	left:200px;
	top:0px;
	}nm
*#header #logo
	{
	display:block;
	position:absolute;
	left:1px;
	top:0px;
	}
*#header #header_meta
	{
	width:750px;
	height:25px;
	background:#F99C39;
	position:absolute;
	right:0px;
	bottom:10px;
	}
*#header #header_meta img
	{
	position:absolute;
	right:10px;
	top:0px;
	}

/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
*#footer #footer_nav li
	{
	border-left:1px solid #FFFFFF;
	padding:0px 0px 0px 5px;
	display:inline;
	}
*#footer #footer_nav li.top
	{
	border-left:none;
	padding:0px 0px 0px 0px;
	}
*#footer #footer_nav li a
	{
	color:#012b5f;
	text-decoration:none;
	}
*#footer #footer_nav li a:hover
	{
	text-decoration:underline;
	}
*#footer address
	{
	color:#FFFFFF;
	}

/* ************************************************ 
 * 2-5 The main navigation area setting
 * ************************************************ */
*#nav li
	{
	text-align:center;
	line-height:2.6;
	border-right:1px solid #F99C39;
	float:left;
	}
*#nav li.top
	{
	border-left:1px solid #F99C39;
	}
*#nav li a
	{
	height:38px;
	color:#012B5F;
	text-decoration:none;
	padding:0px 17px 0px 17px;
	display:block;
	float:left;
	}
*#nav li a:hover
	{
	color:#FFFFFF;
	background:url(../img/nav_back.gif) repeat-x left bottom;
	}

/* ************************************************ 
 * 2-6 Side contents setting
 * ************************************************ */
*#sidebar #side_nav p
	{
	width:160px;
	height:125px;
	margin:0px 0px 10px 0px;
	display:block;
	overflow:hidden;
	float:left;
	}
*#sidebar #side_nav p.fax ,
*#sidebar #side_nav p.company
	{
	float:right;
	}
*#sidebar #side_nav p a
	{
	width:160px;
	padding:125px 0px 0px 0px;
	display:block;
	}
*#sidebar #side_nav p.web a
	{
	background:url(../img/bt_01.jpg) no-repeat;
	}
*#sidebar #side_nav p.fax a
	{
	background:url(../img/bt_02.jpg) no-repeat;
	}
*#sidebar #side_nav p.document a
	{
	background:url(../img/bt_03.jpg) no-repeat;
	}
*#sidebar #side_nav p.company a
	{
	background:url(../img/bt_04.jpg) no-repeat;
	}
*#sidebar #side_nav p a:hover
	{
	background-position:0px -125px;
	}

*#sidebar h2 img ,
*#sidebar h3 img
	{
	margin:0px 0px 10px 0px;
	display:block;
	}
*#sidebar .side_img
	{
	margin:0px 0px 10px 0px;
	display:block;
	clear:both;
	}
*#sidebar p
	{
	margin:0px 0px 20px 0px;
	}
/* ************************************************ 
 * 2-7 The main contents setting 271 290 342
 * ************************************************ */
*#main_contents .headline
	{
	font-size:100%;
	font-weight:bold;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	background:url(../img/main_headline.gif) repeat-x left top;
	}
*#main_contents h3
	{
	margin:0px 10px 10px 10px;
	}
*#main_contents h3.img_headline
	{
	margin:0px 0px 10px 0px;
	}

*#main_contents p
	{
	margin:0px 10px 15px 10px;
	}
*#main_contents p.img_text
	{
	margin:0px 0px 10px 0px;
	}

*#main_contents table
	{
	width:100%;
	margin:0px 0px 10px 0px;
	border:1px solid #cccccc;
	}
*#main_contents table th
	{
	border:1px solid #cccccc;
	padding:5px 5px 5px 5px;
	background:#eeeeee;
	}
*#main_contents table td
	{
	border:1px solid #cccccc;
	padding:5px 5px 5px 5px;
	}
*#main_contents img
	{
	margin:0px 0px 10px 0px;
	display:block;
	}
*#main_contents .go_estimate
	{
	width:100%;
	text-align:center;
	margin:0px 0px 38px 0px;
	}
*#main_contents .go_estimate p
	{
	width:276px;
	height:33px;
	margin:0px auto 0px auto;
	overflow:hidden;
	}
*#main_contents .go_estimate p a
	{
	width:276px;
	padding:33px 0px 0px 0px;
	background:url(../img/go_estimate.gif) no-repeat;
	display:block;
	}
*#main_contents .go_estimate p a:hover
	{
	background-position:0px -33px;
	}
*#main_contents .preparation ,
*#main_contents .preparation td
	{
	border:none;
	background:#dddddd;
	}
*#main_contents .preparation td
	{
	padding:10px 10px 10px 10px;
	}
*#main_contents #form_end th
	{
	width:20%;
	}
/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
#main_img
	{
	clear:both;
	}
input.validation-failed, textarea.validation-failed
	{
	border: 1px solid #FF3300;
	}
input.validation-passed, textarea.validation-passed
	{
	border: 1px solid #00CC00;
	}
/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */