@charset "shift_jis";

/* 基本設定 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../i/bg_body.gif);
	font-family: verdana, arial, helvetica, sans-serif;
	}

a {	text-decoration: none;}
a:link {	text-decoration: none;}
a:visited {	text-decoration: none;}
a:hover {	text-decoration: none;}
a:active {	text-decoration: none;}

/* 太字設定 */
.str {
	font-weight: 700;
	}

/* FLOATのクリア */
.clr {
	clear: both;
	}

/* WRAPPERの設定 */
#wrapper {
	margin: 0px auto;
	text-align: left;
	padding: 0px 7px;
	width: 714px;
	w\idth: 700px;
	background: url(../i/bg_wrapper.gif) repeat-y;
	}

/* HEADDERの設定 */
#head {
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 60px;
	background: url(../i/bg_head.gif);
	}
	#head img {
		margin: 14px 0px 0px 20px;
		padding: 0px;
		vertical-align: bottom;
		border: 0px solid #eeeeee;
		}

/* MENUの設定 */
#menu {
	margin: 0px;
	padding: 0px;
	width: 700px;
	height: 23px;
	background: url(../i/menu.jpg) repeat-x;
	border-top: 1px solid #323154;
	border-bottom: 1px solid #323154;
	font-size: 80%;
	display: block;
	overflow: hidden;
	}
	#menu ul {
		margin: 0px 0px 0px 20px;
		padding: 0px;
		width: 680px;
		height: 25px;
		overflow: hidden;
		list-style: none;
		}
		#menu li {
			margin: 0px;
			padding: 0px;
			float: left;
			text-align: center;
			border-left: 1px solid #323154;
			}
			#menu a {
				display: block;
				height: 23px;
				line-height: 23px;
				color: #8DA8D6;
				}
				#menu a:hover {
					background: url(../i/menu.jpg) 0px -23px;
					color: #ffffff;
					}
			#menu span {
				display: block;
				line-height: 23px;
				color: #ffffff;
				background: url(../i/menu.jpg) 0px -46px;
				}
			
			/* MENU-HOME */
			.home {
				width: 60px;
				}
			
			/* MENU-CSS LAB */
			.csslab {
				width: 85px;
				}
			
			/* MENU-WEB STANDARD DESIGN */
			.wsd {
				width: 170px;
				}
			
			/* MENU-WORKS */
			.works {
				border-right: 1px solid #323154;
				width: 70px;
				}

/* TOP-IMAGEの設定 */
#top {
	margin: 0px;
	padding: 0px;
	width: 700px;
	}
	#top img {
		margin: 0px;
		padding: 0px;
		border: 0px solid #eeeeee;
		vertical-align: bottom;
		}

/* MAINの設定 */
#main {
	margin: 0px;
	padding :0px;
	width: 700px;
	background: url(../i/bg_main.gif) repeat-y;
	}
	#main h2,h3 {
		font-size: 80%;
		margin: 0px;
		padding: 15px 0px 3px 20px;
		font-weight: 400;
		}
	
	/* MAIN-LEFTCOLの設定 */
	#leftcol {
		margin: 0px;
		padding: 0px;
		width: 500px;
		float: left;
		}
		
		/* LEFTCOL 01 の設定 */
		#lcol01 {
			margin: 0px;
			padding: 0px;
			width: 300px;
			float: left;
			}
			#lcol01 h2 {
				background: #E8E8E8;
				color: #B3B3B3;
				}
			#lcol01 h3 {
				display: block;
				margin: 0px;
				padding: 10px 0px 0px 20px;
				background: #ffffff;
				font-size: 90%;
				color: #6186A8;
				}
			#lcol01 p {
				background: #ffffff;
				margin: 0px;
				padding: 5px 20px;
				font-size: 80%;
				color: #888888;
				line-height: 150%;
				text-indent: 0.5em;
				}
				.next {
					margin: 0px;
					padding: 0px;
					font-size: 70%;
					text-align: right;
					}
					.next a {
						text-decoration: none;
						color: #4141ED;
						}
					.next a:hover {
						color: #000070;
						}
					.next a:visited {
						color: #8A8AE3;
						}
		
		/* LEFTCOL 02 の設定 */
		#lcol02 {
			margin: 0px;
			padding: 0px;
			width: 200px;
			float: left;
			}
			#lcol02 h2 {
				background: #DBE0E5;
				color: #6186A8;
				}
			#lcol02 p {
				color: #6186A8;
				font-size: 80%;
				margin: 10px 20px 0px 20px;
				}
			#lcol02 .lcolRss {
				text-align: right;
				vertical-align: baseline;
				padding-bottom: 5px;
				}
				.lcolRss img {
					border: none;
					vertical-align: baseline;
					}
				.lcolRss a {
					color: #4651B7;
					}
				.lcolRss a:hover {
					color: #E75819;
					}
			#lcol02 ul {
				margin: 0px;
				padding: 10px 20px;
				width: 160px;
				\width: 200px;
				w\idth: 160px;
				text-align: left;
				list-style: none;
				}
			#lcol02 li {
				margin: 0px;
				padding: 0px;
				float: none;
				text-align: left;
				border: none;
				font-size: 80%;
				line-height: 150%;
				}
				#lcol02 li a {
					display: block;
					width: 150px;
					background: url(../i/bg_css.gif) 0px 8px no-repeat;
					color: #4651B7;
					margin-top: 3px;
					margin-bottom: 2px;
					padding-left: 10px;
					border-bottom: 1px dashed #97BBDC;
					}
					#lcol02 li a:hover {
						color: #E75819;
						padding-left: 10px;
						border-bottom: 1px dashed #E75819;
						}

		/* LEFTCOL 03 の設定 */
		#lcol03 {
			clear: left;
			margin: 0px;
			padding: 0px 0px 20px 0px;
			width: 500px;
			background: #ffffff;
			}
			#lcol03 h2 {
				background: #C6D3DF;
				color: #ffffff;
				}
			#lcol03 p {
				background: #ffffff;
				margin: 0px;
				padding: 10px 20px;
				font-size: 80%;
				color: #888888;
				line-height: 150%;
				text-indent: 0.5em;
				}
			#lcol03 a {
				text-decoration: none;
				color: #4141ED;
				}
			#lcol03 a:hover {
				color: #000070;
				}
			#lcol03 a:visited {
				color: #8A8AE3;
				}
			#lcol03 blockquote {
				margin: 0px 20px;
				padding: 10px;
				color: #999999;
				font-size: 70%;
				line-height: 140%;
				border: 1px dashed #cccccc;
				}

		/* LEFTCOL NEWS の設定 */
		#lcolNews {
			clear: left;
			margin: 0px;
			padding: 0px 0px 20px 0px;
			width: 500px;
			background: #ffffff;
			}
			#lcolNews a {
				padding: 0px 0px 2px 10px;
				text-decoration: none;
				color: #4141ED;
				background: url(../i/bg_css.gif) 0px 6px no-repeat;
				border-bottom: 1px dashed #97BBDC;
				}
			#lcolNews a:hover {
				border-bottom: 1px dashed #E75819;
				border-bottom: 1px dashed #000070;
				}
			#lcolNews a:hover {
				color: #000070;
				}
			#lcolNews a:visited {
				color: #8A8AE3;
				}
			#lcolNews h3 {
				background: #C6D3DF;
				color: #ffffff;
				}
			#lcolNews p {
				background: #ffffff;
				margin: 0px;
				padding: 10px;
				font-size: 80%;
				color: #888888;
				line-height: 150%;
				}
			#lcolNews ul {
				margin: 10px 10px 10px 20px;
				padding: 0px;
				list-style: none;
				}
				#lcolNews ul li {
					margin: 7px 0px;
					padding: 0px;
					font-size: 80%;
					line-height: 150%;
					}
	
	/* MAIN-RIGHTCOLの設定 */
	#rightcol {
		margin: 0px;
		padding: 0px;
		width: 200px;
		float: left;
		}
		#rightcol h3 {
			background: #C6D3DF;
			color: #ffffff;
			}
		
		/* RIGHTCOL の設定 */
		#rightcol .achive {
			margin: 20px;
			padding: 0px 0px 10px 0px;
			width: 200px;
			w\idth: 160px;
			font-size: 80%;
			color: #aaaaaa;
			border: none;
			line-height: 140%;
			border-bottom: 1px dotted #cccccc;
			}
			#rightcol img {
				border: 0px;
				vertical-align: bottom;
				margin: 0px;
				padding: 0px 0px 5px 0px;
				}
			#rightcol a {
				display: block;
				background: none;
				margin: 0px;
				padding: 0px;
				color: #97BBDC;
				}
			#rightcol a:hover {
				background: none;
				color: #6186A8;
				}

/* FOOTERの設定 */
#foot {
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 700px;
	background: #E8E8E8;
	text-align: center;
	}
	#foot address {
		margin: 0px;
		padding: 20px 0px 10px 0px;
		}