﻿@charset "utf-8";

*{
	margin:0;
	padding:0;
}

html,body {
	height: 100%;
}

body {
	background-color: #fff;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",Osaka,"ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;
}

a {
	text-decoration:none;
	color: #666;
}

a img {
	border: none;
}

img {
	border: none;
}

div#container{
	background-color: #fff;
	position:relative;
	min-height: 100%;
}

div#header {
	background-color: #fff;
	padding-top: 74px;
}

div#header h1 {
	background-color: #fff;
	margin:0 auto;
	width: 968px;
}

div#header h1 a {
	display: block;
	background-image:url('../img/logo.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	width: 102px;
	height: 81px;
	margin:0 auto;
}



div#content {
	background-color: #fff;
	width: 968px;
	height: 100%;
	margin:0 auto;
	padding-bottom:306px;
}

div#content_outer {
	background-color: #fff;
	margin: 59px 0 0 70px;
	width: 828px;
	height: 232px;
}

div#content_outer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#content_outer dl {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#content_outer ul li {
	display: block;
	background-image:url('../img/wbase.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	padding: 0;
	margin: 0;
	width: 212px;
	height: 232px;
}

div#content_outer ul li#m2 {
	margin: 0 96px 0 96px;
}

div#content_outer ul li dl {
	background-color: none;
	display: block;
	width: 170px;
	height: 190px;
	margin: 21px;
}

div#content_outer ul li dl dt.t1,
div#content_outer ul li dl dt.t2,
div#content_outer ul li dl dt.t3 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	width: 170px;
	height: 14px;
}

div#content_outer ul li dl dt.t1 {background-image:url('../img/t1.gif');}
div#content_outer ul li dl dt.t2 {background-image:url('../img/t2.gif');}
div#content_outer ul li dl dt.t3 {background-image:url('../img/t3.gif');}

div#content_outer ul li dl dd {
	margin-top: 43px;
}


.clear {
	clear: both;
	visibility: hidden;
	height: 80px;
}

* html div#content {height: 0;}
* html div#container {height:100%;}
* html div#header {text-align:center;}
* html div#content {width:100%; text-align:center;}
* html div#content_outer {margin-left:0;}
* html div#content_outer ul {text-align:left;}

