@charset "utf-8";
/* formatting style
-----------------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	}
body {
	background-color: #FFFFFF;
}
hr {
	display: none;
}

/* scrollbar style 
-----------------------------------------*/
html, body {
  scrollbar-face-color: white;
  scrollbar-arrow-color: dimgray;
  scrollbar-3dlight-color: white;
  scrollbar-highlight-color: dimgray;
  scrollbar-darkshadow-color: white;
  scrollbar-shadow-color: dimgray;
  scrollbar-track-color: white;
}

/* link style 
-----------------------------------------*/
a img {
	border-style: none;
}
a:link {
	margin-left: 0px;
	margin-right: 0px;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	position: relative;
	text-decoration: none;
	margin-left: 0px;
}
/* basic layout
-----------------------------------------*/
#wrapper {
	background-color: #FFFFFF;
	width: 900px;
	margin: 0px auto;
}

/* header styles
-----------------------------------------*/
#header {
	background-image: none;
	background-repeat: no-repeat;
	height: 180px;
	border-top: none;
	position: relative;
	width: 900px;
}
#work #header {
	background-image: none;
}

#about #header {
	background-image: none;
}
#cafe #header {
	background-image: none;
}
#contact #header {
	background-image: none;
}
#friends #header {
	background-image: none;
}
#press #header {
	background-image: none;
}

#header #logo {
	position: absolute;
	left: 3px;
	top: 80px;
}
#header ul {
	background-color: #FFFFFF;
	width: 512px;
	height: 25px;
	position: absolute;
	top: 113px;
	left: 406px;
}
#header ul li {
	list-style: none;
	float: left;
}
#header ul li a {
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	font-style: normal;
	letter-spacing: 0.025em;
	padding-left: 30px;
}
#header ul li a:hover {
	text-decoration: underline;
	color: #666666;
}

#header ul li#nWork a {
	border-left-style: none;
}
#work #header #nWork a,
#about #header #nAbout a,
#cafe #header #nCafe a,
#contact #header #nContact a,
#friends #header #nFriends a,
#press #header #nPress a{
	color: #99CCCC;
	text-decoration: underline;
}
#header #language {
	width: 98px;
	position: absolute;
	left: 797px;
	top: 32px;
}
#header #language p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#header #language p a {
	color: #666666;
	text-decoration: none;
}
#header #language p a:hover {
	color: #333333;
}
#main {
	width: 900px;
	margin-top: 16px;
}


#index #indexpic {
	height: 400px;
	width: 600px;
	float: left;
}
#index #newsbox {
	float: right;
	height: 400px;
	width: 300px;
}
#index #newstitle {
	margin-left: 30px;
	margin-top: 5px;
}
#index #newstitle p {
	font-family: "Trebuchet MS";
	font-size: 22px;
	color: #666666;
}
#index #newstext {
	height: 330px;
	width: 260px;
	overflow: auto;
	margin-left: 30px;
	margin-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 16px;
}
#index #newstext a:link {
	color: #99CCCC;
	text-decoration: none;
}
#index #newstext a:visited {
	color: #99CCCC;
	text-decoration: none;
}
#index #newstext a:hover {
	color: #99CCCC;
	text-decoration: underline;
}


#work  #worklist {
	float: left;
	width: 200px;
}
#work #worklist-j {
	float: left;
	width: 200px;
}

#work #worklist #on {
	color: #99CCCC;
	text-decoration: underline;
}
#work #worklist-j #on {
	color: #99CCCC;
	text-decoration: underline;
}

#work #worklist li {
	font-family: "Trebuchet MS";
	font-size: 16px;
	text-decoration: none;
	list-style: none;
	margin-bottom: 5px;
	margin-left: 10px;
}
#work #worklist-j li {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック, sans-serif";
	font-size: 14px;
	text-decoration: none;
	list-style: none;
	margin-bottom: 10px;
	margin-left: 10px;
}

#work #worklist a:link {
	color: #666666;
	text-decoration: none;
}
#work #worklist-j a {
	color: #666666;
	text-decoration: none;
}

#work #worklist a:hover {
	color: #666666;
	text-decoration: underline;
}
#work #worklist-j a:hover {
	color: #666666;
	text-decoration: underline;
}

#work #worklist a:visited {
	color: #666666;
}
#work #worklist-j a:visited {
	color: #666666;
}









#work #workthumnail {
	width: 700px;
	float: right;
}
#work #workthumnail img {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 16px;
}
#work #workpic {
	height: 440px;
	width: 520px;
	float: left;
}
#work #workpic img {
	float: right;
}
#work #shopping {
	font-size: 16px;
	color: #666666;
	text-align: center;
	width: 700px;
	margin-top: 30px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#work #shopping-j {
	width: 700px;
	float: right;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック, sans-serif";
	font-size: 14px;
	color: #666666;
	margin-top: 30px;
}

#work #next {
	height: 18px;
	width: 140px;
	float: right;
	margin-top: 60px;
}
#work #next img {
	padding-right: 16px;
}



#work #worktext {
	height: 100px;
	width: 170px;
	float: right;
	margin-top: 56px;
}
#work #wrapper #main #worktext h3 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.025em;
}
#work #wrapper #main #worktext h4 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


#work #wrapper #main #workbutton {
	width: 310px;
	float: right;
	margin-top: 30px;
	color: #FFFFFF;
}
#work #wrapper #main #worknextbutton {
	float: right;
	height: 50px;
	width: 310px;
	margin-top: 30px;
}
#cafe #cafetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	width: 250px;
	padding-left: 10px;
	line-height: 18px;
	letter-spacing: 0.05em;
	height: 350px;
	float: left;
}
#cafe #cafeconcept {
	width: 600px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 18px;
	letter-spacing: .05em;
}

#cafe #menu {
	float: right;
	margin-top: 10px;
}

#press #pressthumnail {
	width: 900px;
	height: 400px;
}
#press #pressthumnail a {
	display: block;
	height: 100px;
	width: 100px;
	float: left;
	margin-bottom: 25px;
}
#press #pressarticle {
	text-align: center;
}
#friends #friendslist {
	height: 400px;
}
#friends #friendslist a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	line-height: 17px;
}

#friends #friendslist a:link {
	color: #999999;
	text-decoration: none;
}

#friends #friendslist a:hover {
	color: #999999;
	text-decoration: underline;
}
#friends #friendslist a:visited {
	color: #999999;
}
#contact #contacttext {
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.025em;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 30px;
	color: #666666;
}
#contact #contacttext a:link {
	color: #99CCCC;
	text-decoration: none;
}
#contact #contacttext a:visited {
	color: #99CCCC;
	text-decoration: none;
}
#contact #contacttext a:hover {
	color: #99CCCC;
	text-decoration: underline;
}
#contact #map {
	width: 620px;
	margin-top: 8px;
	float: right;
}
#contact #small {
	margin-top: 5px;
}

#contact #map p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}






#about #aboutlist {
	width: 150px;
	display: block;
	height: 200px;
	float: left;
}
#about #aboutlist-j {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック, sans-serif";
	float: left;
	height: 200px;
	width: 150px;
}

#about #aboutlist #on {
	text-decoration: underline;
	color: #99CCCC;
}
#about #aboutlist-j #on {
	color: #99CCCC;
	text-decoration: underline;
}


#about #aboutlist li {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #666666;
	text-decoration: none;
	list-style: none;
	margin-left: 10px;
	margin-bottom: 5px;
}
#about #aboutlist-j li {
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
	margin-left: 10px;
	list-style: none;
}
#about #aboutlist a:link {
	text-decoration: none;
	color: #666666;
}
#about #aboutlist-j a:link {
	color: #666666;
	text-decoration: none;
}


#about #aboutlist a:hover {
	color: #666666;
	text-decoration: underline;
}
#about #aboutlist-j a:hover {
	color: #666666;
	text-decoration: underline;
}

#about #aboutlist a:visited {
	color: #666666;
}
#about #aboutlist-j a:visited {
	color: #666666;
}




#about #abouttext {
	width: 600px;
	float: right;
}
#about #abouttext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #99CCCC;
	text-decoration: none;
	margin-bottom: 5px;
}
#about #abouttext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
#about #handacontent {
	width: 748px;
	float: right;
}
#about #handacontent #handapic {
	width: 380px;
	float: left;
}
#about #handacontent #handapic img {
	float: right;
}
#about #handacontent #handapicbutton {
	width: 380px;
	text-align: right;
	float: right;
}
#about #handacontent #handapic #handapicbutton img {
	margin-left: 11px;
	margin-right: 5px;
	margin-top: 6px;
}

#about #handacontent #handatext {
	float: right;
	width: 338px;
}
#about #handacontent #handatext p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #666666;
}
#about #bio {
	display: block;
	float: right;
	width: 660px;
}
#about #bio #biotext {
	width: 660px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	margin-bottom: 40px;
}
#about #bio #biotext-e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	width: 660px;
	margin-bottom: 40px;
	color: #666666;
}

#about #bio #biopic {
	float: left;
}
#about #bio #tetsushitext {
	float: right;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	display: block;
	width: 410px;
	margin-top: 20px;
}
#about #bio #tetsushitext-e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	float: right;
	width: 410px;
	margin-top: 20px;
	color: #666666;
}

#about #bio #kristinatext {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", sans-serif;
	font-size: 12px;
	line-height: 20px;
	float: right;
	color: #666666;
	display: block;
	width: 410px;
	margin-top: 50px;
}
#about #bio #kristinatext-e {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	float: right;
	width: 410px;
	margin-top: 40px;
	color: #666666;
}
#space1 {
	height: 18px;
}
#space2 {
	height: 28px;
}

#indexpic p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	letter-spacing: 0.05em;
}
