/* CSS Document */
*{
margin:0;
padding:0;
}

html{
height:100%;
/*min-height:100%;*/
}

body{
padding:0px;
	margin:0px auto;
	background-color:#000;
	font-family:sans-serif;
	font-size:80%;
	height: 100%;
	/*background-image: url(images/bk.jpg);
	background-repeat: repeat;
	background-position: center top;*/
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}


/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
height:100%;
min-height: 100%;
text-align:center;
}

body > #wrapper{
height:auto;	
}

/*CONTAINER*/
div#container{
width:1200px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
background-image: url(images/waku.png);
background-repeat: no-repeat;
background-position:center top;
background-color:#fff;
}


div#header{
width:1000px;
height:200px;
background-image: url(images/dl/header.jpg);
background-repeat: no-repeat;
background-position: top center;
position:relative;
left:101px;
}




div#main{
width:900px;
position:relative;
top:0px;
left:130px;
}


div#contents{
width:900px;	
}

.prestory{width:353px; position:relative; left:550px; top:-50px;}

.shortcut{font-size:1em; padding-bottom:20px;}
.contents_title{position:relative; margin-top:20px;}
.contents_exp{width:900px; margin-left:20px; margin-top:20px;}
.contents_exp img{margin-right:2px;}
span.url{margin:10px; font-size:2em; background-color:#FCC; padding:5px;}

.contents_title2{position:relative; margin-top:20px; margin-left:20px;}
.contents_exp2{width:900px; margin-left:40px; margin-top:20px;}
.contents_exp2 img{margin-right:5px;}
.caption{font-size:1em; line-height:1.5em; margin-top:5px;}
.copy{font-size:2em; margin-top:5px; padding-bottom:10px;}

.contents_box{width:840px;}

/*CAPTION付き画像*/
dl{margin:0px;}
dd{margin-top:5px; padding-bottom:20px;}


.states1{
width:456px;
float:left;
}

.states2{
width:364px;
float:right;
margin-top:100px;
}

.states3{
width:364px;
float:left;
}

.states4{
width:456px;
float:right;
margin-top:100px;
}



/*画像横並び*/

ul.example {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.example li {
float: left;
width:178px;
margin-right: 1px;
padding: 1px;
}


ul.example2 {
margin: 0;
padding: 0;
list-style-type: none;
}


ul.example2 li {
float: left;
width:205px;
margin-right: 1px;
padding: 1px;
}


/* --- リストエリア --- */
ul.thumbnail {
width: 900px; /* リストエリアの幅 */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 290px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 277px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */

}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

div.clear{
	clear:both;
}

.supportlink{
width:1000px;
font-size:1.2em;
line-height:1.5em;
margin-top:50px;
padding-bottom:20px;
text-align:left;
}


div#footer{
	width:1200px;
	height:150px;
	position:relative;
	top:0px;
	background-image: url(images/dl/footer_dl.jpg);
    background-repeat: no-repeat;
	margin-bottom:0px;
}


div#footer .copyrights{
position:relative;
top:50px;
text-align:center;
}