/*初期設定*/
*{margin:0;padding:0;}
body{font-family:Arial,"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ pro W3";}
address{font-size:10px;color:#ffffff;float:right;margin-right:10px;}
h1{display:none:}
ul,li{list-style: none;}
p,ul,li {font-size:13px;line-height: 140%;}
img{border:0;}

#wrapper{
	width:861px;
	height:auto;
	background:#ffffff;
	}
/*サブメニュー設定*/
#sub{
	height:25px;
	background:url(../images/copyback01.gif) repeat-x;
	}
#sub ul{text-align: right;padding:3px;}
#sub ul li {display: inline;
	font-size:14px;
	margin:10px;
	}
#sub a {text-decoration:none;}
#sub a:link{color:white;}
#sub a:hover{ color:black; }
#sub a:visited { color:black;}

/*ヘッダー設定*/
#header{
	float:left;
	width:100px;
	height: 800px;
	background:url(../images/top_01.gif) no-repeat;
	}
#header h1 a span{display: none;}
#header h1 a {display: block;width:50px;height:250px;
	background:url(../images/toplinkspacer.gif) no-repeat;
	position: relative;
	top:100px;left:30px;}
	
/*メニュー設定*/
#main{
	float: left;
	background: url(../images/top_02.gif) no-repeat #ffffff;
	}
	
#menu{
	float: left;
	width:160px;
	height: 800px;
	}
#menu ul {margin-left:10px;}
#menu ul li{float: left;}
#menu a span{ display: none;}
#menu ul li a{float: left;display: block;width: 35px;height:403px}
#menu ul li a.menu01:hover {background: url(../images/menu_03.gif) no-repeat;}
#menu ul li a.menu02:hover {background: url(../images/menu_04.gif) no-repeat;}
#menu ul li a.menu03:hover {background: url(../images/menu_05.gif) no-repeat;}
#menu ul li a.menu04:hover {background: url(../images/menu_06.gif) no-repeat;}

/*コンテンツ設定*/
#contents{
	float: left;
	width:600px;
	min-height: 700px;
	background:white;
	}
#contents h1 span{display: none;}
#contents .main{
	margin:20px auto;
	text-align: center;
	width:500px;
	height:auto;
	}
#newInfo{
	float:left;
	margin:5px;
	padding:5px;
	border-right:1px dotted #cccccc;
	width:150px;
	min-height: 400px;
	text-align: left;
	}
#newInfo ul li {
	list-style-image: url(../images/newinfo.gif);
	margin:8px 0;
	}
#newInfo ul {
	padding-left:18px;	
	}
#newInfo h2 {
	font-size: 0.8em;
	color: white;
	background: #cccccc;
	padding:3px;
	border:1px solid #999999;
	}
.clear:after{
	content:".";
	display: block;
	height:0;
	clear: both;
	visibility: hidden;
	}
.clear:after{
	display: inline-teble;
	}
/*MacIE begin \*/
* html .clear{
	height: 1%;
	}
.clear {
	display: block;
	}
/*MacIE end*/
#message {
float: right;
	width:315px;
	}

#message h2{
	padding:8px 5px;
	font-size: 1.2em;
	font-weight: bold;
	color:#2a9cd6;
	}
#message p {
	padding:5px;
	text-align: left;
	}
#message .date {
	font-size:0.7em;
	padding:2px;
	border-bottom:2px dotted #cccccc;
	display:block;
	}
#mailForm {
	padding:20px 20px 20px 20px;
	border:1px solid #cccccc;
	text-align: left;
	font-size: 13px;
	}
#atention{
	padding:6px;
	margin:10px;
	font-size:10px;
	line-height: 140%;
	color:white;
	border:1px solid white;
	}
#counter {padding-left:10px;}
#footer{
	width:861px;
	height:15px;
	background:url(../images/copyback.gif) repeat-x;
	}