@charset "utf-8";

/*
------------------------------------------------------------
	Website     : Daiichi In Park
	Title       : 
	Description : 
	Version     : 1.0.0  2008/06/19
	            :
------------------------------------------------------------
--- Index --------------------------------------------------
	Structure
	Header
	Menu
	Menu Vertical
	Footer
	Contents
------------------------------------------------------------ */

/* Structure
========================================== */
html {
	background: #FFF url(bg_html.jpg);
}

body{
	padding: 20px 0;
	color: #FFF;
}

#wrapper {
	margin: 0 auto;
	width: 850px;
	background: url(bg_wrapper.png) repeat-y;
}

#menu {
	margin: 0 44px;
}

#main-image {
	margin: 0 44px 50px;
}

#contents {
	margin: 0 44px;
}

#footer {
	margin: 0 44px;
}


/* Header
========================================== */
#header {
	position: relative;
	height: 108px;
	background: url(bg_header.png) no-repeat;
}

	/* Site Title
	---------------------------------------- */
	#header span#site-title {
		position: absolute;
		top: 7px;
		left: 11px;
		width: 281px;
	}
	
	#header span#site-title a {
		display: block;
		height: 82px;
		text-indent: -9999px;
		overflow: hidden;
	}

	/* Header Info
	---------------------------------------- */
	#header #header-info {
		position: absolute;
		top: 0;
		left: -9999px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}


/* Menu
========================================== */
#menu ul {
	margin: 0 0 30px 1px;
	height: 47px;
}

#menu ul li {
	float: left;
}

#menu ul li.menu01 {width: 124px;}
#menu ul li.menu02 {width: 128px;}
#menu ul li.menu03 {width: 126px;}
#menu ul li.menu04 {width: 125px;}
#menu ul li.menu05 {width: 129px;}
#menu ul li.menu06 {width: 127px;}

#menu ul li a {
	display: block;
	height: 47px;
	background: url(menu.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* Default */
#menu ul li.menu01 a {background-position:    0   0;}
#menu ul li.menu02 a {background-position: -124px 0;}
#menu ul li.menu03 a {background-position: -252px 0;}
#menu ul li.menu04 a {background-position: -378px 0;}
#menu ul li.menu05 a {background-position: -503px 0;}
#menu ul li.menu06 a {background-position: -632px 0;}

/* When Mouse Over */
#menu ul li.menu01 a:hover {background-position:    0   -47px;}
#menu ul li.menu02 a:hover {background-position: -124px -47px;}
#menu ul li.menu03 a:hover {background-position: -252px -47px;}
#menu ul li.menu04 a:hover {background-position: -378px -47px;}
#menu ul li.menu05 a:hover {background-position: -503px -47px;}
#menu ul li.menu06 a:hover {background-position: -632px -47px;}


/* Menu Vertical
========================================== */
#menu-vertical {
	margin: 0 1px 25px;
}

#menu-vertical ul {
}

#menu-vertical ul li {
}

#menu-vertical ul li.menu01 {}

#menu-vertical ul li a {
	display: block;
	height: 37px;
	background: url(menu_vetcical.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#menu-vertical ul li.menu01 a {height: 36px;}

/* Default */
#menu-vertical ul li.menu01 a {background-position: 0    0  ;}
#menu-vertical ul li.menu02 a {background-position: 0  -36px;}
#menu-vertical ul li.menu03 a {background-position: 0  -73px;}
#menu-vertical ul li.menu04 a {background-position: 0 -110px;}
#menu-vertical ul li.menu05 a {background-position: 0 -147px;}

/* When Mouse Over */
#menu-vertical ul li.menu01 a:hover {background-position: -122px    0  ;}
#menu-vertical ul li.menu02 a:hover {background-position: -122px  -36px;}
#menu-vertical ul li.menu03 a:hover {background-position: -122px  -73px;}
#menu-vertical ul li.menu04 a:hover {background-position: -122px -110px;}
#menu-vertical ul li.menu05 a:hover {background-position: -122px -147px;}

	/* Inner Menu
	---------------------------------------- */
	#menu-vertical ul li ul {
	}
	
	#menu-vertical ul li ul li {
	}
	
	#menu-vertical ul li ul li a {
		height: 24px !important;
		background: url(menu_vetcical_inner.png) no-repeat;
	}
	
	#menu-vertical ul li ul li.menu01 a {background-position: 0   0  ;}
	#menu-vertical ul li ul li.menu02 a {background-position: 0 -24px;}
	#menu-vertical ul li ul li.menu03 a {background-position: 0 -48px;}
	#menu-vertical ul li ul li.menu04 a {background-position: 0 -72px;}
	#menu-vertical ul li ul li.menu05 a {background-position: 0 -96px;}
	
	#menu-vertical ul li ul li.menu01 a:hover {background-position: -122px   0  ;}
	#menu-vertical ul li ul li.menu02 a:hover {background-position: -122px -24px;}
	#menu-vertical ul li ul li.menu03 a:hover {background-position: -122px -48px;}
	#menu-vertical ul li ul li.menu04 a:hover {background-position: -122px -72px;}
	#menu-vertical ul li ul li.menu05 a:hover {background-position: -122px -96px;}


/* Footer
========================================== */
#footer {
	padding: 35px 0;
}

	/* Menu
	---------------------------------------- */
	#footer .menu {
		float: left;
		width: 476px;
	}
	
	#footer .menu ul {
		height: 12px;
		background: url(menu_footer.png) no-repeat;
	}
	
	#footer .menu ul:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	#footer .menu ul li {
	 float: left;
	 margin: 0; /* Reset */
	}
	
	#footer .menu ul li.menu01 {margin-right: 18px; width:  79px;}
	#footer .menu ul li.menu02 {margin-right: 19px; width:  89px;}
	#footer .menu ul li.menu03 {margin-right: 16px; width: 130px;}
	#footer .menu ul li.menu04 {width: 125px;}
	
	#footer .menu ul li a {
		display: block;
		height: 12px;
		background: url(menu_footer.png) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#footer .menu ul li.menu01 a {background-position:    0   0;}
	#footer .menu ul li.menu02 a {background-position:  -97px 0;}
	#footer .menu ul li.menu03 a {background-position: -205px 0;}
	#footer .menu ul li.menu04 a {background-position: -351px 0;}
	
	/* Copyright
	---------------------------------------- */
	#footer .copyright {
		float: right;
		display: inline; /* for IE */
		margin: 1px 1px 0 0;
		width: 257px;
		height: 11px;
		background: url(bg_copyright.png) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}


/* Contents
========================================== */
#contents {
}

#contents p {
	font-size: 92.4%;
	line-height: 1.666;
}

#contents a {
	color: #FFF;
	text-decoration: underline;
}

#contents a:hover {
	text-decoration: none;
}

/* JAPANiCAN
	---------------------------------------- */
#japanican {
	position: relative ;
	top: 30px ;
	left: 315px ;
}

#japanican li {
	float: left ;
	margin-right: 3px ;
}