@charset "utf-8";


/*//////////////////////////////////////////////////////////////////////// 
// ベース
//////////////////////////////////////////////////////////////////////// */

body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 80%;
	color: #666666;
	background: #FFFFFF;
}

*{
	margin: 0px;
	padding: 0px;
}

img{
	border: none;
}

table, td, th{
	border: 0px;
}

a:link, a:visited{
	color: #003F97;
	text-decoration: none;
}

a:hover, a:active{
	color: #A81E1E;
	text-decoration: underline;
}

/*//////////////////////////////////////////////////////////////////////// 
// 全体レイアウト
//////////////////////////////////////////////////////////////////////// */

.dn{
	display:none;
}

#bodyArea{
	width: 840px;
	margin: 0px auto;
	background: url(./img/title_img.jpg) left top no-repeat;
}

#headerArea{
	width: 800px;
	height: 150px;
	margin: 0px auto;
}

#contentArea{
	width: 840px;
	margin: 0px auto;
}

#contentLeft{
	float: left;
	width: 280px;
}

#contentRight{
	float: right;
	width: 560px;
}

#footerArea{
	clear: both;
	width: 840px;
	margin: 0px auto;
}

/*//////////////////////////////////////////////////////////////////////// 
// ヘッダー
//////////////////////////////////////////////////////////////////////// */

#headerCopy{
	height: 20px;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px 0px 0px 0px;
}

#headerLogo{
	width: 420px;
	height: 115px;
	text-align: left;
}

h1 a{
	width: 420px;
	height: 115px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
}

/*//////////////////////////////////////////////////////////////////////// 
// ログイン
//////////////////////////////////////////////////////////////////////// */

#loginBox{
	width: 190px;
	height: 150px;
	margin: 30px 0px 30px 45px;
}

#loginBox h2{
	width: 190px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	background: url("./img/login_title.jpg") left top no-repeat;
}

#loginBox p.t_id{
	width: 55px;
	height: 22px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/login_id.jpg") left top no-repeat;
}

#loginBox p.t_pass{
	width: 55px;
	height: 22px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/login_pass.jpg") left top no-repeat;
}

#loginBox input{
	width: 125px;
	height: 16px;
	border: #666666 1px solid;
}

/*----- 新規登録ボタン ----- */
#loginBox a.btn_new{
	width: 64px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_new.jpg") left top no-repeat;
	margin: 2px 0px 0px 0px;
}

#loginBox a:hover.btn_new,
#loginBox a:active.btn_new{
	background: url("./img/login_btn_new.jpg") -64px top no-repeat;
}

/*----- ログインボタン ----- */
#loginBox input#btn_send{
	width: 64px;
	height: 20px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("./img/login_btn_send.jpg") left top no-repeat;
	margin: 2px 0px 0px 0px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_send{
	padding-left: 300px;
}

/*----- お忘れの方ボタン ----- */
#loginBox a.btn_forget{
	width: 190px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_forget.jpg") left top no-repeat;
}

#loginBox a:hover.btn_forget,
#loginBox a:active.btn_forget{
	background: url("./img/login_btn_forget.jpg") -220px top no-repeat;
}

/*//////////////////////////////////////////////////////////////////////// 
// ログイン中
//////////////////////////////////////////////////////////////////////// */

#loginBox2{
	width: 190px;
	height: 150px;
	margin: 30px 0px 30px 45px;
}

#loginBox2 h2{
	width: 190px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	background: url("./img/login_title02.jpg") left top no-repeat;
}

#loginBox2 table{
	width: 190px;
}

#loginBox2 p{
	text-align: center;
	font-size: 12px;
	margin: 2px 0px 0px 0px;
}

#loginBox2 span.mName{
	font-weight: bold;
	color: #2964BD;
}

#loginBox2 span.mPoint{
	font-size: 14px;
	font-weight: bold;
	color: #A81E1E;
}

/*----- ログアウトボタン ----- */
#loginBox2 input#btn_out{
	width: 64px;
	height: 20px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("./img/login_btn_out.jpg") left top no-repeat;
	margin: 2px 0px 5px 0px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_out{
	padding-left: 300px;
}

/*----- 会員情報変更ボタン ----- */
#loginBox2 a.btn_s01{
	width: 92px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_s01.jpg") left top no-repeat;
}

#loginBox2 a:hover.btn_s01,
#loginBox2 a:active.btn_s01{
	background: url("./img/login_btn_s01.jpg") -95px top no-repeat;
}

/*----- カートの確認ボタン ----- */
#loginBox2 a.btn_s02{
	width: 92px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_s02.jpg") left top no-repeat;
}

#loginBox2 a:hover.btn_s02,
#loginBox2 a:active.btn_s02{
	background: url("./img/login_btn_s02.jpg") -95px top no-repeat;
}

/*----- ポイント履歴ボタン ----- */
#loginBox2 a.btn_s03{
	width: 92px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_s03.jpg") left top no-repeat;
}

#loginBox2 a:hover.btn_s03,
#loginBox2 a:active.btn_s03{
	background: url("./img/login_btn_s03.jpg") -95px top no-repeat;
}

/*----- 退会についてボタン ----- */
#loginBox2 a.btn_s04{
	width: 92px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/login_btn_s04.jpg") left top no-repeat;
}

#loginBox2 a:hover.btn_s04,
#loginBox2 a:active.btn_s04{
	background: url("./img/login_btn_s04.jpg") -95px top no-repeat;
}

/*//////////////////////////////////////////////////////////////////////// 
// メインメニュー
//////////////////////////////////////////////////////////////////////// */
#messageBox{
	width: 200px;
	margin: 0px 0px 10px 40px;
	font-size: 90%;
	border: #A2A2A2 1px solid;
	background: #EEEEEE;
}

#messageBox p{
	padding: 10px;
}


#menuBox{
	width: 230px;
	margin: 0px 0px 30px 25px;
}

/*----- 初めての方ボタン ----- */
#menuBox a.menu_first{
	width: 230px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/menu00.jpg") left top no-repeat;
}

#menuBox a:hover.menu_first,
#menuBox a:active.menu_first{
	background: url("./img/menu00.jpg") -240px top no-repeat;
}

#menuBox .menu_line{
	width: 230px;
	height: 18px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/menu_line.jpg") left top no-repeat;
}

/*----- メニュー項目 ----- */
#menuBox ul#menuList{
	width: 230px;
	list-style: none;
}

#menuBox ul#menuList li a:focus{
	/*\*/
		overflow: hidden;
	/**/
}

#menuBox ul#menuList li a{
	width: 230px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
}

#menuBox #menu01 a{
	background: url("./img/menu.jpg") left top no-repeat;
}

#menuBox #menu01 a:hover,
#menuBox #menu01 a:active{
	background: url("./img/menu.jpg") -240px top no-repeat;
}

#menuBox #menu02 a{
	background: url("./img/menu.jpg") left -25px no-repeat;
}

#menuBox #menu02 a:hover,
#menuBox #menu02 a:active{
	background: url("./img/menu.jpg") -240px -25px no-repeat;
}

#menuBox #menu03 a{
	background: url("./img/menu.jpg") left -50px no-repeat;
}

#menuBox #menu03 a:hover,
#menuBox #menu03 a:active{
	background: url("./img/menu.jpg") -240px -50px no-repeat;
}

#menuBox #menu04 a{
	background: url("./img/menu.jpg") left -75px no-repeat;
}

#menuBox #menu04 a:hover,
#menuBox #menu04 a:active{
	background: url("./img/menu.jpg") -240px -75px no-repeat;
}

#menuBox #menu05 a{
	background: url("./img/menu.jpg") left -100px no-repeat;
}

#menuBox #menu05 a:hover,
#menuBox #menu05 a:active{
	background: url("./img/menu.jpg") -240px -100px no-repeat;
}

#menuBox #menu06 a{
	background: url("./img/menu.jpg") left -125px no-repeat;
}

#menuBox #menu06 a:hover,
#menuBox #menu06 a:active{
	background: url("./img/menu.jpg") -240px -125px no-repeat;
}

/*//////////////////////////////////////////////////////////////////////// 
// 検索窓
//////////////////////////////////////////////////////////////////////// */

#searchBox{
	width: 560px;
	margin: 110px 0px 0px 0px;
}

#searchBox #searchTop{
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/search_bg01.jpg") left top no-repeat;
}

#searchBox #searchBottom{
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/search_bg01.jpg") left bottom no-repeat;
}

#searchBox #searchMain{
	padding: 0px 0px 0px 40px;
	background: url("./img/search_bg02.jpg") left top repeat;
}

#searchBox h2{
	width: 100px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/search_title.jpg") left top no-repeat;
}

#searchBox input{
	width: 200px;
	height: 14px;
}

/*----- 検索ボタン ----- */
#searchBox input#btn_search{
	width: 64px;
	height: 20px;
	border: none;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
	text-indent: -9999px;
	background: url("./img/search_btn_send.jpg") left top no-repeat;
	margin: 0px 5px 0px 5px;
	/* Opera用 */
	font-size: 1px;
}
/* Operaのみ適用 */
*+html:first-child body form input#btn_search{
	padding-left: 300px;
}

/*----- 詳しく探すボタン ----- */
#searchBox a.btn_detail{
	width: 110px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/
		overflow: hidden;
	/**/
	background: url("./img/search_detail.jpg") left top no-repeat;
}

#searchBox a:hover.btn_detail,
#searchBox a:active.btn_detail{
	background: url("./img/search_detail.jpg") -100px top no-repeat;
}

/*//////////////////////////////////////////////////////////////////////// 
// パンくず
//////////////////////////////////////////////////////////////////////// */

#pathBox{
	width: 560px;
	margin: 5px 0px 0px 0px;
}

#pathBox #pathTop{
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/path_bg01.jpg") left top no-repeat;
}

#pathBox #pathBottom{
	height: 3px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/path_bg01.jpg") left bottom no-repeat;
}

#pathBox #pathMain{
	font-size: 80%;
	padding: 0px 10px 0px 10px;
	background: url("./img/path_bg02.jpg") left top repeat;
}

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

#newsBox{
	width: 560px;
	margin: 30px 0px 0px 0px;
}

#newsBox h2{
	width: 560px;
	height: 20px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/news_title.jpg") left top no-repeat;
}

#newsBox dl{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	background: url("./img/line01.jpg") left bottom repeat-x;
}

#newsBox dt{
	float: left;
	width: 6em;
	font-size: 80%;
	line-height: 1.25em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#newsBox dd{
	_height: 1%; /* Hack for Win IE6 */
	line-height: 1.25em;
	margin: 0px 0px 0px 6em;
}

/*//////////////////////////////////////////////////////////////////////// 
// 交換する商品
//////////////////////////////////////////////////////////////////////// */

#goodsBox{
	width: 560px;
	margin: 20px 0px 30px 0px;
}

#goodsBox h2{
	width: 560px;
	height: 70px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("./img/category_title.jpg") left top no-repeat;
}

#goodsBox Table{
	width: 560px;
	margin: 10px 0px 10px 0px;
}

/*----- カテゴリー別ボタン ----- */
#goodsBox a.goodsCate{
	width: 155px;
	display: block;
	color: #FFFFFF;
	line-height: 1.25em;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px;
	border-top: #FFDFE1 2px solid;
	border-right: #DE0313 2px solid;
	border-bottom: #DE0313 2px solid;
	border-left: #FFDFE1B 2px solid;
	background-color: #FD5562;
}

#goodsBox a:hover.goodsCate,
#goodsBox a:active.goodsCate{
	border-top: #DE0313 2px solid;
	border-right: #FFDFE1 2px solid;
	border-bottom: #FFDFE1 2px solid;
	border-left: #DE0313 2px solid;
}

/*----- ポイント別ボタン ----- */
#goodsBox a.goodsPoint{
	width: 155px;
	display: block;
	color: #FFFFFF;
	line-height: 1.25em;
	text-align: center;
	text-decoration: none;
	padding: 6px 10px;
	border-top: #A2A2A2 2px solid;
	border-right: #5D5D5D 2px solid;
	border-bottom: #5D5D5D 2px solid;
	border-left: #A2A2A2 2px solid;
	background-color: #717171;
}

#goodsBox a:hover.goodsPoint,
#goodsBox a:active.goodsPoint{
	border-top: #5D5D5D 2px solid;
	border-right: #A2A2A2 2px solid;
	border-bottom: #A2A2A2 2px solid;
	border-left: #5D5D5D 2px solid;
}

/*//////////////////////////////////////////////////////////////////////// 
// 記事
//////////////////////////////////////////////////////////////////////// */

/*----- 記事１ ----- */
#article01Box{
	width: 560px;
	margin: 10px 0px 20px 0px;
}

#article01Box #articleTop{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/article01_bg01.jpg") left top no-repeat;
}

#article01Box #articleBottom{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/article01_bg01.jpg") left bottom no-repeat;
}

#article01Box #articleMain{
	line-height: 1.25em;
	padding: 0px 10px 0px 10px;
	background: url("./img/article01_bg02.jpg") left top repeat;
}

#article01Box h2{
	font-size: 100%;
	color: #67831C;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
	background: url("./img/article01_mark.jpg") left top no-repeat;
}

#article01Box p{
	line-height: 150%;
	margin: 5px 0px 5px 0px;
}

/*----- 記事２ ----- */
#article02Box{
	width: 560px;
	margin: 10px 0px 20px 0px;
}

#article02Box #articleTop{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/article02_bg01.jpg") left top no-repeat;
}

#article02Box #articleBottom{
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	background: url("./img/article02_bg01.jpg") left bottom no-repeat;
}

#article02Box #articleMain{
	line-height: 1.25em;
	padding: 0px 10px 0px 10px;
	background: url("./img/article02_bg02.jpg") left top repeat;
}

#article02Box h2{
	font-size: 100%;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
	background: url("./img/article02_mark.jpg") left top no-repeat;
}

#article02Box p{
	line-height: 1.25em;
	margin: 5px 0px 5px 0px;
}

/*----- Ｑ＆Ａ ----- */
div.articleFaqQ{
	font-weight: bold;
	color: #65840D;
	line-height: 1.25em;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url("./img/mark_q.jpg") left top no-repeat;
}

div.articleFaqA{
	line-height: 1.25em;
	margin: 10px 0px 25px 0px;
	padding: 0px 0px 0px 20px;
	background: url("./img/mark_a.jpg") left top no-repeat;
}

/*----- 囲み ----- */
div.articleBox{
	width: 100%;
	margin: 10px 0px 10px 0px;
	border: #A2A2A2 1px solid;
	background: #EEEEEE;
}

div.articleBox p{
	padding: 20px 20px 20px 20px;
}

/*----- 新規登録の利用規約とPP ----- */
div.scrollBox{
	height:300px;
	width:103%;
	overflow-y:scroll;
	overflow-x:hidden;
	border:1px solid #A2A2A2;
}

/*//////////////////////////////////////////////////////////////////////// 
// テーブル
//////////////////////////////////////////////////////////////////////// */

/*----- テーブル１ ----- */
table.tableType1{
	width: 100%;
}

table.tableType1 th{
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	background: #688518;
}

table.tableType1 td{
	padding: 10px 10px 10px 10px;
	background: #EEEEEE;
}

/*----- テーブル２ ----- */
table.tableType2{
	width: 100%;
}

table.tableType2 th{
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	padding: 3px 10px 3px 10px;
	background: #688518;
}

table.tableType2 td{
	padding: 5px 10px 5px 10px;
	background: #EEEEEE;
}

/*----- テーブル３ ----- */
table.tableType3{
	width: 100%;
	margin: 10px 0px 10px 0px;
	border: #A2A2A2 1px solid;
}

table.tableType3 th{
	padding: 20px 20px 20px 20px;
}

table.tableType3 td{
	padding: 20px 20px 20px 20px;
	background: #EEEEEE;
}

table.tableType3 .dTitle{
	font-size: 110%;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}

table.tableType3 .dPoint{
	text-align: right;
	color: #A9221F;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

table.tableType3 .dText{
	padding: 0px 0px 10px 0px;
}

/*----- ページネーション ----- */
p.pageNation{
	text-align: center;
	padding: 5px 0px 0px 0px;
}

p.pageNation a{
	padding: 0px 3px 0px 3px;
}

/*----- ボタン ----- */
p.formBtn{
	text-align: center;
	padding: 10px 0px 10px 0px;
}

p.formBtn input{
	padding: 3px 10px 3px 10px;
}

/*----- 合計 ----- */
table.tableType2 td.pointSum{
	color: #a81e1e;
	font-weight: bold;
	text-align: right;
	padding: 5px 15px 5px 15px;
	background: #FFEBEB;
}

/*//////////////////////////////////////////////////////////////////////// 
// フッター
//////////////////////////////////////////////////////////////////////// */

#footerTop{
	height: 15px;
	background: url("./img/line02.jpg") left top repeat-x;
}

#footerSubmenu{
	float: left;
	width: 420px;
	font-size: 80%;
	line-height: 1.25em;
}

#footerSubmenu a{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 8px;
	background: url("./img/mark01.jpg") left top no-repeat;
}

#footerSubmenu a:hover,
#footerSubmenu a:active{
	background: url("./img/mark01_over.jpg") left top no-repeat;
}

#footerCopyright{
	float: right;
	width: 420px;
	text-align: right;
	font-size: 80%;
	line-height: 1.25em;
}

#footerBottom{
	clear: both;
	height: 15px;
}