@charset "UTF-8";
html{
    height:100%;
}
body  {
	font: Helvetica, sans-serif;
	background: #FFF;
	text-align: center;
	font-size: 10px;
	margin: 0;
    padding:0;
     height:100%;
}

#box,#container {
	background-color: #FFF;
	width: 900px;
	padding-bottom: 0px;
	position: absolute;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -317px;
	margin-bottom: 0px;
	left:50%;
	margin-left:-450px;
	top: 50%;
	background-image: url(img/di_copyright.png);
	min-height: 635px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 635px;
}

#spear {
	background-color: #CCFF33;
	height: 635px;
	width: 900px;
	padding-bottom: 0px;
	position: absolute;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: 0px;
	left:50%;
	margin-left:-450px;
}

#mailform {
	padding-top: 30px;
}
p {
	line-height: 150%;
}
#container-innner {
	width:900px;
	background-color:#FFF
	margin: 0px;
	background-color: #009933;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	text-align: center;
	min-height: 635px;
}
a {
	border: 0;
}

.mailform1 {
	font-size: 90%;
	color: #666666;
	line-height: 100%;
}

.style1 {color: #FF0000}


#space {
	height: 27px;
	width: 520px;
}

.message1 {
	font-size: 15px;
	line-height: 300%;
	color: #999999;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	margin-bottom: 0px;
	margin-top: 100px;
}

.message2 {
	margin-top: 25px;
	margin-bottom: 68px;
	margin-left: 220px;
	line-height: 150%;
	font-size: 120%;
	color: #666666;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#etc {
	padding: 0px;
	height: 580px;
	width: 900px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#menu
{
	margin: 0;
	height: 25px;
	width: 100%;
	background-color: #333;
	text-align: center;
	border: 0;
}
#menu a
{
	border: 0;
}

#left  {
	width: 400px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0 0 0 0;
	height: 635px;
	float: left;
	margin: 0;
}
#right  {
	margin: 0 0 0 400px; /* この div エレメントの左マージンにより、ページの左側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 0 0 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	height: 635px;
	background-image: url(img/collection_flame.png);
	background-repeat: no-repeat;
}
#right img {
	height: 430px;
	width: 307px;
	margin-top: 93px;
}
#header {
	height: 93px;
	width: 100%;
	text-align: left;
	background-image: url(img/collection_header.png);
	padding: 0;
	margin-bottom: 45px;
}
#thumb {
	height: 245px;
	padding-left: 20px;
}
#concept {
	height: 101px;
	padding: 0;
}
#navi {
	height: 33px;
	padding-right: 24px;
	text-align: right;
	background-image: url(img/navi_bar.png);
	background-position: bottom;
	background-repeat: no-repeat;
}
.thumb {
	border: solid black 1;
	margin-bottom: 19px;
	margin-right: 16px;
}
#spec {
	text-align: right;
	padding-right: 14px;
	height: 118px;
}
.thumb a:hover {
	border: 1px #000000;
}
.thumb a {
	border: 0;
}
.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#container2 {
	background-color: #FFF;
	width: 900px;
	padding-bottom: 50px;
	bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	left:50%;
	margin-left:-450px;
	top: 10%;
	position: absolute;
	background-attachment: fixed;
}