﻿@charset "utf-8";


body {
	background: #FFFFFF;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.2em;
	margin:0;
	padding:0;
	color: #333333;
	background-image: url(../images/bg.gif);
}

a:link { color: #333333; }
a:active { color: #333333; }
a:hover { color: #0000FF; }

img {
	border: none;
	vertical-align: bottom;
}
#container {
	width: 800px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	background: #FFFFFF;
}


#header {
	width: 800px;
	height: 85px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding:0;
	background-image: url(../images/header.jpg);
}

#header h1 {
	font-size: 60%;
	margin-left: 20px;
	display:inline;
}

#header h2 {
	margin-top: 0px;
	margin-left: 10px;
}

#header p {
	display:inline;
}

#main {
	width:770px;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 50px;
	padding: 5px 5px 5px;
	font-size:80%;
	font-color: #333;
}

#main h1 {
	font-size:130%;
	color:#000000;
}

#main h2 {
	font-size:110%;
	font-weight:normal;
	color:#000000;
}

#main h3 {
	width:auto;
	height:20px;
	margin-left: 0px;
	border-left:8px solid #FFCC00;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	border-right:1px dotted #999999;
/*	background-color:#eeeeee; */
	padding:2px 5px 2px;
	background-image:url(../images/h3_bg.gif);
	font-size:110%;
}

#main h4 {
	font-size:80%;
	font-weight:normal;
	display:inline;
}

#main .font130 {
	font-size:130%;
	font-weight:bold;
	color:#000000;
}

#main .font110 {
	font-size:110%;
	font-weight:bold;
	color:#000000;
}

#main dt {
	font-size:110%;
	font-weight:bold;
	color:#000000;
}

#main .banner {
	width: 780px;
	padding: 0px 0px 0px;
	text-align:center;
}

#main .news {
	width: 780px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px 0px 0px;
	border: 1px solid #CCCCCC;
	font-size:70%;
}

#main .area {
	width: 770px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 0px 0px 0px;
	border: 1px solid #CCCCCC;
	font-size:70%;
	color:#666666;
}

#main .navi {
	font-size:70%;
}

#main .left {
	float:left;
	width:360px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px 5px 5px;
}

#main .right {
	float:right;
	width:360px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px 5px 5px;

}


#main .voice_left {
	float:left;
	width:290px;
	height:142px;
	margin-left:60px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px 5px 5px;
	background-image:url(../images/voice_bg.gif);
	font-size:85%;
}

#main .voice_right {
	float:right;
	width:290px;
	height:142px;
	margin-left:0px;
	margin-right:60px;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px 5px 5px;
	background-image:url(../images/voice_bg.gif);
	font-size:85%;
}

#main .ad {
	size:80%;
	
}

#main .clear {
	clear:both;
}

#main table {
	width:90%;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse:collapse;
}

#main th {
	width: 30%;
	padding: 3px 3px 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	background: #F0F0F0;
	font-weight:normal;
	text-align: center;
}

#main td {
	width: 30%;
	padding: 3px 3px 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
}

#error {
	width:800px;
	height:205px;
	padding-left:370px;
	padding-top:140px;
	background-image:url(../images/404.jpg);
	background-repeat: no-repeat;
	font-size:75%;
}

#tos dl dt {
	font-size:85%;
	font-weight:normal;
}


#consul table {
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
	border-collapse:collapse;
}

#consul th {
	width: 30%;
	height:30px;
	padding: 3px 3px 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	background: #F0F0F0;
	font-weight:normal;
	text-align: center;
}

#consul td {
	height:30px;
	width:70%;
	padding: 3px 3px 3px;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
}



#slatenav {
	width: 800px;
	height: 30px;
	margin-left: 0px;
	padding: 0px 0px 0px;
	font-size: 70%;
}

.green #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../images/greenslate_background.gif) repeat-x top left;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#333;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#333;background:transparent url(../images/greenslate_backgroundOVER.gif) no-repeat top center;}

#footer_menu {
	width: 800px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px 0px 0px;
	text-align: center;
	font-size:60%;
	color:#666666;
}


#footer {
	width: 798px;
	height: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 1px 2px 1px;
	background: #669900;
	color: #FFFFFF;
	font-size: 60%;
	text-align: center;
}

