@charset "UTF-8";

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




/*汎用設定*/

/*テーブル基本設定*/
table { border-collapse:collapse; border-style: none; }
th { font-weight: normal; 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: url(/images/new.gif) no-repeat left center;
}

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

/*メイン内　下アド*/
#ad { width: 530px; margin-bottom: 25px;}
#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/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/head_bg.gif) repeat-x left top;
}

#wrapper {
	width: 790px;
	text-align: left;
	margin: 2px auto 0px;
}

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

#contents {
	width: 760px;
	margin: 0 auto;
}



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

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

#footer {
	width: 790px;
	text-align: center;
	height: 103px;
	background: url(/images/footer_hr.gif) no-repeat left top;
}


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

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


/*タイトル*/

#header h1 {
	width: 280px;
	height: 71px;
	position: absolute;
	left: 0px;
	top: 32px;
	display: block;
}
#header h1 a {
	display: block;
	height: 71px;
	width: 280px;
	cursor: pointer;
}



#header h1 span {
	background: url(/images/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: -4px;
	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/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/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/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/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/ut_navi.gif) no-repeat -192px 0px;
}


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

#fontsize {
	height: 36px;
	position: absolute;
	top: -6px;
	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: 28px;
}


/*グランドナビ*/

#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/g_navi.gif) no-repeat left top;
}
#g-navi #home a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -72px 0px;
}
#g-navi #cafe-search a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -174px 0px;
}
#g-navi #cafe-recipe a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -301px 0px;
}
#g-navi #faq a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -435px 0px;
}
#g-navi #special a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -502px 0px;
}
#g-navi #encyclo a:hover {
	background: url(/images/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/g_navi.gif) no-repeat -629px 0px;
}
#g-navi #blog a:hover {
	background: url(/images/g_navi_hover.gif) no-repeat -629px 0px;
}

/*パンくずリンク*/

#breadcrumbs {
	font-size: 85.7%;
	height: 29px;
	width: 760px;
	left: 0px;
	position: absolute;
	top: 92px;
	line-height: 29px;
}


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

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

#mypage {
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 20px;
	background: #FEFAEE url(/images/mypage_bg.jpg) no-repeat left bottom;
	width: 215px;
}
#mypage h2 {
	height: 42px;
	width: 215px;
	text-indent: -9999px;
	background: url(/images/mypage_title.jpg) no-repeat left top;
}

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

#mypage p {
	line-height: 1.4em;
	font-size: 85.7%;
}
#mypage p img {
	margin-bottom: 4px;
}


#r-bunner {
	text-align: center;
	padding-bottom: 490px;
	width: 215px;
	background: url(/images/r_column_bottom.gif) no-repeat left bottom;
}

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

#r-bunner img {
	margin-bottom: 10px;
}




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


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

#f-navi {
	clear: both;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 92.85%;
}

#f-navi ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#f-navi ul li {
	display: inline;
	padding-right: 6px;
	padding-left: 6px;
	border-right: 1px solid #999999;
	letter-spacing: 0.1em;
}



#footer address {
	font-style: normal;
	padding-top: 10px;
	font-size: 92.85%;
	text-transform: capitalize;
	word-spacing: 0.1em;
	color: #333333;
}

/*フッタここまで
=============================*/
#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;
}