/*
Theme Name: Hokota city
Theme URI: https://k-hokota.com/
Description: 鉾田市観光協会のHP用テンプレート
Version: 4.0
Author: M.Saiga@sopia
*/

@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}

body {
	font-size:14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#333333;
	background-image:url( "../images/space_back.gif" );
}

img {
	border:0px;
}

table {
	border:0px;
}

ul li {
	list-style-type: none;
}

#container {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background-image:url( "../images/bg_main.gif" );
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
}

#container h1 {
	background-color:#6495ED;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	letter-spacing:2px;
	color:#ffffff;
}

#container .globalnavi {
	width:750px;
	height:30px;
}

.globalnavi ul {
	margin:0px;
	padding;0px;
	float:left;
}

.globalnavi ul li {
	display:inline;
	font-weight:bold;
}

.globalnavi ul li a:link,
.globalnavi ul li a:visited,
.globalnavi ul li a:active {
	float: left;
	display:block;
	background-image:url( "../images/bt_menu1.gif" );
	background-repeat:no-repeat;
	width:125px;
	height:30px;
	line-height:30px;
	vertical-align:bottom;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}

.globalnavi ul li a:hover {
	float: left;
	display:block;
/*
	background-image:url( "../img/bt1_back_on.gif" );
	background-repeat:no-repeat;
*/
	width:125px;
	height:30px;
	line-height:30px;
	vertical-align:bottom;
	text-align:center;
	text-decoration:underline;
	color:red;
}

#container .right_top {
	width:175px;
	_width:170px;
	float:right;
	margin-top:5px;
	margin-right:3px;
	border:solid 1px blue;
}

.right_top h4 {
	background-color:blue;
	color:#ffffff;
	font-size:13px;
	padding:3px 0px;
	text-indent:5px;
}

.right_top ul {
	margin:5px;
	padding:0px;
	font-size:12px;
}

.right_top ul li {
	list-style-image:url( "../images/ya_3_05.gif" );
	_margin-left:15px;
	_padding-left:5px;
	margin-left:20px;
	padding-left:0px;
}

.right_top ul li a:link,
.right_top ul li a:visited,
.right_top ul li a:active {
	text-decoration:none;
	color:blue;
}

.right_top ul li a:hover {
	text-decoration:underline;
	color:red;
}


#container .left_top {
	width:560px;
	float:left;
	margin-top:5px;
	margin-left:5px;
}

#bn_top {
	width:550px;
	height:110px;
}

.left_top h2 {
	background-image:url( "../images/bg_what.gif" );
	background-repeat:no-repeat;
	width:550px;
	height:46px;
	margin-top:10px;
	padding-top:20px;
	text-indent:70px;
	font-size:16px;
}


.left_top .main_contents {
	width:180px;
	height:180px;
	float:left;
	margin-top:0px;
	margin-bottom:3px;
	margin-right:3px;
	border:solid 1px #003300;
	background-image:url( "../images/bg_left.gif" );
}

.main_contents h3 {
	width:180px;
	height:31px;
	line-height:31px;
	background-image:url( "../images/bg_title1.gif" );
	background-repeat:no-repeat;
	font-size:14px;
	text-indent:20px;
	color:#000080;
}

.main_contents img {
	width:180px;
	border:0px;
}

.main_contents p {
	padding:3px;
}

.left_top .what {
	width:540px;
	height:92px;
	overflow:auto;
	scrollbar-base-color:#F0FFF0;
	scrollbar-face-color:#F0FFF0;
	scrollbar-arrow-color:#32CD32;
	scrollbar-shadow-color:#32CD32;
	scrollbar-darkshadow-color:#F0FFF0;
	scrollbar-highlight-color:#32CD32;
	scrollbar-3dlight-color:#F0FFF0;
	scrollbar-track-color:#F0FFF0;
	font-size:13px;
	background-color:#F0FFFF;
	padding:5px;
	margin-bottom:10px;
}

#container .link_banner {
	width:550px;
	margin-left:1px;
}

.link_banner h3 {
	background-image:url( "../images/bg_link_title.gif" );
	background-repeat:no-repeat;
	width:550px;
	height:33px;
	_height:26px;
	text-indent:20px;
	padding-top:7px;
	_padding-top:10px;
	font-size:16px;
}

.link_banner ul {
	margin:0px;
	padding-top:5px;
	padding:bottom:0px;
	padding-left:25px;
}

.link_banner ul li {
	float:left;
	display:block;
	width:170px;
	height:50px;
}

#container .footer_link {
	clear:both;
	width:750px;
	text-align:center;
	background-color:#6495ED;
	padding:5px 0px;
	font-size:12px;
}

.footer_link a:link,
.footer_link a:visited,
.footer_link a:active {
	text-decoration:none;
	color:#ffffff;
}

.footer_link a:hover {
	text-decoration:underline;
	color:red;
}

#container .footer {
	background-color:#ffffff;
	text-align:center;
	font-size:12px;
	padding-top:10px;
	padding-bottom:20px;
}

.clear {
	clear:both;
}

.member_list {
	font-size:14px;
	background-color:#333333;
	width:1600px;
}

.member_list th {
	background-color:#cccccc;
	white-space:nowrap;
	padding:5px;
}

.member_list td {
	padding:3px;
	background-color:#ffffff;
}