div.tdftdiv, ul.tdftad, ul.tdftad li { display: none;}

* {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
}
body {
	background-color: #fff;
	font-size: 80%;
	line-height: 1.5;
	font-family: "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#container {
	width: 700px;
	margin: 0 auto; 
	background: url(../img/back.gif) repeat-y;
}

#header {
	float: left;
	width: 700px;
	padding: 40px 0 50px 0;
	height: 38px;
	background: inherit;
}

h1 {
	float: left;
	width: 154px;
	padding: 0 0 0 30px;
}

h2, h3 {
	font-weight: bold;
	font-size: 130%;
}
h3 a {
	font-weight: bold;
}

#gnav {
	float: right;
	width: 434px;
	padding: 0 30px 0 0;
}

#contents {
	clear: both;
	float: left;
	width: 700px;
	padding: 0 30px;
	color: #660033;
	background: inherit;
}

#footer {
	float: left;
	width: 700px;
	padding: 20px 0;
	text-align: center;
	background: inherit;
}


/* global navigation
---------------------------------------------------*/
#gnav li {
	float: left;
	height: 38px;
	list-style: none;
}
#gnav a {
	display: block;
	height: 38px;
}
#shop { background: url(../img/menu_shop.gif) no-repeat 0 -38px; width: 116px; }
#intro { background: url(../img/menu_intro.gif) no-repeat 0 -38px; width: 145px; }
#works { background: url(../img/menu_works.gif) no-repeat 0 -38px; width: 89px; }
#blog { background: url(../img/menu_blog.gif) no-repeat 0 -38px; width: 84px; }

#shop a:hover, #g1 { background: url(../img/menu_shop.gif) no-repeat 0 0; width: 116px; }
#intro a:hover, #g2 { background: url(../img/menu_intro.gif) no-repeat 0 0; width: 145px; }
#works a:hover, #g3 { background: url(../img/menu_works.gif) no-repeat 0 0; width: 89px; }
#blog a:hover, #g4 { background: url(../img/menu_blog.gif) no-repeat 0 0; width: 84px; }

#gnav span {
	display: none;
}


/* local navigation - Web shop
---------------------------------------------------*/
#lnav {
	float: right;
	padding: 0 75px 0 0;
}
#lnav li {
	float: left;
	height: 18px;
	list-style: none;
}
#lnav a {
	display: block;
	height: 18px;
}
#new { background: url(../shop/img/menu_new.gif) no-repeat 0 0; width: 69px; }
#basic { background: url(../shop/img/menu_basic.gif) no-repeat 0 0; width: 73px; }
#howto { background: url(../shop/img/menu_howto.gif) no-repeat 0 0; width: 87px; }
#infor { background: url(../shop/img/menu_infor.gif) no-repeat 0 0; width: 80px; }

#new a:hover, #l1 { background: url(../shop/img/menu_new.gif) no-repeat 0 -18px; width: 69px; }
#basic a:hover, #l2 { background: url(../shop/img/menu_basic.gif) no-repeat 0 -18px; width: 73px; }
#howto a:hover, #l3 { background: url(../shop/img/menu_howto.gif) no-repeat 0 -18px; width: 87px; }
#infor a:hover, #l4 { background: url(../shop/img/menu_infor.gif) no-repeat 0 -18px; width: 80px; }

#lnav span {
	display: none;
}


/* local navigation - Introduction
---------------------------------------------------*/
#concept { background: url(../intro/img/menu_concept.gif) no-repeat 0 0; width: 51px; }
#hiromi { background: url(../intro/img/menu_hiromi.gif) no-repeat 0 0; width: 88px; }
#privacy { background: url(../intro/img/menu_privacy.gif) no-repeat 0 0; width: 96px; }
#terms { background: url(../intro/img/menu_terms.gif) no-repeat 0 0; width: 37px; }

#concept a:hover, #l5 { background: url(../intro/img/menu_concept.gif) no-repeat 0 -18px; width: 51px; }
#hiromi a:hover, #l6 { background: url(../intro/img/menu_hiromi.gif) no-repeat 0 -18px; width: 88px; }
#privacy a:hover, #l7 { background: url(../intro/img/menu_privacy.gif) no-repeat 0 -18px; width: 96px; }
#terms a:hover, #l8 { background: url(../intro/img/menu_terms.gif) no-repeat 0 -18px; width: 37px; }


/* contents
---------------------------------------------------*/
#base {
	float: left;
	width: 630px;
	padding: 0 0 10px 0;
	background: url(../img/contents_back.jpg) repeat-y;
}
#contents dl {
	width: 560px;
	padding: 10px 45px 0;
}
#contents dt {
	font-weight: bold;
	background: url(../img/list.gif) no-repeat left 5px;
	padding: 0 0 5px 20px;
}
#contents dt.right {
	background: none;
	padding: 0 0 0 20px;
}
#contents dd {
	padding: 0 0 30px 20px;
}


#base h3, #base p {
	padding: 5px 30px 0;
}


#contents dl a, #contents p a {
	font-weight: bold;
	text-decoration: none;
	border: 1px dotted;
	border-width: 0 0 1px 0;
}
#contents dl a:link, #contents p a:link {
	color: #660033;
}
#contents dl a:visited, #contents p a:visited {
	color: #660033;
}
#contents dl a:active, #contents p a:active {
	color: #CC6666;
}
#contents dl a:hover, #contents p a:hover {
	color: #CC6666;
}
#contetns dl dd.text_r a {
	border: none;
}


table.items, table#inform {
	margin: 0 15px 10px 45px;
}
.items td, #inform td {
	padding: 15px 10px 0 10px;
	vertical-align: top;
}
.items td {
	width: 165px;
}
.items td.text_r {
	width: 540px;
}

#contents td.text_r {
	padding: 5px 0 0 0;
}

table#inform th {
	width: 130px;
	padding: 15px 0 0 10px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}


table.works {
	margin: 0 25px 10px 35px;
}


#contents dl#order dt {
	background: none;
	padding: 0;
}

table#yutime, table#yuprice, table#yumap {
	margin: 10px 45px 0;
}

table#yutime th, table#yutime td {
	padding: 5px;
}
table#yutime th {
	text-align: left;
	background-color: #CC6666;
}
table#yutime td {
	text-align: center;
	background-color: #fff;
}
#yutime td.none {
	background: none;
	text-align: left;
}

#contents table#yuprice th, #contents table#yuprice td {
	padding: 5px;
}
table#yuprice td {
	color: #333;
	background-color: #fff;
}

table#yumap td {
	padding: 2px;
	text-align: center;
	vertical-align: middle;
}

/* items
---------------------------------------------------*/
#lbase {
	width: 220px;
	float: left;
	padding: 0 0 0 35px;
}
#lbase h4 {
	padding: 10px 0 0 10px;
	font-size: 120%;
	font-weight: bold;
}
#lbase p {
	padding: 15px;
	font-size: 95%;
}
#lbase p.text_r {
	font-size: 110%;
}

#lbase p a {
	font-weight: bold;
	text-decoration: none;
	border: 1px dotted;
	border-width: 0 0 1px 0;
}
#lbase a:link {
	color: #660033;
}
#lbase a:visited {
	color: #660033;
}
#lbase a:active {
	color: #CC6666;
}
#lbase a:hover {
	color: #CC6666;
}
#lbase p.text_r a {
	border: none;
}

#rbase {
	width: 325px;
	float: right;
	padding: 0 30px 0 0;
}

#lbase h3, #rbase p {
	padding: 0;
}

#rbase table {
	margin: 10px 0 0 0;
}
#rbase td {
	width: 150px;
	font-size: 90%;
	vertical-align: top;
}
#rbase td.space {
	padding: 0 19px 0 0;
}


/* commons
---------------------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
	color: #963;
}
.normal {
	font-weight: normal;
	color: #963;
}
.text_r {
	text-align: right;
}
.text_c {
	text-align: center;
}
img.thumb  {
	background-color: #fff;
	padding: 2px;
	border: solid 1px #d7d4d4;
}

.tokyo {	background-color: #F0EDE4;color: #6A0233;}
.area1 {	background-color: #CC6666;color: #6A0233;}
.area2 {	background-color: #ffffcc;color: #6A0233;}
.area3 {	background-color: #936D48;color: #6A0233;}
.area4 {	background-color: #6A0233;color: #fff;}
.area5 {	background-color: #5D4C4A;color: #fff;}
.area6 {	background-color: #D0D3D0;color: #6A0233;}