BODY {
    color: #666666;

	font-size:12px;
	line-height : 140%;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(./img/bg_01.gif);
	SCROLLBAR-FACE-COLOR      : #cccccc;
    SCROLLBAR-HIGHLIGHT-COLOR : #ffffff;
    SCROLLBAR-SHADOW-COLOR    : #ffffff;
    SCROLLBAR-3DLIGHT-COLOR   : #ffffff;
    SCROLLBAR-ARROW-COLOR     : #999999;
    SCROLLBAR-TRACK-COLOR     : #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff


}

A {
	COLOR: #4d82c4; TEXT-DECORATION: none;
	}

A:hover {
	COLOR: #4d82c4; TEXT-DECORATION: underline;
	}
A:active {
	COLOR: #4d82c4; TEXT-DECORATION: underline;
	}


.style1 {
		font-size:12px;
		color: #E94616;
		}

.style2 {
		font-size:12px;	
		color: #E94616;
		}

.style3 {
		font-size:12px;
		color: #FF0000
		}

.style7 {color: #FF6600}
.style4 {font-size: 10px}
.style8 {font-size: 10px; color: #666666; }
.style9 {color: #999999}


td{
	font-size:12px;
	line-height : 140%;
}




font{
	font-size:12px;
	line-height : 140%;
	}



.contents {
	background-image: url(./img/contents_back.gif);
	background-repeat: repeat-y;
	background-position:175px;
	background-color: #ffffff;
	width:785px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

body,form,ul,li,h1,h2,h3,table{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style: none;
	list-style-position: outside;
}

div{
	text-align: left;
}

p {
	font-size:12px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p.center{
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.menu_img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}

img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

h1{
	background-image: url(./img/bg_01.gif);
	/*border-right: solid 1px #808080;*/
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #666666;
	text-align:center;
	line-height: 25px;
	/*background-color:#ffffd8;*/

}


h2{
	font-size:12px;
	margin: 0px 0px 0px 0px;
	color: #666666;
}

table.news{
	width:560px;
	margin: 10px 15px 0px 15px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
}
td.news{
	width:280px;
	margin: 0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-size:12px;
	text-align:left;
	line-height: 16px;
	vertical-align:top;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header {
	float: left;
	width:785px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


p.head_logo{
	float: left;
	width: 280px;
	margin: 0px 0px 0px 0px;
}

p.head_img{
	float: left;
	width: 276px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.head_pay{
	float: left;
	width: 229px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header_menu {
	float: left;
	width:175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	background-color: #ffffff;
}

p.head_brand_menu{
	display: block;
	text-indent:21px;
	width: 172px;
	background: url(./img/bar.gif) no-repeat;
	background-position:5px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	line-height:25px;
	vertical-align:middle;
}

p.mailmag{
	clear: both;
	background-image: url(./img/left_14.gif);
	background-repeat: repeat-y;
	background-position:7.5px;
	text-align:center;
	margin: -5px 0px -2px 0px;
}


p.other{
	background-image: url(./img/arrow_02.gif);
	background-repeat: no-repeat;
	background-position:10px;
	text-indent:28px;
	text-align:left;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーブランド用メニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.header_brand {
	width:174px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top:none;
	/*border-right: solid 1px #808080;*/
	/*border-bottom: solid 1px #808080;*/
	/*border-left: solid 1px #808080;*/
	background-color: #e9ffcf;
}


.brand_menu_title {
	margin: -3px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	border-top:none;
}

.brand_menu {
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top:none;
}



.brand_menu_end {
	margin: -5px 0px -1px 0px;
	padding: 0px 0px 0px 0px;
	border-top:none;
}

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

li{
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	text-indent:24px;
}

.brand_menu a{
	display: block;
	vertical-align:middle;
	background: url(./img/brand_menu_off.gif) no-repeat;
	background-position:0px 0px;
	margin: 0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}


.brand_menu a:hover{
	display: block;
	vertical-align:middle;
	background: url(./img/brand_menu_over.gif) no-repeat;
	background-position:0px 0px;
	margin: 0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}

.brand_menu_end a{
	display: block;
	vertical-align:middle;
	background: url(./img/brand_menu_end_off.gif) no-repeat;
	background-position:0px 0px;
	margin: 0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}


.brand_menu_end a:hover{
	/*color:#333333;*/
	background-color:#ffffff;
	background: url(./img/brand_menu_end_over.gif) no-repeat;
	padding:4px 0px 4px 0px;
}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.maincont_header {
	width:610px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	text-align: center;
}

p.main_menu{
	background-image: url(./img/main_03.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.main_info{
	float: left;
	width:410px;
	background-image: url(./img/main_header_back.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

p.main_info_img{
	float: left;
	width:200px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メイン外枠
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.maincontents {
	width:610px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	background-image: url(./img/main_back.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	text-align: center;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.main {
	clear:both;
	width:590px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
	/*text-indent:10px;*/
	/*border:solid 1px #cccccc;*/
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.scroll_title{
	float: left;
	width: 88px;
	height:27px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}


.scroll_box{
	float: left;
	background-image: url(./img/news_back.gif);
	background-repeat: repeat-x;
	margin: 10px 0px 0px 0px;
	line-height:27px;
	width: 502px;
}
.campaign_box{
	float: left;
	width: 310px;
	/*height:180px;*/
	/*border: dotted 1px #cccccc;*/
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.campaign_banner_box{
	float: left;
	width: 275px;
	/*height:180px;*/
	/*border: dotted 1px #cccccc;*/
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.item_box{
	float: left;
	width: 112px;
	height:180px;
	/*border: dotted 1px #cccccc;*/
	margin: 0px 2px 0px 2px;
	padding: 0px;
}

p.photo{
	clear:both;
	text-align: center;
	width:112px;
	height:100px;
	margin-bottom: 5px;
}

p.item{
	text-align:center;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
}

.banner{
	clear:both;
	margin: 0px 35px 0px 35px;
	width: 520px;

}

p.banner{
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.news_box{
	float: left;
	width: 270px;
	height:200px;
	/*border: dotted 1px #cccccc;*/
	margin: 5px 5px 5px 10px;
	padding: 0px;
}

p.noline{
	text-align:center;
	margin: 0px 0px 0px 0px;
	text-decoration:line-through;
}

p.saleprice{
	text-align:center;
	margin: 0px 0px 0px 0px;
	color:#FF0000;
}

.sale_box{
	float: left;
	width: 112px;
	height:230px;
	/*border: dotted 1px #cccccc;*/
	margin: 0px 2px 0px 2px;
	padding: 0px;
	text-align:left;
}

.sale_list{
	float: left;
	width: 270px;
	margin: 5px 5px 5px 10px;
	padding: 0px;
}

p.saleitem{
	background-image: url(./icon/arrow_01.gif);
	background-repeat: no-repeat;
	background-position:30px;
	text-indent:48px;
}

p.saleitemprice{
	text-indent:48px;
	margin: 0px 0px 0px 0px;
}

hr.line{
	float: left;
	color: #666666;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	width: 560px;
	height: 1px;
	text-align:center;
	margin: 0px 15px 0px 15px;
}

.info{
	/*clear:both;*/
	margin: 10px 15px 10px 15px;
	width: 560px;
	/*border: dotted 1px #cccccc;*/
	padding: 0px 0px 0px 0px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッターリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.footer_link {
	margin: 20px 15px 0px 15px;
	text-align: center;
	width: 560px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.footer {
	margin-left: auto;
	margin-right: auto;
	clear:both;
	width:785px;
	height:15px;
	background-color:#333333;
	text-align:center;
	border-bottom: solid 1px #cccccc;
}

hr.f_line{
	color: #333333;
	border-width: 10px 0px 0px 0px;
	border-style: solid;
	width: 785px;
	text-align:center;
}

p.line {
	display: block;
	background-image: url(./img/arrow_02.gif);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
使用していない
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*
h1,address {
	width:790px;
	margin-left:auto;
	margin-right:auto;
}


h1 {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0;
	margin-bottom:0;
}
*/




table.b_menu{
	width:172px;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
}

tr.off td.mark{
	text-indent:21px;
	width: 172px;
	background: url(./img/bar.gif) no-repeat;
	background-position:5px;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px;
	line-height:25px;
}

tr.on td.mark{
	text-indent:21px;
	width: 172px;
	background: url(./img/bar.gif) no-repeat;
	background-position:5px;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px;
	line-height:25px;
	background-color: #ffffc5;
}