@charset "UTF-8";

body{
	font-family: Verdana,arial,sans-serif;
	margin:0;
	padding:0;
	color: #525252;
	font-size: 12px;
	}

div,ul,ol,p,form,input,textarea,table,tr,td,li{
	margin: 0;
	padding: 0;
	}

p,li{
	line-height: 20px;
	}

td{
	vertical-align: middle;
	}

a{
	outline: 0;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	}

a:link{
	color: #003366;
	}

a:visited{
	color: #330066;
	background: none;
	}

img{
	border: 0;
	}

.red{
	color: red;
	}

.green{
	color: green;
	font-size: small;
	}

.grey{
	color: gray;
	font-size: small;
	}

.little{
	font-size: small;
	color: gray;
	}
.center{
	text-align: center;
	font-size: small;
	color: #fff;
	}

.t_right{
	text-align: right;
	}

.t_line{
	border-top: 1px solid #7f9db9;
	text-align: right;
	clear: both;
	}

.site_title{
	padding: 5px 0 7px 0;
	border-top: 1px solid #7f9db9;
	}

.site_title img{
	position: relative;
	top: 5px;
	}

#header{
	background: #003366;
	padding-bottom: 20px;
	}

#header a{
	color: #ffffff;
	text-decoration: none;
	}

#header a:visited{
	color: #ffffff;
	}

#header h1{
	text-align: center;
	padding: 40px 0 0 0;
	font-size: 100px;
	margin: 0;
	}

#header h2{
	font-size: small;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;
	}

#box{
	padding-top: 30px;
	background: url("../img/bg.gif") repeat-x;
	}

#content{
	padding: 20px 0;
	margin: 0 auto;
	width: 600px;
	height: 100%;
	}

#content input#text_field{
	border: solid 1px #7f9db9;
	padding: 3px;
	}

input.btn{
	background: #003366;
	color: #ffffff;
	border: 0;
	padding: 3px;
	}

.cap{
	font-size: large;
	text-align: center;
	}

#c_cap{
	padding: 20px 0 0 0;
	margin: 0;
	}

#search{
	clear: both;
	padding-bottom: 20px;
	text-align: center;
	}

#text_field{
	width: 300px;
	padding-left: 25px;
	background: url("../img/search.gif") no-repeat;
	text-indent: 22px;
	}

#search_s{
	clear: both;
	text-align: center;
	padding-bottom: 20px;
	}

h4{
	margin: 20px 0;
	}

#category{
	width: 450px;
	margin: 0 auto;
	}

#category table{
	width: 100%;
	}

#category td{
	width: 70px;
	text-align: center;
	padding: 3px 0;
	font-weight: bold;
	}

#category td a{
	display: block;
	width: 70px;
	margin: 0 auto;
	}

#shop{
	background: url("../img/shop.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#gourmet{
	background: url("../img/gourmet.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#house{
	background: url("../img/house.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#health{
	background: url("../img/health.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#hobby{
	background: url("../img/hobby.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#business{
	background: url("../img/business.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#job{
	background: url("../img/job.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#gourmet{
	background: url("../img/gourmet.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#information{
	background: url("../img/information.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#traffic{
	background: url("../img/traffic.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

#public{
	background: url("../img/public.gif") no-repeat;
	padding: 80px 0 0 0;
	font-size: 15px;
	}

h5{
	margin-bottom: 10px;
	}

#vip{
	width: 100%;
	}

#vip table{
	border: 1px solid #7f9db9;
	height: 100%;
	padding: 20px;
	margin: 0 auto;
	}

#vip td{
	width: 180px;
	vertical-align: top;
	text-align: center;
	}

#vip a:hover{
	text-decoration: none;
	color: #ff0066;
	}

#vip img{
	padding: 10px 0;
	}

p.vip_p{
	width: 160px;
	padding: 0;
	margin: 0 auto;
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	}

h6{
	font-size: small;
	font-weight: normal;
	margin-bottom: 5px;
	}

#top_h6{
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
	}

#sponsor{
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #d5d5ef;
	text-align: center;
	}

#sponsor ul li{
	display: inline;
	font-size: small;
	color: #d5d5ef;
	}

#footer{
	text-align: center;
	padding-bottom: 10px;
	}

#footer ul{
	padding: 5px 0;
	background: #003366;
	}

#footer ul li{
	display: inline;
	padding: 0 10px;
	font-size: small;
	}

#footer ul li a{
	color: #ffffff;
	}

#footer ul li a:visited{
	color: #ffffff;
	}

#footer p{
	font-size: small;
	line-height: 30px;
	}

address{
	font-size: small;
	text-align: center;
	padding: 10px 0 0 0;
	}

address a{
	color: #525252;
	}

address a:hover{
	color: #525252;
	text-decoration: none;
	}

address a:visited{
	color: #525252;
	}


/*Fukuokerについて*/

#contents{
	padding: 20px 0;
	margin: 0 auto;
	width: 600px;
	height: 100%;
	}

.a_cap{
	font-size: large;
	font-weight: bold;
	text-align: left;
	padding: 20px 0 0 0;
	color: #003366;
	}

#contents p{
	font-size: small;
	text-align: left;
	padding: 3px 0 3px 20px;
	}

#a_table{
	font-size: small;
	text-align: left;
	padding: 0 0 0 10px;
	}

#a_table td{
	padding: 0 0 0 10px;
	}

.tag{
	color: #666633;
	}

/*サイト登録*/

.ently{
	padding: 20px 0;
	text-align: center;
	}

.ently a{
	padding: 5px 8px;
	font-weight: bold;
	color: #ffffff;
	background: #003366;
	}

.ently a:hover{
	text-decoration: none;
	background: #ffffff;
	color: #003366;
	border: 2px solid #003366;
	}

.short_p{
	width: 300px;
	}

#paid{
	background: url("../img/paid.gif") right 30px no-repeat;
	border-bottom: 1px solid #cecece;
	}

#free{
	background: url("../img/free.gif") right 20px no-repeat;
	border-bottom: 1px solid #cecece;
	}

/*広告掲載*/

.flow{
	padding: 0 0 0 40px;
	text-align: left;
	font-size: small;
	}

#ad_img{
	background: url("../img/advertising.gif") right 10px no-repeat;
	text-align: left;
	border-bottom: 1px solid #cecece;
	}

#ad_img ul{
	padding: 0 0 0 40px;
	width: 350px;
	}

#ad_img ul li{
	font-size: small;
	line-height: 20px;
	padding: 5px 0;
	}

.inlist{
	display: block;
	width: 350px;
	font-size: x-small;
	line-height: 12px;
	}

.inlist2{
	font-size: 10px;
	line-height: 15px;
	padding: 0 0 0 20px;
	}

#ad_img2{
	background: url("../img/advertising2.gif") right 10px no-repeat;
	text-align: left;
	border-bottom: 1px solid #cecece;
	}

#ad_img2 ul{
	padding: 0 0 0 40px;
	width: 350px;
	}

#ad_img2 ul li{
	font-size: small;
	line-height: 20px;
	padding: 5px 0;
	}

/*マイページの制作*/

#m_ul{
	padding: 10px 0 20px 40px;
	text-align: left;
	font-size: small;
	}

#mypage{
	background: url("../img/mypage.gif") right top no-repeat;
	}

/*利用規約*/

.m_cap{
	font-size: large;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 0 0;
	color: #003366;
	}

/*リンク*/

.thanks{
	list-style: none;
	padding: 0 0 20px 20px;
	}

#last_link{
	list-style: none;
	text-align: right;
	padding: 0;
	}

#f_link{
	padding-left: 40px;
	}

/*テンプレート共通*/

#main_menu{
	width: 40%;
	padding: 5px 20px 0 0;
	text-align: right;
	line-height: 25px;
	float: right;
	}

#pan{
	width: 40%;
	padding: 10px 0 0 20px;
	float: left;
	}

.dir_img{
	padding: 3px 0 0 25px;
	background: url("../img/folder.gif") no-repeat;
	}

.dir_img2{
	margin-top: 10px;
	padding: 3px 5px 0 25px;
	background: url("../img/folder.gif") no-repeat;
	display: inline;
	}

#main_c{
	padding: 10px 0 10px 0;
	border-top: 1px solid #7f9db9;
	}

#main_c ul{
	padding-left: 10px;
	}

.m_icon{
	padding: 10px 10px 10px 35px;
	line-height: 35px;
	display: inline;
	}

#shop_m{
	background: url("../img/shop_m.gif") no-repeat;
	}

#gourmet_m{
	background: url("../img/gourmet_m.gif") no-repeat;
	}

#house_m{
	background: url("../img/house_m.gif") no-repeat;
	}

#health_m{
	background: url("../img/health_m.gif") no-repeat;
	}

#hobby_m{
	background: url("../img/hobby_m.gif") no-repeat;
	}

#business_m{
	background: url("../img/business_m.gif") no-repeat;
	}

#job_m{
	background: url("../img/job_m.gif") no-repeat;
	}

#gourmet_m{
	background: url("../img/gourmet_m.gif") no-repeat;
	}

#information_m{
	background: url("../img/information_m.gif") no-repeat;
	}

#traffic_m{
	background: url("../img/traffic_m.gif") no-repeat;
	}

#public_m{
	background: url("../img/public_m.gif") no-repeat;
	}

.float_box{
	width: 280px;
	padding: 20px 20px 0 0;
	height: 150px;
	float: left;
	border-top: 1px solid #7f9db9;
	}

.float_box ul{
	padding: 10px;
	border: 1px solid red;
	}

#sm_c{
	border-bottom: 1px solid #7f9db9;
	text-align: right;
	}

/*カテゴリページのテンプレート*/

.c_div{
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background: url("../img/folder.gif") no-repeat;
	}

.t_cap{
	color: #003366;
	font-weight: bold;
	display: block;
	padding: 5px 0;
	}

.pr_box{
	padding: 0 0 10px 0;
	}

.c_c{
	padding: 0 0 0 25px;
	background: url("../img/comment.gif") no-repeat;
	}

#mok1{
	text-align: right;
	}

.c_left{
	float: left;
	width: 128px;
	padding-bottom: 20px;
	}

.c_right{
	float: right;
	width: 430px;
	padding-right: 20px;
	}

.clear{
	clear: both;
	}

/*登録フォーム*/

#free_entry{
	border-top: 1px solid #003366;
	padding: 10px 0;
	margin-top: 20px;
	}

#c_box{
	padding-left: 20px;
	}

/*登録の削除（登録者）*/

.d_bg{
	background-color: #ececec;
	padding: 0 40px 20px 40px;
	}

#free_entry2{
	border-top: 1px solid #003366;
	padding: 10px 0;
	margin-top: 20px;
	}

#free_entry3{
	border-top: 1px solid #003366;
	padding: 10px 0;
	margin-top: 20px;
	}

/*管理者用ページ*/

#header2{
	background: #003366;
	}

#header2 a{
	color: #ffffff;
	text-decoration: none;
	}

#header2 a:visited{
	color: #ffffff;
	}

#header2 h1{
	text-align: left;
	padding: 10px 0 0 20px;
	font-size: 15px;
	margin: 0;
	}

/*モニター登録部分*/
#monitor{
	background-color: #fef;
	padding-left: 30px;
	}

