@import url(/css/basestyle.css);
@import url(/css/common.css);

/* フリーワードで探す */
#free-word,#area-search{
	width : 533px;
	margin : 0px 0px 10px 0px;
	padding : 0;
}

#search {
	width : 533px;
	height : 51px;
	background-image : url(/images/top/free-word-2.gif);
	background-position : top;
	background-repeat : no-repeat;
}

#search-inner {
	width : 450px;
	margin : 0px 0px 0px 30px;
	padding : 5px 0px 0px 0px;
	line-height:1.5em;
}

/* エリアから探す */
#area-search {
	width : 533px;
	margin : 0px auto 10px auto;
	padding : 0;
}

#area-inner {
	width : 230px;
	margin : 0;
	padding : 0;
	background-image:url(/images/top/area-021.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#area {
	width : 206px;
	margin : 0 auto;
	padding : 10px 0px 0px 0px;
}

#area-1 { /* かなざわ地区 */
	width : 206px;
	margin : 0;
	padding : 3px 0px;
	text-align : center;
	border : 1px solid #CCCCCC;
	background-color:#FFDFE7;
}

#area-2 { /* のと地区 */
	width : 96px;
	margin : 0;
	padding : 3px 0px;
	text-align : center;
	border : 1px solid #CCCCCC;
	background-color:#D0F0CA;
}

#area-3 { /* かが地区 */
	width : 96px;
	margin : 0px 0px 0px 3px;
	padding : 3px 0px;
	text-align : center;
	border : 1px solid #CCCCCC;
	background-color:#FBE9BF;
}

#area ul {
	margin : 0px 5px 0px 0px;
	padding : 0px 0px 5px 0px;
}

#area ul li {
	margin : 3px 0px 3px 0px;
	padding : 0px;
	list-style-type : none;
	color : #0066CC;
}

#area ul li a {
	color : #0066CC;
	text-decoration : underline;
}

#area ul li a:hover {
	color : #66CCCC;
	text-decoration : underline;
}

#map {
	background-image : url(/images/top/map-bg1.gif);
	background-position : right;
	background-repeat : repeat-y;
}

/* カテゴリーから探す */
#cate-box {
	width : 531px;
	margin : 0px auto 10px auto;
	padding : 0;
	border-right : 1px solid #A4A4DA;
	border-bottom : 1px solid #A4A4DA;
	border-left : 1px solid #A4A4DA;
}

#cate-inner {
	width : 521px;
	margin : 10px auto;
	padding : 0;
	border-top : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	border-bottom : 1px dotted #CCCCCC;
	border-left : 1px solid #FFFFFF;
	border-collapse : collapse;
}

#cate-inner td {
	padding : 5px;
	border : 1px dotted #CCCCCC;
	border-collapse : collapse;
	vertical-align:top;
	width : 173px;
}

#cate-box h3 {
	margin : 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#cate-box ul {
	margin : 0px;
	padding : 0;
}

#cate-box ul li {
	margin : 3px 0px 0px 20px;
	padding : 0px;
	list-style-type : disc;
}

#cate-box ul li a,#cate-all a,#cate-box h3 a {
	color : #333333;
	text-decoration : underline;
	line-height:1.2em;
}

#cate-box ul li a:hover,#cate-all a:hover,#cate-box h3 a:hover {
	color : #3399CC;
}

#cate-all {
	width : 520px;
	margin : 10px auto;
	padding : 0;
	line-height:1.5em;
}

/* 更新情報＆新着サイト */
#topics {
	margin : 0px auto 10px auto;
	padding : 0;
}

#new-site-box {
	width : 531px;
	margin : 0 auto;
	padding : 0;
	border-right : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
}

#new-site-title {
	width : 533px;
	margin : 0px auto;
	padding : 0;
}

#new-site-title td {
	width : 177px;
	padding : 0;
	text-align:left;
}

#new-site-title th {
	 width : 356px;
	 height : 28px;
	 background-image:url(/images/top/new-site21.gif);
	 background-position:bottom;
	 background-repeat:no-repeat;
	 vertical-align:bottom;
	 padding-bottom:5px;
	 text-align:right;
}

#new-site-title th img {
	vertical-align:bottom;
}

/* .news {
	width : 258px;
	margin : 0;
	padding : 0;
	border : 1px solid #CCCCCC;
} */

/* カウンター設定 */
#counter {
	width : 100%;
	margin : 5px auto;
	padding : 0;
	text-align:center;
}

#counter a {
	color:#999999;
}

#counter a:hover {
	color:#CC3333;
}

/* Gokuu!からの重要なお知らせ */
#caution {
	width : 531px;
	margin : 0px auto 10px auto;
	padding : 0;
}

#caution-inner {
	width : 533px;
	margin : 0;
	padding : 0;
	background-image : url(/images/top/new-cat-02.gif);
	background-position : top;
	background-repeat : repeat-y;
}

#caution-inner p {
	width : 510px;
	margin : 0px auto;
	padding : 5px 0px 0px 0px;
	line-height : 1.2em;
}

#caution-inner p a {
	font-size : 14px;
	font-weight : bold;
	color : #FF9933;
}

#caution-inner p a:hover {
	color:#FF0000;
}

#caution-inner div {
	width : 400px;
	margin : 0px auto;
	padding : 5px;
	font-size : 16px;
	text-align : center;
	font-weight : bold;
}

#caution-inner div img {
	vertical-align : middle;
}




/* 緊急事態発生用案内 */
#kinkyu-01 {
	width : 533px;
	margin : 0 auto;
	padding : 5px 0px;
	text-align : center;
	color : #FFFFFF;
	background-color:#CC3300;
	font-weight:bold;
	font-size:16px;
}

#kinkyu-02 {
	width : 529px;
	margin : 0px auto 10px auto;
	padding : 0px;
	border : 2px solid #CC3300;
}

#kinkyu-02 p {
	margin : 0px;
	padding : 5px 10px;
	font-size:14px;
}

#kinkyu-02 ul {
	width : 180px;
	margin : 5px auto 5px auto;
	padding : 10px 0px 10px 30px;
}

#kinkyu-02 ul li {
	list-style-type:disc;
	list-style-position:outside;
	font-weight:bold;
	padding : 3px 0px;
	font-size:14px;
	color:#CC3300;
}

#kinkyu-03 {
	width : 430px;
	margin : 0 auto;
	padding : 0;
}

/* 年末年始のご案内 */
#overtheyear {
	width : 511px;
	margin : 0px auto 10px auto;
	padding : 5px 10px;
	border : 1px solid #CC0000;
}

#kyushi {
	width : 360px;
	margin : 5px auto;
	padding : 0;
	font-size:14px;
	font-weight:bold;
	color:#CC3300;
}

/* 横長バナー */
.promote-bn {
	width : 100%;
	margin : 10px  auto;
	padding : 0;
	text-align : center;
}


/* 夏季休業のご案内 */
#information {
	width : 530px;
	margin : 0px auto 15px auto;
	padding : 0;
	border : 2px solid #CC3333;
}

#information p {
	margin : 5px 5px 10px 5px;
	padding : 0;
	line-height:1.4em;
}