/* ================================================================
	www.kasai.fm CSS (charset=UTF-8)
================================================================ */


/* ===========================
	Common
=========================== */
body {
	color: white;
	font-family: "Sans-Serif";
	background-color: black;
	background-image: url(back_body_0.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0px;
	padding: 0em 0em 0.5em 0em;
}

a { text-decoration: none }
a:link, .pseudo_a { color: #aaf ; } 
a:visited { color: #afa ; } 
a:active  { color: #faa ; } 
a:hover, .pseudo_a:hover, a:hover img{ color: #800 ; background-color: #fee ;}
a:hover img{ border-color: yellow ;}

.note   { color: gray; font-size: 80%    }
.warn   { color: red;  font-weight: bold }

.r { float: right; }
.l { float: left;  }
.cl{ clear: both;  }

.copyright {
	text-align: right;
	font-family: 'Verdana';
}
.copyright img{
	margin-left: 1em;
}

/* ===========================
	Top frame
=========================== */

.top_frame {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 30;

	width: 100%;
	height: 90px;
	font-family: "HGPｺﾞｼｯｸE";
	-moz-opacity: .75;
	filter: Alpha(opacity=100, finishOpacity=0, style=1, startX=0, startY=0, finishX=0, finishY=90);
}

	/* --- Title and logo --- */
	.title_area {
		float: left;
		padding-left: 10px;
	}
	.title_area #logo_yari {
		width: 70px;
		height: 40px;
	}
	.title_area .main, .title_area .sub, .hidden_index{
		font-family: HG行書体, HG正楷書体-PRO, "ＭＳ Ｐ明朝", Sans-serif;
		font-weight: bold;
	}
	
	.title_area .sub { font-size: 120%; }
	.title_area .main{ font-size: 250%; }

	/* --- サイト内検索フォーム  --- */


	#search_area{
		width: 100%;
		height: 60px;
		-moz-opacity: .9;
		filter: Alpha(opacity=100, finishOpacity=40, style=1, startX=0, startY=0, finishX=0, finishY=60);

		z-index: 3;
		position: absolute;
		top:  0px;
		left: 0px;
	}
	#search_area #search_field{
		color: gray;
		font-size: 80%;
	}

	#search_area #right_form{
	}

	 #right_form {
		height: 24px;
		font-size: 12px;
		font-weight: bold;
		background-color: blue;
		background-image: url(bggreen.gif);
		padding: 2px 4px 2px 12px;
	}
	#right_form img.edge{
		width: 9px;
		height: 19px;
	}
	#right_form img.loupe{
		vertical-align: middle;
		position: relative;
		left: -4px;
		width: 12px;
		height: 12px;
	}

	#right_form .inside_titlebar {
		font: 14px;

		color: black;
		margin:0px;
		padding: 1px;
		height: 20px;
		background-color: white;
		border-top: solid 1px gray;
		border-bottom: solid 1px gray;
		vertical-align: top;
	}

	input {
		background-color: white;
		border: solid 0px white;
		font-family: "Times New Roman";
		vertical-align: top;
		color: gray;
	}
	input:hover {
		background-color: #fc5;
	}

	#site_search{	/* form */
		margin: 0px 5px 5px 5px;
		padding-top: 0px;
		display: inline;
		vertical-align: bottom;
	}

	#site_search .icon{	/* input の左に出すアイコン */
		margin: 0px 3px 0px 3px;
	}
	
	#search_again{
		visibility: hidden;
		vertical-align: middle;
		width: 16px;
		height: 13px;
	}

	
	/* --- 「計算機の世界」「思い出深いサイト」等のメニューラベル  --- */

	.item_select{	/* div */
		margin: 0.5em 0em 1em 0em;
	}
		
	.item_select div{	/* 各メニュー項目 */
		display: inline;
		font-size: 16px;
		background-color: transparent;

		padding: 0.1em 0.3em 1px 0.3em;
		margin: 0.5em 0em 0em 5px;
		border-bottom: solid 3px #444;

		cursor: pointer;
	}
	.item_select div:hover{
		background-color: yellow;
		border-bottom: solid 3px #B77723;
	}


/* ===========================
	Body scratch
=========================== */

#scratch {
	margin-top: 100px;
	text-align: center;
	clear: both;
}
#scratch_mask{
	-moz-opacity: .5;
	filter: Alpha(opacity=50);

	position: absolute;
	top : 0px;
	left: 0px;
	z-index: 20;
	
	background-color: black;
	width: 100%;
	height: 100%;
}

/* ===========================
	Left frame
=========================== */

#left_frame{
	text-align: center;
	width: 88%;
}
#item_scratch{
	text-justify: distribute-all-lines
}

	/* --- Table --- */

	table.menu {
		background-color: #446;
		border: solid 1px black;
		empty-cells: show;
		
		padding: 2px;
	}
	#link_data {
		background-color: #446;
		border: solid 1px black;
		font-size: 90%;
		text-align: center;

		z-index: 6;
		position: relative;
		top: 0px;
		left: 0px;
		width: 300px;
		padding: 0.5em 0.1em 0.5em 0.5em;
	};

	#thumb_description{
		margin-top: 5px;
		margin-left: 5px;
		text-align: left;
		line-height: 130%;
	}
	#thumb_description p{
		text-indent: 0.8em;
		margin: 0px;
		padding: 0em 0.2em 0.5em 0em;
	}
	
	table.menu tr{
		border-bottom: solid 1px black;
	}
	table.menu th {
		border-bottom: solid 1px #335;
		background-color: #557;
		text-align: left;
		font-weight: normal;
		font-family: "Sans-Serif";
		border-left-width: 0px;
		border-right-width: 0px;
		
		padding: 1px 0.7em 2px 1.3em;
		margin: 0px;
		vertical-align: middle;
	}
	table.menu th a{
		width: 100%;
		padding: 0em 0px 1px 0px;
		margin: 0px;
	}
	table.menu .ic{
		width: 16px;
		margin-left: 7px;
		margin-bottom: 1px;
		vertical-align: middle;
	}

	table.menu td {
		border-bottom: solid 1px #224;
		text-align: left;
		font-size: 90%;
		font-family: "Courier New";
		color: #aaa;
		border-left-width: 0px;
		border-right-width: 0px;
		padding: 0em 0px 1px 0px;
		margin: 0px;
		vertical-align: middle;
	}
	table.menu .ct_icon {
		margin-left: 1em;
		border: solid 0px black;
		vertical-align: middle;
	}

	/* --- Menu item --- */
	#pulldown_body {
		width: 580px;
		position: absolute;
		z-index: 55;
		top: 0px;
		right: 0px;
	}

	#calc, #links, #outdoor {
		position: relative;
		display: none;
		z-index: 5;
		top: 0px;
		width: 430px;
	}
	#outdoor { left: 0px  };
	#calc    { left: 100px  };
	#links   { left: 200px  };
	#link_data  {
		left: 0px;
		width: 300px;
	};

	table.corn{
		filter: Alpha(opacity=65, finishOpacity=40, style=1, startX=0, startY=0, finishX=0, finishY=240);
		-moz-opacity: .80;
		padding: 0px;
		border: solid 0px black;
		width: 100%;
		height: 100%;
	}
	
	table.corn tr, table.corn td{
		margin: 0px;
		padding: 0px;
		border: solid 0px black;
	
	}
	table.corn .blk{
		background-color: black;
	}
	table.corn .gry{
		background-color: #334;
	}
	table.corn .tight{
		margin: 0px;
		padding: 0px;
		border: solid 0px black;
	}
	table.corn .tight img {
		margin: 0px;
	}
	img.corn_part{
		width: 10px; height: 10px; border: solid 0px black;
	}
	#topic{
		margin: 0px;
		width: 100%;
		height: 240px;
		background-color: black;
	}
	
	.caption{
		font-family: "HGPｺﾞｼｯｸE";
		font-weight: bold;
		text-align: left;
		padding-bottom: 0.4em;
		vertical-align: top;
	}
	.datestamp{
		font-family: "HGP創英角ｺﾞｼｯｸUB", "HGPｺﾞｼｯｸE";
		font-size: 110%;
		filter: Glow(color='black', strength=3);
		-moz-opacity: .70;
		position: relative;
		top: 18px;
		left: 15px;
		height: 1em;
		width: 8.5em;
		padding: 4px;
	}
	#topic table td{
		vertical-align: top;
		text-align: left;
	}
	#topic .topic_img{
		margin: -1em 1.5em 0.1em 0.5em;
	}
	.topic_msg{
		padding: 0em 1em 1em 1em;
		margin-left: 0.5em;
		
		line-height: 130%;
	}
	.topic_msg ul{
		margin-left: 21em;
		padding-left: 1em;
	}
	.topic_msg ul li{
		vertical-align: bottom;
		font-size: 90%;
		list-style-image: url(go_next.gif);
		padding-left: 4px;
	}
	
	.topic_msg p{
		text-indent: 0.8em;
		margin-bottom: 0.5em;
		margin-top: 0em;
		padding-top: 0em;
	}
	.topic_item{
		clear: both;
	}
	#old_topics{
		display: none;
	}
	#old_topics .topic_item{
		margin-top: 0.5em;
		padding-top: 0.5em;
		border-top: dashed 1px #88c;
	}


#category_menu table{
	display: inline;
	text-align: center;
}
.category_index{
	display: inline;
}
.category_list_noscript {
	width: 88%;
	padding: 1em;
	border: solid 2px #ccc;
	background-color: black;
	position: absolute;
	top: 0px;
	z-index: 50;
}

@media print {
	body{
		background-color: white;
		background-image: none;
	}
	#left_frame{
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align: left;
		filter: none;
	}
	#category_menu{
		clear: both;
	}
	.category_shadow{
		display: none;
	}
	.category_index{
		color: black;
		filter: none;
	}
	#background_mask, #background_mask_shadow, #right_form, #tool_bar, #title_area, #link_copier, #backgroundimage_area, #item_scratch, #page_list, #search_result, #click_sheld, #scratch_mask{
		display: none;
	}
}