@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}

body {
	background: url(http://www.luceonline.jp/exterior/img/bg_01.png) repeat-x left top;
	font: 12px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #434343;
}
a:link, a:visited { color: #5fa15f; text-decoration: none; }
a:hover, a:active { color: #DE8389; outline: none; }
img { border-style: none; }
.clear { clear: both; }
.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }
em { color: #FF0000; font-style: normal; }
.blue { color: #3366CC; }
.f10 { font-size: 10px; }

#wrap {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 1000px;
	background: #FFFFFF;
}

#head {
	width: 1000px;
	height: 90px;
	position: relative;
	background: url(/user_data/packages/default/img/luce/head_bk.gif) no-repeat;
}
#head p#sitename {
	height: 39px;
	width: 79px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	left: 10px;
	top: 15px;
}
#head p#sitename a {
	height: 39px;
	width: 79px;
	display: block;
	background: url(/user_data/packages/default/img/luce/logo.gif) no-repeat;
}
#head h1 {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 39px;
	left: 100px;
	width: 340px;
	height: 20px;
	line-height: 20px;
}

/* ------------ ナビ　ログイン前 ------------ */
#head-navi-off {
	height: 21px;
	width: 257px;
	display: block;
	position: absolute;
	top: 10px;
	left: 733px;
	list-style: none;
}
#head-navi-off ul {}
#head-navi-off li {
	list-style-type: none;
	position: absolute;
	text-indent: -9999px;
}
#head-navi-off a {
	height: 21px;
	display: block;
	background: url(/user_data/packages/default/img/luce/top_navi_off.gif) no-repeat;
}
#head-navi-off a:hover { background-color: #E6E6E6; }
#head-navi-off a:hover img { visibility: hidden; }

#head-navi-off #navi-login { left: 0px; }
#head-navi-off #navi-login a { width: 71px; background-position: 0px 0px; }
#head-navi-off #navi-login a:hover { background-position: 0px -21px; }
#head-navi-off #navi-entry { left: 81px; }
#head-navi-off #navi-entry a { width: 71px; background-position: -81px 0px; }
#head-navi-off #navi-entry a:hover { background-position: -81px -21px; }
#head-navi-off #navi-cart { left: 172px; }
#head-navi-off #navi-cart a { width: 85px; background-position: -172px 0px; }
#head-navi-off #navi-cart a:hover { background-position: -172px -21px; }

/* ------------ ナビ　ログイン後 ------------ */
#head-navi-on {
	height: 21px;
	width: 176px;
	display: block;
	position: absolute;
	top: 10px;
	left: 814px;
	list-style: none;
}
#head-navi-on ul {}
#head-navi-on li {
	list-style-type: none;
	position: absolute;
	text-indent: -9999px;
}
#head-navi-on a {
	height: 21px;
	display: block;
	background: url(/user_data/packages/default/img/luce/top_navi_on.gif) no-repeat;
}
#head-navi-on a:hover { background-color: #E6E6E6; }
#head-navi-on a:hover img { visibility: hidden; }

#head-navi-on #navi-mypage { left: 0px; }
#head-navi-on #navi-mypage a { width: 71px; background-position: 0px 0px; }
#head-navi-on #navi-mypage a:hover { background-position: 0px -21px; }
#head-navi-on #navi-cart { left: 91px; }
#head-navi-on #navi-cart a { width: 85px; background-position: -91px 0px; }
#head-navi-on #navi-cart a:hover { background-position: -91px -21px; }

#navi {
	background: #eeeeee;
	padding: 0px 5px;
	height: 20px;
	width: 970px;
	line-height: 20px;
	text-align: right;
	font-size: 10px;
	position: absolute;
	top: 60px;
	left: 10px;
}

div.three-col {margin: 0px auto 20px;width: 980px;}
div.two-col-left {margin: 0px auto 20px;width: 980px;}

/* ------------ 左メニュー ------------ */
#left-wrap {width: 170px;float: left;}

#left-wrap #itemlist {margin: 0px 0px 15px;width: 170px;}
#left-wrap #itemlist h3 {
	background: url(/user_data/packages/default/img/luce/h3_itemlist_top.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 5px;
	height: 20px;
}
#left-wrap #itemlist a {
	color: #434343;
	background: url(/user_data/packages/default/img/luce/item_ul_off.gif) no-repeat;
	padding: 0px 0px 0px 25px;
	display: block;
	line-height: 24px;
    height: 24px;
}
#left-wrap #itemlist a:hover {text-decoration: underline;background: url(/user_data/packages/default/img/luce/item_ul_on.gif) no-repeat;}
#left-wrap #itemlist ul {list-style: none;}
#left-wrap #itemlist ul ul {margin: 0 0 0 10px;}
#left-wrap #search {
	background: #E5E5E5 url(/user_data/packages/default/img/luce/h3_under.gif) no-repeat left bottom;
	margin: 0px 0px 10px;
	width: 170px;
}
#left-wrap #search form p, #menu-wrap #news form p {
	padding: 0px 0px 10px 10px;
	display: block;
	width: 140px;
}
#left-wrap #search h3 {
	background: url(/user_data/packages/default/img/luce/h3_itemsearch.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 5px;
	height: 20px;
	width: 170px;
}
#left-wrap #news {
	background: #E5E5E5 url(/user_data/packages/default/img/luce/h3_under.gif) no-repeat left bottom;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	width: 170px;
}
#left-wrap #news h3 {
	background: url(/user_data/packages/default/img/luce/h3_news_top.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 5px;
	height: 20px;
	width: 170px;
}
#left-wrap #news #info {
	background: #FFFFFF;
	margin: 0px 0px 0px 10px;
	width: 150px;
	height: 100px;
	overflow: auto;
	font-size: 10px;
}
#left-wrap #news #info dl {padding: 5px;}
#left-wrap #news #info dt {
    padding: 0px 0px 0px 10px;
    background: url(/user_data/packages/default/img/luce/arrow_red01.gif) no-repeat left 6px;
}
#left-wrap #news #info dd {margin: 0px 0px 5px 10px;}
#left-wrap #bn-affiliate {width: 170px;text-indent: -9999px;height: 110px;}
#left-wrap #bn-affiliate a {
	background: url(/user_data/packages/default/img/luce/bn_affiliate.gif) no-repeat;
	display: block;
	height: 110px;
	width: 170px;
}
#left-wrap #bn-affiliate a:hover { background-position: 0px -110px; }
#left-wrap #bn-affiliate a img { visibility: hidden; }


/* ------------ 基本 ------------ */
#main-wrap {
	margin: 0px 0px 15px;
	float: right;
	width: 795px;
}
#main-wrap h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 590px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #6a9e48;
	display: block;
}

/* ------------ トップ　上カテゴリー ------------ */
#top-wrap {
	padding: 0px 0px 20px;
	width: 795px;
}
#top-wrap #top-img {
	float: left;
	height: 202px;
	width: 390px;
}
#top-wrap #top-img a {
	text-indent: -9999px;
	display: block;
	height: 202px;
	width: 390px;
	background: url(/user_data/packages/default/img/luce/top_img.jpg) no-repeat;
}
#top-wrap #top-img a:hover { background-position: 0px -202px; }
#top-wrap #top-img a img { visibility: hidden; }

#top-wrap #top-bn {
	float: right;
	width: 395px;
	border-left: 1px solid #BFBFBF;
}
#top-wrap #top-bn ul#bn-l {
	list-style: none;
	float: left;
	width: 196px;
	border-top: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
}
#top-wrap #top-bn ul#bn-l li {
	height: 66px;
	width: 196px;
	border-bottom: 1px solid #BFBFBF;
}
#bn01 a, #bn02 a, #bn03 a, #bn04 a, #bn05 a, #bn06 a {
	display: block;
	height: 66px;
	width: 196px;
	text-indent: -9999px;
}
#bn01 a { background: url(/user_data/packages/default/img/luce/bn01.jpg) no-repeat; }
#bn02 a { background: url(/user_data/packages/default/img/luce/bn02.jpg) no-repeat; }
#bn03 a { background: url(/user_data/packages/default/img/luce/bn03.jpg) no-repeat; }
#bn04 a { background: url(/user_data/packages/default/img/luce/bn04.jpg) no-repeat; }
#bn05 a { background: url(/user_data/packages/default/img/luce/bn05.jpg) no-repeat; }
#bn06 a { background: url(/user_data/packages/default/img/luce/bn06.jpg) no-repeat; }
#bn01 a:hover, #bn02 a:hover, #bn03 a:hover, #bn04 a:hover, #bn05 a:hover, #bn06 a:hover { background-position: 0px -66px; }
#bn01 a img, #bn02 a img, #bn03 a img, #bn04 a img, #bn05 a img, #bn06 a img { visibility: hidden; }

/* ------------ トップ　下カテゴリー ------------ */
#contents-bottom {width: 795px;}

/* ------------ トップ　注目ブランド ------------ */
#body-index #contents-bottom {width: 620px;float: left;}
#body-index #contents-bottom #brand {margin: 0px 0px 15px;width: 620px;}
#body-index #contents-bottom #brand p {margin: 0px 0px 10px;font-size: 10px;}
#body-index #contents-bottom #brand ul {
	list-style: none;
	height: 90px;
	width: 620px;
	display: block;
}
#body-index #contents-bottom #brand li {
	height: 90px;
	width: 200px;
	float: left;
}
#body-index #contents-bottom #brand li#br01 {
	margin-right: 10px;
}
#body-index #contents-bottom #brand li#br02 {
	margin-right: 10px;
}
#body-index #contents-bottom #brand li#br03 {
}
#br01 a {
	display: block;
	height: 90px;
	width: 200px;
	text-indent: -9999px;
	background: url(/user_data/packages/default/img/luce/br01.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#br02 a {
	display: block;
	height: 90px;
	width: 200px;
	text-indent: -9999px;
	background: url(/user_data/packages/default/img/luce/br02.jpg) no-repeat;
}
#br03 a {
	display: block;
	height: 90px;
	width: 200px;
	text-indent: -9999px;
	background: url(/user_data/packages/default/img/luce/br03.jpg) no-repeat;
}
#br01 a:hover, #br02 a:hover, #br03 a:hover { background-position: 0px -90px; }
#br01 a img, #br02 a img, #br03 a img { visibility: hidden; }

/* ------------ トップ　ランキング ------------ */
#body-index #contents-bottom #ranking {
	margin: 0px 0px 15px;
	width: 620px;
	font-size: 10px;
}
#body-index #contents-bottom #ranking dt {
	background: #EEEEEE;
	height: 22px;
	width: 116px;
	text-indent: -9999px;
}
#body-index #contents-bottom #ranking dd {
	background: #EEEEEE;
	padding: 5px 8px 8px;
	width: 100px;
}
#body-index #contents-bottom #ranking p {margin: 5px 0px 0px;}
dl#no1, dl#no2, dl#no3, dl#no4 {
	margin: 0px 10px 0px 0px;
	width: 116px;
	float: left;
	display: block;
}
dl#no5 {width: 116px;float: left;}
#body-index #contents-bottom #ranking dl#no1 dt { background: url(/user_data/packages/default/img/luce/no1.gif) no-repeat; }
#body-index #contents-bottom #ranking dl#no2 dt { background: url(/user_data/packages/default/img/luce/no2.gif) no-repeat; }
#body-index #contents-bottom #ranking dl#no3 dt { background: url(/user_data/packages/default/img/luce/no3.gif) no-repeat; }
#body-index #contents-bottom #ranking dl#no4 dt { background: url(/user_data/packages/default/img/luce/no4.gif) no-repeat; }
#body-index #contents-bottom #ranking dl#no5 dt { background: url(/user_data/packages/default/img/luce/no5.gif) no-repeat; }

/* ------------ トップ　おすすめ ------------ */
#body-index #contents-bottom #recommend {width: 620px;font-size: 10px;}
#body-index #contents-bottom #recommend ul {
	background: #EEEEEE;
	list-style: none;
	width: 620px;
	display: block;
}
li#no1, li#no2,li#no3, li#no4 {
	margin: 0px 10px 0px 0px;
	padding: 8px;
	width: 100px;
	/*background: #EEEEEE;*/
	float: left;
	display: block;
}
li#no5 {
	padding: 8px;
	width: 100px;
	/*background: #EEEEEE;*/
	float: left;
	display: block;
}
#body-index #contents-bottom #recommend p {margin: 5px 0px 0px;}

/* ------------ トップ用 新着アイテム ------------ */
#newitem {float: right;width: 165px;}
#newitem h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 135px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk2.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #437a1f;
	display: block;
}
#newitem dl {
	padding: 10px 0px 0px;
	background: #e5e5e5;
	width: 165px;
	font-size: 10px;
}
#newitem dt {
	margin: 0px 0px 5px 10px;
	height: 100px;
	width: 145px;
}
#newitem dd {margin: 0px 0px 10px 10px;width: 145px;}


/* ------------ 3カラム用 新着アイテム ------------ */
#right-wrap {float: right;width: 165px;}
#right-wrap h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 135px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk2.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #437a1f;
	display: block;
}
#right-wrap dl {
	padding: 10px 0px 0px;
	background: #e5e5e5;
	width: 165px;
	font-size: 10px;
}
#right-wrap dt {
	margin: 0px 0px 5px 10px;
	height: 100px;
	width: 145px;
}
#right-wrap dd {margin: 0px 0px 10px 10px;width: 145px;}

/* ------------ リスト ------------ */
#list-wrap {float: left;width: 620px;}
#list-wrap #condition {
	margin: 0px 0px 10px;
	padding: 27px 0px 0px;
	height: 23px;
	width: 620px;
	background: url(/user_data/packages/default/img/luce/condition_bk.gif) no-repeat;
	display: block;
}
#list-wrap #condition p {float: left;display: block;}
#list-wrap #condition p#category {
	width: 120px;
	height: 18px;
	padding: 0px 0px 0px 80px;
}
#list-wrap #condition p#brand {
	width: 120px;
	height: 18px;
	padding: 0px 0px 0px 60px;
}
#list-wrap #condition p#keyword {
	width: 155px;
	height: 18px;
	padding: 0px 0px 0px 75px;
}

#list-wrap #next {
	border-top: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	margin: 0px 0px 20px;
	width: 620px;
	height: 25px;
	line-height: 25px;
	text-align: right;
}
#list-wrap #next span {margin: 0px 0px 0px 10px;}
#list-wrap #next span a {margin: 0px 10px;}
#list-wrap #list-item {width: 620px;}
#list-item div.row {padding: 0px 0px 10px;width: 620px;}
#list-item div.set {
	margin: 0px 10px 0px 0px;
	padding: 10px;
	float: left;
	background: #EEEEEE;
	width: 125px;
}
/* for IE6 \*/
*html #list-item div.set.last {
    float: none;
    margin: 0;
}
#list-item p.img {margin: 0px 0px 5px;width: 125px;text-indent: -9999em;}
#list-item p.img a {display: block;width: 125px;height: 125px;}
#list-item p.txt {}
#list-item span {
	display: block;
	margin: 5px 0px 0px;
	height: 24px;
	width: 125px;
}
#list-item span a {
	background: url(/user_data/packages/default/img/luce/btn_detail.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 125px;
}
#list-item span a:hover { background-position: 0px -24px; }
#list-item span a img { visibility: hidden; }

/* ------------ 商品詳細 ------------ */
#detail-wrap {float: left;width: 660px;}
#detail-content {margin: 0px 0px 20px;width: 620px;}
#det-left {float: left;width: 250px;}
#det-left p {margin: 0px 0px 25px;}
#det-left div.variation {margin: 0px 0px 10px;width: 250px;}
#det-right {float: right;width: 360px;}
#det-right h3 {
	background: #e7ffd9;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border-top: 1px dotted #bfbfbf;
	border-bottom: 1px dotted #bfbfbf;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	width: 350px;
}
#det-right h4 {
	margin: 0px 0px 5px;
	font-size: 14px;
	color: #007B7B;
	border-bottom: 1px dotted #B7CCCE;
	border-top: 1px dotted #B7CCCE;
	width: 360px;
	display: block;
}
#det-right p.icon {
	margin: 0px 0px 5px;
	display: block;
}
#det-right p.code, #det-right p.point {
	margin: 0px 0px 5px;
	display: block;
}
#det-right p.icon img {
	margin: 0px 5px 5px 0px;
	height: 21px;
	width: 81px;
}
#det-right p.price {
	background: url(/user_data/packages/default/img/luce/icon_price.gif) no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	padding: 0px 0px 5px 65px;
	height: 21px;
	width: 295px;
}
#det-right p.price span {
	font-size: 12px;
	font-weight: normal;
	color: #434343;
}
#det-right div.txt {
	margin: 0px 0px 10px;
	width: 360px;
	display: block;
}
#det-right dl {
	margin: 0px 0px 5px;
	width: 360px;
	display: block;
}
#det-right dt {
	background: url(/user_data/packages/default/img/luce/icon_check.gif) no-repeat left center;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 25px;
	float: left;
	width: 60px;
	height: 21px;
	line-height: 21px;
}
#det-right dd {
	margin: 0px 0px 10px;
	height: 21px;
	line-height: 21px;
}
#det-right #btn-cart {
	margin: 0px 0px 15px;
	height: 34px;
	width: 154px;
}
#det-right #btn-cart a {
	display: block;
	height: 34px;
	width: 154px;
	background: url(/user_data/packages/default/img/luce/btn_cart.gif) no-repeat;
	text-indent: -9999px;
}
#det-right #btn-cart a:hover { background-position: 0px -34px; }
#det-right #btn-cart a img { visibility: hidden; }
#det-right ul {list-style: none;}

#det-image-large, #det-image-normal {margin: 0 0 10px;}
#image-large, #image-normal {
    display: block;
    height: 250px;
    width:250px;
    text-indent: -9999em;
}
a#image-large {border: 1px solid #5fa15f;}
a#image-large:hover {border: 1px solid #DE8389;}
span#image-normal {border: 1px solid #CCCCCC;}
a.image-switch {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #CCCCCC;
    position: relative;
    float: left;
    margin: 0 1px 1px 0;
}
a.image-switch img {position:absolute;top: 50%;left: 50%;}

#detail-item {
	background: #EEEEEE;
	margin: 0px 0px 20px;
	padding: 10px 0px 0px 10px;
	width: 610px;
}
#detail-item div.set {
	margin: 0px 12px 10px 0px;
	float: left;
	width: 190px;
}
#detail-item div.img {width: 100px;float: left;}
#detail-item div.txt {float: right;width: 80px;}

#detail-etc {}
#detail-etc h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 275px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #6a9e48;
	display: block;
}
#detail-etc #review {float: left;width: 305px;}
#detail-etc #trackback {float: right;width: 305px;}
#detail-etc #review dt {font-weight: bold;}
#detail-etc #review dt img {
	margin: 0px 2px 0px 0px;
	height: 12px;
	width: 12px;
}
#detail-etc #review dd {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #c9c9c9;
}
#detail-etc #trackback dt img {
	margin: 0px 2px 0px 0px;
	height: 14px;
	width: 12px;
}
#detail-etc #trackback dd {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #c9c9c9;
}
#detail-etc div.etc-wrap {
	background: #EEEEEE;
	padding: 10px;
	width: 285px;
	height: 350px;
	overflow: auto;
}
#detail-etc div.btn-wrap {
	background: #EEEEEE;
	margin: 0px 0px 5px;
	padding: 10px;
	width: 285px;
	height: 40px;
}
#detail-etc p {padding: 10px 0px 0px;}


/* ------------ サブ情報 ------------ */
#sub-wrap {padding: 0px 0px 20px;width: 620px;}
#sub-wrap h3 {
	margin: 0px 0px 10px;
	padding: 0px 5px;
	font-size: 14px;
	width: 610px;
	background: #FFEFDF;
	height: 30px;
	line-height: 30px;
	color: #CC3300;
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
}
#sub-wrap div.img {margin: 0px 10px 10px 0px;float: left;}
#sub-wrap div.txt {}


/* ------------ その他の2カラムページ ------------ */
#two-wrap {width: 795px;}
#two-wrap h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 765px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #6a9e48;
	display: block;
}
#two-wrap p.txt {}
#two-wrap table {
	margin: 0px 0px 0px 5px;
	border-collapse:collapse;
	border-left: 5px solid #6A9E48;
}
#two-wrap th {
	border-bottom: 1px dotted #BFBFBF;
	background: #EAF8E0;
	padding: 3px 5px;
	text-align: left;
}
#two-wrap td {border-bottom: 1px dotted #BFBFBF;padding: 3px 5px;}
#two-wrap #tb {margin: 10px 0px 0px;}
#two-wrap #tb table {
	border-collapse:collapse;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	margin: 0px 0px 15px 25px;
}
#two-wrap #tb th {
	background: #EAF8E0;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}
#two-wrap #tb td {
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}

/* ------------ その他の1カラムページ ------------ */
div.one-col #main-wrap {
	margin: 0px auto 15px;
	width: 900px;
	float: none;
}
div.one-col #main-wrap h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 870px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #6a9e48;
	display: block;
}
div.one-col #main-wrap h3 {
	font-size: 14px;
	background: #E7FFD9;
	margin: 0px 0px 10px;
	padding: 0px 5px;
	width: 790px;
	line-height: 30px;
	height: 30px;
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
}
div.one-col p.txt {margin: 0px 0px 10px;}
div.one-col table {
	border-collapse:collapse;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	margin: 0px 0px 15px 25px;
}
div.one-col th {
	background: #EAF8E0;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}
div.one-col td {
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}
div.one-col table table {border-style: none;text-align: center;}
div.one-col table table td {border-style: none;}
div.one-col div.area {margin: 0px auto 15px;width: 800px;}
div.one-col div.space {margin: 0px 0px 0px 25px;}
div.one-col div.pwget {margin: 0px auto 15px;width: 800px;}
div.one-col ul {list-style: none;}

div.one-col #flow {
	margin: 0px 0px 10px;
	width: 900px;
	font-size: 14px;
}
div.one-col #flow span {
	font-weight: bold;
	color: #FF6600;
}
#mypage {width: 900px;}
#mypage #my-r h3 {
	font-size: 14px;
	background: #E7FFD9;
	margin: 0px 0px 10px;
	padding: 0px 5px;
	width: 690px;
	line-height: 30px;
	height: 30px;
	border-top: 1px dotted #BFBFBF;
	border-bottom: 1px dotted #BFBFBF;
}
#mypage #my-l {float: left;width: 200px;}
#mypage #my-r {float: right;width: 700px;}
#mypage #my-l ul {}
#mypage #my-l li {
	margin: 0px 0px 5px;
	line-height: 30px;
	height: 30px;
	width: 190px;
}
#mypage #my-l ul a {
	display: block;
	padding: 0px 0px 0px 10px;
	height: 30px;
	width: 180px;
	background: #E7FFD9;
	border-left: 5px solid #6A9E48;
}
#mypage #my-l ul a:hover {
	display: block;
	padding: 0px 0px 0px 10px;
	height: 30px;
	width: 180px;
	background: #FFE8F5;
	border-left: 5px solid #C45974;
}
#mypage #welcome {
	padding: 10px 0px;
	width: 193px;
	background: #FFFFE8;
	text-align: center;
	border: 1px solid #FFCC66;
}

#windowcolumn {
	margin: 0px auto;
	padding: 10px;
	width: 580px;
	background: #FFFFFF;
}
#windowcolumn h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	width: 550px;
	background: url(/user_data/packages/default/img/luce/h2_top_bk.gif) no-repeat;
	font-size: 16px;
	line-height: 30px;
	color: #6a9e48;
	display: block;
}
#windowcolumn p.txt {}
#windowcolumn table {
	border-collapse:collapse;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	margin: 0px 0px 15px 25px;
}
#windowcolumn th {
	background: #EAF8E0;
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}
#windowcolumn td {
	border-right: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	padding: 3px;
}

/* ------------ フッター ------------ */
#foot {
	background: #eeeeee;
	margin: 0px auto;
	padding: 0px 5px;
	height: 20px;
	width: 970px;
	line-height: 20px;
	font-size: 10px;
	position: relative;
}
address {
	font-style: normal;
	position: absolute;
	top: 0px;
	line-height: 20px;
	left: 755px;
	width: 220px;
	text-align: right;
	height: 20px;
}

/* ------------ フォーム類 ------------ */
form {}
.w25 { width: 25px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w580 { width: 580px; }
.w590 { width: 590px; }
.w600 { width: 600px; }
.w650 { width: 650px; }
.w700 { width: 700px; }
.w750 { width: 750px; }

div.btn-l p, div.btn-c p, div.btn-c p {margin: 0px 0px 10px;}
div.btn-l {margin: 0px 0px 15px;width: 100%;text-align: left;}
div.btn-c {margin: 0px 0px 15px;width: 100%;text-align: center;}
div.btn-r {margin: 0px 0px 15px;width: 100%;text-align: right;}
span.btn {margin: 5px 0px 0px;display: block;}
div.f-space {margin: 10px 0px;}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */







/*------------ table style① set ------------*/

#listtable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 20px; MARGIN: 0px 0px 20px; PADDING-TOP: 10px
}
#listtable TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
#listtable TD.head1 {
	BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #00aa00; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
#listtable TD.head2 {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #00aa00; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
#listtable TD.head3 {
	BORDER-RIGHT: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #00aa00; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
#listtable TD.head4 {
	FONT-SIZE: 10px; COLOR: #00aa00; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
#listtable TD.title {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: left
}
#listtable TD.data1 {
	BORDER-RIGHT: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: left; PADDING-LEFT: 10px
}
#listtable TD.data2 {
	BORDER-RIGHT: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: center
}
#listtable TD.data3 {
	FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: left
}
#listtable TD.data4 {
	BORDER-RIGHT: #cccccc 1px solid; FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: left
}
#listtable TD.data5 {
	FONT-SIZE: 10px; COLOR: #333333; TEXT-ALIGN: left
}



/*------------ table style② set ------------*/
.hpb-cnt-tb1{
	background-color: #333333;
    border: solid #333333;
    border-width: 1px 0 0 1px;
}
.hpb-cnt-tb2{
	background-color: #333333;
	border: 1px solid #333333;
}
.hpb-cnt-tb3{
	background-color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-th1 {
	background-color: #BBBBBB;
	font-size: 10px;
	color: #333333;
    border: solid #333333;
    border-width: 0 1px 1px 0;
}
.hpb-cnt-tb-th2 {
	background-color: #CCCCCC;
	font-size: 10px;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell1 {
	background-color: #EEEEEE;
	font-size: 10px;
	color: #333333;
    border: solid #333333;
    border-width: 0 1px 1px 0;
}
.hpb-cnt-tb-cell2 {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #333333;
    border: solid #333333;
    border-width: 0 1px 1px 0;
}
.hpb-cnt-tb-cell3 {
	background-color: #EEEEEE;
	font-size: 10px;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell4 {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #333333;
	border: 0px solid #333333;
}
.hpb-cnt-tb-cell5 {
	background-color: #FFFFFF;
	font-size: 10px;
	color: #333333;
    border: solid #CCCCCC;
    border-width: 0 0 1px 0;
}

.padding5 th, .padding5 td {padding: 5px;}
