@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	overflow-x: hidden;
}
.wrapper{
	width: 100%;
}
.container{
	width: 1100px;
	margin: 0 auto;
}
#menu_wrapper {
	width: 300px;
	float: left;
	margin-top: 20px;
}
#menu {
	width: 300px;
	margin-bottom: 30px;
}
#menu li{
	background-image: url(../images/line1.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 15px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 15px;
}
#mainArea {
	float: right;
	width: 720px;
}
#slide {
	height: 630px;
	width: 840px;
	margin: 0 0 0 -60px;
	overflow: hidden;
}
#Information dl , #Event dl{
	width: 720px;
}
#Information dt , #Event dt{
	width: 10em;
	float: left;
	clear: both;
	font-weight: normal;
	padding: 15px 0;
}
#Information dd p , #Event dd p{
	margin: 10px 0 0;
}
#Information dd span , #Event dd span{
	font-weight: bold;
}
#Information dd , #Event dd{
	padding: 15px 0 15px 10em;
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Information dd:last-child , #Event dd:last-child{
	/* [disabled]background-image: url(none); */
}
#Event .evt   {
	padding: 50px 0 15px;
	background-image: url(../images/line2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Goods .item{
	text-align: center;
	float: left;
	margin-top: 0;
	margin-right: 3px;
	margin-left: 3px;
	margin-bottom: 20px;
	width: 236px;
	display: block;
}
#Goods .item a img{
	margin-top: 4px;
	margin-bottom: 10px;
}
#Goods .item img {
	margin: 0 0 10px;
}
#Goods p {
	margin: -2px 0 0 0;
}
#Material .item{
	float: left;
	margin: 30px 0 0 60px;
	width: 200px;
	text-align: center;
}
#Material .item p{
	padding: 15px 0 0;
}
#Material .item p{
	white-space: nowrap;
}
.img1 , .img2, .img3, .img4, .img5{
	position: absolute;
	width: 200px;
	height: 200px;
}
#Biography dl{
	width: 720px;
}
#Biography dt{
	width: 10em;
	float: left;
	clear: both;
	font-weight: normal;
	padding: 15px 0;
}
#Biography dd{
	padding: 15px 0 15px 10em;
	background-image: url(../images/line3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Biography dd:last-child{
	/* [disabled]background-image: url(none); */
}
#Biography .designer{
	position: absolute;
	width: 274px;
	margin-top: -50px;
	margin-left: 500px;
	background-repeat: no-repeat;
	height: 264px;
}
#footer {
	width: 1100px;
	/* [disabled]background-image: url(../images/line4.png); */
	background-repeat: no-repeat;
	background-position: center top;
	margin: 85px 0 0;
	padding: 0 0 15px;
}
.over:hover    {
	opacity: 0.8;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}
.care {
	margin: 3em 0 1.5em ;
	font-weight: bold;
	font-size:108%;
}
#Invoice {
	margin: 35px 0 0 ;
	padding: 25px 0 35px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}