@charset "UTF-8";

/* ____________________
  /                     初期化
*/

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, address,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
	margin: 0;
	padding: 0;
	font-size:small;
	line-height:1.5em;
	font-weight:normal;
	font-style:normal;
}


/* _______________ Tags
*/


body {
}

img {
	border:none;
	vertical-align:bottom;
}

a {
}

a:hover {
}


/* _______________ Class
*/

.float-l {
	float:left;
}

.float-r {
	float:right;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	background:none;
}

br.clear {
	clear:both;
}

.align-l {
	text-align:left;
}

.align-r {
	text-align:right;
}

.align-c {
	text-align:center;
}




/* ____________________ Layout
*/

div#container {
	width:900px;
	height:675px;
	margin:auto;
	background:#000;
}

/* ____________________ Header
*/

div#container #header {
	height:50px;
	background:#f5f2e8;
}

div#container #header ul {
	padding:0 0 0 25px;
	width:735px;
	float:left;
}

div#container #header ul li {
	float:left;
	padding:15px 0 0 0;
}

div#container #header ul li a {
	display:block;
	width:120px;
	border-left:solid 1px #aaa;
	padding:5px 0 0 0;
	height:	15px;
	text-align:center;
}

div#container #header ul li.last a {
	border-right:solid 1px #aaa;
}

div#container #header ul li img {
	vertical-align:top;
}

div#container #header #lang {
	width:118px;
	float:right;
	padding:5px 0 0 0;
}

div#container #header #lang img {
	margin:0 0 1px 0;
}


/* ______________ Main
*/

div#container #main {
	height:575px;
}


/* ______________ Footer
*/

div#container #footer {
	height:50px;
	background:#f5f2e8;
}

div#container #footer #footer_copy {
	padding:20px 20px 0 0;
	text-align:right;
}

/* ______________ TOP
*/

div#container #main #top {
	background:url(../images/top.jpg) left top no-repeat;
	height:575px;
	position:relative;
}

div#container #main #top a {
	display:block;
	width:290px;
	height:30px;
	position:absolute;
	left:42px;
	top:338px;
}

div#container #main #top2 {
	background:url(../images/top2.jpg) left top no-repeat;
	height:575px;
	position:relative;
}

div#container #main #top2 #top_subnav {
	width:341px;
	position:absolute;
	left:509px;
	top:27px;
}

div#container #main #top2 #top_subnav h2 {
	margin:0 0 10px;
}

div#container #main #top2 #top_subnav table {
	width:100%;
	margin:0 0 6px;
	border-spacing:0;
	border-collapse:collapse;
}

div#container #main #top2 #top_subnav table td {
	padding:0 0 5px;
}

div#container #main #top2 #top_subnav table td a {
	margin:0;
	padding:0;
}

/* ______________ INNER
*/

div#container #main #subnavi {
	width:220px;
	float:left;
	padding:0 0 0 20px;
}
div#container #main #subnavi h1 {
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	text-align:center;
}

div#container #main #subnavi h2 {
	margin:0 0 8px;
}

div#container #main #subnavi table {
	width:100%;
	margin:0 0 4px;
	border-spacing:0;
	border-collapse:collapse;
}

div#container #main #subnavi table td {
	padding:0 0 3px;
}

div#container #main #content {
	width:620px;
	float:right;
	padding:0 20px 0 0;
}

div#container #main #content #content_top {
	height:30px;
}

div#container #main #content #content_top h3 {
	width:300px;
	height:22px;
	margin:15px 0 0 0;
	float:left;
	overflow:hidden;
	position:relative;
}

div#container #main #content #content_top h3 ul {
	position:absolute;
	left:0;
	top:0;
}

div#container #main #content #content_top h3 ul li {
	width:300px;
	float:left;
}

div#container #main #content #content_top h3 ul li img {
	vertical-align:top;
}

div#container #main #content #content_top #arrows {
	width:42px;
	float:right;
	margin:10px 0 0 0;
}

div#container #main #content #content_top #arrows li {
	float:left;
}

div#container #main #content #mainarea {
	width:625px;
	height:523px;
	border:solid 1px #000;
	overflow:hidden;
	position:relative;
}

div#container #main #content #mainarea ul {
	position:absolute;
	left:0;
	top:0;
}

div#container #main #content #mainarea ul li {
	width:625px;
	height:523px;
	float:left;
	overflow:hidden;
}



/* ______________ Heritage Corner
*/

div#container #main #heritage {
	width:580px;
	height:495px;
	float:right;
	margin:20px 20px 0 0;
	padding:20px;
	background:#fff;
	overflow:auto;
}

div#container #main #heritage ul {
	width:520px;
	margin:auto;
	padding:30px 0 0 0;
}

div#container #main #heritage #heritage_inner {
	width:580px;
	margin:auto;
}

div#container #main #heritage #heritage_inner .heritage_list {
	margin:0 0 30px;
}

div#container #main #heritage #heritage_inner .heritage_list ul {
	width:580px;
}

div#container #main #heritage #heritage_inner .heritage_list ul li {
	margin:0 0 15px;
}

div#container #main #heritage #heritage_inner .heritage_list ul dl {
	width:280px;
}

div#container #main #heritage #heritage_inner .heritage_list ul dl dt {
	border-bottom:solid 1px #999;
	padding:0 0 5px 0;
	text-align:left;
}

div#container #main #heritage #heritage_inner .heritage_list ul dl dd {
	padding:15px 0 0 0;
	text-align:center;
}

div#container #main #heritage #heritage_inner .corner2 ul {
	width:580px;
	padding:0 0 30px;
}

div#container #main #heritage #heritage_inner .corner2 ul li {
	margin:0 0 35px;
}



/* ______________ Color Stone
*/

div#container #main #colorstone {
	text-align:center;
	position:relative;
}

div#container #main #colorstone table {
	margin:auto;
	border-left:solid 1px #666;
	position:absolute;
	left:45px;
	top:45px;
}

div#container #main #colorstone table td {
	width:114px;
	height:82px;
	padding:0 0 5px 0;
	vertical-align:bottom;
	text-align:center;
	border-right:solid 1px #666;
}

div#container #main #colorstone table#en td {
	height:69px;
	vertical-align:middle;
}

div#container #main #colorstone #colorstone_inner {
	width:780px;
	height:490px;
	position:absolute;
	left:60px;
	top:50px;
	background:#fff;
	display:none;
}

div#container #main #colorstone #colorstone_inner #colorstone_inner_head {
	background:#9F9FA0;
	padding:2px 4px;
	text-align:right;
}

div#container #main #colorstone #colorstone_cover {
	width:900px;
	height:575px;
	background:#000;
	opacity:0.2;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

div#container #main #colorstone #colorstone_cover a {
	display:block;
	width:900px;
	height:575px;
}

div#colorstone_page {
	width:710px;
	margin:auto;
	padding:15px 0;
}

div#colorstone_page #colorstone_left {
	width:180px;
	float:left;
}

div#colorstone_page #colorstone_right {
	width:500px;
	float:right;
}

div#colorstone_page #colorstone_right h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:11.5pt;
}

div#colorstone_page #colorstone_right p {
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体";
}


/* ______________ Contact
*/
div#contact {
	
}

div#contact #contact_inner {
	width:800px;
	margin:auto;
	padding:30px 0 0 0;
}

div#contact #contact_inner #contact_top {
	text-align:center;
	padding:0 0 20px;
}

div#contact #contact_inner #contact_top .contact_title {
	margin:0 0 10px;
}

div#contact #contact_inner #contact_top .contact_mail {
	margin:0 0 10px;
}

div#contact #contact_inner #contactform,
div#contact #contact_inner .confirm, {
	background:#888;
	padding:10px 20px;
}

div#contact #contact_inner #contactform table,
div#contact #contact_inner .cinfirm table {
	width:700px;
}

div#contact #contact_inner #contactform table th,
div#contact #contact_inner .confirm table th {
	width:200px;
	background:#fff;
	text-align:left;
	vertical-align:top;
	padding:5px 10px;
	height:20px;
}

div#contact #contact_inner #contactform table th.require,
div#contact #contact_inner .confirm table th.require {
	background:url(../contact/images/require.gif) right top no-repeat #fff;
}

div#contact #contact_inner #contactform table#en th.require,
div#contact #contact_inner .confirm table#en th.require {
	background:url(../contact/images_en/require.gif) right 0.1em no-repeat #fff;
}

div#contact #contact_inner #contactform table .nobg,
div#contact #contact_inner .confirm table .nobg {
	background:none;
}

div#contact #contact_inner #contactform table td {
	padding:0 0 0 6px;
}

div#contact #contact_inner .confirm table td {
	background:#fff;
	padding:3px 5px;
	width:400px;
}

div#contact #contact_inner #contactform table td input,
div#contact #contact_inner .confirm table td input {
	padding:5px 10px;
	height:30px;
}

div#contact #contact_inner #contactform table td input.input_middle,
div#contact #contact_inner .confirm table td input.input_middle {
	width:235px;
}

div#contact #contact_inner #contactform table td input.input_large,
div#contact #contact_inner .confirm table td input.input_large {
	width:470px;
}

div#contact #contact_inner #contactform table td textarea,
div#contact #contact_inner .confirm table td textarea {
	width:470px;
	height:110px;
}

div#contact #contact_inner #contactform table td.submit,
div#contact #contact_inner .confirm table td.submit {
	padding:15px 0 0;
}

.rencaution {
	color:#f00;
	font-size:8pt;
}

div#contact #contact_inner .complate {
	background:#fff;
	padding:20px;
}



/* ______________ Heritage Corner
*/

div#container #main #link {
	width:580px;
	height:495px;
	float:right;
	margin:20px 20px 0;
	padding:20px;
	background:#fff;
	overflow:auto;
}

div#container #main #link h3 {
	margin:0 0 15px 0;
}

div#container #main #link li {
	margin:0 0 15px 0;
}