﻿@charset "utf-8";

@import "reset-min.css";

html{
	background-color:#eee;
}

body{
	font-size:12px;
	line-height:1.5;
	background-color:#f8f8f8;
	color:#333;
	font-family:"メイリオ",Meriyo,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper{
	width:540px;
	margin:auto;
}

#header{
/*	border-bottom:0.5em solid #c00;
	margin-bottom:0.5em;
	padding:1.5em 0;  */
	background:#fff;
}
h1{
	width:540px;
	margin:0 auto;

}

#main{
	width:540px;
	margin:3em auto 4.5em;
}

#main h2{
	border-bottom:0.25em solid #999;
	font-size:1.5em;
	padding:0.5em 0 0.4em;
	margin-bottom:1em;
	color:#666;
	text-shadow:0 1px 0 #fff;
}
#main h3{
	font-weight:bold;
}

#main p{
	margin-bottom:1em;
}

.linklist li{
	padding:0.5em;
	background:#fff;
	margin-bottom:0.5em;
	border:1px solid #ddd;
	border-radius:3px;
    -moz-border-radius:3px;
	-webkit-border-radius: 3px;
}



.js_tooltipContent{
	position:absolute;
	z-index:100;
    background-color:#f8f8ee;
    padding:1em;
    border:3px double #ccc;
    width:300px;
    display:none;
	-moz-box-shadow:0 3px 3px rgba(0,0,0,.3);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.3);
}

.js_tooltipContent img{
	float:left;
	margin:0 1em 0.5em 0;
}
.js_tooltipContent p{
	margin-bottom:0;
}

#footer{
	border-top:1px solid #ddd;
	background-color:#eee;
}

#copy{
	width:540px;
	margin:0 auto;
	padding:1.5em 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999;
}


.group:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.group{
	_height: 1px;
	min-height: 1px;
}
