@charset "UTF-8";

/*リセット*/
* {
	margin:0;
	padding:0;
}

body {
}

/*汎用設定*/

/*テーブル基本設定*/
table { border-collapse:collapse; border-style: none; }
th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
td { vertical-align: top; }
td img {
	padding:0;
	display: block;
	margin: 0px 12px 10px 10px;
}



/*その他の要素*/
img { border: 0; }
a {
	color: #0000CC;
}
a:hover { color: #CC9900; }
img.new { margin-top: 5px; }


/*続きを読む*/
.more { font-size: 85.7%; }

/*newマーク付き*/
.new a {
	font-weight: bold;
	line-height: 1.5;
	padding-left: 50px;
	display: block;
	color: #666666;
	background-repeat: no-repeat;
	background-position: left center;
}



/*ページ下ナビゲーション用*/
.left-border { border-left: 1px solid #666666; }

/*メイン内　下アド*/
#ad { width: 530px;}
#ad p { width:468px; margin-right: auto; margin-left: 25px; }

/*アドセンス*/
.adsense {
	clear: both;
	border: 1px solid #CCC1AB;
	padding: 10px;
	margin-bottom: 15px;
}
.adsense p {
	font-size: 85.7%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

/*トップへ戻る*/
.goto_top {
	display: block;
	clear: both;
	text-align: right;
	font-size: 85.7%;
	padding-top: 20px;
}
.goto_top2 {
	display: block;
	clear: both;
	text-align: right;
	font-size: 85.7%;
	margin-bottom: 12px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}



/*前の5件　次の5件*/
.previous {
	font-size: 85.7%;
	line-height: 2;
	width: 530px;
	text-align: right;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
}


/*前へ　1/2　次へ*/
.go-back-box {
	clear: both;
	width: 530px;
	margin-bottom: 30px;
	margin-top: 20px;
	font-size: 87.5%;
	border-collapse: collapse;
}


.clear { clear: both; }


/*クリアフィックス*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0; clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*星出力用クラス？不要ならば削除*/

.hyouka50 {
}
.hyouka45 {
}
.hyouka40 {
}
.hyouka35 {
	background-image: url(../images/top/star35.jpg);
	background-repeat: no-repeat;
	background-position: 30px center;
}
.hyouka30 {
}
.hyouka25 {
}
.hyouka20 {
}
.hyouka15 {
}
.hyouka10 {
}
.hyouka05 {
}
.hyouka00 {
}


/*============================
全体構造ここから*/

body { 
	text-align: center;
	font-size: 87.5%;
	background: url(../images/top/head_bg.gif) repeat-x left top; color: #666666;
}

#wrapper {
	width: 820px;
	text-align: left;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header {
	width: 760px;
	position: relative;
	height: 190px;
	margin: 0 auto;
}

#contents {
	width: 760px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 50px;
}
#contents a {
	display: inline;
	color: #905A32;
	margin:0;
	padding:0;
}


#main {
	width: 530px;
	float: left;
}

#r-column {
	width: 215px;
	float: right;
}

#footer {
	text-align: center;
	background-color: #E3E0D6;
	padding-top: 10px;
	padding-bottom: 10px;
}

#footer dl {
	color: #000000;
	line-height: 15px;
	font-size: 11px;
}

#footer a {
	color: #666666;
}

#footer a:hover {
	color: #666666;
}

#footer dt {
}

#footer dd {
	color: #666666;
}


/*全体構造ここまで
=============================*/

/*============================
ヘッダここから*/


/*タイトル*/

#header h1 {
	width: 280px;
	height: 71px;
	position: absolute;
	left: 0px;
	top: 62px;
	display: block;
}
#header h1 a {
	display: block;
	height: 71px;
	width: 280px;
	cursor: pointer;
	text-indent: -9999px;
}



#header h1 span {
	background: url(../images/top/title.gif) no-repeat left top;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0px;
	top: 0px;
}

#header p.discription {
	width: 577px;
	position: absolute;
	left: 0px;
	height: 36px;
	top: 26px;
	display: block;
	line-height: 36px;
	z-index: 1;
	color: #000000;
	font-size: 85.7%;
}

/*ユーティリティナビ*/

#u-navi-1 {
	height: 24px;
	width: 264px;
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 24px;
	display: block;
	font-size: 85.7%;
}

#u-navi-1 li {
	display: inline;
}
#u-navi-1 a {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #CCCCCC;
}

#u-navi-2 {
	height: 24px;
	width: 496px;
	position: absolute;
	top: 0px;
	display: block;
	left: 264px;
}

#u-navi-2 li {
	list-style :none;
	display: inline;
}

#u-navi-2 a {
	display: block;
	text-indent: -9999px;
}

#u-navi-2 #about a {
	height: 24px;
	width: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/top/ut_navi.gif) no-repeat left top;
}
#u-navi-2 #bosyu a {
	height: 24px;
	width: 68px;
	position: absolute;
	left: 124px;
	top: 0px;
	background: url(../images/top/ut_navi.gif) no-repeat -124px top;
}
#u-navi-2 #mail a {
	height: 24px;
	width: 91px;
	position: absolute;
	left: 405px;
	top: 0px;
	background: url(../images/top/ut_navi.gif) no-repeat -405px 0px;
}
#u-navi-2 #sitemap a {
	height: 24px;
	width: 90px;
	position: absolute;
	left: 315px;
	top: 0px;
	background: url(../images/top/ut_navi.gif) no-repeat -315px 0px;
}
#u-navi-2 #owner a {
	height: 24px;
	width: 123px;
	position: absolute;
	left: 192px;
	top: 0px;
	background: url(../images/top/ut_navi.gif) no-repeat -192px 0px;
}


/*フォントサイズ可変*/

#body,th,td {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 14px;
}

#fontsize {
	height: 36px;
	position: absolute;
	top: 26px;
	left: 577px;
	width: 183px;
}
#fontsize table {
	width: 183px;
	height: 36px;
}

#fontsize table td {
	text-align: right;
	padding-left: 5px;
	vertical-align: middle;
}
#fontsize td img {
	padding: 0px;
	display: inline;
	margin: 0px;
}

#fontsize #f-small a {
	height: 21px;
	width: 21px;
}

#fontsize #f-middle a {
	height: 21px;
	width: 21px;
}
#fontsize #f-large a {
	height: 21px;
	width: 21px;
}

/*ヘッダ内アド*/

#head-ad {
	height: 71px;
	width: 469px;
	position: absolute;
	left: 291px;
	top: 62px;
}

/* メインパネル */
#g-panel {
	color: #666666;
	font-size: 15px;
	line-height: 15px;
}
#g-panel a{
	color: #0033FF;
	display: inline;
}


/*グランドナビ*/

#g-navi {
	width: 760px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 133px;
}

#g-navi ul li {
	list-style: none;
	display: inline;
}

#g-navi a {
	display: block;
	text-indent: -9999px;
}

#g-navi #home a {
	height: 30px;
	width: 72px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat left top;
}
#g-navi #home a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat left top;
}

#g-navi #cafe-search a {
	height: 30px;
	width: 102px;
	position: absolute;
	left: 72px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -72px 0px;
}
#g-navi #cafe-search a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -72px 0px;
}

#g-navi #cafe-recipe a {
	height: 30px;
	width: 127px;
	position: absolute;
	left: 174px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -174px 0px;
}
#g-navi #cafe-recipe a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -174px 0px;
}

#g-navi #faq a {
	height: 30px;
	width: 134px;
	position: absolute;
	left: 301px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -301px 0px;
}
#g-navi #faq a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -301px 0px;
}

#g-navi #special a {
	height: 30px;
	width: 67px;
	position: absolute;
	left: 435px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -435px 0px;
}
#g-navi #special a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -435px 0px;
}

#g-navi #encyclo a {
	height: 30px;
	width: 127px;
	position: absolute;
	left: 502px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -502px 0px;
}
#g-navi #encyclo a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -502px 0px;
}
#g-navi #blog a {
	position: absolute;
	height: 30px;
	width: 131px;
	left: 629px;
	top: 0px;
	background: url(../images/top/g_navi.gif) no-repeat -629px 0px;
}
#g-navi #blog a:hover {
	background: url(../images/top/g_navi_hover.gif) no-repeat -629px 0px;
}

/*パンくずリンク*/

#breadcrumbs {
	font-size: 85.7%;
	height: 29px;
	width: 760px;
	left: 3px;
	position: absolute;
	top: 159px;
	line-height: 29px;
	color: #666666;
}

#breadcrumbs a{
	color: #666666;
}


/*ヘッダここまで
=============================*/

/*============================
右カラムここから*/

#mypage {
	text-align: center;
	padding-bottom: 20px;
	width: 215px;
	font-size: 15px;
	background-color: #FEF5E6;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mypage h2 {
	height: 42px;
	width: 215px;
	text-indent: -9999px;
	background-image: url(../images/top/mypage_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mypage a{
	color: #0033FF;

}

#mypage table {
	display: block;
	width: 180px;
	max-width: 210px;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}
#mypage table td {
	line-height: 1.2;
	font-size: 107%;
}

#mypage p {
	line-height: 1.5em;
	font-size: 85.7%;
}
#mypage p img {
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

#r-bunner {
	text-align: center;
	width: 215px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 180px;
	background: url(../images/r_column_bottom.gif) no-repeat left bottom;
}
#r-bunner li {
	list-style-type: none;
	padding-top: 20px;
}

#r-bunner img {

}
#r-bunner h2 {
	height: 66px;
	width: 215px;
	text-indent: -9999px;
	background: url(../images/r_column_title.gif) no-repeat left top;
}




/*右カラムここまで
=============================*/


/*============================
フッタここから*/

#f-navi {
	padding-top: 20px;
	font-size: 11px;
	background-image: url(../images/top/f_navi_bg.gif);
	background-repeat: no-repeat;
	background-position: 30px 20px;
	background-color: #E3E0D6;
	padding-bottom: 20px;
}

#f-navi .btn {
	height: 29px;
	width: 93px;
	float: left;
	padding-right: 60px;
	padding-left: 50px;
	padding-top: 50px;
}

#f-navi dl {
	float: left;
	width: 120px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #666666;
	padding-left: 20px;
}

#f-navi dt {
	font-weight: bold;
}

#f-navi dd {
	line-height: 14px;
}

#f-navi dd a {
	color: #666666;
}

#f-navi .si {
	border-left-style: none;
}

/*フッタここまで
=============================*/
#footer address span {
	text-transform: uppercase;
}

a.jinzai_btn {
	background-image: url(../owner/images/jinzai_btn.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
	display: block;
	height: 36px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

a:hover.jinzai_btn {
	background-position: 0px -36px;
}


/* ----------------------- */
div#info table td {line-height:1.4;color:#404040;}
div#info table img {border:1px solid #ddd; padding:5px;}