@charset "utf-8";

/**
 * スクリーンメディア用コンテンツスタイル
 * 
 * @media screen
 * @extends themes.css
 * @version 1.0
 */

@import url("./tpl/themes.css");
@import url("./classes.css");

/*
----------------------------------------------------------------------
	Home
----------------------------------------------------------------------
*/
body.home {
	background: url("../img/pattern_stripe.png");
}

/*
----------------------------------------------------------------------
	News
----------------------------------------------------------------------
*/
body.news {
	background: url("../img/pattern_hammer.png");
}

body.news > header h2 {
	left: 327px;
	top: 22px;
	width: 85px;
	height: 168px;
	background: url("../img/current_news.png") no-repeat;
}

body.news > header nav a[title="news"] {
	background: none;
}

body.news #smoke {
	position: absolute;
	left: 18px;
}

body.news #machine {
	position: absolute;
	top: 165px;
}

body.news #Archive {
	padding-bottom: 13px;
	width: 260px;
	background: url("../img/graybox_260_bottom.png") no-repeat bottom;
}

	body.news #Archive h1 {
		padding: 30px 0;
		background: url("../img/graybox_260_head.png") no-repeat;
		text-align: center;
	}

	body.news #Archive .content {
		padding: 0 25px 20px;
		background: url("../img/graybox_260_body.png") repeat-y;
	}

	body.news #Archive .content h2 {
		margin-top: 25px;
		margin-bottom: 12px;
		font-size: 145%;
		letter-spacing: -1px;
	}

	body.news #Archive .content h2:first-child {
		margin-top: 0;
	}

	body.news #Archive .content h3 {
		margin: 10px 0;
		font-size: 120%;
		letter-spacing: -1px;
	}

	body.news #Archive .content ul {
		margin-left: 25px;
	}

	body.news #Archive .content li {
		margin-top: 3px;
	}

body.news #News {
	margin-left: 314px;
	padding-bottom: 13px;
	width: 625px;
	background: url("../img/graybox_625_bottom.png") no-repeat bottom;
}
	
	body.news #News h1 {
		padding: 30px 40px 0;
		height: 50px;
		background: url("../img/graybox_625_head.png") no-repeat;
	}
	
	body.news #News .content {
		padding: 0 50px 20px;
		background: url("../img/graybox_625_body.png") repeat-y;
	}
	
	body.news #News .content h2 {
		margin-top: 14px;
		margin-bottom: 12px;
		font-size: 155%;
		letter-spacing: -1px;
	}
	
	body.news #News .content h3 {
		margin: 10px 0 30px 60px;
		font-size: 195%;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	body.news #News .content .image {
		line-height: 0;
		text-align: center;
	}
	
	body.news #News .content .text {
	font-weight: normal;		
	}

/*
----------------------------------------------------------------------
	About
----------------------------------------------------------------------
*/
body.about > header h2 {
	left: 365px;
	top: 49px;
	width: 125px;
	height: 158px;
	background: url("../img/current_about.png") no-repeat;
}

body.about > header nav a[title="about"] {
	background: none;
}

body.about #Corporate {
	position: relative;
	width: 570px;
	height: 500px;
	background-repeat: no-repeat;
}

	body.about #SquirrelLeft {
		position: absolute;
		left: 48px;
		top: 59px;
	}
	
	body.about #SquirrelRight {
		position: absolute;
		right: 59px;
		top: 59px;
	}
	
	body.about .gear {
		position: absolute;
		-moz-transform-origin: centert center ;
		-webkit-transform-origin: center  center ;
	}
	
	body.about #Gear_1 {
		left: 196px;
		top: 52px;
		-moz-transform: rotate(50deg);
		-webkit-transform: rotate(50deg);
	}
	
	body.about #Gear_2 {
		left: 235px;
		top: 82px;
	}
	
	body.about #Gear_3 {
		left: 240px;
		top: 18px;
	}
	
	body.about #Gear_4 {
		left: 306px;
		top: 47px;
	}
	
	body.about #Gear_5 {
		left: 330px;
		top: 63px;
	}

	body.about #Corporate .section {
		padding-top: 155px;
		margin-left: 55px;
		margin-right: 55px;
	}
	
	body.about #Corporate th {
		width: 90px;
	}
	
	body.about #Corporate th,
	body.about #Corporate td {
		padding-bottom: 5px;
	}

	body.about #Corporate .lodge {
		font-size: 80%;
		text-align: right;
	}

body.about .member {
	position: relative;
	width: 645px;
	height: 360px;
	background-repeat: no-repeat;
}

	body.about .member .section {
	position: absolute;
	left: 26px;
	top: 39px;
	width: 360px;
	}

	body.about .member h1 {
		margin-bottom: 15px;
	}

	body.about .member p {
		line-height: 1.2;
		font-size: 90%;
	}
	
	body.about #bearArea {
		position: absolute;
		overflow: hidden;
		width: 760px;
		height: 138px;
	}
	
	body.about #bear {
		position: absolute;
	}
	
body.about #tag {
	position: absolute;
	left: 650px;
	top: 30px;
	-moz-transform-origin: 200px 40px;
	-webkit-transform-origin: 200px 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
}

body.about #pin {
	position: absolute;
	z-index: 1;
	left: 827px;
	top: 40px;
}

/*
----------------------------------------------------------------------
	Works
----------------------------------------------------------------------
*/
body.works > header h2 {
	left: 452px;
	top: 58px;
	width: 110px;
	height: 127px;
	background: url("../img/current_works.png") no-repeat;
}

body.works > header nav a[title="works"] {
	background: none;
}

body.works #Main .menu li {
	margin-bottom: 40px;
}

body.works #Main .tabcontent {
	width: 590px;
}

body.works.interior #Main .thums li {
	padding-right: 40px;
	padding-bottom: 40px;
}

body.works.consulting #Main .thums li {
	padding-right: 60px;
	padding-bottom: 60px;
}

body.works .tabcontent {
	background: #000;
}

body.works #DMInvitaion.thums li {
	padding-right: 70px;
	padding-bottom: 50px;
}

body.works #CDBookCover.thums li {
	width: 100px;
	height: 95px;
}

body.works #Others.thums li {
	padding-right: 40px;
	padding-bottom: 40px;
}

/*
----------------------------------------------------------------------
	Access
----------------------------------------------------------------------
*/
body.access > header h2 {
	left: 542px;
	top: 40px;
	width: 110px;
	height: 127px;
	background: url("../img/current_access.png") no-repeat;
}

body.access > header nav a[title="access"] {
	background: none;
}

body.access #access {
	position: absolute;
	top: -10px;
	left: 38px;
}

body.access #bear {
	position: absolute;
	z-index: 99;
	top: 99px;
	left: 38px;
	-moz-transform-origin:center top;
	-webkit-transform-origin:center top;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

body.access #map {
	position: relative;
	overflow: hidden;
	width: 607px;
	height: 444px;
	border: 20px solid #a6a6a5;
}

body.access #map #imap,
body.access #map #gmap {
	position: absolute;
	left: 0px;
	top: -1px;
	width: 607px;
	height: 445px;
}

/*
----------------------------------------------------------------------
	Shopping
----------------------------------------------------------------------
*/
body.shopping > header h2 {
	left: 610px;
	top: 39px;
	width: 140px;
	height: 143px;
	background: url("../img/current_shopping.png") no-repeat;
}

body.shopping > header nav a[title="shopping"] {
	background: none;
}

body.shopping #Main .thums li {
	padding-right: 45px;
	padding-bottom: 45px;
}

body.shopping #Main .howtoget {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding-left: 40px;
	padding-bottom: 25px;
	color: #231815;
}

body.shopping #Main .howtoget h3 {
	margin: 0 0 18px -40px;
}

body.shopping #Main .howtoget a {
	display: block;
	margin-top: 5px;
	color: #231815;
}

body.shopping #Main .howtoget a:hover {
	text-decoration: underline;
}

/*
----------------------------------------------------------------------
	Contact
----------------------------------------------------------------------
*/
body.contact > header h2{
	left: 758px;
	top: 24px;
	width: 91px;
	height: 146px;
	background: url("../img/current_contact.png") no-repeat;
}

body.contact > header nav a[title="contact"] {
	background: none;
}

/**
 * Contact Elements
 */
body.contact #Main {
	margin-bottom: -25px;
	padding-bottom: 0;
	min-height: 1682px;
	background: url("../../contact/images/elements/line.png") no-repeat 305px 375px;
}

body.contact #Header {
	position: absolute;
	left: 10px;
	background: url("../../contact/images/elements/header.png") no-repeat;
	width: 865px;
	height: 332px;
}

body.contact #Header p {
	position: absolute;
	left: 590px;
	top: 153px;
	font-size: 80%;
}

body.contact #Account {
	position: absolute;
	left: 568px;
	top: 614px;
	width: 360px;
	line-height: 2;
}

body.contact #Number {
	position: absolute;
	left: 545px;
	top: 1265px;
}

body.contact #Address {
	position: absolute;
	left: 37px;
	top: 1290px;
	font-size: 120%;
}

body.contact #Address a {
	font-weight: bold;
}

body.contact #Address div {
	margin-top: 1em;
}

body.contact #Address div.address {
	position: relative;
	padding-left: 70px;
}

body.contact #Address div.address span {
	position: absolute;
	left: 0;
}

body.contact #LadderMan {
	position: absolute;
	left: 808px;
	top: 265px;
}

/**
 * form
 */
body.contact form[name=contact] {
	position: absolute;
	left: 35px;
	top: 280px;
	width: 510px;
}

body.contact form[name=contact] .head {
	position: relative;
	z-index: 1;
}

body.contact form[name=contact] .content {
	margin-top: -30px;
	margin-left: 25px;
	padding: 45px 20px 8px;
	background: #fff;
	border: 1px solid #8a8379;
	border-top: none;
	width: 418px;
}

body.contact input[name=name],
body.contact input[name=address] {
	display: block;
	margin-bottom: 18px;
	padding: 5px;
	width: 232px;
	height: 17px;
	background: url("../img/form_frame.gif") no-repeat;
	border: none;
	outline: none;
}

body.contact input[name=address] {
	width: 269px;
	height: 17px;
	background: url("../img/form_frame.gif") no-repeat 0px -27px;
	ime-mode: disabled;
}

body.contact .category {
	margin-bottom: 40px;
}

body.contact .category label {
	display: block;
	float: left;
	margin: 0;
	padding-right: 20px;
	background: url("../img/radio_off.png") no-repeat 0px 1px;
}

body.contact .category label.on {
	background-image: url("../img/radio_on.png");
}

body.contact .category input[type=radio] {
	visibility: hidden;
}

body.contact textarea[name=message] {
	padding: 8px;
	width: 409px;
	height: 223px;
	background: url("../img/form_frame.gif") no-repeat 0px -54px;
	border: none;
	outline: none;
}

body.contact .submit {
	text-align: center;
}


/**
 * thanks
 */
body.thanks #Main {
	min-height: 1250px;
}

body.thanks #Address {
	top: 850px;
}

body.thanks #Number {
	left: 250px;
	top: 810px;
}

body.thanks .content p {
	padding: 30px 0 45px;
	text-align: center;
	letter-spacing: 1px;
	font-size: 110%;
}



/*
----------------------------------------------------------------------
	Lodge
----------------------------------------------------------------------
*/
body.lodge > header h2 {
	left: 792px;
	top: 63px;
	width: 128px;
	height: 103px;
	background: url("../img/current_lodge.png") no-repeat;
}

body.lodge > header nav a[title="lodge"] {
	background: none;
}

body.lodge #Main {
	min-height: 535px;
}

body.lodge li {
	list-style: none;
}

/**
 * Lodge Elements
 */
body.lodge #Room {
	position: absolute;
	left: 58px;
	top: 90px;
}

body.lodge #Lodge {
	position: absolute;
	left: 720px;
	top: -30px;
}

body.lodge #FloorMap {
	position: absolute;
	left: 510px;
	top: 177px;
}

body.lodge #NowAtLodge {
	position: absolute;
	left: 485px;
	top: 20px;
}

body.lodge #PastExhibit {
	position: absolute;
	left: 48px;
	top: 215px;
}

body.lodge #Exmark {
	position: absolute;
	left: 717px;
	top: 198px;
}

body.lodge #What {
	position: absolute;
	left: 195px;
	top: 245px;
}

body.lodge #Smoke_1 {
	position: absolute;
	left: 56px;
	top: 34px;
}

body.lodge #Smoke_2 {
	position: absolute;
	left: 445px;
	top: 5px;
}

body.lodge #LadderMan {
	position: absolute;
	left: 764px;
	top: 194px;
}

body.lodge #TophatMan {
	position: absolute;
	left: 136px;
	top: -28px;
}

body.lodge #ExhibitionCalendar {
	position: absolute;
	left: 779px;
	top: 452px;
}
/*
----------------------------------------------------------------------
	Lodge Archive
----------------------------------------------------------------------
*/


body.lodgearchive > header h2 {
	left: 792px;
	top: 63px;
	width: 128px;
	height: 103px;
	background: url("../img/current_lodge.png") no-repeat;
}

body.lodgearchive > header nav a[title="lodge"] {
	background: none;
}

body.lodgearchive #Main .thums li {
	padding-right: 45px;
	padding-bottom: 45px;
}


/*
----------------------------------------------------------------------
	Lodge Calecdar
----------------------------------------------------------------------
*/


body.lodgecalendar > header h2 {
	left: 792px;
	top: 63px;
	width: 128px;
	height: 103px;
	background: url("../img/current_lodge.png") no-repeat;
}

body.lodgecalendar > header nav a[title="lodge"] {
	background: none;
}

/**
 * Lodge Calendar
 */
body.lodge #Calendar {
	position: absolute;
	left: 130px;
	top: 55px;
}

body.lodge #Schedule1 {
	position: absolute;
	left: 438px;
	top: 476px;
	width: 81px;
	height: 60px;
}

body.lodge #Schedule2 {
	position: absolute;
	left: 534px;
	top: 588px;
	width: 87px;
	height: 61px;
}

body.lodge #Schedule3 {
	position: absolute;
	left: 342px;
	top: 714px;
	width: 83px;
	height: 57px;
}