td{
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	color: #333333;
	font-size: 12px;
}
a.link:link {
 text-decoration: underline;
 color: #663366;
 margin: 0 0 0 10px;
}
a.link:visited {
 text-decoration: underline;
 color: #663366;
 margin: 0 0 0 10px;
}
a.link:active {
 text-decoration: underline;
 color: #663366;
	margin: 0 0 0 10px;
}
a.link:hover {
 text-decoration: underline;
 color: #663366;
	margin: 0 0 0 10px;
}

a.text:link {
 text-decoration: none;
 color: #663366;
}
a.text:visited {
 text-decoration: none;
 color: #663366;
}
a.text:active {
 text-decoration: none;
 color: #663366;
}
a.text:hover {
 text-decoration: underline;
 color: #663366;
}
#logo{
 float: left;
}
ul.header{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li.header{
 display:inline;
 margin: 0;
	padding: 0;
}
li.header img{
 margin: 0 0 0 14px;
}

ul.title{
	margin: 0;
	padding: 0;
	text-align:left;
	list-style-type: none;
}
li.title1{
	margin: 0;
	padding: 0;
	text-align:left
}
li.title2{
	margin: 2px 0 3px 8px;
	padding: 0;
	text-align:left;
	line-height:normal
}
li.title3{
	margin: 7px 0 8px 8px;
	padding: 0;
	text-align:left;
	line-height:normal;	
}
li.title3_1{
	margin: 4px 0 6px 8px;
	padding: 0;
	text-align:left;
	line-height:normal;	
}
li.title4{
	margin: 4px 0 5px 8px;
	padding: 0;
	text-align:left;
	line-height:normal;	
}

#list_header{
	width: 770px;
	margin: 20px auto 0 auto;
	text-align:left;
}
h2#wakitakazu{
	width: 770px;
	margin: 20px auto 15px auto;
	text-align:left;
}
#list_footer{
	width: 770px;
	border-top: 1px solid #666666;
	margin: 20px auto 0px auto;
	padding: 5px 0 10px 0;
	text-align:right;
	clear:both
}

.list_content{
 width: 770px;
	margin: 0px auto 0px auto ;
}
.list_content2{
 width: 770px;
	margin: 0px auto 0px auto ;
}
.list_content_left{
 float: left;
	width: 375px;
	margin: 0 0 15px 0;
}
.list_content_right{
 float: right;
	width: 375px;
	margin: 0 0 15px 0;
}
.view_data{
 font-size: 12px;
	line-height: 140%;
	text-align:left;
	vertical-align:top
}
.list_btn_area{
 padding: 0 0 10px 10px;
}
#loding_img{
 width: 770px;
 position:absolute;
 left:50%;
	margin-left:-383px;
	text-align:left
}
#loding_img2{
 width: 770px;
 position:absolute;
 left:50%;
	margin-left:-375px;
	text-align:left
}

#header{
 width: 770px;
 position:absolute;
 left:50%;
	top: 20px;
	margin-left:-385px;
	text-align:left
}
#title{
 width: 770px;
 position:absolute;
 left:50%;
	top:103px;
	margin-left:-385px;
	text-align:left
}
#main{
	width: 770px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 144px;
	margin-left: -385px;
	z-index: 100;
	overflow: hidden;
}
#footer{
 width: 770px;
	border-top: 1px solid #666666; 
 position:absolute;
 left:50%;
	top: 563px;
	margin-left:-385px;
	padding: 5px 0 10px 0;
	z-index:90;
	text-align:right
}
#bottom_menu{
	width: 770px;
	position:absolute;
	left:50%;
	top: 521px;
	margin-left:-385px;
	text-align:left;
	z-index: 80;
}

.details_img1{
 margin: 0;
	padding: 0;
}
.details_content{
 width: 770px;
	height: 400px;
}
.details_left{
 float: left;
	width: 370px;
	height: 350px;
	text-align:right
}
.details_right{
 float: right;
	width: 370px;
	height: auto;/*200730*/
	text-align:left;
}
.details_bottom_area{
 clear:both;
}
.details_bottom_menu{
	width: 770px;
	position:absolute;
	left:50%;
	top: 521px;
	margin-left:-385px;
	text-align:left;
	z-index: 200;
}
.details_text{
 line-height: 140%;
}


#help_box{
 padding: 0 0 0 20px;
}
.help_text{
 line-height: 140%;
}
#help_top{
 line-height: 140%;
 padding: 0;
 background: none;
}
.help_text2{
	text-align:center;
	margin: 15px 0 15px 0;
}
.help_text2 #text{
	background-color: #E7E7E7;
	border: 1px solid #cccccc;
	padding: 4px;
	font-weight:bold;
}
.help_text #text2{
	background-color: #E7E7E7;
	border: 1px solid #cccccc;
	padding: 4px;
}
.help_text a:link {
 text-decoration: underline;
 color: #663366;
 margin: 0 0 0 10px;
}
.help_text a:visited {
 text-decoration: underline;
 color: #663366;
 margin: 0 0 0 10px;
}
.help_text a:active {
 text-decoration: underline;
 color: #663366;
	margin: 0 0 0 10px;
}
.help_text a:hover {
 text-decoration: none;
 color: #663366;
	margin: 0 0 0 10px;
}







.roll{
cursor: pointer;
}
.input_text{
 border: 1px solid #cccccc;
	font-size:12px;
	color: #333333;
	padding: 1px 0 0 2px;
	text-align:center
}
.end{
 clear:both
}


/* ハートランド作品集追加分 */
h2#heartland{
	width: 770px;
	margin: 40px auto 15px auto;
	text-align:left
}
div#hl{
	width: 770px;
	margin: 15px auto 0 auto;
}
div#hl h1#hl_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/haertrland_title.gif) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}
div#hl #iframe{
	width: 100%;
	height: 355px;	
	margin: 0 0 0 0;
}

div#hl_con{
	width: 770px;
}
div#hl_con .img{
	float: left;
	width: 370px;
	height: 350px;
	text-align: right
}
div#hl_con .mainImg_link, .list_content table .mainImg_link-s {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	transition: opacity .6s;
}
div#hl_con .mainImg_link::after {
	position: absolute;
	content: "";
	width: 46px;
	height: 46px;
	right: 5px;
	bottom: 5px;
	background: url(../img/icon_zoom.png) right bottom no-repeat;
	background-size: 46px auto;
}
.list_content table .mainImg_link-s::after {
	position: absolute;
	content: "";
	width: 23px;
	height: 23px;
	right: 2px;
	bottom: 2px;
	background: url(../img/icon_zoom.png) right bottom no-repeat;
	background-size: 23px auto;
}
div#hl_con .mainImg_link:hover, .list_content table .mainImg_link-s:hover {
	opacity: .6;
}
div#hl_con .data{
	float: right;
	width: 370px;
	height: 350px;
	text-align: left
}
div#hl_con .menu{
	width: 770px;
	margin: 20px 0 30px 0;
}


/* museum */
h2#museum{
	width: 770px;
	margin: 40px auto 15px auto;
	text-align:left
}
div#hl h1#museum_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/museum_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}

/* work */
h2#work{
	width: 770px;
	margin: 40px auto 15px auto;
	text-align:left
}
div#hl h1#work_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/work_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}
/* [木のデザインカタログ] */
div#hl h1#wood_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/wood_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}

/* [木のデザインカタログ]2013 */
div#hl h1#wood2013_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/wood2013_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}

/* カレンダー */
div#hl h1#calendar_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/calendar_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}
	/* ヨーロッパ カラマツ */
div#hl h1#ec_title{
	width: 770px;
	height: 21px;
	margin: 0 auto 15px auto;
	background: url(../img/ec_title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0px;
}