@charset "utf-8";
/*
Theme Name: (新)関本賢太郎オフィシャルサイト
Theme URI: http://sekimoto3.net/
Description: (新)関本選手のテーマ
Author: 株式会社フォーカスライト
Author URI: http://fclt.co.jp/
*/

/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:link {
	outline:none;
	color:#6BA30E;
	text-decoration:none;
}

a:visited {
	outline:none;
	color:#6BA30E;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

body {
	font-size: 13px;
	line-height: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(images/common/back-ground.jpg) repeat 0 0;
}
/* 回り込み
------------------------------------ */
.fLeft {
	float:left;
}
.fRight {
	float:right;
}
/* クリアー
------------------------------------ */
.clear {
	clear:both;
}
/* クリアーボックス
------------------------------------ */
.clear-box {
	zoom: 100%; /* zoomはIE独自の機能でこいつを指定すればIEはOK */
}
.clear-box:after {
	content: " "; /* FirefoxやOperaには効果がないので、after擬似クラスでclearを含んだ半角スペースを指定します。これでモダンブラウザ全てに対応するfloat解除のclassの出来上がり */
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* パンくず
------------------------------------ */
p#pan {
	margin-bottom:0px;
}

/* メインメニュー
------------------------------------ */
div#gnavi {
	width:529px;
	height:32px;
	margin-top:27px;
	float:left;
}
div#gnavi li {
	float:left;
}
li#m01, li#m01 a {
	width:115px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/m01.jpg) no-repeat 0 0;
}
li#m02, li#m02 a {
	width:103px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/m02.jpg) no-repeat 0 0;
}
li#m03, li#m03 a {
	width:104px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/m03.jpg) no-repeat 0 0;
}
li#m04, li#m04 a {
	width:103px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/m04.jpg) no-repeat 0 0;
}
li#m05, li#m05 a {
	width:104px;
	height:32px;
	display:block;
	text-indent:-9999px;
	background:url(images/common/m05.jpg) no-repeat 0 0;
}
/* ページパーツ
------------------------------------ */
div#wrap {
	width:970px;
	margin:0 auto;
}
div#header {
	width:890px;
	height:76px;
	padding:30px 40px 0 40px;
	background:url(images/common/page-top-bg.jpg) no-repeat 0 0;
}
div#header h1 a {
	width:361px;
	height:59px;
	float:left;
	display:block;
	text-indent:-9999px;
	background:url(images/common/logo.jpg) no-repeat 0 0;
}
div#leftarea {
	width:620px;
	float:left;
}
div#rightarea {
	width:230px;
	float:right;
}
div#contents {
	width:890px;
	padding:0 40px;
	background:url(images/common/page-middle-bg.jpg) repeat-y 0 0;
}
div#footerarea {
	height:193px;
	background:url(images/common/footer-bg.jpg) repeat-x 0 0;
}
div#footer {
	width:890px;
	height:193px;
	margin:0 auto;
	padding:0 40px;
	color:#a8e838;
	background:url(images/common/footer.jpg) no-repeat 0 0;
}
div#footer ul {
	margin:40px 0 0 165px;
}
div#footer li {
	margin-right:15px;
	float:left;
}
div#footer li a {
	color:#a8e838;
}
p#copy {
	clear:both;
	text-align:center;
}	
p#pagetop-go a {
	width:230px;
	height:40px;
	margin-left:640px;
	display:block;
	text-indent:-9999px;
}
p.caution {
	margin-bottom:20px;
	text-align:center;
}
div#fclt-mob {
	width:230px;
	background:url(images/top/fclt-mob.gif) no-repeat 0 0;
}
p#qr-yoko {
	margin-right:70px;
	padding-top:0px;
}
/* ボックス
------------------------------------ */
div#mainbox {
	width:872px;
	padding:9px;
	background:url(images/common/contents-top-bg.jpg) no-repeat 0 0 #fff;
}
div.textbox01 {
	margin-bottom:20px;
}
/* マージン
------------------------------------ */
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}

.mc33 {
	margin-top:10px;
	border-top:1px dotted #d2d2d2;
}

/* 見出し
------------------------------------ */
div#leftarea h2 {
	width:620px;
	font-size:24px;
	margin-bottom:15px;
	padding-bottom:8px;
	color:#666666;
	border-bottom:2px solid #6BA30E;
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2:first-letter {
	color:#6BA30E;
}
div#rightarea h2 {
	width:230px;
	font-size:18px;
	margin-bottom:15px;
	color:#666666;
	border-bottom:2px solid #6BA30E;
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2:first-letter {
	color:#6BA30E;
}
div#rightarea span.more {
	font-size:10px;
	color:#6BA30E;
}
h2.h2wide {
	width:782px;
	font-size:24px;
	margin-bottom:15px;
	color:#666666;
	border-bottom:2px solid #6BA30E;
	font-family:"Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* コンテンツタイトル
------------------------------------ */
/*ブログ・ブログ一覧*/
h2#blog-list {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/blog/h2bg.jpg) no-repeat 0 0;
}
/*インフォ・インフォ一覧*/
h2#info-list {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/info/h2bg.jpg) no-repeat 0 0;
}
/*プロフィール*/
h2#prof {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/prof/h2bg.jpg) no-repeat 0 0;
}
/*セッキークラブ*/

h2#s-club-list {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/s-club/h2bg.jpg) no-repeat 0 0;
}
/*個人情報保護方針*/
h2#policy {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/policy/h2bg.jpg) no-repeat 0 0;
}
/*利用規約*/
h2#terms {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/terms/h2bg.jpg) no-repeat 0 0;
}
/*お問合せ*/
h2#contact {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/contact/h2bg.jpg) no-repeat 0 0;
}
/*リンク*/
h2#link {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/link/h2bg.jpg) no-repeat 0 0;
}
/*サイトマップ*/
h2#sitemap {
	width:870px;
	height:150px;
	margin-bottom:15px;
	text-indent:-9999px;
	background:url(images/sitemap/h2bg.jpg) no-repeat 0 0;
}
/* トップページ
------------------------------------ */
div#banner-area {
	width:620px;
	height:100px;
}
div#banner-area li {
	float:left;
}
li#bnr-left a {
	width:305px;
	height:90px;
	margin:5px 0 0 10px;
	display:block;
	text-indent:-9999px;
	background:url(images/top/f-shop.gif) no-repeat 0 0;
}
li#bnr-right a {
	width:305px;
	height:60px;
	margin:5px 0 0 10px;
	padding:30px 5px 0 5px;
	display:block;
	text-indent:-9999px;
	background:url(images/top/bnr-auc.gif) no-repeat 0 0;
}
li#bnr-left a:hover,li#bnr-right a:hover {
	text-decoration:none;
}
.topbr{margin-bottom:10px;}
/* トップページ ショップ
------------------------------------ */
div#top-shop {
	width:614px;
	height:159px;
	padding:10px 0 5px 0;
	border:3px solid #A8D219;
	background:url(images/top/proshop-item-bg.png) repeat 0 0;

}
div.shop-item {
	width:203px;
	margin-right:2px;
	float:left;
}
div.shop-item2 {
	width:203px;
	float:right;
}
div#top-shop p {
	position:relative;
	left: 50px;
}
div#top-shop p.price {
	width:85px;
	height:22px;
	margint-top:5px;
	padding-left:5px;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	background:url(images/top/price-bg.png) no-repeat 0 0;
}
.buy {
	position:relative;
	left: 100px;
	top: -30px;
	display: block;
}
/* トップページ ニュース
------------------------------------ */
div#news {
	margin-bottom:15px;
}
div#news li a {
	width:620px;
	margin-bottom:10px;
	padding-bottom:5px;
	display:block;
	border-bottom:1px dashed #d2d2d2;
}
div#news li:hover {
	background-color:#f8f8f8;
}
div#news li a span.news-day {
	font-size:12px;
	margin-right:20px;
	color:#666666;
}

/* トップページ ブログ
------------------------------------ */
div#blog3 {
	magin-bottom:15px;
}
div#blog3 li a {
	width:620px;
	margin-bottom:10px;
	padding-bottom:5px;
	display:block;
	border-bottom:1px dashed #d2d2d2;
}
div#blog3 li:hover {
	background-color:#f8f8f8;
}
div#blog3 li a span.blog-day {
	font-size:12px;
	margin-right:20px;
	color:#666666;
}
div#blog3 li a span.blog-com {
	font-size:12px;
	margin-left:113px;
	color:#666666;
}
/* 右カラム
------------------------------------ */
div#rightarea li {
	width:230px;
	margin-bottom:10px;
	display:block;
	border-bottom:1px dashed #d2d2d2;
}
div#rightarea li:hover {
	background-color:#f8f8f8;
}
div#rightarea li span.day {
	font-size:10px;
	color:#666666;
}
/* ブログ一覧
------------------------------------ */
div.blog-title {
	margin-bottom:10px;
	padding-left:5px;
	border-left:3px solid #6BA30E;
}
div.blog-title p {
	font-size:10px;
}
div.blog-title h3,div.blog-title h3 a {
	font-size:18px;
	color:#6BA30E;
}
p.postmetadata {
	margin:10px 0 15px 0;
	padding-bottom:10px;
	border-bottom:1px dotted #d2d2d2;
}
/*コメント*/
h3.h3blog-title {
	margin-bottom:20px;
	font-size:14px;
	color:#6BA30E;
	background:#fafafa;
}

ol.commentlist li {
	border:1px solid #cccccc;
	margin-bottom:15px;
	padding:10px;
}
div#respond p {
	margin-bottom:10px;
}
p.serif {
	margin-bottom:20px;
}

ul.info{
	width:620px;
	height: 25px;
	font-size:85%;
	padding: 7px 0 0 0;
	margin-bottom:20px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
	}

ul.info li{ float: left; margin: 0 10px; list-style: none !important}

/* ブログ詳細
------------------------------------ */
div#blog-contents p {
	margin-bottom:15px;
}
/* インフォメーション
------------------------------------ */
div.info-title li {
	margin-bottom:10px;
	padding:5px 0 5px 5px;
	color:#000;
	border-left:3px solid #6BA30E;
	border-bottom:1px dashed #d2d2d2;
}
div.info-title li a span.news-day {
	font-size:12px;
	color:#666666;
}
div.info-title li:hover {
	background-color:#f8f8f8;
}
div.info-title li a {
	color:#6BA30E;
	display:block;
}
div.info-title li a:hover {
	color:#6BA30E;
	text-decoration:underline;
}
/* プロフィール
------------------------------------ */
dl.dtdd_float dt {
	margin-bottom:5px;
	float: left;
	width: 12em;
	clear:both;
}
dl.dtdd_float dd {
	margin-left: 12em;
	margin-bottom:5px;
}
div.data-table table {
	width:620px;
	margin-bottom:10px;
}
td {
	padding:5px;
	text-align:center;
	border:1px solid #d2d2d2;
}
div#question {
	margin-top:20px;
}
div#question dt {
	padding:5px;
	background-color:#f3f3f3;
}
div#question dd {
	padding:5px 5px 5px 25px;
}
/*S-CLUB
------------------------------------ */
p#auc-btn {
	margin:20px 0;
}
/*利用規約
------------------------------------ */
div#text-set p {
	margin-bottom:15px;
}
div#text-set ul {
	margin-bottom:20px;
}
div#text-set ul li {
	margin-bottom:15px;
	text-indent:1em;
	list-style-type:disc;
	list-style-position:inside;
}
/*お問合せ
------------------------------------ */

div#contact table {
	width:620px;
	margin-bottom:25px;
	font-size:12px;
	border:1px solid #d2d2d2;
}
div#contact table th {
	width:180px;
	padding:10px;
	background-color:#f0f0f0;
	border:1px solid #d2d2d2;
}
div#contact table td {
	padding:10px;
	border:1px solid #d2d2d2;
	text-align:left;
}
textarea#inquiry {
	width:100%;
	height:100px;
}
input.input-long {
	width:50%;
}
input.input-short {
	width:25%;
	margin-bottom:5px;
}
input.input-long2 {
	width:50%;
	margin-bottom:5px;
}

span.req {
	padding-right:15px;
	font-weight:bold;
	color:#6BA30E;
}
span.no-req {
	padding-left:52px;
}
/*サイトマップ
------------------------------------ */
div#sitemap-list ul li {
	padding:15px 0 15px 0;
	line-height:1.65;
	border-bottom:1px dashed #d2d2d2;
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
	text-align:center;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	margin-bottom:20px;
	padding:3px;
	border:1px solid #d2d2d2;
}
.photo-end {
}
/* ---------- */

img#bana1{margin-bottom:10px;}


/* ------------------------------------
■　バナー広告
------------------------------------ */
div#new-t a {
	width:230px;
	height:230px;
	margin-bottom:15px;
	display:inline-block;
	text-indent:-9999px;
	background:url(images/common/new-t.jpg) no-repeat 0 0;
}
div#new-t a:hover {
	background:url(images/common/new-t.jpg) no-repeat 0 0;
}



.feed {
	padding:5px 0 0 0;
}
.feed li {

}
.feed li a {
	text-decoration:none;
	color:#6BA30E;
}
.feed li a:hover {
	text-decoration:underline;
}
div#feedbox {
	margin:0 0 10px 0;
	border-top:3px solid #659D04;
	border-right:3px solid #659D04;
	border-bottom:3px solid #659D04;
	background-color:#fff;
}
div#feedbox p{
	width:155px;
	margin:0 20px 0 0;
	padding:5px;
	float:left;
	color:#fff;
	font-weight:bold;
	background-color:#659D04;
}