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


/*/////////////////////////////
Common settings
////////////////////////////////*/

body{
	background: url(../img/bg.gif) repeat-x;
	color: #333333;
	line-height: 1.7em;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

a{
	color: #0000CC;
	text-decoration: none;
}
	
a:hover{
	color: #CCCCCC;
}

div#container {
	width: 800px;
	margin: 0 auto 0;
}



/*/////////////////////////////
Settings for Header
////////////////////////////////*/

	div#container div#header {
		width: 800px;
		height: 37px;
		margin: 5px 0 10px 0;
		font-size: 0.7em;
	}

/*/////////////////////////////
settings for Title
////////////////////////////////*/

	div#container div#title{
		background: url(../img/title.jpg) no-repeat 0 0;
		width: 602px;
		height: 208px;
		float: left;
	}
	
	
	
		div#container div#title a{
			display: block;
			width: 602px;
			height: 208px;
			text-indent: -9999px;
			overflow: hidden;
		}

/*/////////////////////////////
settings for Global Navigation
////////////////////////////////*/

	div#container div#g_navi{
		margin-left: 10px;
		width: 188px;
		height: 208px;
		float: left;
	}
	
		div#container div#g_navi ul{
			list-style: none;
		}

			div#container div#g_navi ul li{
				width: 188px;
				height: 30px;
				text-indent: -9999px;
			}

				div#container div#g_navi ul li a{
					display: block;
					width: 188px;
					height: 30px;
					overflow: hidden;
				}

			div#container div#g_navi ul li.top{
				background: url(../img/g_navi.jpg) no-repeat 0 0 ;
				}
				
				div#container div#g_navi ul li.top a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 0 ;
				}

			div#container div#g_navi ul li.seo{
				background: url(../img/g_navi.jpg) no-repeat 0 -30px ;
				height: 29px;
				}
				
				div#container div#g_navi ul li.seo a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -30px ;
				}

			div#container div#g_navi ul li.about{
				background: url(../img/g_navi.jpg) no-repeat 0 -59px ;
				}
				
				div#container div#g_navi ul li.about a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -59px ;
				}

			div#container div#g_navi ul li.link{
				background: url(../img/g_navi.jpg) no-repeat 0 -89px ;
				height: 29px;
				}
				
				div#container div#g_navi ul li.link a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -89px ;
				}
		
			div#container div#g_navi ul li.form{
				background: url(../img/g_navi.jpg) no-repeat 0 -118px ;
				}
				
				div#container div#g_navi ul li.form a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -118px ;
				}
				
			div#container div#g_navi ul li.privacy{
				background: url(../img/g_navi.jpg) no-repeat 0 -148px ;
				height: 29px;
				}
				
				div#container div#g_navi ul li.privacy a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -148px ;
				}
				
			div#container div#g_navi ul li.contact{
					background: url(../img/g_navi.jpg) no-repeat 0 -177px ;
					height: 31px;
					}
				
				div#container div#g_navi ul li.contact a:hover{
					background: url(../img/g_navi_over.jpg) no-repeat 0 -177px ;
					}
					
/*/////////////////////////////
settings for main
////////////////////////////////*/

	div#container div#main {
		width: 800px;
		padding: 20px 0 0 0 ;
 		clear: both;
	}

		div#container div#main strong{
			font-weight: bold;
			color: #CC0033;
		}

		div#container div#main ol{
			margin: 0 0 0 50px;
			list-style-type: decimal;
		}

			div#container div#main ol li{
				margin: 5px 0 0 0;
			}
			
				div#container div#main ol li ol{
					list-style-type: lower-roman;
				}			

			div#container div#main div#links ul{
				width: 800px;
			}
			
				div#container div#main div#links ul li{
					list-style-image: url(../img/links_list.jpg);
					margin: 0 0 3px 30px;
					padding-left: 0px;
					width: 348px;
					float: left;
				}			

		div#container div#main div#link_navi{
			width: 130px;
			margin: 10px auto 0;
		}

			div#container div#main div#link_navi ul{
				width: auto;
				margin: 0 auto;
			}
			
				div#container div#main div#link_navi ul li{
					list-style: none;
					margin: 0 0 0 0;
					padding-left: 3px;
					width: 15px;
					float: left;
				}			

			
		.clear,
		div#container div#main	div.clear{
			clear:both;
		}
		
		div#container div#main p {
			padding: 10px 10px 10px 10px;
			}

		div#container div#main img.seo_img {
			margin: 10px 10px 10px 10px;
			border: solid 1px #CCCCCC;
			float: right;
			}
			
			
/*/////////////////////////////
settings for local navigation
////////////////////////////////*/

		div#container div#main div#l_navi{
			width: 200px;
			height: 28px;
			margin: 30px auto 0;
		}

			div#container div#main div#l_navi ul li{
				background-image: url(../img/seo_navi.jpg) ;
				height: 28px;
				float: left;
			}

				div#container div#main div#l_navi ul li a{
					display: block;
					height: 28px;
					overflow: hidden;
					text-indent: -9999px;
				}

			div#container div#main div#l_navi ul li.prev{
				background-position: 0 0 ;
				width: 58px;
			}

				div#container div#main div#l_navi ul li.prev a{
					width: 58px;
				}
		
					div#container div#main div#l_navi ul li.prev a:hover{
						background: url(../img/seo_navi_over.jpg) no-repeat 0 0 ;					
					}


			div#container div#main div#l_navi ul li.top{
				background-position: -58px 0;
				width: 75px;
			}

				div#container div#main div#l_navi ul li.top a{
					width: 73px;
				}

					div#container div#main div#l_navi ul li.top a:hover{
						background: url(../img/seo_navi_over.jpg) no-repeat -58px 0 ;					
					}


			div#container div#main div#l_navi ul li.next{
				background-position: -133px 0;
				width: 67px;
			}

				div#container div#main div#l_navi ul li.next a{
					width: 67px;
				}

					div#container div#main div#l_navi ul li.next a:hover{
						background: url(../img/seo_navi_over.jpg) no-repeat -133px 0 ;					
					}


	
	
	
/*/////////////////////////////
settings for menu
////////////////////////////////*/

		div#container div#main div#menu {
	background: url(../img/menu_bg.gif) repeat 0 0;
	margin: 10px 0 ;
		}

			div#container div#main div#menu div.tech {
	width: 380px;
	height: 100px;
	padding: 10px;
	float: left;
			}

				div#container div#main div#menu div.tech img {
					border: solid 3px #ccc;
					float: left;
					}
			
			div#container div#main div#menu ul{
				list-style: none;
				width: 250px;
				font-size: 0.85em;
				float: left;
				margin: 5px 0 0 8px;;
			}
			
				div#container div#main div#menu ul li{
					line-height: 1em;
					margin-bottom: 8px;
				}

					div#container div#main div#menu ul li a{
						text-decoration: none;
					}

					div#container div#main div#menu ul.red li a{
						color: #CC0000;
					}
					
					div#container div#main div#menu ul.red li a:hover{
						color: #660000;
					}

					div#container div#main div#menu ul.purple li a{
						color: #CC0099;
					}
					
					div#container div#main div#menu ul.purple li a:hover{
						color: #330066;
					}

					div#container div#main div#menu ul.blue li a{
						color: #0000CC;
					}
					
					div#container div#main div#menu ul.blue li a:hover{
						color: #000033;
					}

					div#container div#main div#menu ul.green li a{
						color: #009900;
					}
					
					div#container div#main div#menu ul.green li a:hover{
						color: #336600;
					}

					div#container div#main div#menu ul.yellow li a{
						color: #CCC100;
					}
					
					div#container div#main div#menu ul.yellow li a:hover{
						color: #666600;
					}

					div#container div#main div#menu ul.orange li a{
						color: #FF9900;
					}
					
					div#container div#main div#menu ul.orange li a:hover{
						color: #663300;
					}
					
/*/////////////////////////////
settings for toplink
////////////////////////////////*/

		div#container div#main div#toplink {
			width: 800px;
		}
		div#container div#main div#toplink p {
			clear: both;
		}		

p.toplink_bottom{
	margin-left: 550px;
	font-size: 0.9em;
	clear: both;
}
			div#container div#main div#toplink div.link {
				clear: both;
			}

			div#container div#main div#toplink div.link_end {
				clear: both;
			}

				div#container div#main div#toplink ul {
					list-style: none;
					margin: 8px 5px;
					font-size: 0.85em;
				}

					div#container div#main div#toplink ul li {
						line-height: 1em;
						margin: 0 5px 10px 0;
						display:inline;
					}

						div#container div#main div#toplink ul li a {
							color: #000066;
							text-decoration: none;
						}

						div#container div#main div#toplink ul li a:hover {
							color: #66FFFF;
						}

/*/////////////////////////////
settings for footer
////////////////////////////////*/

div#footer {
	background: url(../img/foot_bg.gif) repeat-x;
	width: 100%;
	height: 87px;		
	clear: both;	
	margin-top:20px;
}

	div#footer div#footer_link{
		background: url(../img/foot_bg_title.gif) no-repeat left center;
		margin: 0 auto;
		width: 800px;
		height: 87px;		
	}

		div#footer div#footer_link p{
			width: 300px;
			height: 20px;
			position: relative;
			left: 500px;
			top: 5px;
			z-index: 1;		
		}

		div#footer div#footer_link ul{
			font-size: 0.8 em;
			padding: 10px 0 0 25px;
			line-height: 1em;
		}

			div#footer div#footer_link ul li{
				display:inline;
				white-space: nowrap;
				font-size: 0.8em;
			}

				div#footer div#footer_link ul li h1{
					font-size: 0.8em;
					padding-left: 5px;
					display: inline;
				}

				div#footer div#footer_link ul li a{
					color: #333333;
					text-decoration: none;
				}
	
				div#footer  div#footer_link ul li a:hover{
					color: #CCCCCC;
				}

div#footer span{
	display: block;
	font-weight: bold;
	color: #999;
	font-size: 0.8em;
	margin-left: 4px;
}

div#footer div#footer_link ul#teikei{
	padding-top: 0;
	padding-left: 27px;
}