@import "reset.css";

/*	body{font-size:12px;}*/
	.wrap{
		background:url('../img/bg.gif') repeat-y;
		width:800px;
		margin:0 auto;
	}

	.header{
		width:754px;
		margin:0 auto 0px auto;
	}

		div.header h1 a{
			display:block;
			position:relative;
			float:left;
			width:214px;
			height:77px;
			cursor:pointer;
		}
		div.header h1 a span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url('../img/logo.gif') no-repeat 0px 0px;
		}



		.header_menu{
			background:url('../img/header_bg.gif') no-repeat;
			width:540px;
			height:77px;
			float:right;
			overflow:hidden;
		}
			.header_menu ul{
				float:right;
				width:250px;/*309px*/
				height:29px;
				margin:48px 5px 0 0;
			}
			.header_menu ul li{
				height:29px;
				float:left;
			}
			.header_menu ul li a{
				display:block;
				position:relative;
				cursor:pointer;
				height:29px;
				font-size:12px;
				text-indent:-10000px;
				overflow:hidden;
				background:url('../img/hmenu.gif') no-repeat;
			}
				.header_menu ul li.home a{width:66px;background-position:0 0;}
				.header_menu ul li.contact a{width:92px;background-position:-66px 0;}
				.header_menu ul li.access a{width:70px;background-position:-158px 0;}
				.header_menu ul li.company a{width:81px;background-position:-228px 0;}

				.header_menu ul li.home a:hover,.header_menu ul li.home a#current{background-position:0 -29px;}
				.header_menu ul li.contact a:hover,.header_menu ul li.contact a#current{background-position:-66px -29px;}
				.header_menu ul li.access a:hover,.header_menu ul li.access a#current{background-position:-158px -29px;}
				.header_menu ul li.company a:hover,.header_menu ul li.company a#current{background-position:-228px -29px;}

		.menu{
			width:754px;
			height:34px;
			float:right;
			overflow:hidden;
		}
			.menu ul{
				float:right;
				width:754px;
				height:34px;
				margin:0px 0px 0 0;
			}
			.menu ul li{
				height:34px;
				float:left;
			}
			.menu ul li a{
				display:block;
				position:relative;
				cursor:pointer;
				height:34px;
				font-size:12px;
				text-indent:-10000px;
				overflow:hidden;
				background:url('../img/menu.gif') no-repeat;
			}
				.menu ul li.work a{width:130px;background-position:0px 0;}
				.menu ul li.event a{width:124px;background-position:-130px 0;}
				.menu ul li.gallery a{width:124px;background-position:-254px 0;}
				.menu ul li.blog a{width:124px;background-position:-378px 0;}
				.menu ul li.shopping a{width:124px;background-position:-502px 0;}
				.menu ul li.community a{width:128px;background-position:-626px 0;}

				.menu ul li.work a:hover,.menu ul li.work a#current{width:130px;background-position:0px -34px;}
				.menu ul li.event a:hover,.menu ul li.event a#current{width:124px;background-position:-130px -34px;}
				.menu ul li.gallery a:hover,.menu ul li.gallery a#current{width:124px;background-position:-254px -34px;}
				.menu ul li.blog a:hover,.menu ul li.blog a#current{width:124px;background-position:-378px -34px;}
				.menu ul li.shopping a:hover,.menu ul li.shopping a#current{width:124px;background-position:-502px -34px;}
				.menu ul li.community a:hover,.menu ul li.community a#current{width:128px;background-position:-626px -34px;}


		.header_bottom{
			clear:both;
			background:url('../img/header_bottom.gif') no-repeat;
			width:754px;
			height:5px;
			font-size:0px;
		}

/* shopping sub menu */
/*div.shopping_sub_menu{width:754px;margin:5px auto;}*/

		.submenu{
			clear:both;
			width:754px;
			height:34px;
			overflow:hidden;
			margin:-3px auto 5px auto;
		}
			.submenu ul{
				width:754px;
				height:34px;
				margin:0px 0px 0 0;
			}
			.submenu ul li{
				height:34px;
				float:left;
			}
			.submenu ul li a{
				display:block;
				cursor:pointer;
				height:34px;
				font-size:12px;
				text-indent:-10000px;
				overflow:hidden;
				background:url('../img/submenu.gif') no-repeat;
			}
				.submenu ul li.semiorder a{width:226px;background-position:0px 0;}
				.submenu ul li.jisaku a{width:108px;background-position:-226px 0;}
				.submenu ul li.originalparts a{width:420px;background-position:-334px 0;}

				.submenu ul li.semiorder a:hover,.submenu ul li.semiorder a#current{width:226px;background-position:0px -34px;}
				.submenu ul li.jisaku a:hover,.submenu ul li.jisaku a#current{width:108px;background-position:-226px -34px;}
				.submenu ul li.originalparts a:hover,.submenu ul li.originalparts a#current{width:420px;background-position:-334px -34px;}








	div.flash{
		clear:both;
		width:718px;
		height:200px;
		margin:0 auto;
		background:url('../img/flash_bg.gif') no-repeat;
		padding:18px 18px 0 18px;
	}
	div.flash div.object{color:#ffffff;}
	div.flash div.object ul{margin-top:10px;}
	div.flash div.object ul li a{
		color:#ffffff;
		text-decoration:none;
		font-size:12px;
		margin-bottom:3px;
	}

	div.contents_wrap{
		clear:both;
		background:url('../img/contents_middle.gif') repeat-y;
		width:754px;
		margin:5px auto 0 auto;
	}
	div.contents{
		width:754px;
		margin:0 auto;
		background:url('../img/contents_wrap_top.gif') no-repeat;
	}
	div.contents2{
		width:754px;
		margin:0 auto;
		background:url('../img/contents2_wrap_top.gif') no-repeat;
	}
	div.contents_wrap_bottom{
		width:754px;
		height:14px;
		margin:0 auto;
		background:url('../img/contents_wrap_bottom.gif') no-repeat;
	}

div.more_doc{
	clear:both;
	background:url('../img/more_indent.gif') no-repeat 120px 11px;
	width:190px;
	text-indent:13px;
	text-align:right;
	font-weight:bold;
	padding:10px 0;
	font-size:12px;
}



/* ---------------------------------------------------------------------------------------------

right column

--------------------------------------------------------------------------------------------- */
	div.columnR{
		float:right;
		width:233px;
		margin-top:5px;
		padding:0 4px 0 0px;
	}

div#recent img.loading,
div#load_gallery img.loading{
	text-align:center;
	width:32px;
	margin:30px auto 30px auto;
	display:block;
}



/*
new gallery midashi(flash_bottom)
-------------------------------------------*/
		div.top_gallery_title h2{
			display:block;
			position:relative;
			width:754px;
			height:46px;
			margin:0 auto -5px auto;
			overflow:hidden;
		}
		div.top_gallery_title h2 span {
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url('../img/top_gallery_title.gif') no-repeat;
		}






/*
new entry midashi
-------------------------------------------*/
		div.r_newentry_title h2{
			display:block;
			position:relative;
			width:216px;
			height:34px;
			clear:both;
		}
		div.r_newentry_title h2 span{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url('../img/r_newentry_title.gif') no-repeat;
		}
			div.r_newentry{
				width:196px;
				padding:10px;
				background:#FEF2F2;
			}
				div.r_newentry ul{width:196px;margin-top:14px;}
				div.r_newentry ul li{
					width:196px;
					text-indent:12px;
					background:url('../img/r_new_entry_indent.gif') no-repeat 0 2px;
					display:block;
					font-size:12px;
				}

				div.r_newentry ul li span{font-size:10px;display:block;margin:1px 0 1px 0;}

/*
				div.r_newentry ul li span{
					display:block;
					background:url('../img/r_new_entry_dot.gif') no-repeat;
					width:100%;
					margin:6px 0 2px 0;
					height:1px;
					font-size:0px;
				}
*/
				div.r_entry_dot{
					background:url('../img/r_new_entry_dot.gif') no-repeat;
					width:100%;
					height:1px;
					font-size:0px;
					margin:8px 0 5px 0;
				}



/*
new mov midashi
-------------------------------------------*/
		div.r_newmov_title h2{
			display:block;
			position:relative;
			width:216px;
			height:34px;
			clear:both;
		}
		div.r_newmov_title h2 span{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url('../img/r_newmov_title.gif') no-repeat;
		}

			div.r_newmov{
				width:208px;
				background:#FFF6E1;
				padding:4px;
			}

			div.r_newmov div.r_movbox{
				float:left;
				margin:4px 4px 4px 4px;
				width:92px;
				height:88px;
				font-size:11px;
			}
				div.r_newmov div.r_movbox object,
				div.r_newmov div.r_movbox embed{
					border:1px solid #FECB4E;
					width:92px;
					height:76px;
				}

/*
link midashi
-------------------------------------------*/
		div.r_link_title h2{
			display:block;
			position:relative;
			width:216px;
			height:34px;
		}
		div.r_link_title h2 span{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background:url('../img/r_link_title.gif') no-repeat;
		}
			div.r_link{
				width:196px;
				padding:10px;
				background:#ECFEEA;
			/*border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC;*/
			}
				div.r_link ul{width:196px;margin-top:14px;}
				div.r_link ul li{
					line-height:170%;
					width:196px;
					text-indent:16px;
					background:url('../img/more_indent.gif') no-repeat 0 4px;
					display:block;
					font-size:12px;
				}

	div.r_column_bottom{background:url('../img/r_column_bottom.gif') no-repeat;width:218px;height:10px;}


/*calendar*/
div#calendar table{width:176px;font-size:12px;}
div#date{width:176px;font-size:12px;font-family:Verdana,sans-serif;margin-top:10px;}
div#calendar table#cal tr th{border:1px solid Crimson;}
div#calendar table#cal tr td{border:1px solid Crimson;}

table#cal tr th{background:Crimson;text-align:center;color:#ffffff;}
table#cal tr td{text-align:center;font-family:Verdana,sans-serif;}
table#cal tr td a{background:Crimson;display:block;width:100%;color:#ffffff;}




/*------------------------------------------
right column without TOP
-------------------------------------------*/
	div.columnR2{
		float:right;
		margin-top:18px;
		padding-right:16px;
	}
	.columnR_inner{border-right:1px solid #cccccc;border-left:1px solid #cccccc;width:216px;}



		div.columnR2 div h2{
			display:block;
			position:relative;
			width:216px;
			height:34px;
			clear:both;
			text-indent:5px;
		}
		div.columnR2 div.r_gallery_title h2{
			width:218px;
		}

		div.columnR2 div h2 span{
			display:block;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		div.columnR2 div.r_gallery_title h2 span {background:url('../img/r_gallery_title.gif') no-repeat;}

			div.author{
				width:208px;
				background:#FFF6E1;
				padding:4px;
			}
				div.author img{border:1px solid #FECB4E;margin:4px 4px 4px 4px;width:194px;height:146px;}

			div.r_gallery{
				width:208px;
				background:#FFF6E1;
				padding:4px;
			}

				div.r_gallery a img{
					float:left;
					border:1px solid #FECB4E;
					margin:4px 4px 4px 4px;
					width:92px;
					height:76px;
				}



/* ---------------------------------------------------------------------------------------------

LEFT column

--------------------------------------------------------------------------------------------- */

.EntryDate{padding-left:16px;_padding-left:0px;text-align:left;color:RoyalBlue;margin-bottom:5px;font-size:12px;}

/**/
div.entry_more{
	background:url('../img/more_indent.gif') no-repeat 138px 4px;
	text-align:right;
	width:210px;
	float:right;
	margin-top:10px;
	font-size:12px;
	color:#666666;
}
	div.entry_more a{font-weight:bold;}

div.entry_more2{
	text-align:right;
	width:130px;
	float:right;
	font-weight:bold;
	margin:0 0px 16px 0;
	font-size:12px;
}
a.entry_more3{
	font-weight:bold;
	display:block;
	text-align:right;
	overflow:hidden;
}

div.entry_thumb{clear:both;}
div.entry_thumb a img{margin:5px 5px 5px 0px;width:60px;height:50px;border:1px solid #163A98;}
div.entry_dot{background:url('../img/entry_dot.gif') no-repeat 0px 0px;height:3px;width:476px;clear:both;float:none;font-size:0px;margin:10px auto 5px auto;}
div.to_top{width:476px;clear:both;float:none;font-size:12px;text-align:right;margin-bottom:40px;}


/*
left column with TOP
-------------------------------------------*/
	div.columnL{
		float:left;
		width:502px;
		padding:0px 0 0 10px;
	}
			div.columnL div.l_work h2,
			div.columnL div.l_event h2,
			div.columnL div.l_shopping h2,
			div.columnL div.l_koushin h2{
				clear:both;
				display:block;
				position:relative;
				float:left;
				margin:15px 0 5px 0;
				text-indent:-10000px;
				width:494px;
				height:36px;
			}
				div.columnL div h2 span{
					display:block;
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
				}

				div.columnL div.l_work h2 span{background:url('../img/work_midashi.gif') no-repeat 0px 0px;}
				div.columnL div.l_event h2 span{background:url('../img/event_midashi.gif') no-repeat 0px 0px;}
				div.columnL div.l_shopping h2 span{background:url('../img/shopping_midashi.gif') no-repeat 0px 0px;}
				div.columnL div.l_koushin h2 span{background:url('../img/koushin_midashi.gif') no-repeat 8px 0px;}

		div.top_entry1{width:476px;margin:0px 0;padding:0px 0 10px 7px;clear:both;font-size:12px;line-height:140%;}
		div.top_entry1 a img{float:left;margin:0px 20px 10px 0;border:1px solid #163A98;}
		div.top_entry_title{font-size:16px;font-weight:bold;margin-bottom:5px;}


/*
TOP L shopping
-------------------------------------------*/
div.l_shopping div.osu_entry{float:left;width:240px;font-size:12px;line-height:140%;margin-bottom:14px;}
div.l_shopping div.osu_entry a img{float:left;margin:0 5px 5px 7px;border:1px solid #24469E;}
div.l_shopping div.osu_entry_title{font-weight:bold;}


/*
TOP L koushin
-------------------------------------------*/
div.l_koushin ul{clear:both;margin-left:20px;}
div.l_koushin ul li{
	line-height:170%;
	text-indent:12px;
	background:url('../img/koushin_indent.gif') no-repeat 0 6px;
	display:block;
	font-size:12px;
}





/*
left column without TOP
-------------------------------------------*/
	div.topicpath{
		clear:both;
		width:488px;
		height:23px;
		padding-top:11px;
		margin:18px 0 0 6px;
		background:url('../img/topicpath.gif') no-repeat;
		font-size:12px;
		text-indent:10px;
	}

	div.pagenavi{width:488px;font-size:12px;font-weight:bold;text-align:right;margin:3px 0 5px 0;}
	div.pagenavi a{font-weight:normal;}







/*common*/

		div.columnL div.work h2,
		div.columnL div.blog h2,
		div.columnL div.event h2,
		div.columnL div.gallery h2,
		div.columnL div.shopping h2,
		div.columnL div.semiorder h2,
		div.columnL div.jisaku h2,
		div.columnL div.shopping\/originalparts h2{
			clear:both;
			display:block;
			position:relative;
			float:left;
			margin:15px 0 0px 0;
			width:494px;
			height:48px;
			margin-bottom:5px;
			text-indent:20px;
		}

		div.columnL div.work h2 span{background:url('../img/title_work.gif') no-repeat 6px 0px;}
		div.columnL div.blog h2 span{background:url('../img/title_blog.gif') no-repeat 6px 0px;}
		div.columnL div.event h2 span{background:url('../img/title_event.gif') no-repeat 6px 0px;}
		div.columnL div.gallery h2 span{background:url('../img/title_gallery.gif') no-repeat 6px 0px;}
		div.columnL div.shopping h2 span{background:url('../img/title_shopping.gif') no-repeat 6px 0px;}
		div.columnL div.semiorder h2 span{background:url('../img/title_semiorder.gif') no-repeat 6px 0px;}
		div.columnL div.jisaku h2 span{background:url('../img/title_jisaku.gif') no-repeat 6px 0px;}
		div.columnL div.shopping\/originalparts h2 span{background:url('../img/title_originalparts.gif') no-repeat 6px 0px;}

		div.columnL div.other h2{
			clear:both;
			display:block;
			margin:15px 0 0px 0;
			width:494px;
			height:34px;
			margin-bottom:5px;
			font-size:20px;
			padding-top:14px;
			text-indent:30px;
			color:#FECB4E;
			font-style:oblique;
			background:url('../img/title_other.gif') no-repeat 6px 0px;}
		}


		div.columnL div.entry{margin:0px 0;padding:0px 10px 10px 16px;clear:both;font-size:12px;line-height:140%;}
		div.columnL div.entry p{clear:both;padding:0 0px 5px 0px;margin:0 16px 0 16px;_margin:0 6px 0 6px;line-height:170%;font-size:13px;font-family:"‚l‚r ƒSƒVƒbƒN",sans-serif;}
		div.columnL div.entry p a img{float:left;margin:5px 15px 10px 0px;border:1px solid #163A98;width:227px;}

		div.columnL div.entry table.comtable{width:458px;margin:10px auto 0px auto;}
		div.columnL div.entry table.comtable tr th{background:#eeeeee;font-size:12px;text-align:right;border:1px solid #999999;font-weight:bold;padding-right:7px;}
		div.columnL div.entry table.comtable tr td{font-size:12px;border:1px solid #999999;padding-left:7px;}


		div.columnL div.entry p object,div.columnL div.entry p embed{max-width:458px!important;margin:0 auto;}


		div.columnL div.entry h3{
			clear:both;
			margin:0px auto 5px auto;
			width:468px;
			height:23px;
			display:block;
			text-indent:20px;
			padding:3px 0 4px 0;
			color:#666666;
			background:url('../img/entry_title.gif') no-repeat 0 0;
		}







/*shopping*/
		div.columnL div.entry_shopping{width:468px;margin:0px 0 20px 0;padding:0px 10px 0px 16px;clear:both;font-size:12px;line-height:140%;clear:both;}
		div.columnL div.entry_shopping div.osu_entry{margin-top:5px;float:left;width:232px;height:76px;font-size:12px;margin-bottom:14px;}
		div.columnL div.entry_shopping div.osu_entry a img{float:left;margin:0 5px 5px 7px;border:1px solid #24469E;width:88px;height:70px;}
		div.columnL div.entry_shopping div.osu_entry_title{font-weight:bold;}

		div.columnL div.entry_shopping h3{
			clear:both;
			margin:0px 0 5px 0px;
			width:468px;
			height:23px;
			display:block;
			text-indent:20px;
			padding:3px 0 4px 0;
			color:#666666;
			background:url('../img/entry_title.gif') no-repeat 0 0;
		}

		div.to_contact{font-size:12px;text-align:center;clear:both;margin:20px 0 20px 0;}

/*shopping tmp*/
		div.columnL div.shopping_list{width:468px;margin:10px auto;clear:both;font-size:11px;clear:both;}




/*gallery*/
	div.columnL div#gallery_list,div.columnL div.mov_list{width:468px;margin:10px auto;clear:both;position:relative;visibility:hidden;}

	#gload{position:absolute;top:50%;left:40%;}

	div.gbox{display:block;float:left;margin:0 3px 5px 2px;height:90px;}
	div.gbox a img,div.gbox embed,div.gbox object{border:1px solid #163A98;width:86px;height:60px;}
	div.gbox div.gtitle{font-size:10px;color:#666666;}
	div.gbox div.gdate{font-size:10px;color:#666666;}

	div.allgallery{text-align:right;clear:both;font-size:12px;margin-top:20px;}

	ul.archive-list{margin-bottom:20px;width:490px;}
	ul.archive-list li{float:left;display:block;margin:0 6px 0 4px;line-height:140%;font-size:16px;}


/*community*/
.go_bbs{text-align:center;margin:20px auto 40px auto;}


/*entry Comment*/
input{font-size:12px;}
textarea{font-size:12px;}
div#Comment{margin-bottom:20px;font-size:12px;}
div.CommentBody{width:468px;margin:0 auto;font-size:12px;}
div.CommentDate{width:468px;margin:0 auto;text-align:right;color:RoyalBlue;font-size:12px;}
div#Comment div.entry_dot{margin:3px auto 16px auto!important;}

div.smiley{display:block;margin:2px 0;}


/*
footer
-------------------------------------------*/
div.footer{
	width:754px;
	height:37px;
	margin:5px auto 16px auto;
	background:url('../img/footer.gif') no-repeat;
}
	div.footer_inner{
		float:right;
		font-size:11px;
		margin:14px 10px 0 0;
	}