@charset "utf-8";

/* ------------------------------------
Copyright (C) 2007 FlipLogic Inc.
--------------------------------------  */

body,div,h1,h2,h3,h4,ul,ol,li,dl,dd,p { 
	margin:0px;
	padding:0px;
}

img, table {
	border-width:0px;
	border-style:none;
}

/* Common Setting
----------------------------------------- */
	
body {
	font:12px/140% "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#666666;
}

/* Link Color */

a:link, a:visited {
	color:#999999;
	text-decoration: none;
}

a:hover {
	color:#cccccc;
	text-decoration:none;
}

a:active {
	color:#f50;
	text-decoration:none;
}

.clear {
	clear:both;
}

div#container2 {
	position:relative;
}

div#container2 div#header {
	position:absolute;
	top:-500px;
}

div#container2 p.copyright {
	margin-left:193px;
	padding-top: 10px;
	font-size:9px;
	color:#bbbbbb;
}


/* Top Page
----------------------------------------- */
div#toppage {
	position:relative;
	width:1024px;
	height:768px;
	background:url(../img/topback.jpg);
}

div#toppage .nodisp {
	display:none;
}

div#toppage .catch {
	position:absolute;
	left:316px;
	top:271px;
	width:113px;
	height:15px;
	background:url(../img/t_catch.gif);
	z-index:1;
	visibility:visible;
}

div#toppage .reallogo {
	position:absolute;
	left:336px;
	top:292px;
	width:110px;
	height:24px;
	background:url(../img/t_reallogo.gif);
	z-index:2;
	visibility:visible;
}

div#toppage div#concept a {
	position:absolute;
	left:341px;
	top:344px;
	width:52px;
	height:12px;
	background:url(../img/t_concept.gif);
	z-index:3;
	visibility:visible;
}

div#toppage div#concept a:hover {
	position:absolute;
	left:341px;
	top:344px;
	width:52px;
	height:12px;
	background:url(../img/t_concept_f2.gif);
	z-index:3;
	visibility:visible;
}

div#toppage div#detail a {
	position:absolute;
	left:342px;
	top:370px;
	width:33px;
	height:9px;
	background:url(../img/t_detail.jpg);
	z-index:4;
	visibility:visible;
}

div#toppage div#detail a:hover {
	position:absolute;
	left:342px;
	top:370px;
	width:33px;
	height:9px;
	background:url(../img/t_detail_f2.jpg);
	z-index:4;
	visibility:visible;
}

div#toppage div#real a {
	position:absolute;
	left:342px;
	top:400px;
	width:84px;
	height:9px;
	background:url(../img/t_real.gif);
	z-index:5;
	visibility:visible;
}

div#toppage div#real a:hover {
	position:absolute;
	left:342px;
	top:400px;
	width:84px;
	height:9px;
	background:url(../img/t_real_f2.gif);
	z-index:5;
	visibility:visible;
}

div#toppage div#kagunomoto a {
	position:absolute;
	left:342px;
	top:420px;
	width:146px;
	height:10px;
	background:url(../img/t_kagunomoto.gif);
	z-index:6;
	visibility:visible;
}

div#toppage div#kagunomoto a:hover {
	position:absolute;
	left:342px;
	top:420px;
	width:146px;
	height:10px;
	background:url(../img/t_kagunomoto_f2.gif);
	z-index:6;
	visibility:visible;
}

div#toppage div#mobilia a {
	position:absolute;
	left:341px;
	top:440px;
	width:42px;
	height:9px;
	background:url(../img/t_mobilia.gif);
	z-index:7;
	visibility:visible;
}

div#toppage div#mobilia a:hover {
	position:absolute;
	left:341px;
	top:440px;
	width:42px;
	height:9px;
	background:url(../img/t_mobilia_f2.gif);
	z-index:7;
	visibility:visible;
}

div#toppage div#gallery a {
	position:absolute;
	left:341px;
	top:460px;
	width:41px;
	height:12px;
	background:url(../img/t_gallery.jpg);
	z-index:9;
	visibility:visible;
}

div#toppage div#gallery a:hover {
	position:absolute;
	left:341px;
	top:460px;
	width:41px;
	height:12px;
	background:url(../img/t_gallery_f2.jpg);
	z-index:9;
	visibility:visible;
}


div#toppage div#home a {
	position:absolute;
	left:342px;
	top:517px;
	width:34px;
	height:9px;
	background:url(../img/t_home.gif);
	z-index:8;
	visibility:visible;
}

div#toppage div#home a:hover {
	position:absolute;
	left:342px;
	top:517px;
	width:34px;
	height:9px;
	background:url(../img/t_home_f2.gif);
	z-index:8;
	visibility:visible;
}

/* ItemList
----------------------------------------- */
div#itemlist {
	position:relative;
}

/* ItemList Top */

div#itemlist div#top {
	position:relative;
	width:182px;
	height:80px;
	border-right:1px solid #e0e0e0;
}

div#itemlist div#top h2 {
	position:absolute;
	top:-500px;
}

div#itemlist div#top p {
	margin-left:40px;
	padding-top:20px;
}

div#itemlist div#top2 {
	border-top:1px solid #e0e0e0;
}

div#itemlist div#picarea h2 {
	float:left;
}

div#itemlist div#picarea h2.kagu {
	padding-left:40px;
}

div#itemlist div#picarea h2.real {
	padding-left:35px;
}

div#itemlist div#picarea p {
	float:left;
}

/* ItemList Main */

div#itemlist div#main {
	position:relative;
	border-top:1px solid #e0e0e0;
}

div#itemlist div#main div.menu, div.message, div.iteminfo {
	float:left;
}

/* ItemList Menu */

div#itemlist div#main div.menu {
	width:182px;
	min-height:380px;
	text-align:right;
}

div#itemlist div#main div.menu ul {
	margin:20px 10px 0 0;
	height:200px;
	list-style-type:none;
}

div#itemlist div#main div.menu li.menuitem {
	margin:5px 0 7px 0;
}

div#itemlist div#main div.menu li.home {
	margin-top:15px;
}

/* ItemList Message */

div#itemlist div#main div.message {
	width:290px;
	min-height: 390px;
	border-left:1px solid #e0e0e0;
}

div#itemlist div#main div.message p {
	margin:20px 0 0 10px;
}

/* ItemList Item */

div#itemlist div#main div.iteminfo {
	position:relative;
	width:180px;
	height:320px;
	margin:20px 5px 0 5px;
	border:1px solid #e0e0e0;
}

div#itemlist div#main div.iteminfo div.iteminfo2 {
	position:relative;
	width:160px;
	margin:10px;
}

div#itemlist div#main div.iteminfo div.iteminfo2 h3 {
	font-size:100%;
	text-align:left;
}

div#itemlist div#main div.iteminfo div.iteminfo2 .itemimage {
	margin-top:10px;
	text-align:center;
}

div#itemlist div#main div.iteminfo div.iteminfo2 p {
	text-align:right;
	font-size:11px;
	line-height:13px;
}

div#itemlist div#main div.iteminfo div.iteminfo2 p.spec {
	margin-top:10px;
}

div#itemlist div#main div.iteminfo div.iteminfo2 p.price {
	position:absolute;
	right:0px;
	top:210px;
}

div#itemlist div#main div.iteminfo div.iteminfo2 p.detail {
	position:absolute;
	right:0px;
	top:245px;
}

div#itemlist div#main div.iteminfo div.iteminfo2 p.designer {
	position:absolute;
	right:0px;
	top:290px;
}

/* Item
----------------------------------------- */
div#item {
	position:relative;
	width:750px;
	margin: 20px 0 0 25px;
}

/* Item Top */

div#item div#top {
	height:45px;
}

div#item div#top h2 {
	position:absolute;
	top:490px;
	right:0;
	font-size:75%;
	font-weight:normal;
}

div#container2 p.copyright2 {
	position:absolute;
	top:506px;
	right:0;
	font-size:9px;
	font-weight:normal;
	color:#bbbbbb;
}



div#item div#top p {
	padding:20px 0 0 20px;
}

/* Item Main */

div#item div#main {
	position:relative;
	margin:0 0 0 17px;
}

div#item div#main p.mainimage {
	position:absolute;
	top:0px;
	right:0px;
}

/* Item Description */

div#item div#desc {
	position:relative;
	margin-left:3px;
	height:380px;
}

div#item div#desc .catchcopy {
	margin:10px 0 15px 0;
	line-height:13px;
}

div#item div#desc .spec {
	line-height:13px;
	margin-bottom:10px;
}

div#item div#desc .price {
	margin-bottom:10px;
}

div#item div#desc .designer {
	margin-bottom:10px;
}

div#item div#desc .order {
}

div#item div#desc .back {
	position:absolute;
	left:0;
	top:298px;
}

/* Item Thumbnail */

div#item div#thumbnail {
	margin:0 0 10px 0;
}

div#item div#thumbnail ul {
	height:26px;
	margin:0 0 0 1px;
	list-style-type:none;
}

div#item div#thumbnail li {
	float:left;
	display:inline;
	margin:0 5px 0 0;
}

div#item div#thumbnail .notice {
	clear:left;
	font-size:10px;
}

/* Concept
----------------------------------------- */
div#conceptmain {
	float:left;
	width:460px;
	border-left:1px solid #e0e0e0;
}

div#conceptmain div.concepttext {
	margin:18px 18px 0 18px;
}

div#conceptmain div.miya {
	height:100px;
	margin:18px 18px 0 18px;
}

div#conceptmain div.miya div.miyaphoto {
	float:right;
}

div#conceptmain div.miya div.miyaname {
	text-align:right;
	margin-right:135px;
}

div#conceptmain div.matsu {
	margin:18px 18px 0 18px;
}

div#conceptmain div.matsu div.matsuphoto {
	float:left;
}

div#conceptmain div.matsu div.matsuname {
	margin-left:140px;
}

div#conceptmain div.matsu div.matsuname h3 {
	margin-bottom:10px;
}

div#conceptmain div.matsu div.jma {
	margin-top:5px;
}

div#conceptmain div.matsu div.jma h3 {
	float:left;
}

div#conceptmain div.matsu div.jma .profile {
	margin-left:45px;
}

/*	gallery
----------------------------------------------------*/
div#gallerymain {
	float:left;
	width:478px;
	border-left:1px solid #e0e0e0;
}

div#gallerymain div.gallerydiv {
	margin:18px 18px 0 18px;
}

div#gallerymain div.gallerydiv div.g_photo {
	float:right;
}

div#gallerymain div.gallerydiv div.g_text {
	float:left;
	width:250px;
}

div#gallerymain div.gallerydiv div.g_text h2{
	margin-bottom:20px;
}

div#gallerymain address{
	margin-left:20px;
	text-decoration:none;
	font-style:normal;
}

div#gallerymain img#map {
	margin:10px 0px 30px 20px;
}