@charset "Shift_JIS";
/* **************************
 *  CSS Document 2nd Index 
 * 1. Reset Style
 * 2. body container layout
 * 3. header style
 * 3-1 globalnav style
 * 3-2 contentsnav style
 * 4. content style 
 * 5. form style(company,recruit,inquiry)
 * 6. table style
 * 7. sidebar2 style 
 * 8. container speban style
 * 9. footer
 **************************** */
/* --------------------------
	1. Reset style 
 -------------------------- */
	body.div,
	h1,h2,h3,h4,h5,h6,
	p,blockquote,pre,address,
	ul,li,dl,dt,dd,
	table,th,td,
	from,fieldset,legend,img{
		margin:0;
		padding:0;
		border: 0;
		color:#222;
		font-famliy:Verdana,Arial,sans-serif;
	}
/* --------------------------
	2. Body Container layout 
 -------------------------- */	
	body {
		margin:0;
		padding: 0;
		border: 0;
		text-align: center;
		background:#e5e5e5 url(../images/bk.png) bottom left repeat-x;
		color: #333;
		font-family:
			Arial,
			Meiryo,
			"メイリオ",
			"Hiragino Kaku Gothic Pro",
			"ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic",
			"ＭＳ Ｐゴシック",
			sans-serif;
		voice-family:inherit;
		font-size: 14px;
	}
	#container {
		margin: 0 auto;
		padding: 0;
		width: 800px;
		height: 100%;
		background:#fff;
		min-heigth:100%;
		text-align: left;
		vertical-align: top;
		text-decoration: none;
		}
	img{
		border: 0;
		vertical-align: middle;
		}	
	a:link		{ color: #00008b; text-decoration: underline; }
	a:visited	{ color: #708090; text-decoration: underline; }
	a:hover		{ color: #ff8c00; text-decoration: underline; }
	a:active	{ color: #0000cd; }
/* --------------------------
	3. header style 
 -------------------------- */	
	#header2 {
		margin:0;
		padding:0;
		background: #000;
		height: 100px;
		}
	#logo {
		margin: 0;
		padding: 30px 20px 0 20px;
		height: 50px;
		}
	/* --------------------------
	3-1  globalnav style
	 -------------------------- */	
	#gnav {
		margin: 0;
		padding: 0;
		border: 0;
		height: 35px;
		list-style-type: none;
		}
	#gnav li {
		float: left;
		margin: 0 ;
		padding: 0; 	
		text-indent: -9999px;
		}
	#gnav li a {
		display: block;
		width: 160px;
		height: 35px;
		overflow: hidden;
		}
	li#navpro a {
		background: url(../images/gnav.png) 0px 0px no-repeat ;
		}
	li#navpro a:hover {
		background: url(../images/gnav.png) 0px -35px no-repeat ;
		}
	li#navpro_visited a {
		background: url(../images/gnav.png) 0px -35px no-repeat ;
		}
	#navcom a {
		background: url(../images/gnav.png) -160px 0px no-repeat ;
		}
	#navcom a:hover {
		background: url(../images/gnav.png) -160px -35px no-repeat ;
		}
	#navcom_visited a {
		background: url(../images/gnav.png) -160px -35px no-repeat ;
		}
	li#navsup a {
		background: url(../images/gnav.png) -320px 0px no-repeat ;
		}
	li#navsup a:hover {
		background: url(../images/gnav.png) -320px -35px no-repeat;
		}
	li#navsup_visited a {
		background: url(../images/gnav.png) -320px -35px no-repeat;
		}
	#navdwm a {
		background: url(../images/gnav.png) -480px 0px no-repeat ;
		}	
	#navdwm a:hover {
		background: url(../images/gnav.png) -480px -35px no-repeat ;
		}
	#navdwm_visited a {
		background: url(../images/gnav.png) -480px -35px no-repeat ;
		}
	#navinq a {
		background: url(../images/gnav.png) -640px 0px no-repeat ;
		}	
	#navinq a:hover {
		background: url(../images/gnav.png) -640px -35px no-repeat ;
		}
	#navinq_visited a {
		background: url(../images/gnav.png) -640px -35px no-repeat ;
		}
	/* --------------------------
	 3-2 contentsnav style
	 -------------------------- */	
	#contentsnav {
		margin: 30px 0 0 10px;
		padding: 0;
		color: #660000;
		word-spacing: 5px;
		}
	#wrapper {
		float:clear;
		}
/* --------------------------
	4. content style 
 -------------------------- */	
	#content {
		float: right;
		width: 600px;
		height: 100%;
		color: #333;
		padding-left: 10px;
		}
/* --------------------------
	5. form style(company/recruit,inquiry)
 -------------------------- */	
	#form {
		color: #555555;
		text-align: center;
		border: solid 1px #5e8eab;
		padding: 0.3em;
		margin: 0.8em;
		}
	#form table{
		border: 0;
		width: 500px;
		margin: 0 0.1em;
		}
	#form th{
		background: #5e8eaa;
		color:#fff;
		border:1px solid #fff;
		}
	#form td{
		border: 0;
		text-align: left;
		}
	#form td.sbmt{
		border: 0;
		text-align: center;
		}
	#form input , div#form textarea {
		border-top: 1px solid gray;
		border-left: 1px solid gray;
		border-right: 1px solid silver;
		border-bottom: 1px solid silver;
		}
	#form input.sbmt {
		padding: 2px;
		border-top: 1px solid silver;
		border-left: 1px solid silver;
		border-bottom: 1px solid gray;
		border-right: 1px solid gray;
		background-color: #5e8eaa;
		color: #fff;
		}
/* --------------------------
	6. table style
 -------------------------- */	
	table {
		width: 85%;
		overflow: auto;
		margin: 1em 0 0 3em;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
		border: 1px solid gray;
		background: #fff;
	}
	th {
		padding: 5px;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
		background: #cc9 ;
		color: #333;
		font-weight: bold;
		text-align: left;
	}
	td {
		padding: 3px 5px;
		border-right: 1px solid gray;
		border-bottom: 1px solid gray;
	}
	.button{
		width:15%;
		text-align: center;
	}
	.buttoncenter{
		text-align: center;
	}
	.cellcolor{
		background: #f5f5dc;
		font-weight: bold;
	}
	.cellcolorwhite{
		background: #ffffff;
		padding: 5px;
	}
	.cellwidth100 {
		background: #f5f5dc;
		width: 100px;
	}
	.cellwidth80white {
		width: 100px;
	}	
	.cellwidth{
		width:50%;
	}	
	.cellcolororange {
		background: #ffdead;
		color: #b22222;
		font-weight:bold;
	}
	.cellcolorblue{
		background: #f0f8ff;
		color: #000000;
		text-align: center;
	}	
	.price{
		white-space:nowrap;}
/* --------------------------
	7. sidebar2 style 
 -------------------------- */
	#sidebar2 {
		float: left;
		margin-top: 15px;
		width:180px;
		}
	#sidebar2 ul{
		margin: 10px 0 ;
		list-style-type: none;
		color: #333;
	}
	#sidebar2  li{
		margin-bottom:3px;
		padding: 3px 3px 3px 10px;
		line-height: 1.5em;
		background: #e5e4e6;
	}
/* --------------------------
	8. container speban style
 -------------------------- */	
	#speban {
		margin-top: 1em;
		margin-left: 1em;
		line-height: 1.2em;	
		}
	#speban img {
		float: right;
		padding: 0.4em;
	}
	#swrapper img{
		padding-right: 0.3em;
	}
	.textcontainer {
		float:left;
		margin-left:1em;
		width: 44%;
		padding-right: 0.2em;
	}
	.textcontainer2 {
		float: right;
		margin-right:1em;
		width: 43%;
	}
	#clear{
		clear: both;
	}
.clear{
		clear: both;
	}
/* ---------------------
	9. footer
 ------------------------ */
	#footer {
		clear: both;
		margin-top:20px;
		width: 800px;
		background:#E5E5E5;
	}
	#footer ul {
		padding: 10px 0 5px 0;
		height: 25px;
	}
	#footer li {
		float: left;
		display: inline;
		padding: 0 0.5em;
	}
	#address_style {
		clear: both;
		padding-top: 10px;
		width: 800px;
		height: 30px;
		background:  url(../images/address_bk.png) top repeat-x;
		color: #fff;
		text-align: center;
		font-size: 12px;
	}