/* CSS Document */

/********************************************************************/
/* 大外 */
#container {
	width: 860px;
	background-color: #FFFFFF;
	font-size: 13px;
}

/********************************************************************/
/* ヘッダー */
#header {
	margin-top: 10px;
}

/* ヘッダー下ライン */
#bline {
	background-image: url(http://www.class-match.jp/data/s-ls/image/top_photo.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: center center;
}

/********************************************************************/
/* キャッチコピー */
#copy {
	font-size: 10px;
	color: #999999;
	text-align: right;
	width: 100%;
}

/********************************************************************/
/* ショップロゴ画像の場合使用 */
.shoplogo {
}

/* ショップロゴテキストの場合使用 */
.shoptext {
	text-indent: -9000em;
	padding: 0;
	display: block;
}

.shoptext a {
	margin: 0;
	background-image: url(http://www.class-match.jp/data/s-ls/image/logo.gif);
	background-repeat: no-repeat;
	height: 88px;
	width: 250px;
	display: block;
	float: left;
}

/********************************************************************/
/* サブナビゲーション */
.subnavi {
	width: 600px;
	text-align: right;
	font-size: 12px;
	margin-left: 250px;
}

/* ご利用案内アイコン　
※アイコンサイズ横15px×縦15px
※アイコン系はalignでなく左マージンで右にあわせる */
.subicon01,.subicon02,.subicon03,.subicon03 {
	padding-left: 15px;
	background-image: url(http://www.class-match.jp/data/s-ls/image/subicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 15px;
}
.subicon01 a,.subicon02 a,.subicon03 a,.subicon04 a {
	color: #666666;
	text-decoration: none;
}
.subicon01 a:hover,.subicon02 a:hover,.subicon03 a:hover,.subicon04 a:hover {
	color: #32b3d0;
	text-decoration: underline;
}

/********************************************************************/
/* 横幅ボックス */

/* 左、右用枠160 */
.side_box {
	margin-bottom: 10px;
}

/* 中央用枠160 */
.center_box {
	padding: 0 10px;
	width: 500px;
	margin-bottom: 20px;
}

/********************************************************************/
/* 左領域 */

/* カテゴリ一覧 */

/* カテゴリ一覧タイトル　
※背景画像横160px、縦は設定、空白は高さ指定 */
.category_title, .shopc_title, .pickup_category_title, .shopc_title {
	background-image: url(http://www.class-match.jp/data/s-ls/image/list_title.gif);
	background-repeat: no-repeat;
	height: 45px;
	display: block;
}
.category_title h3, .shopc_title h3, .pickup_category_title h3, .shopc_title h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	color: #FFFFFF;
	text-indent: 30px;
}

.category_title h3 a, .shopc_title h3 a, .pickup_category_title h3 a {
	color: #FFFFFF;
	text-decoration: none;
}
.category_title h3 a:hover, .shopc_title h3 a:hover, .pickup_category_title h3 a:hover {
	text-decoration: underline;
}

/* カテゴリ一覧部分 */
.category_list, .pickup_category_list {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #32b3d0;
	border-left-color: #32b3d0;
}
.category_list ul, .pickup_category_list ul {
	padding: 0;
	margin: 0;
}
.category_list li, .pickup_category_list li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

/*　親カテゴリの色※特集も共通 */
.mcategory a, .pickup_category_list li a {
	background-image: url(http://www.class-match.jp/data/s-ls/image/category_list.gif);
	background-repeat: no-repeat;
	height: 25px;
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0;
	text-indent: 5px;
}
.mcategory a:hover,  .pickup_category_list li a:hover {
	background-position: 0px -27px;
	color: #333333;
	text-decoration: underline;
}


/********************************************************************/
/* ナビゲーション　
※背景画像横160px、縦は設定、空白は高さ指定 */
.navi {
}

/* ショップ通信 */
.shop, .diary, .link, .bbs, .free_menu {
	margin-top: 1px;
	margin-bottom: 1px;
}
.shop a, .diary a, .link a, .bbs a, .free_menu a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(http://www.class-match.jp/data/s-ls/image/navi_shop.gif);
	background-repeat: no-repeat;
	height: 30px;
	display: block;
	font-size: 14px;
	padding-top: 8px;
	background-position: left center;
	font-weight: bold;
	text-indent: 25px;
}
.shop a:hover, .diary a:hover, .link a:hover, .bbs a:hover, .free_menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/* yahooオークション */
.yahoo {
}

/* 楽天オークション */
.rakuten {
}

/* ビッダーズオークション */
.bidders {
}

/********************************************************************/
/* ショッピングカート */

/* カートの中身大枠 */

/* カートの中身タイトル　
※アイコンサイズ横25px×縦20px */
.shopc_list  {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #32b3d0;
	border-bottom-color: #CCCCCC;
	border-left-color: #32b3d0;
	padding: 5px;
}

.shopc_in_title {
}

/* カートの中身商品リスト */
.shopc_in, .shopc_in h2 {
	font-size: 13px;
}

/* レジに行く */
.shopc_go {
}

/********************************************************************/
/* メインコンテンツ領域 */

/* メイン写真 */
#photo {
}

/* 左td */
#lefttd {
}

/* 中央td */
#centertd {
}

/* 右td */
#righttd {	
}

/* 内部ページtd */
#pagetd {
}

/* 写真影 */
.photo_line_80 {
	width: 80px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.photo_line_140 {
	width: 140px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.photo_line_250 {
	width: 250px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.photo_line {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* リンク用枠※買い物かご等の下ボタン枠 */
.link_bot_box {
	padding: 5px;
	margin: 5px 200px 5px 200px;
	text-align: center;
}

/* トップテーブル幅 */
.auto {
    width:100%;
}

/********************************************************************/
/* Welcome */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.welcome_top {
	padding: 5px;	
}

/* 大枠中 */
.welcome_middle {
	padding: 5px;
}

/* 大枠下 */
.welcome_bottom {
	padding: 5px;
}

/* 写真 */
.photo_welcome {
	margin: 0px 10px 0px 0px;
	float:left;
}

/********************************************************************/
/* 最新情報 */

/* 大枠上　
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top {
}

/* 大枠中 */
.whatnew_middle {
	padding: 5px;
}

/* 日付サイズ */
.whatnew_middle li {
	background-image: url(http://www.class-match.jp/data/s-ls/image/paper.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #aaaaaa;
	list-style-type: none;
	margin-bottom: 3px;
}

/* 大枠下 */
.whatnew_bottom {
	padding: 5px;
}

/********************************************************************/
/* 商品関連レイアウト */

.style1_text h2, .style2_text h2, .style2_rank_text h2, .style3_text h2 {
	font-size: 11px;
}

/* スタイル1　中央上 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.style1_top {
}

/* 大枠中 */
.style1_middle {
	padding: 5px;
}

/* 大枠下 */
.style1_bottom {
	padding: 5px;
}

/* コピー */
.style1_copy {
	padding: 5px;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style1_table_top {
	padding: 5px;
}

/* 各テーブル枠中 */
.style1_table_middle {
	padding: 5px;
}

/* 各テーブル枠下 */
.style1_table_bottom {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
}

/* テーブル */
.style1_table {
	width: 480px;
}

/* 写真 */
.style1_photo {
	margin: 0px 5px 0px 0px;
}

/* 説明 */
.style1_text {
	padding: 5px;
	font-size: 12px;
}

/* 商品名 */
.item_name {
	height: 45px;
	background-image: url(http://www.class-match.jp/data/s-ls/image/melmaga_title.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 32px;
	color: #333333;
}

/* 価格 */
.price {
	font-size: 12px;
	color: #FC4828;
}

/* 価格大 */
.priceb {
	font-size: 13px;
	color: #FC4828;
}

/* 在庫ありなし */
.stock {
	font-size: 10px;
	color: #333333;
}

/********************************************************************/
/* スタイル2　中央下 */

/* 大枠上 
※背景画像横490px、縦は設定、空白は高さ指定 */
.whatnew_top, .style1_top, .style2_top {
	background-image: url(http://www.class-match.jp/data/s-ls/image/top_title.gif);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding-top: 3px;
}

/* 大枠中 */
.style2_middle {
}

/* 大枠下 */
.style2_bottom {
}

/*　コピー　*/
.style2_copy {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/* 各テーブル枠上　
※背景画像横478px(外ボーダーにより変動)、縦は設定、空白は高さ指定 */
.style2_table_top {
    width: auto;
	margin: 5px 0px 0px 0px;
    padding: 0px;
}

/* 各テーブル枠中 */
.style2_table_middle {
	margin: 0px;
	padding: 5px;
}

/* 各テーブル枠下 */
.style2_table_bottom {
    width: auto;
	margin: 0px;
	padding: 0px;
}

/* テーブル */
.style2_table {
	margin: 0px;
	padding: 10px;
}

/* 写真 */
.style2_photo {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

/* 説明 */
.style2_text {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
}

/* 2-5位テーブル */
.style2_rank_table {
	margin-top: 0px;
	padding: 0px;
}

/* 2-5位テーブルの各ｔｄ */
.style2_rank_table td {
	padding: 8px;
	font-size: 12px;
}

/* 2-5位セル */
.style2_rank {
}

/* 2-5位写真 */
.style2_rank_photo {
	width: 80px;
	margin: 0px 12px;
	padding: 0px;
}

/* 2-5位説明 */
.style2_rank_text {
	width: 80px;
	margin: 0px 8px;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
}

/* 1位テキスト */
.rank1 {
	font-size: 12px;
	font-weight: bold;
	width: auto;
	padding-left: 5px;
	color: #FC4828;
}

/* 2-5位テキスト */
.rank2-5 {
	font-size: 12px;
	font-weight: bold;
	color: #FC4828;
}

/********************************************************************/
/* 右領域 */

/* スタイル3 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.style3_top {
	background-image: url(http://www.class-match.jp/data/s-ls/image/melmaga_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	display: block;
	background-position: left bottom;
}
.style3_top h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	color: #333333;
	text-indent: 32px;
}
/* 大枠中 */
.style3_middle {
}

/* 大枠下 */
.style3_bottom {
}

/* コピー */
.style3_copy {
	margin: 0px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
}

/* テーブル */
.style3_table {
	background-color: #F5F5F5;
	border: 1px solid #E0DFE3;
	margin-top: 5px;
	padding: 10px 5px 5px;
}

/* 写真 */
.style3_photo {
	padding: 5px;
	background-color:#ffffff;
	border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
	border-width:1px;
	border-style:solid;
}

/* 説明 */
.style3_text {
	padding: 5px;
	font-size: 11px;
}

/********************************************************************/
/* メルマガ */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.melmaga_top {
	background-image: url(http://www.class-match.jp/data/s-ls/image/melmaga_title.gif);
	background-repeat: no-repeat;
	height: 25px;
	display: block;
	background-position: left bottom;
}
.melmaga_top h3 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	color: #333333;
	text-indent: 32px;
}
/* 大枠中 */
.melmaga_middle {
	padding: 5px;
}

/* 大枠下 */
.melmaga_bottom {
	padding: 5px;
}

/* 内容 */
.mdata {
	font-size: x-small;
}

/********************************************************************/
/* 店長日記 */

/* 大枠上 
※背景画像横160px、縦は設定、空白は高さ指定 */
.tdiary_top {
	padding: 5px;
}

/* 大枠中 */
.tdiary_middle {
	padding: 5px;
}

/* 大枠下 */
.tdiary_bottom {
	padding: 5px;
}

/* 写真 */
.tphoto {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 1px;
}

/* プロフィール */
.tdata {
	width: 60px;
	float: left;
	margin: 0px 0px 0px 5px;
	font-size: x-small;
}

/* プロフィールタイトル */
.ttitle {

}

/* コメント */
.tcom {
	margin: 5px 0px 0px;
	padding: 5px;
	font-size: x-small;
}

/**********************************/
/* 第二階層 */

/* 第二階層パンクズ下大枠 */
#pagemain {
	width: 670px;
	padding: 0px 15px 15px
}

/* 第二階層パンクズ */
#pan {
	padding: 10px;
    width: auto;
}

/* 第二階層タイトル 
※背景画像横670px、縦は設定(15px以上)、空白は高さ指定 */
.ptitle {
	background-image: url(http://www.class-match.jp/data/s-ls/image/ptitle.gif);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	padding-top: 3px;
}

/* 第二階層中 */
.pmiddle {
	padding: 5px;
}

/* 相対文字のみ */
#popup .pmiddle {
    width: 670px;
}

/* 第二階層下 */
.pbottom {
	padding: 5px;
}

/* カートに入れる・お問い合わせボタン枠 */
.item_bot_box {
	padding: 5px;
}

.item_bot_box2 {
	padding: 5px;
}

/********************************************************************/
/* 商品一覧ページ */

/* 商品一覧タイトル　
※アイコンサイズ横35px×縦35px */
.list_name {
	width: 245px;
	height: 25px;
	background-image: url(http://www.class-match.jp/data/s-ls/image/melmaga_title.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: left bottom;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	color: #333333;
	text-indent: 32px;
	float: left;
}

/* ソート */
.list_soat {
	width: 300px;
	margin-left: 330px;
	padding: 5px;
}

/* 商品数 */
.list_count {
	padding: 5px;
}

/* 各テーブル枠上　
※背景画像横638px(外ボーダーにより変動)、縦は設定(15px以上)、空白は高さ指定 */
.list_table_top {
	margin: 5px;
}

/* 各テーブル枠中 */
.list_table_middle {
	padding: 5px;
}

/* 各テーブル枠下 */
.list_table_bottom {
	padding: 5px;
}

/* 商品一覧テーブル */
.list_item_table {
	padding: 5px;
}

.list_item_table td {
	padding-top: 10px;
}

.list_item_table td:hover,
.style2_rank_table td:hover,
.style1_table_middle table tr td:hover {
	background-color: #EEEEEE;
}

.style1_table_middle table tr td {
	padding-top: 10px;
}

/********************************************************************/
/* 商品詳細ページ */

/* テーブル枠上　
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_table_top {
	margin: 10px;
}

/* テーブル枠中 */
.detail_table_middle {
	padding: 10px;
	margin: 10px;
}

/* テーブル枠下 */
.detail_table_bottom {
	margin: 10px;
}

/* 商品詳細テーブル */
.detail_item_table {
    width: 620px;
}

/* 商品詳細商品説明 */
.detail_item_text {
	width: auto;
	padding: 10px;
	font-size: small;
	line-height: 160%;
}

/* 商品詳細サブタイトル 
※背景画像横638px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.detail_sub_title {
	padding: 5px;
	font-size: medium;
	font-weight: bold;
}

/* 詳細説明 */
.detail_sub_table {
    width: 620px;
}

/* 他の写真 */
.detail_sub_table02 {
	padding: 5px;
}

/* 詳細説明テキスト */
.detail_sub_text {
	padding: 5px;
}

/* 他の写真サブセル */
.sub_item {
	padding: 5px;
}

/* セル幅 */
.detail_sub_table02 td {
    width: 205px;
}

/* 他の商品写真 */
.sub_item_photo {
	margin: 5px 15px;
}

/********************************************************************/
/* 内部ページのテーブル　※ptitle〜pbottomの内側で使用 */

/* 内部ページの上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.page_table_top {
	padding: 5px;
	margin: 10px 20px 0px;
	font-size: medium;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table_middle {
	padding: 5px;
	margin: 0px 20px;
}

/* 内部ページの下 */
.page_table_bottom {
	padding: 5px;
}

/* 内部ページの上※デザイン違い
かごSTEP1お客様情報の入力、STEP3、4の確認画面で使用 */
.page_table2_top {
	padding: 5px;
	margin: 10px 20px 0px;
	font-size: medium;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table2_middle {
	padding: 5px;
	margin: 0px 20px;
}

/* 内部ページの下 */
.page_table2_bottom {
	padding: 5px;
}

/* 内部ページbbs用 
背景画像横幅522px　middleボーダー設定なしの場合520px */
.page_table3_top {
	padding: 5px;
	margin: 10px 20px 0px;
	font-size: medium;
	font-weight: bold;
}

/* 内部ページの中 */
.page_table3_middle {
	padding: 5px;
	margin: 0px 20px;
}

/* 内部ページの下 */
.page_table3_bottom {
	padding: 5px;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px */
.page_sub_top {
	margin-bottom: 5px;
	padding: 5px;
	font-size: medium;
	font-weight: bold;
}

/* 内部ページサブ上　
※アイコンサイズ横35px×縦35px
ご利用案内で使用 */
.page_sub2_top {
	margin-bottom: 5px;
	padding: 5px;
	font-size: medium;
	font-weight: bold;
}

/* 内部テーブルフレーム */
.table_fream {
    width: 600px ;
}

/********************************************************************/
/* カートの中身 */

/* カートの中身テーブル */
.cart_table {
	width: 600px;
	margin-bottom:5px;
}

/* カートの中身テーブル　
※配置がそのテーブル内で最も下の場合 */
.cart_table_bottom {
    width: 600px;
}

/* カート注意書き、パスワード、新しいカード情報、ご利用ガイド */
.point_box {
	padding: 5px;
	margin: 5px;
}

.point_box2 {
	padding: 5px;
	margin: 5px;
}

.point_box3 {
	padding: 5px;
	margin: 5px;
	text-align: center;
}

/* エラーボックス */
.error_box {
	padding: 5px;
	margin: 5px 40px 0px;
}

/* エラーテキスト */
.error_text {
	font-weight: bold;
}

/* テーブルパティング　
※各項目divに設定 */
.box_padding {
	padding: 2px;
}

/* カート金額 */
.cart_price_box {
	width: 150px;
	margin: 0px 0px 2px 5px;
	padding: 5px;
	text-align: right;
}

/* カートステップテーブル */
.cart_step_table {
	margin-left: 5px;
}

/* カートステップ 
※現ページはcheck 画像サイズ横幅160px */
.cart_step_1 {
	padding: 5px;
	font-size: 12px;
}

.cart_step_2 {
	padding: 5px;
	font-size: 12px;
}

.cart_step_3 {
	padding: 5px;
	font-size: 12px;
}

.cart_step_4 {
	padding: 5px;
	font-size: 12px;
}

.cart_step_1_check {
	padding: 5px;
	font-size: 12px;
}

.cart_step_2_check {
	padding: 5px;
	font-size: 12px;
}

.cart_step_3_check {
	padding: 5px;
	font-size: 12px;
}

.cart_step_4_check {
	padding: 5px;
	font-size: 12px;
}

/* 内容確認用テキスト */
.bottom_check {
	text-align: center;
	margin: 10px 20px 0px;
	padding: 5px;
}

/* フォーム系td背景 */
.td_color1 {
	padding: 5px;
}

.td_color2 {
	padding: 5px;
}

.td_color3 {
	padding: 5px;
}

/********************************************************************/
/* 店長日記・最新ニュース */

/* 各テーブル枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.tdiary_news_table_top {
	height: 25px;
	background-image: url(http://www.class-match.jp/data/s-ls/image/melmaga_title.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 32px;
	color: #333333;
}

/* 各テーブル枠中 */
.tdiary_news_table_middle {
	padding: 5px;
	margin: 5px 30px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
}

/* 各テーブル枠下 */
.tdiary_news_table_bottom {
	margin-bottom: 50px;
}

/* テーブル */
.tdiary_news_table {
	padding: 5px;
}

/* テキスト部分 */
.tdiary_news_text {
}

/* 写真部分 */
.tdiary_news_photo {
	padding: 0px 5px 0px 0px;
}

/********************************************************************/
/* リンク集・ショップのご案内 */

.td_link_shop1,.td_link_shop2,.table_fream td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;

}

/* td左 */
.td_link_shop1 {
    width: 150px;
	padding: 5px;
	font-weight: bold;
}

/* td右 */
.td_link_shop2 {
	padding: 5px;
}

/* 大枠 */
.link_shop {
	padding: 5px;
    margin: 10px;
}

/* テーブル */
.link_shop_table {
}

/* ショップタイトル項目 */
.shop_title {
}

/* リンクタイトル項目 */
.link_title {
	padding: 5px;
}

/* テキスト部分 */
.shop_link_text {
	padding: 5px;
}

/* 個人情報保護方針*/
.pp {
	padding: 0 20px;
}

/********************************************************************/
/* ご利用ガイド */
.guide_text {
	padding: 0px 10px 5px;
}

/********************************************************************/
/* フッター */
#footer {
	padding: 10px 0 30px 0;
	font-size: 12px;
	text-align: center;
}

/* おちゃのこ */
/* 「おちゃのこネット ホームページ作成とショッピングカート付きネットショップ開業サービス」
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	padding: 5px;
}

/********************************************************************/
/* ウィンドウを閉じる */
.win_close {
	padding-left: 10px;
} 

/********************************************************************/
/* 掲示板 */

/* 大枠上　
※背景画像横618px(外ボーダー設定により変動)、縦は設定(15px以上)、空白は高さ指定 */
.bbs_table_top {
	margin: 20px 20px 0px;
}

/* 大枠中 */
.bbs_table_middle {
	margin: 0px 20px;
	padding: 10px;
}

/* 大枠下 */
.bbs_table_bottom {
	margin: 0px 20px 20px;
}

/* テーブル小 */
.bbs_table_stop {
	width: 500px;
	margin-left: 50px;
}

/* テーブル小 */
.bbs_table_s {
	width: 500px;
}

/* テーブル */
.bbs_table {
	width: 600px;
}

/* tdカラー */
.bbs_td_color1 {
    width: 20px;
	padding: 5px;
}

.bbs_td_color2 {
	padding: 5px;
}

.bbs_td_color3 {
    width: 30px;
	padding: 5px;
}

/* テキスト */
.bbs_text {
	padding: 5px;
	margin: 10px 5px 10px;
}

/* ページ送り */
.sec_line_top {
    text-align: right;
	padding: 5px;
	margin: 10px 10px 0px;
}

/********************************************************************/
/* フォームボタン強調 */
.bot_b input {
	padding: 2px;
}

/********************************************************************/
/* HTMLタグ要素 */
body {
	word-break: break-all;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 150%;
	background-image: url(http://www.class-match.jp/data/s-ls/image/back.gif);
	background-repeat: repeat-y;
	background-color: #E6E6E6;
	color: #333333;
	background-position: center;
}

a {
	text-decoration: underline;
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #32b3d0;
}

a:active {
	text-decoration: none;
	color: #FC4828;
}

ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
form {
	display: inline;
}

/********************************************************************/
/* 回り込み回避用スタイル */
.clear-both {
	clear: both;
	height: 1px;
	font-size: 1px;
	text-align: center;
	overflow: hidden;
	visibility: hidden;
}

/********************************************************************/
/* フォント */

/* ボールド */
.text-bold {
	font-weight: bold;
}

/* ノーマル */
.text-normal { 
    font-weight:normal;
}

/* ボールド大 */
.text-bold-b {
	font-size: medium;
	font-weight: bold;
}

/* パンクズ現ページ */
.thispage {
	font-weight: bold;
}

/* リンク文字かご関連 */
.text-link-bot-b {
	font-size: medium;
}

/* サイズ小用 */
.text-11 {
	font-size: x-small;
}

/* サイズ大用 */
.text-14 {
	font-size: medium;
}

/* ショップロゴ用 */
.text-18 {
	font-size: large;
	line-height: normal;
}

/* 掲示板テキスト用カラー */
.bbs_color {

}

/********************************************************************/
/* セール */
h2#sale {
	padding: 0px;
	margin: 0px 0px 5px;
	display: block;
	text-indent: -9000pt;
	background-image: url(http://www.class-match.jp/data/s-ls/image/sale.gif);
	height: 150px;
	width: 520px;
	background-position: center center;
	background-repeat: no-repeat;
}

/********************************************************************/
/* トップページ外部リンク */

#top-link {
}

#top-link ul {
	padding: 0px;
	margin: 0px;
}

#top-link li {
	display: inline;
	list-style-type: none;
}

#top-link li a {
	display: block;
	text-indent: -9000pt;
	margin-bottom: 15px;
}

/* The ZENZA */
#top-link li#zenza a { background:url(http://www.class-match.jp/data/s-ls/image/zenza.gif) no-repeat; height: 80px; width: 180px;}

/* taca dalponte */
#top-link li#taca a { background:url(http://www.class-match.jp/data/s-ls/image/taca_180_80.gif) no-repeat; height: 80px; width: 180px;}

/* ランチBOX */
#top-link li#lbt a { background:url(http://www.class-match.jp/data/s-ls/image/lbt_bnr.gif) no-repeat; height: 80px; width: 180px;}

/* フットサルbiz */
#top-link li#biz a { background:url(http://www.class-match.jp/data/s-ls/image/biz_bnr180_80.gif) no-repeat; height: 80px; width: 180px;}

/* コパ30 */
#top-link li#copa30 a { background:url(http://www.class-match.jp/data/s-ls/image/copa30.gif) no-repeat; height: 80px; width: 180px;}

/* レポ */
#top-link li#repo a { background:url(http://www.class-match.jp/data/s-ls/image/repo.gif) no-repeat; height: 80px; width: 180px;}

/* ビックファニングボウリング */
#top-link li#bowling a { background:url(http://www.class-match.jp/data/s-ls/image/bowling_s.jpg) no-repeat; height: 80px; width: 180px;}

/* ジーコ */
#top-link li#zicokids a { background:url(http://www.class-match.jp/data/s-ls/image/zicokids.gif) no-repeat; height: 80px; width: 180px;}

/* R30神奈川チャンピオンズリーグ */
#top-link li#r30kcl a { background:url(http://www.class-match.jp/data/s-ls/image/r30kcl.gif) no-repeat; height: 80px; width: 180px;}

/* クラスマッチ大会 */
#top-link li#cme a { background:url(http://www.class-match.jp/data/s-ls/image/cme_180_80.gif) no-repeat; height: 80px; width: 180px;}

/* クラスマッチ大会 */
#top-link li#cme02 a { background:url(http://www.class-match.jp/data/s-ls/image/cme02_180_80.gif) no-repeat; height: 80px; width: 180px;}