/* CSS Document */

@charset "Shift_JIS";

/* PAGE */

	body {
	margin-top:0;
	padding:0;
	color:#333333;
	background-color: #EBEBEB;
	text-align:center;
		background-repeat: repeat;
	background-image: url(../images/back.gif);

		}
		
	a img {
		border:none;
		color:#ffffff;
		background:transparent;
		}

	#wrapper {
		width:780px;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		color:#333333;
		background:#ffffff;
		}	
		
	#main {

		width:1000px;
		margin:0;
		padding:0;
		background-color: #FFFFFF;
		text-align:left;

		}
		
/* PAGE END */

/* HEADER */
	#header {
		position:relative;
		background-image: url(../images/bg_top_2.gif);
		background-repeat: repeat-x;
		height:80px;

		}
		
			
	/* HEADER NAVI TOP */

		#header #navi_top {
	position:absolute;
	margin:0;
	padding:0;
	left:450px;
	top:0px;
	float:none;
	clear:both;
			}

		#header #navi_top ul {
			margin:0 ; 
			padding:0;
			list-style:none;
			}

		#header #navi_top li {
			display:block;
			height:25px;
			float:left;
			margin:0 0 0 10px;
			padding:0;
			text-indent:-9999px;
			}

		#header #navi_top li a {
			position:relative;
			height:25px;
			display:block;
			text-decoration:none;
			}

		#header #navi_top li#access {
			width:101px;
			background:url(../images/header_top_navi_access.gif) no-repeat;
			}

		#header #navi_top li#access a:hover {
			background:url(../images/header_top_navi_access_f2.gif) no-repeat;
			}

		#header #navi_top li#recruit {
			width:87px;
			background:url(../images/header_top_navi_recruit.gif) no-repeat;
			}

		#header #navi_top li#recruit a:hover {
			background:url(../images/header_top_navi_recruit_f2.gif) no-repeat;
			}

		#header #navi_top li#faq {
			width:88px;
			background:url(../images/header_top_navi_faq.gif) no-repeat;
			}

		#header #navi_top li#faq a:hover {
			background:url(../images/header_top_navi_faq_f2.gif) no-repeat;
			}

		#header #navi_top li#sitemap {
			width:88px;
			background:url(../images/header_top_navi_sitemap.gif) no-repeat;
			}

		#header #navi_top li#sitemap a:hover {
			background:url(../images/header_top_navi_sitemap_f2.gif) no-repeat;
			}

		#header #navi_top li#index {
			width:52px;
			background:url(../images/header_top_navi_index.gif) no-repeat;
			}

		#header #navi_top li#index a:hover {
			background:url(../images/header_top_navi_index_f2.gif) no-repeat;
			}


	/* HEADER NAVI TOP END */
	
	/* */
		
		#header #head_line {
	float: left;
	top:0;
	left:0px;
	margin:0;
	padding:0;
			}

		#header #navi_cross {
			position:absolute;
			margin:0;
			padding:0;
			left:0px;
			top:35px;
			float:none;
			clear:both;
			}

		#header #navi_cross ul {
			margin:0;
			padding:0;
			list-style:none;
			}

		#header #navi_cross li {
			display:block;
			height:20px;
			float:left;
			margin:0 0 0 4px;
			padding:0;
			text-indent:-9999px;
			}

		#header #navi_cross li a {
			position:relative;
			height:20px;
			display:block;
			text-decoration:none;
			}
		#header #navi_cross li#menu_1 {
			width:83px;
			background-image: url(../images/main_menu_top_1.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_1 a:hover {
			background:url(../images/main_menu_top_1_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_9 {
			width:77px;
			background-image: url(../images/main_menu_top_9.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_9 a:hover {
			background:url(../images/main_menu_top_9_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_2 {
			width:83px;
			background-image: url(../images/main_menu_top_2.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_2 a:hover {
			background:url(../images/main_menu_top_2_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_10 {
			width:107px;
			background-image: url(../images/main_menu_top_10.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_10 a:hover {
			background:url(../images/main_menu_top_10_f2.gif) no-repeat;
			}


		#header #navi_cross li#menu_3 {
			width:83px;
			background-image: url(../images/main_menu_top_3.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_3 a:hover {
			background:url(../images/main_menu_top_3_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_4 {
			width:36px;
			background-image: url(../images/main_menu_top_4.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_4 a:hover {
			background:url(../images/main_menu_top_4_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_5 {
			width:48px;
			background-image: url(../images/main_menu_top_5.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_5 a:hover {
			background:url(../images/main_menu_top_5_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_6 {
			width:66px;
			background-image: url(../images/main_menu_top_6.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_6 a:hover {
			background:url(../images/main_menu_top_6_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_7 {
			width:110px;
			background-image: url(../images/main_menu_top_7.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_7 a:hover {
			background:url(../images/main_menu_top_7_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_8 {
			width:95px;
			background-image: url(../images/main_menu_top_8.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_8 a:hover {
			background:url(../images/main_menu_top_8_f2.gif) no-repeat;
			}

		#header #navi_cross li#menu_12 {
			width:44px;
			background-image: url(../images/main_menu_top_12.gif);
			background-repeat: no-repeat;
			}

		#header #navi_cross li#menu_12 a:hover {
			background:url(../images/main_menu_top_12_f2.gif) no-repeat;
			}


	/* MAIN ROOT TOP */
		#main #header #root {
	position:absolute;
	margin:0;
	left:-2px;
	width:985px;
	top:58px;
	float:none;
	clear:both;
	color:#066;
	text-align:left;
	font-size:small;
	background-color: #CCFFCC;
	padding: 5px 5px 5px 10px;

			}
/* MAIN */


	#main #left{
			position:relative;
			float:left;			
			width:185px;
			margin:0; 
			padding:0;
			}

	#main #content{
	position:relative;
	float:left;
	width:800px;
	margin-top:2px;
	padding:5px 5px 5px 5px;
	text-align:left;
	font-size: small;
	background:#ffffff;
			}

	#main #left #navi_left{
		
			padding:5px 0 5px 10px;
			height:300px
			background:#ffffff;
			text-align: left;
			font-size: small;
			}
			
	#main #left #logo{
		
			margin:5px;
	
			}
			
	#main #left #address{
	
		margin:10px 0 0 5px;
		padding:2px;
		text-align: left;
		font-size: small;
		}





	/* MAIN ROOT TOP END */

	/* MAIN NAVI LEFT */



		#left #navi_left {
			}

		#left #navi_left ul {
		
			margin:0;
			list-style:none;
			
			}

		#left #navi_left li.head {
	margin:8px 2px 0 0;
	width:140px;
	padding:5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
	border-bottom-width: 1.5px;
	border-left-width: 5px;
					}

		#left #navi_left li a {
			text-decoration:none;
			width:120px;
			}

		#left #navi_left li.body {
	margin:8px 0 0 5px;
	width:145px;
	padding:5px 0 5px 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #99CC00;
	border-left-color: #99CC00;
	border-bottom-width: 1.5px;
	border-left-width: 5px;
					}

		#left #navi_left li.body_sub {
			margin:5px 2px 2px 5px;
			width:145px;
			padding:0 0 0 5px;
			list-style-position: inside;
			list-style-type: none;
			list-style-image: url(../images/list_triangle.gif);
					}

		#left #navi_left li.body_sub2 {
			margin:5px 2px 2px 15px;
			width:135px;
			padding:0 0 0 5px;
			list-style-position: inside;
			list-style-type: none;
			list-style-image: url(../images/list_triangle.gif);
					}

		#left #navi_left li a {
			text-decoration:none;
			width:120px;
			}
				

	/* MAIN NAVI LEFT END */

	/* MAIN CONTENT */

			
		#main #content img {
			vertical-align:bottom;
			border:0;
			float:right;
			padding:5px;
			}
			
		
		#main #content img.float_off {
			align:center;
			border:0;
			margin:5px 10px 10px 50px;
			clear:both;
			float:none;
						}
		#main #content img.float_right {
			align:center;
			text-align:right;
			border:0;
			float:right;
			clear:both;
			margin:5px 10px 10px 10px;
			}

		#main #content img.float_left {
			align:center;
			text-align:left;
			border:0;
			float:left;
			clear:both;
			margin:5px 10px 10px 50px;
			}
			
		.clear_left {
			clear: left;
			margin:0;
			padding:0;

			}

		.clear_right {
			clear: right;
			margin:0;
			padding:0;
			}
		

		#main #content p.down {
			text-indent: -2em;
			margin:0 .5em 1em 8em;
			padding:0;
			letter-spacing: 0.25em;
			font-size:small;
			color:#333333;
			text-align: left;
			line-height:1.2em;

		}

		#main #content p.right_2em
			{
			margin:0 .5em 1em 8em;
			padding:0;
			letter-spacing: 0.25em;
			font-size:small;
			color:#333333;
			text-align: left;
			line-height:1.2em;
			}
		#main #content p.right_35em
			{
			margin:0 .5em 1em 35em;
			padding:0;
			letter-spacing: 0.25em;
			font-size:small;
			color:#333333;
			text-align: left;
			line-height:1.2em;
			}			

		#main #content p.right
			{
			margin:0 .5em 1em 0;
			font-size:small;
			color:#333333;
			text-align: right;
			line-height:1.2em;
			}			

		#main #content  strong {
	color:#090;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #090;
	font-weight: bold;
			}

		#main #content  strong.red {
		
			color:#FF3366;

			}

		#main #content  .red {
			margin:0;
			padding:0;
			color:#FF3366;
			}

		#main #content  .green{
	margin:0;
	padding:0;
	color:#0C0;
			}

		#main #content  .pink {
			margin:0;
			padding:0;
			color:#FF66FF;
			}

		#main #content  .bule {
	margin:0;
	padding:0;
	color:#060;
			}

		#main #content ul {
			margin:0;
			padding:.3em 0 .5em 5em;
			list-style-type: none;
			font-size:small;

			letter-spacing: 0.25em;
			color:#333333;
			text-align: left;
			line-height:1.2em;

			}
			
		#main #content ul.check {
			padding:.5em 0 .5em 5em;
			list-style-image: url(../images/list_check.gif);
			letter-spacing: 0.25em;
			color:#333333;
			text-align: left;
			line-height:1.2em;
			
			}

		#main #content  li{
			margin:0;
			padding-top: 2px;
			padding-right: 0;
			padding-bottom: .5em;
			padding-left: 5px;
			text-indent:-1em;
			margin-left: 1em;
		
			}
			
		#main #content ul.check li {
			text-indent:0em;
			}
			
		#main #content ul.check_float_off {
			padding:.5em 0 .5em 8em;
			list-style-image: url(../images/list_check.gif);
			letter-spacing: 0.25em;
			color:#333333;
			text-align: left;
			line-height:1.2em;
			float:none;
			clear:both;
			
			}
			
		#main #content ul.check_float_off li {
			text-indent:0em;
			}

.text_center {
	text-align:center;
	}
			
/* */
				
	/* MAIN CONTENT END */

/* MAIN END */

/* FOOTER */
		#main #footer  {
	clear:both;
	text-align:center;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	height:25px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width:1000px;
	color:#E8FFD0;
	font-size:small;
	background-color: #E8FFD0;
			}

/* FOOTER END */
 h1 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	letter-spacing:0.2em;
	background-color: #9C3;
	padding:10px 10px;
	margin-top:0.5em;
	margin-bottom:1em;

}



 h3 {

	font-size:medium;

	font-weight:bold;
	padding-right:150px;	
	margin:.5em 0 .5em 3em;
	padding:0 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC00;

}


 h2 {
	color:#090;
	font-size:14px;
	line-height:150%;
	padding:2px 9px;
	margin:.5em 0 .5em 2em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #99CC00;
}





 h4 {
	color:#3366FF;
	font-size:small;
	font-weight:bold;
	line-height:150%;
	background-image:url(../images/h3_bg.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:1.25em;
	margin:0 0 .5em 4em;

}

		#main #content p 
			{
	padding:0;
	letter-spacing: 0.25em;
	font-size:small;
	color:#333333;
	text-align: left;
	line-height:1.2em;
	margin-top: 0;
	margin-right: 5em;
	margin-bottom: 1em;
	margin-left: 4em;
	width: 700px;
			}
			
		#main #content p.text_indent 
			{
			text-indent: -1em;
			margin:0 0 .5em 6em;
			
			padding:0;
			line-height:1.2em;
			letter-spacing: 0.25em;
			font-size:small;
			color:#333333;
			text-align: left;
			}