@charset "Shift_JIS";

/* -----------------------------------------------------------
	CSS Information
		Author:      -
		Filename:    common.css
		Style-info:  みやざき地頭鶏
----------------------------------------------------------- */

/*----- base --------------------*/
* { margin:0; padding:0; }

body {
	background: url(../img/bg.jpg) repeat-x #000;
	color:#333;
	text-align:center;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
p,ol,ul,dl {
	font-size:85%;
	line-height:1.6;
}
p {
	margin-bottom:1em;
}
ul li {
	list-style-type:none;
}
table {
	border-collapse:collapse; 
}
dl {
	margin-bottom:1em;
}
img {
	border:0;
}

/* ----- link ------------------------------------- */
a:link {
	color:#660000;
	text-decoration:none;
}
a:visited {
	color:#660000;
	text-decoration:none;
}
a:hover {
	color:#660000;
	text-decoration:underline;
}

/*-------------------------------------------------------
	wrapper
--------------------------------------------------------*/
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:760px;
	text-align:left;
}

/*-------------------------------------------------------
	ヘッダ
--------------------------------------------------------*/
#head {
	background: url(../img/bg-head.jpg) 0 0 repeat-x;
}
#head-left {
	height:51px;
}
#head-left h1 a {
	background:url(../img/bg-h1.jpg) 0 0 no-repeat;
	display:block;
	height:51px;
	width:330px;
	text-indent:-9999px;
}

/*-------------------------------------------------------
	メインメニュー
--------------------------------------------------------*/
#menu {
	background:#fff;
	width:760px;
}
#menu ul li {
	float:left;
	text-indent:-9999px;
}
#menu ul li#jitokko a {
	background:url(../img/btn01.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:65px;
}
#menu ul li#about a {
	background:url(../img/btn02.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:147px;
}
#menu ul li#history a {
	background:url(../img/btn03.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:45px;
}
#menu ul li#system a {
	background:url(../img/btn04.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:80px;
}
#menu ul li#mame a {
	background:url(../img/btn05.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:67px;
}
#menu ul li#farmer a {
	background:url(../img/btn06.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:91px;
}
#menu ul li#shop a {
	background:url(../img/btn07.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:60px;
}
#menu ul li#codesearch a {
	background:url(../img/btn08.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:140px;
}
#menu ul li#bbs a {
	background:url(../img/btn09.gif) 0 0 no-repeat;
	display:block;
	height:43px;
	width:65px;
}
#menu ul li#jitokko a:hover,
#menu ul li#about a:hover,
#menu ul li#history a:hover,
#menu ul li#system a:hover,
#menu ul li#mame a:hover,
#menu ul li#farmer a:hover,
#menu ul li#shop a:hover,
#menu ul li#codesearch a:hover,
#menu ul li#bbs a:hover {
	background-position:0 -43px;
}

/*-------------------------------------------------------
	Flash（トップページのみ）
--------------------------------------------------------*/
#fla-content {
	height:299px;
	width:760px;
	}

/*-------------------------------------------------------
	パンくずリスト（真ん中）
--------------------------------------------------------*/
#pankuzu {
	padding:8px 5px;
	font-size:80%;
	color:#999;
}
#pankuzu ul li {
	float:left;
	padding-right:5px;
}
/* ----- link ------------------------------------- */
#pankuzu ul li a:link {
	color:#fff;
	text-decoration:none;
}
#pankuzu ul li a:visited {
	color:#fff;
	text-decoration:none;
}
#pankuzu ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

/*-------------------------------------------------------
	コンテンツ（真ん中）
--------------------------------------------------------*/
#contents {
	background:url(../img/bg-middle.jpg) 0 0 repeat-y #fff;
	color:#333;
}

/*-------------------------------------------------------
	コンテンツ（真ん中・2階層目）
--------------------------------------------------------*/
.inner-contents {
	padding:9px 15px 30px 15px;
}

/*-------------------------------------------------------
	コンテンツ（真ん中・トップページのみ）
--------------------------------------------------------*/
#contents-info {
	float:left;
	width:460px;
}
#contents-banner {
	float:left;
	width:300px;
}
.inner-left {
	margin:9px 10px 30px 15px;
}
.inner-right {
	margin:9px 15px 30px 10px;
}

.inner-left h2 {
	background:url(../img/bar-info.gif) 0 0 no-repeat;
	height:30px;
	width:435px;
	text-indent:-9999px;
}
.inner-right h2 {
	margin-bottom:10px;
	text-indent:-9999px;
}
.inner-right h2#banner-shop a {
	background:url(../img/banner-shop.jpg) 0 0 no-repeat;
	display:block;
	height:58px;
	width:275px;
}
.inner-right h2#banner-codesearch a {
	background:url(../img/banner-data.jpg) 0 0 no-repeat;
	display:block;
	height:58px;
	width:275px;
}
.inner-right h2#banner-cba a {
	background:url(../img/banner-cba.jpg) 0 0 no-repeat;
	display:block;
	height:90px;
	width:275px;
}
.inner-right h2#banner-pr a {
	background:url(../img/banner-pr.jpg) 0 0 no-repeat;
	display:block;
	height:90px;
	width:275px;
}
.inner-right h2#banner-enquete a {
	background:url(../img/banner-enquete.jpg) 0 0 no-repeat;
	display:block;
	height:90px;
	width:275px;
}
.inner-right h2#banner-seminar a {
	background:url(../img/banner-seminar.jpg) 0 0 no-repeat;
	display:block;
	height:90px;
	width:275px;
}
.inner-right h2#banner-shop a:hover,
.inner-right h2#banner-codesearch a:hover {
	background-position:0 -58px;
}
.inner-right h2#banner-cba a:hover,
.inner-right h2#banner-pr a:hover,
.inner-right h2#banner-enquete a:hover,
.inner-right h2#banner-seminar a:hover {
	background-position:0 -90px;
}
.inner-right h3 {
	background:url(../img/bar-mobile.gif) 0 0 no-repeat;
	height:30px;
	width:275px;
	text-indent:-9999px;
	margin-bottom:10px;
}

.inner-right div.clearFix {
	width: 275px;
	height: 30px;
	margin: 10px 0;
}

.inner-right div.clearFix ul li {
	width: 87px;
	height: 30px;
	float: left;
}

.inner-right div.clearFix ul li a {
	display: block;
	width: 87px;
	height: 30px;
	text-indent: -999999px;
}

.inner-right div.clearFix ul li.blog a {
	background: url(../img/blog-icon.jpg) no-repeat scroll 0 0;
}

.inner-right div.clearFix ul li.tw {
	margin: 0 7px;
}

.inner-right div.clearFix ul li.tw a {
	background: url(../img/tw-icon.jpg) no-repeat scroll 0 0;
}

.inner-right div.clearFix ul li.fb a {
	background: url(../img/fb-icon.jpg) no-repeat scroll 0 0;
}

/*-------------------------------------------------------
	ページ先頭へ
--------------------------------------------------------*/
p.goto-top {
	float:right;
}
p.goto-top a {
	background:url(../img/goto-top.gif) 0 0 no-repeat;
	display:block;
	height:20px;
	width:135px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/*-------------------------------------------------------
	フッター
--------------------------------------------------------*/
#foot {
		background:url(../img/bg.jpg) 0 0 repeat-x #000;
		color:#CCC;
}
#foot-left {
	float:left;
	font-size:80%;
	width:590px;
}
#foot-left p {
	margin:15px 0;
}
#foot-right {
	float:right;
	width:166px;
}
#foot-right ul li {
	float:left;
	text-indent:-9999px;
}
#foot-right ul li#btn-top a {
	background:url(../img/btn-top.jpg) 0 0 no-repeat;
	display:block;
	height:39px;
	width:84px;
}
#foot-right ul li#btn-contact a {
	background:url(../img/btn-contact.jpg) 0 0 no-repeat;
	display:block;
	height:39px;
	width:82px;
}

/*-------------------------------------------------------
	トップページリスト表示用：一行表示(ul sub)
-------------------------------------------------------*/
div.news-list ul {
	font-size:85%;
}
div.news-list ul li {
	border-bottom:1px solid #ccc;
	padding:7px 0;
}
div.news-list ul li span {
	color:#cc0000;
}
div.news-list ul li img {
 margin:0 3px;
}

/*-------------------------------------------------------
	バックナンバー
-------------------------------------------------------*/
ul#backnumber {
	position:relative;
	width:435px;
}
ul#backnumber li a {
	background:url(../img/btn-backnumber.gif) 0 0 no-repeat;
	width:95px;
	height:20px;
	position:absolute;
	top:5px;
	right:10px;
	text-indent:-9999px;
}
/*-------------------------------------------------------
	 ClearFIX
--------------------------------------------------------*/
.cf:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cf{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .cf{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

.clear {
	clear:both;
}