<!--

	/*-------------------------------------------------------------------------------*/
	/*	Basic
	/*-------------------------------------------------------------------------------*/

	body {
		background-color:#fff;
		margin:0;
		padding:0;
		font-family:"Helvetica","ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4","MS UI Gothic", monospace;
		font-size:10px;
		text-align:center;
	}
	body#subwin{
		background-image:url(ig/in/subwinbg.gif);
		background-repeat:repeat-x;
		background-color:#5590cb;
	}
	body#subwin{
		background-color:#fff;
	}
	
	b{
		font-weight:bold;
	}
	em{
		font-style:normal;
		font-weight:bold;
		color:#cc3300;
	}
	strong{
		font-size:14pt;
		font-weight:bold;
		font-family:"Helvetica","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6","MS UI Gothic", monospace;
		line-height:18pt;
		color:#cc3300;
	}
	
	.clear{	clear:both;	}
	.hidden{ 
		visibilty:hidden;
		display:none;
	}
	/* Spacer */
	.sp10{ height: 10px; }
	.sp20{ height: 20px; }
	.sp30{ height: 30px; }
	.sp40{ height: 40px; }
	
	.center{	text-align:center;	}
	.lineLeft{
		text-align:left;
	}
	.lineRight{
		text-align:right;
		margin:2px 0 2px 0;
	}
	

	.lineDot{
		background-image:url(./ig/line_dot.gif);
		background-repeat:repeat-x;
		font-size:1px;
		margin:8px 0 8px 0;
	}
	.lineDotWhite{
		background-image:url(./ig/line_dotWhite.gif);
		background-repeat:repeat-x;
		font-size:1px;
		margin:8px 0 8px 0;
	}
	.border{
		border:1px solid #ccc;
	}
	
	/* Color */
	.cc3300{	color:#cc4400;	}
	.006699{	color:#006699;	}
	.aaa{	color:#aaa;	}
	
	a:link{color: #666; text-decoration:none; }
	a:visited{color: #666; text-decoration: none; }
	a:active{color: #666; text-decoration: none; }
	a:hover { color: #E53B00; text-decoration:none; }
	
	.anqerArrowRight{
		background-image:url(./ig/anqer_arrowRight.gif);
		background-repeat:no-repeat;
		background-position:0 1px;
		padding:0 0 0 15px;
		font-weight:bold;
		font-size:10px;
	}
	
	#in a:hover { color: #cc5500;	}
	
	.arrowlink_right a{	
		color: #0C59a6;
		text-decoration:none;
		padding:0 3px 0 20px;
		font-size:10px;
		font-weight:bold;
	}
	.arrowlink_right a:hover { color: #e53b00;	}

	/*------------------------------------------------------------------------------------------------------------------------------------
		FlashBooker
	/------------------------------------------------------------------------------------------------------------------------------------*/
	#flashBooker{
		height:135px;
		color:#fff;
	}
	
	
	/*------------------------------------------------------------------------------------------------------------------------------------
		Basic Design		
	/------------------------------------------------------------------------------------------------------------------------------------*/
	#main{
		margin:15px auto 20px auto;
		width:800px;
		text-align:left;
	}
		
		/* header block */
		#header{
			border:1px solid #fff;
		}
			#bsslogo{
				float:left;
				wdith:149px;
				margin:0 0 5px 0;
			}
				#bsslogo h1{
					padding:0;
					margin:0;
					width:1px;
				}
			#headermenu{
				float:right;
			}
			*html #headermenu{
				width:51%;
			}
				#headermenu ul{
					padding:0;
					margin:0;
					list-style-type:none;
				}
				#headermenu li{
					float:left;
					padding:2px 10px 2px 5px;
					border-left:1px solid #bbb;
					_font-size:10px;
				}
				#headermenu li div{
					font-size:12px;
				}
				*html #headermenu li.mabt{
					width:60px;
				}
				*html #headermenu li.mmc{
					width:160px;
				}
				*html #headermenu li.minf{
					width:60px;
				}
				*html #headermenu li.mrec{
					width:60px;
				}
				
		
		/* middle block */
		#middle{
			background-color:#1288d1;
			border:1px solid #1288d1;
		}
			#inheader{
				height:7px;
				font-size:1px;
			}
			#in{
				background-color:#fff;
				background-repeat:repeat-y;
				width:789px;
				margin:0 auto;
				border:1px solid #1288d1;

			}
				#mainig{
					background-image:url(ig/bg_tophead.gif);
					background-repeat:no-repeat;
					padding:0;
				}
				#inmenu{
					float:left;
				}
				*html #inmenu{
					width:65%;
				}
				#search{
					float:right;
				}
				#inmenu ul{
					margin:0;
					padding:0;
					list-style-type:none;
				}
				#inmenu li{
					float:left;
					font-size:13px;
					font-weight:bold;
					padding:5px 16px 3px 10px;
					margin:8px 0 0 0;
					border-left:1px solid #ddd;
				}
				#inmenu li.inmenutag{
					font-size:10px;
					color:#999;
					font-weight:normal;
					padding:1px 10px 0 8px;
					border:none;
				}
				#inmenu li.start{
					padding:5px 15px 3px 8px;
					border:none;
				}
				#inmenu a{	color: #0C59a6;	text-decoration:none; 		}
				#inmenu a:hover { color: #e53b00;	}
				
				#search{
					padding:12px 10px 3px 0;
				}
				#search form{
					padding:0;
					margin:0;
				}
				#search input{
					padding:0;
					margin:0 6px 0 6px;
					width:120px;
					vertical-align:top;
				}
				#search label{
					color:#666;
					font-weight:bold;
					letter-spacing:0.3em;
					vertical-align:top;
				}
				
				#pagetitle{
					border-bottom:1px solid #ddd;
					padding:5px 0 0 8px;
					margin:0;
					background-color:#d1e4f1;
				}
					#pagetitle h2{
						font-size:12px;
						color:#1288d1;
						background-image:url(./ig/tag_pagetitle.gif);
						background-repeat:no-repeat;
						background-position:5px 0;
						background-color:#fff;
						height:19px;
						padding:5px 16px 0 13px;
						margin:0;
						float:left;
					}
					#pagetitle .leftTag, .rightTag{
						background-repeat:no-repeat;
						float:left;
						width:2px;
						height:24px;
						font-size:1px;
					}
					#pagetitle .leftTag{
						background-image:url(./ig/tag_pagetitleLeft.gif);
					}
					#pagetitle .rightTag{
						background-image:url(./ig/tag_pagetitleRight.gif);
					}
					
				#inmiddle #contents{
					float:left;
					width:588px;
					padding:5px 0 20px 6px;
				}
				
				#inCategory{
					width:586px;
					margin:8px 0 10px 0;
				}
					#inCategory .h{
						background-image:url(./ig/frame_topicsHead.gif);
						background-repeat:no-repeat;
						height:9px;
					}
					#inCategory .m{
						border-left:1px solid #dbdbdb;
						border-right:1px solid #dbdbdb;
						padding:1px 8px 10px 8px;
					}
					#inCategory .f{
						background-image:url(./ig/frame_topicsBottom.gif);
						background-repeat:no-repeat;
						height:10px;
					}
					#inCategory h3{
						margin:2px 0 2px 0;
						padding:0 0 0 6px;
						border-left:4px solid #999;
						color:#999;
					}
					#inCategory .article{
						padding:0;
					}
					#inCategory span{
						padding:0 6px  0 0;
						margin:0 0 0 6px;
						border-right:1px solid #ccc;
						line-height:180%;
						font-weight:bold;
						white-space: nowrap;
					}
					
				
				#topTopics{
					width:586px;
					margin:0 0 10px 0;
				}
					#topTopics .h{
						background-image:url(./ig/frame_topicsHead.gif);
						background-repeat:no-repeat;
						height:9px;
					}
					#topTopics .m{
						border-left:1px solid #dbdbdb;
						border-right:1px solid #dbdbdb;
						padding:1px 8px 10px 8px;
					}
					#topTopics .f{
						background-image:url(./ig/frame_topicsBottom.gif);
						background-repeat:no-repeat;
						height:10px;
					}
					#topTopics h3{
						background-image:url(./ig/tag_topics.gif);
						background-repeat:no-repeat;
						margin:8px 0 0 0;
						width:120px;
						height:40px;
					}
					#topTopics .article{
						background-image:url(./ig/line_dot.gif);
						background-repeat:repeat-x;
						background-position:0 100%;
						padding:0 0 5px 0;
					}
					#topTopics h4{
						padding:0 0 5px 0;
						margin:0;
						font-size:10px;
						font-weight:bold;
						color:#1D91C7;
					}
					#topTopics p{
						padding:5px 0;
						margin:0;
					}
					
					
				#topNewbook{
					float:left;
					width:371px;
					padding:0 5px 20px 0;
					border-right:1px solid #ccc;
				}
					#topNewbook h3{
						background-image:url(./ig/tag_newbookTop.gif);
						background-repeat:no-repeat;
						margin:8px 0 0 0;
						width:120px;
						height:40px;
					}
					#topNewbook h4{
						margin:8px 0 5px 0;
						font-size:12px;
						color:#1D91C7;
					}
					#topNewbook b{
						color:#cc6600;
					}
					#topNewbook .ph{
						background-image:url(./ig/bg_ph.gif);
						float:left;
						width:96px;
						padding:6px;
						margin:0 5px 0 0;
						color:#777;
						font-weight:bold;
						text-align:center;
					}
						#topNewbook .ph img{
							border:1px solid #999;
						}
						.noImg{
							height:120px;
							text-align:left;
						}
						.noImgLarge{
							height:350px;
							text-align:left;
						}
						
					#topNewbook p{
						line-height:16px;
						color:#666;
						font-size:12px;
					}
					
					#topNewbook a:link{color: #F13E00; text-decoration:none; }
					#topNewbook a:visited{color: #F13E00; text-decoration: none; }
					#topNewbook a:active{color: #F13E00; text-decoration: none; }
					#topNewbook a:hover { color: #999; text-decoration:none; }
				
				#topLink{
					float:left;
					width:202px;
					padding:0 0 20px 0;
				}
				#topLink h2{
					border-left:4px solid #888;
					font-size:12px;
					font-weight:bold;
					color:#888;
					padding:0 0 2px 5px;
				}
				#topLink .banner{
					display:block;
					margin:5px 0 5px 8px;
					font-size:12px;
				}
					
		/* side block */
		#side{
			float:right;
			width:182px;
			padding:5px 5px 20px 0;
		}
			#pubMenu{
				margin:7px 0 0 0;
			}
				#pubMenu .h{
					background-image:url(./ig/frame_pubMenuHead.gif);
					background-repeat:no-repeat;
					height:6px;
					font-size:1px;
				}
				#pubMenu .m{
					background-color:#393939;
					padding:0 5px 0 5px;
				}
				#pubMenu h2{
					background-image:url(./ig/h_pubMenu.gif);
					background-repeat:no-repeat;
					margin:0;
					padding:0 0 10px 0;
					height:20px;
				}
				.newpub, .book, .magazine{
					display:block;
					height:33px;
					background-repeat:no-repeat;
					background-position:3px 0;
					margin:5px 0 0 0;
					border:1px solid #393939;
					border-left:3px solid #555;
					border-right:3px solid #555;
				}
				#pubMenu .newpub{
					background-image:url(./ig/botton_newPublication.gif);
				}
				#pubMenu .book{
					background-image:url(./ig/botton_Book.gif);
				}
				#pubMenu .magazine{
					background-image:url(./ig/botton_Magazine.gif);
				}
				a.book:hover{
					border:1px solid #333;
					border-left:3px solid #fff;
					border-right:3px solid #fff;
				}
				a.magazine:hover{
					border:1px solid #333;
					border-left:3px solid #fff;
					border-right:3px solid #fff;
				}
				a.newpub:hover{
					border:1px solid #333;
					border-left:3px solid #fff;
					border-right:3px solid #fff;
				}
				#pubMenu .ft{
					background-image:url(./ig/frame_pubMenuBottom.gif);
					background-repeat:no-repeat;
					height:10px;
					font-size:1px;
				}
				
				#specialColumn{
					margin:6px 0 0 0;
					padding:12px 6px;
					background-color:#00afd4;
					color:#fff;
					text-align:center;
				}
				#specialColumn h2{
					background-image:url(./ig/h_special.gif);
					background-repeat:no-repeat;
					background-position:100% 0;
					margin:0;
					padding:0 0 10px 0;
					height:25px;
				}
				#specialColumn h3{
					margin:4px auto;
					padding:0;
					width:150px;
					text-align:left;
				}
				#specialColumn p{
					text-align:left;
					font-size:10px;
					width:150px;
					margin:4px auto;
				}
				
				#banner{
					margin:15px 0;
					border-top:1px solid #ccc;
					padding:10px 0 0 0;
				}
				
			#side .listframe{
				background-image:url(ig/topics_header.gif);
				background-repeat:no-repeat;
				background-color:#fff;
				padding:15px 0 0 0;
				margin:3px 0 0 0;
			}
				#side .listframe h3{
					border-left:5px solid #0180c1;
					padding:1px 5px 2px 3px;
					font-size:12px;
				}
				#side .listframe p{
					margin:0 3px 8px 3px; 
					padding:3px 5px 8px 5px;
					font-size:10px;
					color:#666;
				}
				#side .listframe p.date{
					text-align:right;
					color:#cc7700;
					font-size:9px;
					border-bottom:1px solid #ccc;
				}
				#side .listframe p.next{
					text-align:right;
					font-size:9px;
				}
				#side .f{
					background-image:url(ig/topics_footer.gif);
					background-repeat:no-repeat;
					font-size:1px;
					height:6px;
				}

		#side iframe{
			width:240px;
			height:300px;
			margin:0;
			text-align:left;
			border:none;
		}
		#side .listframeSon{
				background-image:url(ig/in/listheader.gif);
				background-repeat:no-repeat;
				background-color:#fff;
				padding:15px 0 0 0;
				margin:3px 0 0 0;
			}
				#side .listframeSon h3{
					border-left:5px solid #9ebb00;
					padding:1px 5px 2px 3px;
					font-size:12px;
				}
				#side .listframeSon p{
					margin:0 3px 8px 3px; 
					padding:3px 5px 8px 5px;
					font-size:10px;
					color:#666;
				}
				#side .listframeSon p.date{
					text-align:right;
					color:#cc7700;
					font-size:9px;
					border-bottom:1px solid #ccc;
				}
				#side .listframeSon p.next{
					text-align:right;
					font-size:9px;
				}

			
		
		/* footer block */
		#footer{
			background-image:url(ig/footerbg.gif);
			background-repeat:no-repeat;
			padding:12px 5px 10px 5px;
		}
			#footer ul{
				padding:1px 0 0 0;
				margin:0;
				list-style-type:none;
			}
			#footer li{
				float:left;
				font-size:10px;
				padding:0 13px 0 13px;
				border-right:1px solid #999;
			}
			#footer li.end{
				padding:0 13px 0 13px;
				border:none;
			}
			#footer #copyright{
				font-size:10px;
				color:#888;
				margin:8px 0 0 0;
				padding:8px 10px 20px 0;
				border-top:1px solid #ccc;
				text-align:right;
			}

	/*------------------------------------------------------------------------------------------------------------------------------------
		Sub Window Basic Design		
	/------------------------------------------------------------------------------------------------------------------------------------*/
	#subwin{
		font-size:12px;
	}
		#subwin #header{
			background-image:url(ig/in/subwinheader.gif);
			background-repeat:no-repeat;
			width:760px;
			height:10px;
			font-size:1px;
			margin:0 auto;
		}
		#subwin #middle{
			background-color:#fff;
			width:745px;
			margin:0 auto;
			padding:8px 7px 40px 7px;
		}
		#subwin .close{
			text-align:right;
			padding:10px 10px 0 0;
		}
		#subwin .close a{
			background-image:url(ig/in/close.gif);
			background-repeat:no-repeat;
			color: #0C59a6;
			text-decoration:none;
			padding:0 3px 5px 18px;
			font-weight:bold;
		}
		#subwin .close a:hover { color: #cc5500;	}
		
		#mapsubwin .close{
			text-align:right;
			padding:10px 10px 0 0;
		}
		#mapsubwin .close a{
			background-image:url(ig/in/close.gif);
			background-repeat:no-repeat;
			color: #0C59a6;
			text-decoration:none;
			padding:0 3px 5px 18px;
			font-weight:bold;
		}
		#mapsubwin .close a:hover { color: #cc5500;	}
	
-->