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

/* =====Creads ====== */

#catchcopy{
margin-top:10px;
border: 0px;
font-size:18px;
font-weight: bold;
}



.menu-d {
background-color:#000000;
color:#FFFFFF;
border-bottom: solid 1px white;
}
.menu-d2 {
color: white;
background-color:#000000;
padding-top:0px;
text-align: left;
padding-bottom:0px;

}

.menu-d a,
.menu-d a:visited,
.menu-d a:active,
.menu-d a:hover,
.menu-d a:link {
color: white;
}

.menu-d2 a,
.menu-d2 a:visited,
.menu-d2 a:active,
.menu-d2 a:hover,
.menu-d2 a:link {
color: white;
}

.menu-d2 img{
margin-right: 4px;
}


/* =====1.common sub====== */

body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, input, dl, dd, dt, div, address, label
{
	margin: 0;
	padding: 0;
}

a img { border: 0; }

li { list-style: none; }

ol li 
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}

em
{
	font-style: normal;
	font-weight: bold;
}

address
{ 
 	font-style: normal;
 	font-weight: normal;
}

form, input, select, textarea
{
	margin: 0 2px 0 0;
	font-family: "Tahoma","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	padding: 1px;
	font-size: 100%;
}

*:first-child+html form,
*:first-child+html input,
*:first-child+html select,
*:first-child+html textarea /* For Only IE7 */
{
	font-family: "Verdana","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
}



/* ==========common ========== */

body
{
	font-family: "Tahoma","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	font-size: 75%;
	color: #FFFFFF;
	line-height: 1.66;
	text-align: left;
	background: #000000;
}

*:first-child+html body /* For Only IE7 */
{
	font-family: "Verdana","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
}

table
{
	font-family: "Tahoma","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	color: #4C4C4C;
	line-height: 1.66;
	background-color: #FFFFFF;
	text-align: left;
}

*:first-child+html table /* For Only IE7 */
{
	font-family: "Verdana","�ҥ饮�νǥ�Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
}

h1, h2, h3, h4, h5
{
	font-size: small;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 98%;
}


/* ==========3.link======== */

a:link,
a:visited 
{
	color: #333333;
	background-color: transparent;
	text-decoration:none;
	font-weight:normal;
}
a:hover,
a:active
{
	color: #999999;
	background-color: transparent;
	text-decoration: none;
}




/* ================= =====================

		��1��wrapper
		��2��header
		��3��g-menu
		��4��container
				?contents
		��5��footer

/* ===========1. wrapper =========== */

#wrapper-consulting
{
	margin: 0 auto;
	background: url(../img/bg_sub.jpg) no-repeat center top;
	background-color:#FFFFFF;
	color: #000000;	
}

#wrapper-xmas
{
	margin: 0 auto;
	background: url(../img/bg_sub.jpg) no-repeat center top;
	background-color:#FFFFFF;
	color: #000000;	
}

#wrapper-other
{
	margin: 0 auto;
	background: url(../img/bg_other.jpg) no-repeat center top;
	background-color:#FFFFFF;
	color: #000000;	
}

#wrapper-intro
{
	margin: 0 auto;
	background: url(../img/da.jpg) no-repeat center top;
	background-color:#FFFFFF;
	color: #000000;	
}
#wrapperone
{
	margin: 0 auto;
	background: url(../img/bg_sub.jpg) no-repeat center top;
	background-color:#FFFFFF;
	color: #000000;	
}
#wrapper-map
{
	margin: 0 auto;
	background-color:#FFFFFF;
	color: #000000;		
}

/* ===========2. header =========== */

#header
{
	margin: 0 auto;
	padding-top:5px;
	width:900px;
	height: 100%;
}
#header:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
     /* ===========TM=========== */
		#tm {
			WIDTH:226px; HEIGHT:41px; MARGIN-LEFT:129px; MARGIN-TOP:-46px; TEXT-ALIGN:right; 
			FONT-WEIGHT:bolder; FONT-SIZE:10px; LINE-HEIGHT:13px; padding-top:5px;color:#000;
		}
		#tm A {
			FONT-WEIGHT:900; FONT-SIZE:12px; letter-spacing:1px; color:#000;
	}
		# tm A:hover {
			FONT-WEIGHT:900; FONT-SIZE:12px; letter-spacing:1px; color:#000;
		}


	/* ------------- logo ------------- */
	
	#logo {
	FLOAT: left;
}
	#tm {
	WIDTH:226px; Z-index:100; MARGIN-LEFT:5px; MARGIN-TOP:0px; TEXT-ALIGN:left; font-WEIGHT:900; font-size:12px;
}
	#tm A {
	FONT-WEIGHT:900; font-size:12px; color:#000000;
}
	#tm A:hover {
	FONT-WEIGHT:900; font-size:12px; color:#000000;	
}
	
	/* ------------- r-menu ------------- */
	#r-menu
	{
		float:right;
		font-weight:bold;
	}
	
		#r-menu li
		{
			float:left;
			margin-left:20px;
			padding-left:10px;
		}
		
/* =====3x. s-menu ===== */
#s-menu
{
	clear: both;
	margin-bottom:10px;
}

*:first-child+html #s-menu /* For Only IE7 */
{
	clear: both;
	margin-bottom:10px;
}


	#s-menu-contents
	{
		margin: 0 auto;
		width:900px;
		height: 20px;
	}
	#s-menu-contents:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
	/* ------------- menu-1 ------------- */
		#s-menu-contents #menu-1
		{
			float:right;
		}
			#s-menu-contents #menu-1 li
			{
				float:left;
				color:#FFFFFF;
			}

/* =====3. g-menu ===== */
#g-menu
{
	clear: both;
	background-color:#000000;
	margin-top:30px;
	margin-bottom:20px;
}

*:first-child+html #g-menu /* For Only IE7 */
{
	clear: both;
	background-color:#000000;
	margin-top:30px;
}

	#g-menu-contents
	{
		margin: 0 auto;
		width:900px;
		height: 60px;
	}
	#g-menu-contents:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
	/* ------------- menu-1 ------------- */
		#g-menu-contents #menu-1
		{
			float:right;
			padding-top:12px;
		}
		
		
			#g-menu-contents #menu-1 li
			{
				float:left;
                                margin-left:15px;
                                margin-top:5px;
                                color:#FFFFFF;
                                border-right: solid 1px white;
                               padding-right:10px;
			}

                        #g-menu-contents #menu-1 img
            {
                               padding-right:4px;
            }



		/* ------------- menu-a ------------- */
		#g-menu-contents #menu-a
		{
			float:right;
			padding-top:30px;
		}
		
		
			#g-menu-contents #menu-a li
			{
				float:left;
                                margin-left:15px;
                                color:#FFFFFF;
			}
			
			/* ------------- link ------------- */
			#g-menu-contents #menu-1 a:link,
			#g-menu-contents #menu-1 a:visited
			{
				font-weight:bold;
				color:#FFFFFF;
				text-decoration:none;
			}
			
			#g-menu-contents #menu-1 a:hover,
			#g-menu-contents #menu-1 a:active
			{
				color:#999999;
			}
			#g-menu-contents #menu-1 a.on
			{
				color:#999999;
			}
			
			
			
			#g-menu-contents #menu-a a:link,
			#g-menu-contents #menu-a a:visited
			{
				font-weight:bold;
				color:#FFFFFF;
				text-decoration:none;
			}
			
			#g-menu-contents #menu-a a:hover,
			#g-menu-contents #menu-a a:active
			{
				color:#999999;
			}
			#g-menu-contents #menu-a a.on
			{
				color:#999999;
			}
			
		/* ------------- menu-2 ------------- */
		#g-menu-contents #menu-2
		{
			float:left;
			line-height:60px;
			font-weight: bold;
		}
		
		#g-menu-contents #menu-2 a:link{color:#cccccc; text-decoration: none; }
		#g-menu-contents #menu-2 a:visited{color:#cccccc; text-decoration: none; }
		#g-menu-contents #menu-2 a:active{color:#cccccc; text-decoration: none; }
		#g-menu-contents #menu-2 a:hover{color:#FFFFFF; text-decoration: none; }
		
		
		
		#g-menu-contents #menu-2 img
		{
			padding-top:7px; 

		}

			#g-menu-contents #menu-2 li
			{
				float:left;
				padding-right:15px;
				padding-left:15px;
			}
			
			* html #g-menu-contents #menu-2 li /* For Under IE6 */
			{
				float:left;
				padding-right:10px;
				background:url(../img/line_menu.gif) no-repeat right center;
				padding-left:10px;
			}


			/* ------------- menu-b ------------- */
					#g-menu-contents #menu-b
					{
						float:left;
						color:#cccccc;
						line-height:60px;
						font-weight: bold;
					}
					
					#g-menu-contents #menu-b a:link{color:#cccccc; text-decoration: none; }
					#g-menu-contents #menu-b a:visited{color:#cccccc; text-decoration: none; }
					#g-menu-contents #menu-b a:active{color:#cccccc; text-decoration: none; }
					#g-menu-contents #menu-b a:hover{color:#FFFFFF; text-decoration: none; }
					
					
					
					#g-menu-contents #menu-b img
					{
						vertical-align:bottom;
					}
			
						#g-menu-contents #menu-b li
						{
							float:left;
							padding-right:10px;
							background:url(../img/line_menu.gif) no-repeat left center;
							padding-left:10px;
						}
						
						* html #g-menu-contents #menu-b li /* For Under IE6 */
						{
							float:left;
							padding-right:5px;
							background:url(../img/line_menu.gif) no-repeat left center;
							padding-left:10px;
						}
			



/* ===========4. container =========== */

#container
{
	margin: 0 auto;
	clear:both;
	background-color:#FFFFFF;
	text-align:left;
        height:100%;
       
}

	/* ------------- h1 ------------- */
	#container h1
	{
		margin-bottom:20px;
	}
	
	/* ------------- h2 ------------- */
	#container h2
	{
		clear:both;
		word-break:break-all;
		font-size:24px;
		width:100%;
	}
	
	/* ------------- h3 ------------- */
	#container h3
	{
	}
	
	/* ------------- p ------------- */
	#container p
	{
		margin-bottom:5px;
	}
	
	#container .contact
	{
		clear:both;
		text-align:center;
		padding-top:30px;
	}

	/* ------------- contents ------------- */
	#contents
	{
		margin: 0 auto;
		text-align:left;
		width:900px;
		height: 1000px;
	}
	#contents:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
	
		/* ------------- left ------------- */
		#left
		{
			float:left;
			width:185px;
			color: #000000;			
			
		}
		#middletable1 {
			width:185px;
			height:17px;
			z-index:1;
			vertical-align: middle;
			margin-top: 10px;	
			margin-bottom:10px;
		}
		/* ------------- leftnews ------------- */
			#left1 {
					position:relative;
					left:0px;
					top:0px;
					width:185px;
					height:25px;
					z-index:1;
				}
				#left2{
				text-align: center;
				width:185px;
				margin-bottom:10px;
				margin-top: 10px;	
				}
				#left2 a:link{
					color:#000000;
					text-decoration:underline;
					font-size: 12px;
				}   
				#left2 a:visited{
					color:#000000;
					text-decoration:underline;
					font-size: 12px;
				}   
				#left2 a:hover {
					color:#CCCCCC;
					text-decoration:none;
					font-size: 12px;
				}   
				#left2 a:active {
					color:#000000;
					text-decoration:underline;
					font-size: 12px;
					text-align: center;
				} 
					/* ------------- menu ------------- */
			ul.s-menu 
			{
				width:185px;
				margin-bottom:10px;
			}
				ul.s-menu li a:link,
				ul.s-menu li a:visited
				{
					padding:10px 0 10px 8px;
					display: block;
					font-weight:bold;
					border-top:1px solid #000;
				}
				ul.s-menu li a:hover,
				ul.s-menu li a:active
				{
					background-image:none;
					background-color:#333333;
					color:#FFFFFF;
					padding:10px 0 10px 8px;
					display: block;
					font-weight:bold;
					border-top:1px solid #000;
				}
				/* ------------- menu / For Under IE6 ------------- */
				* html ul.s-menu li
				{
					margin-bottom:-20px;
					height:58px;
				}

				/* ------------- 2��c�� ------------- */
				ul.s-menu li ul
				{
					margin-bottom:20px;
				}
				ul.s-menu li ul li
				{
					border-top:solid 1px #dfdfdf;
				}
					ul.s-menu li ul li a:link,
					ul.s-menu li ul li a:visited
					{
						border:none;
						background:url(../img/bg_menu.gif) no-repeat left top;
						color:#333333;
						padding:4px 0 5px 20px;
						display: block;
						font-weight:normal;
					}
					ul.s-menu li ul li a:hover,
					ul.s-menu li ul li a:active
					{
						background:url(../img/bg_menu_on.gif) no-repeat left top;
						background-color:#f2f2f2;
						color:#333333;
						padding:4px 0 5px 20px;
						display: block;
						font-weight:normal;
					}
					* html ul.s-menu li ul /* For Under IE6 */
					{
						margin-bottom:30px;
					}
					* html ul.s-menu li ul li /* For Under IE6 */
					{
						margin-bottom:-20px;
						height:47px;
					}
					ul.s-menu li ul li a.on
					{
						background:url(../img/bg_menu_on.gif) no-repeat left top;
						padding:4px 0 5px 20px;
						display: block;
						font-weight:bold;
						background-color:#f2f2f2;
					}
					#left ul li.pdf a
					{
						background:url(../img/icon_pdf.gif) no-repeat left center;
						width:138px;
						display:block;
						padding:5px 0 5px 22px;
					}
					#line{
						border-top:solid 1px #dfdfdf;				
					}
				
				
		      /* -------------OK ------------- */
			  		#okleft {
						z-index:1;
						vertical-align: middle;
						padding-top:2px;
						float: left;
						height:28px;
						line-height:28px;						
					}
					#ok {
						width:38px;
						height:19px;
						z-index:1;
						background-color: #000000;
						text-align: center;
						vertical-align: middle;
						margin-top:3px;
						float: right;						
					}
					#ok:hover{background:#757575;}
					
					
					#ok a:link{color:#FFFFFF; text-decoration: none;vertical-align: middle;	 }
					#ok a:visited{color:#FFFFFF; text-decoration: none;vertical-align: middle;	 }
					#ok a:active{color:#cccccc; text-decoration: none;vertical-align: middle;	 }
					#ok a:hover{
						color:#FFFFFF;
						text-decoration: none;
						font-weight: bold;
						vertical-align: middle;	
					}
				/* ------------- menu ------------- */
			
				
		/* ------------- right ------------- */
		#right
		{
			width:100%;
			float:right;
			margin-left:-256px;
			min-height:720px;
                        
		}
		
		#right a
		{
			text-decoration:underline;
		}				
			#right-contents
			{
			margin-left:253px;
			margin-bottom:50px;
                        height:100%;

                        }
			
			#right-contents img
			{
			vertical-align:bottom;
			}		
			
			

/* ===========5. footer=========== */


#footer
{
	border-top:solid 1px #CCCCCC;
	margin: 0 auto;
	clear:both;
	font-size:82%;
	width:900px;
}

*:first-child+html #footer /* For Only IE7 */
{
	border-top:solid 1px #CCCCCC;
	margin: 0 auto;
	clear:both;
	font-size:82%;	
	width:900px;
	margin-top:-20px;
}	

	#footer ul
	{
		float: left;
		margin:10px 0 0 0;
	}
	
		#footer ul li
		{
			float: left;
			background:url(../img/line_r_menu.gif) no-repeat left center;
			padding:0 10px 0 10px;
		}

	#footer #copyright
	{
		float:right;
		margin:10px 0 80px 0;
	}
	
	#footer #toplink
	{
		float:right;
	}