/* 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#menu{
	position:relative;
top:20px;
padding-bottom:20px;
}

/*Select Menu*/
ul#gloval_navi {
    width:900px;
    height:50px;
    /*border:1px #999 solid;*/
    margin-bottom:15px;
	
}
ul#gloval_navi li {
    width:180px;
    height:50px;
    float:left;
    text-align:center;
    line-height:50px;
	list-style-type: none;
    margin:0;
    padding: 0;
}
ul#gloval_navi li a {
    display:block;
    width:180px;
    height:50px;
    background-color:#EEE;
	text-decoration:none;
}
ul#gloval_navi li a:hover {
    background-color:#F90;
    color:#FFF;
}

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


div#contents{
width:920px;	
}


.shortcut{font-size:1em; padding-bottom:20px;}
.contents_title{
width:920px;
position:relative;
top:20px;
left:20px;
font-size:1.2em;
line-height:1.5em;
padding-bottom:20px;
}
.contents_exp{
width:920px;
margin-left:20px; margin-top:20px;
}
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:1px;}
.contents_exp3{width:900px; margin-left:20px; margin-top:20px;}
.contents_exp4{
width:920px;
margin-left:20px; margin-top:20px;
}
.contents_exp4 img{margin:10px;}



.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: 100%; /* リストエリアの幅 */
margin: 0;
padding: 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

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


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

ul.thumbnail2 li {
width: 410px; /* 項目の幅 */
float: left;
}

ul.thumbnail3 li {
width:410px; /* 項目の幅 */
float: left;
}

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

ul.thumbnail2 dl {
width: 400x; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
}

ul.thumbnail3 dl {
width: 400px; /* 内容の幅 */
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;
}


/*for buttonaction*/

#section{width:900px; padding-bottom:20px;}

.explain{width:420px; font-size:1em; line-height:1.5em; margin:5px;}
.explain02{width:800px; font-size:1.2em; line-height:1.5em; margin:5px;}

.explain2{color:#C00; font-size:1.5em; line-height:1.5em; margin-left:10px; margin-top:10px;}


.explainthumb{float:left; width:450px;}
.explainthumb2{width:450px;}

.explainthumb3{float:right; width:450px;}
.explainthumb4{width:450px;}

.explainthumb5{width:500px;}
.explainthumb6{width:820px;}