/* Common Elements */

body{
	line-break: normal;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Arial;
	background-color: #CCC;
}

table{
	line-break: normal;
	font-size: 12px;
	color: #333333;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Arial;
}
	
a{
	text-decoration: underline;
	color: #69F;
	}

	a:hover{
	color: #F90;
		}
		
	a:visited{
	color: #FF9933;
		}

#main p, 
#main h3,
#main ul{
	clear:both;
	margin: 0px 30px;
	line-height: 2em;
	}
	#main h3 { font-weight: bold; }

.article,
.module{
	clear: both;
	margin-bottom: 20px;
	}

em{
	font-weight:bold;
	font-size: 1.1em;
	}

strong{
	color: #F63;
	font-size: 1.2em;
	font-weight: bold;
	}
	

/* Content General */

body{
	}

#wrapper{
	background-image: url(img/wrapper_bg.png);
	background-repeat: repeat-y;
	background-position: center;
	text-align: left;
	margin: 0 auto;
	width: 980px;
	height: auto;
	}

#container {
	width: 900px;
	margin: 0 auto;
}
	
#header {
	padding: 25px;
	background: url(img/.png) no-repeat center top;
	}
	
	#title{
		float: left;
		margin: 5px 0 10px 0;
		}
	
	#index h1{
		margin: 0 0 5px 0;
		}

	#logo{
	display: block;
	width: 300px;
	height: 49px;
	text-indent: -9999px;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	}
	
		#phone{
			float: right;
			padding: 0;
					}
				 
			#phone p.number{
	display: block;
	background: url(img/phone.png) no-repeat -10px -1px;
	font-family: Impact, Arial, sans-serif;
	font-size: 2.8em;
	font-weight: bold;
	color: #69F;
	height: auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
			}
			
				#phone span { 
					font-size:0.4em; 
					color: #333; 
					font-weight: normal;
					}
				#phone .caption { font-size: 0.8em;}
			
	#nav{
		clear: both;
		margin: 0;
		text-align: justify;
		padding: 0 25px;
		}
		
		#nav li{
		float: left;
		list-style: none;
		}

		#nav li a {
			text-indent: 10px;
			background: url(img/nav_button_u.png) no-repeat;
			display: block;
			height: 35px;
			width:155px;
			text-decoration:none;
			font-size: 1.2em;
			font-weight:bold;
			color:#333333;
			line-height: 38px;
			}
			#nav li a span{
				font-size: 0.7em;
				font-weight: normal;
				color:#CCC;
				display: inline-block;
				text-align: right;
			}
			
			#nav li a:hover {
			background: url(img/nav_button_o.png) no-repeat;
			}

			#index .index a,
			#works .works a,
			#about .about a,
			#books .books a,
			#contact .contact a,
			#links links a{
			background: url(img/nav_button_o.png) no-repeat;
			}

			#nav li ul { display: none; }

				#nav li:hover ul {
					position: absolute;
					display: block;
					}
				#nav li:hover li {
					float: none;
					font-size: 0.9em;
					}

#banner {
	clear: both;
	padding: 10px 25px;
	}
	
#content{
	padding: 0 25px 25px;
	}

	#main {
	float: left;
	margin: 0 5px 0 0;
	width: 600px;	
		}
		
	#main h2 {
		margin: 5px 0 10px 10px;; 
		width: 600px;
		font-size: 1.5em;
		font-weight:bold;
		line-height: 1.5em;
		border-bottom: #333 solid 1px;
		}
	
		.signature{
			float: right;
			font-weight: bold;
		}

		#main table {
			line-height: 1.5em;
			margin: 10px;
			width: 100%;
			}
			
			#main td,
			#main th{
				border-bottom: #CCCCCC solid 1px;
				vertical-align: top;
				padding: 10px;
				}
		
			#main table th {
				font-weight:bold;
				width: 155px;
				}
			
				#main table p{
					margin: 0
					}
				
				#main table h3{
					font-weight: bold;
					line-height: 2em;
					margin-left: 0;
					}
				#main .textarea { width: 250px; height: 8em; }
				
				#main table tfoot { text-align: center; }
				
				.submit { height: 3em; width: 8em; }


	#sidebar {
		float: right;
		width: 305px;
		}

		.module h2{
			margin: 5px 0 10px 10px;; 
			font-size: 1.3em;
			font-weight:bold;
			line-height: 1.5em;
			}
			
		.module p{
			margin-left:10px;
			padding: 0 120px 0 0px;
			}
			
			#sidebar #mail p { background: url(img/sidebar_mail.png) no-repeat right; }
			#sidebar #career p { background: url(img/sidebar_career.png) no-repeat right; }
				
				#sidebar #career a { display:block; margin: 5px; text-align: right; }
		
		.module { border: #CCC solid 1px; padding: 10px; }
			.module table { margin: 10px 0 0 5px;}
			.module th {width: 90px;}
			.module td, .module th {padding: 5px;}
			
			.name {width: 75px;}
			.email {width: 155px;}
		
			.module  tfoot { text-align: right;}

#footer{
	text-align:right;
	clear: both;
	font-size: 0.8em;
	padding: 10px 30px 50px;




	*padding: 5px 30px 20px;  /* only for IE6 and IE7*/
	background-image: url(img/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	}

	#footer a { display:inline;  text-align: left; float: left; width: 200px; }


/* Content Individual */

.services{
	clear: both;
	margin: 10px 20px 0;
	}

	.services li{
		float: left;
		}
	
	.services li a{
		margin: 5px 5px 5px 0 ;
		display: block;
		height: 118px;
		width: 115px;
		font-size: 3em;
		text-decoration: none;
		font-weight:bold;
		text-align:center;
		color:#FFF;
		line-height: 50px;
		float: left;
	}
		
		#main .services span{
			display: block;
			text-align:left;
			margin: 0 5px;
			font-size: 0.3em;
			line-height:2em;
			font-weight: normal;
			}
			
		.services .const { background-color: #69F; border:#FFF solid 1px;}
			.services .const:hover{ background-color:#FFF; color:#69F;  border:#69F solid 1px; }
		.services .logist { background-color: #399; border:#FFF solid 1px;}
			.services .logist:hover{ background-color:#FFF; color:#399; border:#399 solid 1px;}
		.services .waste { background-color: #966; border:#FFF solid 1px;}
			.services .waste:hover{ background-color:#FFF; color:#966; border:#966 solid 1px;}
		.services .huzoku { background-color: #C6C; border:#FFF solid 1px;}
			.services .huzoku:hover{ background-color:#FFF; color:#C6C; border:#C6C solid 1px;}
		.services .souzoku { background-color: #F08080; border:#FFF solid 1px;}
			.services .souzoku:hover{ background-color:#FFF; color:#F08080; border:#F08080 solid 1px;}
		.services .immigration { background-color: #CCC; border:#FFF solid 1px;}
			.services .immigration:hover{ background-color:#FFF; color:#CCC; border:#CCC solid 1px;}

#links #main th { width: 100 px;}


#const #main table .const_price_category { width: 250px; }

#const #main table .const_price_fees { width: 150px; }

#logist #main th.left { width: 150px; }

#logist #main th.special { color: #F63; }

#contact .address { width: 250px}