@charset "UTF-8";
/* CSS Document */

@import "/english/lib/cmn_css/component.css";

#header {
position: relative;
background:url(/english/img/bg_top_head.gif) bottom left no-repeat !important;
height:347px !important;
}

#header h1 {
	outline: 0;
	display:block;
	height:1px;
	margin:0 !important;
	padding:0 !important;
}

#header h1 span {
text-indent:-9999px;
	overflow:hidden;
	}
	
	/* except IE7 */
html>/**/body #header h1 span { 
	display:block;
}
/* except IE7 */

#pc-top-slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 898px;
	height: 330px;
}

.main-visual-loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	height: 1px;
	width: 50%;
	margin: auto;
	background-color: #222222;
}

.main-visual-loader:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #868583;
	-moz-animation: main-visual-loader 1s linear 1;
	-webkit-animation: main-visual-loader 1s linear 1;
	animation: main-visual-loader 1s linear 1;
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@-moz-keyframes main-visual-loader {
    from {width: 0;}
	50% {width: 50%;}
    to {width: 100%;}
}

@-webkit-keyframes main-visual-loader {
    from {width: 0;}
	50% {width: 50%;}
    to {width: 100%;}
}

@keyframes main-visual-loader {
    from {width: 0;}
	50% {width: 50%;}
    to {width: 100%;}
}

.main-visual-loader:after {
	content: "LOADING";
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 2px;
	font-family: serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #868583;
}

.pc-top-slider-pic {
	position: absolute;
	top: 2px;
	right: 0;
	opacity:0;
	width:750px;
	height:330px;
	-webkit-transition:2s linear;  
    -moz-transition:2s linear;  
    -ms-transition:2s linear;  
    transition:2s linear;  
}

.pc-top-slider-pic.show {
	opacity:1;
	z-index:2;
}

#pc-top-logo {
	display:none;
    position: absolute;
    top: 0;
	left: 0;
    width: 838px;
    height:219px;
	padding-left: 57px;
	padding-top: 116px;
	z-index:3;
	background:url(../cmn_img/pc-top-logo-bg.png) left top no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

#pc-top-contact {
	display:none;
    position: absolute;
    top: 0;
	right: 0;
    width: 421px;
    height:33px;
	z-index:3;
}
	
#contents div#rightContentsTop h2 {
	background:url(/english/img/h_top01.gif) top left no-repeat;
	color:#FFFFFF;
	outline: 0;
	display:block;
	line-height:100%;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	height:13px;
	width:79px;
}
#contents div#rightContentsTop h2 span {
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	width:62px;
}

#leftContentsTop {
	float:left;
	text-align:left;
	margin:50px 49px 0 0;
	padding:0;
	width:391px;
}
#rightContentsTop {
	float:right;
	text-align:center;
	margin:50px 0 35px 0;
	padding:0;
	width:450px;
}

/* leftMenu */
#leftContentsTop ul#leftMenuTop {
	margin:0 0 0 50px;
	width:341px;
	list-style: none;
}
#leftContentsTop ul#leftMenuTop li {
	outline: 0;
	display:block;
	margin-bottom:10px;
	height:50px;
	width:341px;
}
#leftContentsTop ul#leftMenuTop li a {
	outline: 0;
	display:block;
	height:50px;
	width:341px;
}

#leftContentsTop ul#leftMenuTop li a span {
	text-indent:-9999px;
	overflow:hidden;
}

/* except IE7 */
html>/**/body #leftContentsTop ul#leftMenuTop li a span {
	display:block;
}
/* except IE7 */

#leftContentsTop ul#leftMenuTop li.gallery {
	background:url(/english/img/btn_top01.jpg) left top no-repeat;
}
#leftContentsTop ul#leftMenuTop li.ochaji {
	background:url(/english/img/btn_top02.jpg) left top no-repeat;
}
#leftContentsTop ul#leftMenuTop li.manner {
	background:url(/english/img/btn_top03.jpg) left top no-repeat;
}
#leftContentsTop ul#leftMenuTop li.chanoyu {
	background:url(/english/img/btn_top04.jpg) left top no-repeat;
}

#contents div.blockTop {
	margin:0 auto;
	text-align:left;
	width:400px;
	clear: both;
}

#contents table {
border:0;
padding:0;
margin:0;
}

#contents table th {
white-space:nowrap;
}

#contents table th, #contents table td {
border:0;
padding:3px;
text-align:left;
font-weight:normal;
font-size:80% !important;
line-height:130% !important;
vertical-align:top;
}

#footer {
background:none !important;
	clear:both;
	margin:0;
	padding:0 0 10px 0;
	width:898px;
}

#footer div.bottomMenu {
	display:inline;
	float:left;
	margin:10px 0 10px 30px;
	text-align:left;
	width:838px;
}

#footer ul {
float:left;
	display:inline;
	margin:0;
	width:500px;
}

#footer ul li {
	background:url(/english/lib/cmn_img/icon_linkarrow.gif) center left no-repeat;
	display:block;
	float:left;
	font-size:65%;
	padding-left:15px;
	margin:0 30px 0 0;
}

#footer div.copyright {
	display:inline;
	color:#666666;
	float:right;
	font-size:10px;
	text-align:right;
	width:200px;
}

#contents p.linkArrow {
line-height:100% !important;
padding:0 0 5px 0 !important;
}