@charset "Shift_JIS";
*{	margin: 0;
	padding: 0;}

/* リンク関連 */

a:hover{text-decoration:underline;}
A:link { color: #ffffff;}
A:visited { color: #FFFFFF;text-decoration:none}

body,html{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#414141);
	background:url("images/backgroundx.gif"); 
	margin: 0px;
	text-align:center;
	padding: 0px;
	font-family: Tahoma,Verdana,sans-serif;
	font-size: 12em;
	color: #FFFFFF;
	font-style: normal;
	scrollbar-base-color: #272822;  
	/* scrollbar-highlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #272822;
	scrollbar-face-color: #00FF00;
	scrollbar-arrow-color: #272822;
	scrollbar-3dlight-color: #272822;
	scrollbar-shadow-color: #272822;*/
	scrollbar-track-color: #272822;}

#top{
	margin-top: 6px;
	/*_height:100%;
	padding: 0 1px 0px 1px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#414141);
	  filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#858585);*/
	/* background-color: #000000; */
}

h1 { font-family: Tahoma;font-size: 1.8em }
h2 { font-family: Tahoma;font-size: 1.5em }
h3 { font-family: Tahoma;font-size: 1.0em; color: #66FF00;padding-top:5px;}
h4 { font-family: Tahoma;font-size: 1.0em }
h5 { font-family: Tahoma;font-size: 0.8em}

img{ border: 0pt }

div,td{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	/* color: #414141; */
	text-align:left;
	margin:0 auto;
}
	
form{margin: 0px}

/* 収容ブロック関連 */
.article {padding: 0.3em; float:left}
#left { position: absolute; top: 33;  left: 1%; width: 48.5%; /* 収容ブロックの左に配置する */ }
#right { position: absolute; top: 33;  right: 1%; width: 48.5%; /* 収容ブロックの右に配置する */ }
/* 収容ブロック関連 */

.menu{font-family: Tahoma; font-size: 1.2em; color: #FFFFFF}
.t1{font-family: Tahoma; font-size: 1em; color: #FFFFFF;}
.t2{font-family: Tahoma; font-size: 1em; color: #B0B3A2;}
.t3{font-family: Tahoma; font-size: 1em; color: #7D150A;}
.t4{font-family: Tahoma; font-size: 1em; color: #FFFFFF;}
.t5{font-family: verdana; font-size: 1em; color: #FFFFFF;}
.t6{font-family: Tahoma; font-size: 1em; color: #999999;}
.t9{color: #000000;}
.t11 {font-size: 1em;
	font-family: Tahoma;
	color: #FFFFFF;
	font-weight: bold;}
.links {font-size: 0.5em;
	font-family: Tahoma;
	color: #FFFFFF;}
.title {	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 2.6em;
	font-weight: bold;}
	
	
	
	/* -- layout -- */
	#wrap {
		width:100%;
		float:left;
	}
	#content {
		margin-right:250px;
		/**margin-right:260px;**/
	}
	#sidebar {
		float:left;
		margin-top:10px;
		margin-left:-250px;
		
		width:250px;
		/**width:230px;**/
	}
	#movable {
		width:250px;
		/**width:210px;**/
	}
	/* -- design -- */
	#content .column {
		/* background-color:#fff; */
		border:0px solid #FFFFFF;
		/* border:8px solid #66ff00; */
		padding:8px; 
		margin-top:10px;
		margin-bottom:10px;
		/** height:2000px; **/
		
	}
	#content .top {	
		/*height:120px; */
		
	}
	#movable {
		/* background-color:#f1f5fa;
		background-color:#333333;*/
		border:0px solid #FFFFFF;
		/*border:8px solid #c9d8ed;*/
		padding:8px;
		/*height:120px;*/
	}
	code {
		display:block;
		margin:8px 0px;
		padding:8px;
		/* font-size:small;
		color:#008000;
		line-height:150%; */
		background:#666666;
		/* background:#fcfcfc; */
		border:0px solid #eee;
	}
/**		<style>
	html {
		margin:0;
		padding:0;
		background:#fbfbfc;
	}
	body {
		margin:20px;
		padding:0;
		font-family:arial,sans-serif;
		font-size:90%;
	}
	a{
		color:#eb5c6c;
		text-decoration:none;
	}
	h3 {
		margin:0px;
		padding-top:5px;
	} 
	
	</style> **/

/*menu blue*/
#menu{
	/*width:90%; */
	 width:1000px;
	 /* margin:25px auto; */
	 margin:8px auto; 
}
#menu ul{
	list-style:none;
	
}
#menu li{
	display:block;
	float:left;
}
#menu li a{
	background:#e4e8eb url(images/menu_bg.gif) repeat-x;
	border:3px solid #bdc5cd;
	/* margin:0 1px; */
	margin:0 1px;
	padding:14px 13px 14px 13px;
	display:block;
	float:left;
	color:#2b61a1;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	height: 50px;
}
#menu li a span{
	color:#636363;
	font-size:10px;
	text-transform:lowercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#menu li a:hover{
	/* background:#e46825 url(images/menu_hover.gif) repeat-x; */
	background:#e46825 url(images/menu_bg.gif) repeat-x;
	/* border:2px solid #4a88ce; */
	border:3px solid #669900;
	text-decoration:none;
}
#menu li a:hover span{
	color:#636363;
}
.current{
	background:#74befd url(images/menu_bg.gif) repeat-x; 
	border:3px solid #669900;
	/* border:2px solid #4a88ce; */
	margin:0 1px;
	padding:14px 13px 12px 13px;  
	display:block;
	float:left;
	/*/color:#2b61a1;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	cursor:pointer;
	font-weight:bold; */
	height: 50px;
}
.current span{
	color:#74befd;
	/*font-size:10px;
	text-transform:lowercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;*/
}




#clb-shell {
  margin : auto;
/* width : 623px; */
 width : 998px;
/* height : 400px; */  
}

/* 
  My main experiment sub-heading. Just setting color
*/
#clb-shell h2 {
  color : #669900;
}

/*
  Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
  the p, but I don't really need this for the top one, only the bottom. The 
  top has no effect (it'll clear the heading by default), but it is needed 
  for the bottom (depending on the shell width versus the ul width). It may 
  not be needed at all. Your situation will determine.
*/
#clb-shell p {
  padding : 10px;
  clear : both;
}

/*
  I define the width of the ul, set the height (in ems!) align the text and
  remove list styles. The last may not be needed on most browsers
*/
ul#clb {
/*  width : 619px; 
width : 996px;*/
  height : 9em;
  text-align : center;
  list-style-type : none;
}

/*
  Now I style the individual boxes (li)
*/
ul#clb li {
  /*margin : 0 2px;*/
  margin : 10px 2px;
  /*border : 1px solid #666; */
  /* width : 200px;　  width : 495px;*/ 
  width : 490px;
  /*background : #ffffea url(images/clb_li_back.jpg); */
  float : left; 
  display : inline;
}

/*
  Style the li links
*/
#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/
#clb-shell ul#clb h3 a {
  color : #ffffaa;
  display : block;
  /* width : 194px;  
  width : 432px;*/
  padding : 2px 3px;
  background : #333 url(images/clb_h3_back.jpg) repeat-x; 
  border-bottom : 1px solid #666;
  text-decoration : none;
}
#clb-shell ul#clb h3 a:hover, #clb-shell ul#clb h3 a:focus, #clb-shell ul#clb h3 a:active {
 /* background : #957412 url(images/clb_h3_back_back.jpg) repeat-x;*/
  background : #333 url(images/clb_h3_back.jpg) repeat-x;
  color : #fff;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
ul#clb p {
  font-size : 0.9em;
  padding : 0;
  margin : 10px;
  text-align : left;/* */
}

/* End Styles */



/* -------------------------------------------------- */
/* talltabs-black */
/* -------------------------------------------------- */
	#talltabs-black {
		clear:left;
		float:left;
		padding:0;
		border-top:6px solid #000;
		width:100%;
		overflow:hidden;
		font-family:Georgia, serif;
	}
	#talltabs-black ul {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
		left:50%;
		text-align:center;
	}
	#talltabs-black ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
	}
	#talltabs-black ul li a {
		display:block;
		float:left;
		margin:0 1px 0 0;
		padding:30px 10px 6px 10px;
		background:#000;
		text-decoration:none;
		color:#fff;
	}
	#talltabs-black ul li a:hover {
		padding:35px 10px 6px 10px;
	}
	#talltabs-black ul li.active a,
	#talltabs-black ul li.active a:hover {
		padding:40px 10px 6px 10px;
	}