@charset "UTF-8";
/*
=============================================================================
common.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *  77% = 10px	 	* 122% = 16px		* 167% = 22px	
 *  85% = 11px		* 129% = 17px		* 174% = 23px
 *  92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px	
-----------------------------------------------------------------------------
*/


/* Container Styling
-----------------------------------------------------------------------------*/
.container {
	position: relative;
	width: 100%;
	background: url(../images/bg-container.gif) 0 0 repeat-x;
	z-index: 30;
}


/* Header Styling
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	width: 940px;
	height: 111px;
	margin: 0 auto;
}

/* ロゴタイプ */
#header h1 {
	position: absolute;
	top: 15px;
	left: 30px;
	width: 210px;
	height: 50px;
}


/* Contents Styling
-----------------------------------------------------------------------------*/
/* コンテンツイメージと見出し */
.content-header,
#cat-club-header {
	position: relative;
	width: 920px;
	height: 260px;
	margin: 0 auto;
	background: url(../images/bg-contents-top.gif) 0 0 no-repeat;
	letter-spacing: 0.1em;
}

/* コンテンツ */
.content-wrapper {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 5px 0 20px;
	background: url(../images/bg-contents-body.gif) 0 0 repeat-y;
}
.content-wrapper:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}

/* メインコンテンツ */
#content-wide {
	width: 820px;
	padding-left: 50px;
}
#content {
	float: left;
	width: 540px;
	padding-left: 50px;
}

/* サイドバー */
#content-side {
	float: right;
	width: 275px;
	padding-right: 30px;
}
#content-side p {
	padding-bottom: 0.5em;
	font-size: 85%;
}

/* サイドバー凹タイプ */
.sidebar1 { background: url(../images/bg-box1-275-body.gif) 0 0 repeat-y; }

.sidebar1-top {
	height: 10px;
	background: url(../images/bg-box1-275-top.gif) 0 0 no-repeat;
}

.sidebar1-body {
	padding: 5px 15px 10px;
	background: url(../images/bg-box1-275-bottom.gif) 0 100% no-repeat;
}

.sidebar1-body h3 {
	margin-bottom: 0.5em;
	padding-left: 15px;
	background: url(../images/hl-style-type.gif) 0 0.35em no-repeat;
	font-weight: bold;
}

/* サイドバー凸タイプ */
.sidebar2,
.sidebar2-end {
	padding: 5px 0;
	background: url(../images/bg-box2-275-bottom.gif) 0 100% no-repeat;
}

.sidebar2-top {
	height: 29px;
	background: url(../images/bg-box2-275-top.gif) 0 0 no-repeat;
	text-align: center;
}
.sidebar2-top img { margin-top: 10px; }

.sidebar2-body {
	padding: 5px 0;
	background: url(../images/bg-box2-275-body.gif) 0 0 repeat-y;
}

/* サイドバー凸タイプ */
.sidebar3,
.sidebar3-end {
	padding: 5px 0;
	background: url(../images/bg-box2-240-bottom.gif) 0 100% no-repeat;
}

.sidebar3-top {
	height: 29px;
	background: url(../images/bg-box2-240-top.gif) 0 0 no-repeat;
	text-align: center;
}
.sidebar3-top img { margin-top: 10px; }

.sidebar3-body {
	padding: 5px 0;
	background: url(../images/bg-box2-240-body.gif) 0 0 repeat-y;
}

/* サイドバーコンテンツ */
.sidebar { margin-bottom: 15px; }


/* ニューストピックスのリスト */
ul.news-topics {
	width: 540px;
	margin: 0 auto 20px;
}
ul.news-topics li {
	width: 540px;
	border-top: 1px solid #E2E2E2;
}
ul.news-topics li:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.news-topics li.top-topics { border: none; }

.news-wrapper {
	float: right;
	width: 460px;
	padding: 10px 0 ;
}

/* ニューストピックスのタイトルと内容 */
.news-content h4 {
	padding-bottom: 0.5em;
	font-size: 92%;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: baseline;
}
.news-content p {
	font-size: 85%;
	vertical-align: baseline;
}

/* ニューストピックスのアイコン */
.news-info {
	float: left;
	width: 66px;
	padding: 11px 0 10px;
}
.news-info span,
.news-info img {
	display: block;
	width: 66px;
	height: 17px;
	margin-bottom: 2px;
}
/* ニューストピックスの日付 */
.news-info span {
	background: url(../images/bg-icon-date.gif) 0 0 no-repeat;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	line-height: 17px;
	vertical-align: middle;
	letter-spacing: -0.1em;
	overflow: hidden;
}

/* ニューストピックスの写真 */
.news-photo {
	float: right;
	margin-left: 10px;
}
.news-photo img {
	width: 85px;
	border: 3px solid #E2E2E2;
}


/* コンテンツリスト */
ul.contents-list li {
	width: 250px;
	margin: 0 auto 15px;
	padding-top: 15px;
	border-top: 1px solid #DFDFDF;
}
ul.contents-list li:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}
ul.contents-list li#sidebar-top { border: none; }

/* コンテンツリストのタイトル */
ul.contents-list li h4.hl-contents-list {
	float: left;
	width: 235px;
	margin-bottom: 0.5em;
	padding-left: 15px;
	background: url(../images/hl-style-type.gif) 0 0.2em no-repeat;
	font-size: 92%;
	font-weight: bold;

}
ul.contents-list li.width-control h4.hl-contents-list { width: 140px; }

/* コンテンツリストのイメージ画像（max-width: 248px） */
ul.contents-list li img {
	float: right;
	margin-bottom: 0.5em;
	border: 1px solid #E2E2E2;
}
ul.contents-list li.width-control img { margin-left: 10px; }
ul.contents-list li p { font-size: 85%; }

/* サイドバーbanner */
ul.banner { margin-bottom: 15px; }
ul.banner li {
	width: 275px;
	margin-bottom: 10px;
	text-align: center;
}

/* パンくずリスト */
ul#breadcrumbs {
	margin: 0 30px 25px;
	zoom: 1;
}
ul#breadcrumbs li {
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #A3A3A3;
	font-size: 85%;
	line-height: 20px;
}
ul#breadcrumbs li a {
	display: block;
	background: url(../images/bg-breadcrumbs.gif) 100% 50% no-repeat;
	overflow: hidden;
}
ul#breadcrumbs li span.upper {
	display: block;
	padding: 0 15px 0 10px;
	background: url(../images/bg-breadcrumbs_start.gif) 0 50% no-repeat;
}


/* Page Navigation Styling
-----------------------------------------------------------------------------*/
.wp-pagenavi {
	width: 860px;
	margin: 40px auto 0;
	background: url(../images/bg-pagenavi.gif) 0 0 no-repeat;
	font-size: 10px;
	color: #AEAEAE;
	line-height: 44px;
	letter-spacing: normal;
}
.wp-pagenavi:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}

/* Page of */
.wp-pagenavi .pages {
	float: left;
	padding: 0 15px;
	vertical-align: middle;
}

/* ページ選択 */
.wp-pagenavi a,
.wp-pagenavi span.current {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin: 6px 5px 0 0;
	background: url(../images/bg-pagenavi-select.gif) 0 0 no-repeat;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	overflow: hidden;
}
.wp-pagenavi a:active { background-position: 0 -30px; }
.wp-pagenavi a.firstpage,
.wp-pagenavi a.lastpage,
.wp-pagenavi .prevpage a,
.wp-pagenavi .nextpage a {
	font-size: 1px;
	text-indent: -9999px;
}
.wp-pagenavi a.firstpage { background: url(../images/bg-pagenavi-first.gif) 0 0 no-repeat; }
.wp-pagenavi a.lastpage { background: url(../images/bg-pagenavi-last.gif) 0 0 no-repeat; }
.wp-pagenavi .prevpage a { background: url(../images/bg-pagenavi-prev.gif) 0 0 no-repeat; }
.wp-pagenavi .nextpage a { background: url(../images/bg-pagenavi-next.gif) 0 0 no-repeat; }
.wp-pagenavi a.firstpage:hover,
.wp-pagenavi a.lastpage:hover,
.wp-pagenavi .prevpage a:hover,
.wp-pagenavi .nextpage a:hover { background-position: 0 -30px; }
.wp-pagenavi a.firstpage:active,
.wp-pagenavi a.lastpage:active,
.wp-pagenavi .prevpage a:active,
.wp-pagenavi .nextpage a:active { background-position: 0 -60px; }

/* 現在のページ */
.wp-pagenavi span.current {
	background-image: url(../images/bg-pagenavi-current.gif);
	color: #FFFFFF;
}

/* 省略文字 */
.wp-pagenavi span.extend {
	float: left;
	margin: 6px 5px 0 0;
}


/* Utility Styling
-----------------------------------------------------------------------------*/
/* ユーティリティエリア（検索） */
#utility {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../images/bg-utility.gif) 0 100% repeat-x;
	z-index: 40;
}

.utility-content {
	width: 920px;
	margin: 0 auto;
}

/* ヘッダ内メニューリスト */
ul#utility-menu { margin-left: 490px; }
ul#utility-menu li {
	float: left;
	width: 70px;
	height: 16px;
	margin-right: 30px;
}
ul#utility-menu li a {
	display: block;
	width: 70px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
ul#utility-menu li a#head-toppage { background-image: url(../images/bg-h-toppage.gif); } /* トップページ */
ul#utility-menu li a#head-contact { background-image: url(../images/bg-h-contact.gif); } /* お問い合わせ */
ul#utility-menu li a#head-sitemap { background-image: url(../images/bg-h-sitemap.gif); } /* サイトマップ */
ul#utility-menu li a:hover { background-position: -70px 0; }

/* ユーティリティ表示用トグルスイッチ */
a#switch {
	display: none;
	position: relative;
	width: 110px;
	height: 19px;
	background: url(../images/btn-toggle.gif) 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	z-index: 500;
}

#togglewrapper {
	display: none;
	position: relative;
	top: 0;
	width: 640px;
	padding-bottom: 60px;
	background: url(../images/bg-search.gif) 50% 0 no-repeat;
	color: #CBD9E8;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
	z-index: 50;
}

/* サイト内検索フォーム */
#togglewrapper form {
	position: relative;
	margin-top: 120px;
}

#togglewrapper form span {
	float: left;
	border: 1px solid #D48383;
}

/* 入力エリア */
#togglewrapper form input#s {
	float: left;
	width: 530px;
	padding: 5px;
	border: 1px solid #D7353E;
	background: #FFFFFF url(../images/bg-input-inshadow.gif) 0 0 repeat-x;
	font-size: 20px;
}
#togglewrapper form input#s:focus { outline: none; }

/* 検索ボタン */
#togglewrapper form button {
	float: right;
	width: 90px;
	height: 37px;
	background: url(../images/btn-search.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}
/* Over */
#togglewrapper form button:hover { background-position: 0 -37px; }
/* Pressed */
#togglewrapper form button:active { background-position: 0 -74px; }


/* Footer Styling
-----------------------------------------------------------------------------*/
#footer {
	width: 920px;
	margin: 0 auto;
	padding: 30px 0 40px;
	background: url(../images/bg-contents-bottom.gif) 0 0 no-repeat;
	text-align: center;
}

/* フッタメニューリスト */
#footer ul {
	margin: 0 0 30px 0;
	font-size: 85%;
}
#footer ul li {
	display: inline;
	padding: 0 10px 0 15px;
	background: url(../images/img-linklist.gif) 0 50% no-repeat;
}

/* 連絡先 */
#footer address {
	margin-top: 1.5em;
	font-size: 77%;
	font-weight: bold;
	letter-spacing: 0.1em;
}

/* コピーライト */
#footer address span {
	display: block;
	margin-top: 0.5em;
	color: #606060;
	font-weight: normal;
}


/* Common Styling
-----------------------------------------------------------------------------*/
/* 見出しの先頭に ◎ を付ける */
.hl-style-type {
	margin-bottom: 0.5em;
	padding-left: 15px;
	background: url(../images/hl-style-type.gif) 0 0.25em no-repeat;
	font-weight: bold;
}

/* グラデーション効果 */
.gradient span {
	display: block;
	position: absolute;
	width: 100%;
	height: 31px;
	background: url(../images/hl-gradient-white.png) 0 0 repeat-x;
}

/* 角丸の枠 */
.frame,
.frame-wide {
	margin: 20px 0 20px 20px;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
.frame {
	width: 500px;
	background-image: url(../images/bg-frame-500.gif);
}
.frame-wide {
	width: 780px;
	background-image: url(../images/bg-frame-780.gif);
}
.frame span,
.frame-wide span {
	display: block;
	padding-top: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.frame span { background-image: url(../images/bg-frame-500-top.gif); }
.frame-wide span { background-image: url(../images/bg-frame-780-top.gif); }

.frame dl,
.frame-wide dl,
.frame ul,
.frame-wide ul { padding-bottom: 0.5em; }
.frame dl dt,
.frame-wide dl dt,
.frame ul li,
.frame-wide ul li { margin: 0.4em 0 0.2em 0; }
.frame p,
.frame-wide p { margin: 0.4em 15px; }

/* イメージ */
p img { max-width: 100%; }
p a img { border: 3px solid #E2E2E2; }

.alignleft,
.float-l { float: left; }
.alignright,
.float-r { float: right; }
.clear { clear: both; height: 0; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.hide { display: none; }
.margin-top { margin-top: 10px; }
.margin-bottom { margin-bottom: 10px; }

.small { font-size: smaller; }
.large { font-size: larger; }

.thumb,
.thumb-l,
.thumb-r { margin-bottom: 0.5em; }
.thumb-l {
	float: left;
	margin-right: 1.0em;
}
.thumb-r {
	float: right;
	margin-left: 1.0em;
}

a.inner-link {
	padding-left: 15px;
	background: url(../images/bg-icon-link.gif) left center no-repeat;
}

a.site-link {
	padding-left: 15px;
	background: url(../images/bg-icon-link-outer.gif) left center no-repeat;
}

.red { color: #CC2D28; }
.orange { color: #FFC956; }
.blue { color: #4C86FF; }