/*
Theme Name: Ambiente
Theme URI: http://ambiente-jp.com/
Description: Ambiente Official Site
Author: Ambiente.co.ltd.,
Author URI: http://ambiente-jp.com/
Template: 
Version: 0.9.1
*/

@import url(./stylesheets/contents.css);

/*-------------------------------------------- #Small reset*/
	body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p {
		margin: 0;
		padding: 0;
	}
/*-------------------------------------------- #Basic & Common Styles */

	* {
		margin: 0;
		padding: 0;
		border: none;
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",'メイリオ',Meiryo,serif;
	}
	body,html {
		margin: 0px;
		padding: 0px;
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",'メイリオ',Meiryo,serif;
	}
	body {
		margin: 0px;
		color: #666666;
		padding: 0px;
		width: auto;
		height: auto;
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",'メイリオ',Meiryo,serif;
		font-size: 12px;
		line-height: 190%;
	}
	body, select, input, textarea {
		font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",'メイリオ',Meiryo,serif;
	}
	img {
		border: none;
	}
	ul {
		list-style-type: none;
	}
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	p {
		padding: 0 0 1em 0;
	}
	ul, ol {
		list-style-position: outside;
	}
	h1 {
		font-size: 32px;
		font-weight: bold;
	}
	h2 {
		font-size: 22px;
	}
	h3, legend {
		font-size: 14px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 14px;
	}
	h6 {
		font-size: 13px;
	}
	.floatleft {
		float: left;
	}
	.floatright {
		float: right;
	}
	.alignleft {
		float: left;
		padding: 10px 10px 10px 0px;
	}
	.alignright {
		float: right;
		padding: 10px 0px 10px 10px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin: 10px auto;
		padding: 10px 0;
	}
	.clearboth {
		clear: both;
	}
	.red {
		color: #ff0000;
	}
	.orange {
		color: #ff6600;
	}
	input {
		padding: 0px 3px 0px 3px;
		border: solid 1px #c0c0c0;
		background: #fefefe;
	}
	input:hover {
		border: solid 1px #88b0ff;
		background: #eef4ff;
	}
	textarea {
		border: solid 1px #c0c0c0;
		background: #fefefe;
	}
	textarea:hover {
		border: solid 1px #88b0ff;
		background: #eef4ff;
	}

	div#newsTickerTitle {
		margin: 10px 0px 0px 30px;
	}
	div#newsTickerTitle p {
		float: left;
	}
	
/* Float Properties*/

	.clearfloat:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content:".";
	}
	.clearfloat {
		display: inline-block;
	}
	.clearfloat {
		display: block;
	}
	#top .current {
		display: block;
	}

/*-------------------------------------------- Structured Layout */

	#wrap_all { /*only needed if using big background images like in theme 5*/
		position: relative;
		top: 0;
		margin: 0px auto;
		width: 930px;
		min-height: 100%;
		height: 100%;
		display: block;
		
	}

	#shadowLeft {
		margin: 0px 0px 0px 0px;
	}
	#shadowRight {
		margin: 0px 0px 0px 915px;
		width: 15px;
	}
	#top {
		width: 900px;
		margin: 0px 0px 0px -900px;
	}
	#main {
		width: 900px;
	}

/*-------------------------------------------- GlobalNavigation */

	#globalNav {
		position: relative;
		top: 220px;
		z-index: 5;
	}
	* html #globalNav {
		position: static;
		margin: 0px 30px 0px -50px;
	}
	#globalNav a.top {
		position: absolute;
		margin: 4px 0 0 843px;
		width: 75px;
		height: 67px;
		display: block;
		background: url('./images/to_top_off.png') center center no-repeat;
		cursor: pointer;
		border: none;
	}
	#globalNav a.top:link {
		background: url('./images/to_top_off.png') center center no-repeat;
	}
	#globalNav a.top:visited {
		background: url('./images/to_top_off.png') center center no-repeat;
	}
	#globalNav a.top:hover {
		background: url('./images/to_top_on.png') center center no-repeat;
	}
	div#sideArea {
		position: absolute;
		width: 285px;
		margin: -20px 0px 0px 675px;
		color: #9d4c00;
		font-size: 12px;
		display: block;
	}
	div#sideArea a:link {
		color: #9d4c00;
	}
	div#sideArea a:visited {
		color: #9d4c00;
	}
	div#sideArea a:hover {
		color: #ffcc66;
	}
	#goShopping {
		position: absolute;
		margin: -4px 0px 0px 0px;
	}
	#goTakako {
		position: absolute;
		margin: 64px 0px 0px 30px;
	}
	div#subMenu {
		width: 295px;
		margin: 102px 0px 0px 24px;
	}
	div#subMenu ul#subMenuUl {
		width: 273px;
		border: solid 1px transparent;
		background: url('./images/sub_menu/header.png') no-repeat;
	}
	* html div#subMenu ul#subMenuUl {
		border: none;
	}
	div.sub_box ul {
		margin: 78px 0px 0px 3px;
		padding: 10px 10px 0px 10px;
		width: 193px;
		min-height: 140px;
		max-height: 260px;
		overflow-x: hidden;
		overflow-y: auto;
		background: url('./images/sub_menu/body.png') repeat-y;
	}
	div.sub_box li {
		padding: 0px 0px 10px 20px;
		line-height: 120%;
		width: 163px;
		background: url('./images/sub_menu/icon_submenu.png') no-repeat;
	}
	*:first-child+html div.sub_box li {
		padding: 0px 0px 10px 20px;
	}
	div#subMenuFooter {
		margin: -1px 0px 0px -6px;
		background: url('./images/sub_menu/footer.png') no-repeat;
		width: 273px;
		height: 94px;
	}
	*:first-child+html div#subMenuFooter {
		margin-top: -11px;
	}
	#takakoPhoto {
		margin: -20px 0px 0px 16px;
	}


/*-------------------------------------------- Head */

	div#head {
		position: relative;
		width: 900px;
		height: 201px;
		z-index: 10;
	}
	*:first-child+html div#head {
		z-index: 500;
	}
	* html div#head {
		position: static;
	}
	.logo a {
		display: none;
		text-indent: -9999px;
	}

/*-------------------------------------------- Navigation */
	#navwrap {
		position: absolute;
		margin-top: 168px;
		padding-left: 25px;
		width: 875px;
		height: 32px;
		font-size: 14px;
	}
	*:first-child+html #navwrap {
		z-index: 500;
	}
	
	#nav a {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 6px 10px 0px 10px;
		height: 26px;
		display: block;
		text-decoration: none;
		text-align: center;
		outline: none;
		font-weight: bold;
	}
	#nav, #nav ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
	}
	#nav ul a {
		font-size: 14px;
	}
	#nav li {
		float: left;
		position: relative;
	}
	#nav ul li a {
		border: none;
	}
	#nav a.home {
		border: none;
	}
	#nav li li {
		margin-top: 0;
	}
	#nav ul {
		position: absolute;
		display: none;
		width: auto;
		top: 18px;
		left: 0px;
	}
	#nav li ul ul {
		left: 172px;
		top: 0px;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
		display: none;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
		display: block;
	}
	#nav a:link {
		text-decoration: none;
	}
	#nav a:visited {
		text-decoration: none;
	}
	#nav a:hover {
	}
/*SeccondNaviagation*/
	#nav ul ul {
		top: auto;
	}	
	#nav li ul {
		margin-top: 10px;
		padding-top: 30px;
		background: url('./images/pld_bg_head.png') no-repeat;
		width: 320px;
	}
	#nav li ul a {
		width: 290px;
		padding: 6px 14px 0px 14px;
		height: 24px;
	}
	*:first-child+html #nav li ul a {
		padding: 2px 14px 6px 14px;
		height: 20px;
	}
	#nav .page_item li a {
		text-align: left;
		font-size: 12px;
	}
	#nav ul a:hover, #head .page_item #nav ul a:focus  {
	}
	#nav ul a, #head #nav ul li {
	}
	#nav ul a:hover, #nav ul a:focus  {
	}
	#nav .current_page_item a {
	}
	#nav .current_page_parent .current_page_item a, #nav .current_page_item ul a {
	}

/*-------------------------------------------- CategoryTopPageContents */

	div#topPageContents {
		margin: 30px 0px 10px 25px;
	}
	div#topPageContents a:link {
		text-decoration: underline;
	}
	div#topPageContents a:visited {
		text-decoration: underline;
	}
	div#topPageContents a:hover {
		text-decoration: none;
	}
	div#topPageContents dl {
		margin: 10px 0px 30px 10px;
		padding: 25px;
		width: 801px;
		overflow: hidden;
	}
	div#topPageContents dt {
		margin: 0px 0px 20px 0px;
		padding: 6px 0px 0px 34px;
		width: 610px;
		height: 31px;
		font-size: 16px;
	}
	div#topPageContents dd {
		width: 580px;
	}

/*-------------------------------------------- UnderPages */

	div#mainUnderContents {
		margin: 30px 0px 10px 35px;
		padding: 30px 25px 25px 25px;
		width: 801px;
		overflow: hidden;
	}
	div#mainUnderContents a:link {
		text-decoration: underline;
	}
	div#mainUnderContents a:visited {
		text-decoration: underline;
	}
	div#mainUnderContents a:hover {
		text-decoration: none;
	}
	div#underContentsBox {
		width: 580px;
	}
	div#underContentsBox a:link {
		text-decoration: none;
	}
	div#underContentsBox a:visited {
		text-decoration: none;
	}
	div#underContentsBox a:hover {
		text-decoration: underline;
	}
	p.underContentsTitle {
		margin: 0px 0px 20px 0px;
		padding: 2px 0px 2px 34px;
		font-size: 16px;
		font-weight: bold;
	}
	*:first-child+html p.underContentsTitle {
		margin: -2px 0px 20px 0px;
	}

/*-------------------------------------------- NewsPages & TakakoPages */

	div#newsContentsBox {
		margin: 10px 0px 10px 25px;
		padding: 25px;
		width: 801px;
		background: transparent url('../ambiente/images/top/bg_contents.png');
	}
	div#newsContentsArea {
		width: 620px;
	}
	div.newsContentsHead {
		clear: both;
		margin: 10px 0px 0px 20px;
		width: 500px;
		height: 26px;
		border-bottom: dashed 1px #cccccc;
	}
	body#takako p.underContentsTitle {
		margin: 0px 0px 0px 0px;
		padding: 20px 0px 0px 76px;
		height: 65px;
		color: #666666;
		background: transparent url('../ambiente/images/takako/coffee_title.png') no-repeat;
	}
	*:first-child+html body#takako p.underContentsTitle {
		padding: 22px 0px 0px 76px;
	}
	div.newsArchivesHead {
		clear: both;
		margin: 0px 0px 20px 32px;
		width: 500px;
		height: 26px;
		border-bottom: dashed 1px #cccccc;
	}
	body#takako div.newsArchivesHead {
		height: 46px;
	}
	*:first-child+html body#takako div.newsArchivesHead {
		margin-bottom: 40px;
	}
	h2.newsContentsTitle {
		clear: both;
		margin-top: 7px;
		color: #9D4C00;
		font-size: 16px;
		font-weight: bold;
		float: left;
		display: block;
	}
	*:first-child+html h2.newsContentsTitle {
		margin-top: 6px;
	}
	h2.newsArchivesTitle {
		padding: 8px 0px 0px 2px;
		font-size: 16px;
		color: #9D4C00;
		font-weight: bold;
		float: left;
		display: block;
		cursor: pointer;
	}
	*:first-child+html h2.newsArchivesTitle {
		padding: 7px 0px 0px 0px;
	}
	body#takako h2.newsArchivesTitle {
		padding: 28px 0px 0px 70px;
		height: 69px;
		background: transparent url('../ambiente/images/takako/note.png') no-repeat;
		color: #666666;
	}
	*:first-child+html body#takako h2.newsArchivesTitle {
		padding: 26px 0px 0px 70px;
	}
	body#takako h2.newsArchivesTitle:hover {
		background: transparent url('../ambiente/images/takako/note_on.png') no-repeat;
		color: #9D4C00;
		text-decoration: underline;
	}
	.categories {
		float: left;
		margin: 10px 0px 0px 14px;
		font-size: 11px;
	}
	*:first-child+html .categories {
		margin: 8px 0px 0px 14px;
	}
	div.newsArchivesHead .categories {
		margin: 10px 0px 0px 14px;
	}
	*:first-child+html div.newsArchivesHead .categories {
		margin: 9px 0px 0px 14px;
	}
	body#takako .categories {
		margin: 30px 0px 0px 14px;
	}
	*:first-child+html body#takako .categories {
		margin: 28px 0px 0px 14px;
	}
	span.date {
		float: left;
		margin: 10px 0px 0px 6px;
		font-size: 11px;
	}
	*:first-child+html span.date {
		margin: 8px 0px 0px 6px;
	}
	div.newsArchivesHead span.date {
		margin: 10px 0px 0px 6px;
	}
	*:first-child+html div.newsArchivesHead span.date {
		margin: 9px 0px 0px 6px;
	}
	body#takako span.date {
		margin: 30px 0px 0px 6px;
	}
	*:first-child+html body#takako span.date {
		margin: 28px 0px 0px 6px;
	}
	div.newsBox {
		margin-top: 20px;
		padding: 0px 0px 0px 30px;
		clear: both;
		overflow: hidden;
	}
	div.newsBox a:link {
		text-decoration: underline;
	}
	div.newsBox a:visited {
		text-decoration: underline;
	}
	div.newsBox a:hover {
		text-decoration: none;
	}

/*-------------------------------------------- Footer */

	div#footer {
		clear: both;
		position: relative;
		top: -10px;
		margin: 0px 0px 0px -21px;
		width: 942px;
		background: url('./images/sitemap_header.png') no-repeat;
		font-size: 0.8em;
	}
	div#siteMapArea {
		position: relative;
		top: 82px;
		left: 41px;
		padding: 0px 200px 10px 20px;
		width: 636px;
		background: url('./images/sitemap_body.png') repeat-y;
		overflow: hidden;
	}
	*:first-child+html div#siteMapArea {
		padding: 0px 270px 10px 20px;
		width: 706px;
	}
	div#siteMapArea h2 {
		margin-bottom: 3px;
		font-size: 18px;
	}
	li.pagenav {
		font-size: 11px;
	}
	li.page_item {
		font-weight: bold;
		font-size: 13px;
	}
	ul#siteMapMainMenu {
		margin: 0px 0px 10px 0px;
		float: left;
		width: auto;
	}
	div#siteMapArea .page_item li {
		float: none;
	}
	div#siteMapArea .page_item {
		margin: 10px 10px 10px 10px;
		float: left;
	}
	*:first-child+html li.pagenav ul {
		margin: 10px 0px 0px 0px;
	}
	li.page_item li {
		font-weight: normal;
		font-size: 11px;
		line-height: 100%;
	}
	div#siteMapArea .page-item-10 {
		clear: both;
	}
	* html div#siteMapArea .page-item-10 {
		margin: 0px 0px 10px 10px;
		width: 170px;
	}

	div#siteMapArea ul#siteMapNews {
		clear: both;
		margin: 5px 0px 0px 0px;
	}
	*:first-child+html div#siteMapArea ul#siteMapNews {
		margin: 10px 0px 0px 0px;
	}
	ul#siteMapNews li {
		margin-left: 10px;
	}
	div#siteMapAreaFooter {
		clear: both;
		position: relative;
		top: 82px;
		background: url('./images/sitemap_footer.png') no-repeat;
		width: 942px;
		height: 82px;
	}
	div#footerLinks {
		clear: both;
		margin: 26px 0px 0px 21px;
		padding-top: 106px;
		width: 900px;
		height: 35px;
		text-align: right;
	}
	div#footerLinks li {
		float: right;
		margin-right: 20px;
	}
	div#footer p {
		width: 900px;
		text-align: right;
	}

/*-------------------------------------------- "Gekkan Tkakako" */

	body#takako {
		background: url('./images/takako/bg_body.png');
	}
	body#takako a:link {
		color: #666666;
	}
	body#takako a:visited {
		color: #666666;
	}
	body#takako a:hover {
		color: #9D4C00;
		text-decoration: underline;
	}
	body#takako #shadowLeft {
		background: url('./images/takako/shadow_left.png') repeat-y;
	}
	body#takako #shadowRight {
		background: url('./images/takako/shadow_right.png') repeat-y;
	}
	body#takako #top {
		background: url('./images/takako/bg_wrapper.png');
	}
	body#takako div#head {
		position: relative;
		margin-left: 0px;
		width: 949px;
		height: 225px;
		background: url('./images/takako/header.png');
	}
	body#takako .logo a {
		position: absolute;
		background: transparent url('./images/takako/logo.png') no-repeat;
		margin: 41px 0px 0px 30px;
		width: 233px;
		height: 103px;
		display: block;
		text-indent: -9999px;
	}
	body#takako #navwrap {
		margin-left: -10px;
	}
	body#takako div#topPageContents dl {
		background: transparent url('./images/top/bg_contents.png');
	}
	body#takako div#mainUnderContents {
		background: transparent url('./images/top/bg_contents.png');
	}
	body#takako div#siteMapArea h2 {
		color: #666666;
	}





#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac ¥*/
	height: 1%;
	/* End hide from IE-mac */
	}	
/*-------------------------------------------- Today ambiente */
	div#to_todayambiente {
		position: absolute;
		margin: -34px 0px 0px 45px;
	}
	*:first-child+html div#to_todayambiente {
		margin: -34px 0px 0px -630px;
	}