@charset "utf-8";
/* CSS Document */

/* 基本 */
body {
	background-image:url(../image/background/background.jpg);
	margin:0;
	padding:0;
}

h1 {
	background-image:url(../image/main/logo_1.png);
	width:150px;
	height:150px;
	margin-left:70px;
	margin-top:81px;
}

h2 {
	padding:0px;
	margin:0px;
}

h3 {
	padding:0px;
	margin:0px;
}

h4 {
	padding:0px;
	margin:0px;
}

h5 {
	padding:0px;
	margin:0px;
}

p {
	padding:0px;
	margin:0px;
}

ul {
	padding:0px;
	margin:0px;
}

li {
	padding:0px;
	margin:0px;
}

h1 a{	
	border-style:none;
	width:150px;
	height:150px;
	text-indent:-999px;
	display:block;
}

/* サイトメイン */

/* サイト1　*/

div#site1 {
	height:700px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

div#leftcontents1 {
	float:left;
	height:700px;
	width:300px;
}

div#rightcontents1 {
	float:right;
	height:700px;
	width:700px;
}

/* END サイト1　*/

/* サイト2　*/

div#site2 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

div#leftcontents2 {
	float:left;
	width:300px;
}

div#rightcontents2 {
	float:right;
	width:700px;
}


/* END サイト2　*/

div#line1 {
	background-image:url(../image/main/logo_line_1.jpg);
	margin-top:12px;
	margin-left:20px;
	height:2px;
	width:250px;
}

div#line2{
	background-image:url(../image/main/line_2.jpg);
	width:640px;
	height:2px;
	margin-top:20px;
	margin-left:32px;
}

address {
	background-image:url(../image/main/Copyright.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:100px;
	margin-left:486px;
}

/* ナビゲーション */

div#navigation {
	padding-left:60px;
}

div#navigation ul {
	list-style-type:none;
}

li#news {
	background-image:url(../image/main/News.png);
	width:120px;
	height:20px;
}

li#shop_list {
	background-image:url(../image/main/shop_list.png);
	width:120px;
	height:20px;
}

li#products {
	background-image:url(../image/main/products.png);
	width:120px;
	height:20px;
}

li#gallery {
	background-image:url(../image/main/gallery.png);
	width:120px;
	height:20px;
}

li#press_releases {
	background-image:url(../image/main/press_releases.png);
	width:120px;
	height:20px;
}

li#recruit {
	background-image:url(../image/main/recruit.png);
	width:120px;
	height:20px;
}

li#company_info {
	background-image:url(../image/main/company_info.png);
	width:120px;
	height:20px;
}

li#contact {
	background-image:url(../image/main/contact.png);
	width:120px;
	height:20px;
}

li#online_shop {
	background-image:url(../image/main/online_shop.png);
	width:180px;
	height:30px;
}

li#catalog {
	background-image:url(../image/main/catalog.png);
	width:180px;
	height:30px;
}

li#staff_blog {
	background-image:url(../image/main/staff_blog.png);
	width:180px;
	height:30px;
}

ul.navi1 a {
	text-indent:-999px;
	width:120px;
	height:20px;
	display:block;
}

ul.navi1 li {
	margin-top:18px;
	margin-left:40px;
	margin-bottom:10px;
}

ul.navi2 a {
	text-indent:-999px;
	width:180px;
	height:30px;
	display:block;
}

ul.navi2 li {
	margin-bottom:5px;
	margin-left:0px;
}

div#navigation img {
	border-style:none;
}

li#news a:hover {
	background-image:url(../image/main/News_hover.png);
	width:120px;
	height:20px;
}

li#shop_list a:hover {
	background-image:url(../image/main/shop_list_hover.png);
	width:120px;
	height:20px;
}

li#products a:hover {
	background-image:url(../image/main/products_hover.png);
	width:120px;
	height:20px;
}

li#gallery a:hover {
	background-image:url(../image/main/gallery_hover.png);
	width:120px;
	height:20px;
}

li#press_releases a:hover {
	background-image:url(../image/main/press_releases_hover.png);
	width:120px;
	height:20px;
}

li#recruit a:hover {
	background-image:url(../image/main/recruit_hover.png);
	width:120px;
	height:20px;
}

li#company_info a:hover {
	background-image:url(../image/main/company_info_hover.png);
	width:120px;
	height:20px;
}

li#contact a:hover {
	background-image:url(../image/main/contact_hover.png);
	width:120px;
	height:20px;
}

li#online_shop a:hover {
	background-image:url(../image/main/online_shop_hover.png);
	width:180px;
	height:30px;
}

li#catalog a:hover {
	background-image:url(../image/main/catalog_hover.png);
	width:180px;
	height:30px;
}

li#staff_blog a:hover {
	background-image:url(../image/main/staff_blog_hover.png);
	width:180px;
	height:30px;
}


/*END ナビゲーション */